เมนู

แสดงโพสต์

ส่วนนี้ให้คุณดูโพสต์ทั้งหมดของสมาชิกท่านนี้ (เฉพาะโพสต์ในส่วนที่คุณมีสิทธิ์เข้าถึง)

เมนู แสดงโพสต์

ข้อความ - Maxio

#1
เรียนรู้ ทดลองทำ ฝึกฝน ครับ
#2
จริงๆผมว่ามันมีงานทุกภาษานะครับ ซึ่งถ้าให้ผมดูจากตา ที่เห็นก็จะมีพวก PHP, Node.js (JavaScript), C#, Java ปนๆกันไปครับ

ส่วนตัวผมก็เขียนแค่ JavaScript (Node.js/React.js) สำหรับทำเว็บ ก็สามารถทำงานได้ตามที่ลูกค้าต้องการครับ
หรือถ้าเป็น Mobile App ก็เขียน Android (Java, Kotlin) หรือไม่ก็ React Native ไปเลย ได้ iOS ด้วย
หรือบางงานลุกค้าอยากให้ทำเว็บง่ายๆมากๆ เอา Wordpress (PHP) มา custom หน่อยนึง + เพิ่ม theme จบงานได้เหมือนกัน

จะเห็นว่า ไม่ว่าภาษาไหน ก็สามารถรับงานได้นะครับ แต่บางงานผมก็ไม่สามารถจบได้คนเดียวนะครับ
เช่นผมอาจจะรับแค่ทำ Mobile หรือ ถ้าเป็นเว็บ อาจจะแค่ Design ไม่รวมพวก API หรือสลับกันไป แล้วแต่ครับ
#3
ENTER คือเลข 13  ลองใส่ในเงื่อนไขดูครับ

อ้างอิงเลข KeyCodes
#4
Programming / Re: ปรึกษาเรื่อง Jquery
25 กุมภาพันธ์ 2015, 01:02:55

$( document ).ready(function() {
    // code
});


หรือแบบสั้นๆ (shorthand)


$(function() {
    // code
});


มันคือฟังค์ชันที่ถูกรันเมื่อมีการโหลด DOM (หน้าเว็บเสร็จสิ้น) ฉะนั้น หากคุณต้องการรับ event ต่างๆ หรือจะ select element อะไรก็แล้วแต่ ก็ควรจะใส่ไว้ภายในฟังค์ชั่น `$(document).ready();`

ลองนึกดูว่า หน้าเว็บกำลังโหลดได้ครึ่งหน้า แต่ว่าคุณไป select input ที่มันอยู่ตรง footer ทั้งที่มันยัง render ไม่ถึง(ไม่รู้จัก) มันก็ไม่ทำงาน
#5
ในฟังค์ชัน onScroll(event) เอาบรรทัดนี้ออกซิครับ  :wanwan004:


$('nav ul li a').removeClass("active");  //<== ลบทิ้ง
#6
// แก้ไข หรือจริงๆ แค่หาไฟล์ jquery ไม่เจอ ส่วนพวก เครื่องหมาย   แทรกโค๊ดแล้วโดนลบ ทีแรกผมก็นึกว่าก็อปมาผิด  :wanwan004:

ทำไมไม่ลอง debug ดูละครับ อะ ไหนๆก็ว่าง กำลังจะเลิกงาน ลองไปลองทำดูครับ เผื่อมีหลายคนยังไม่รู้วิธีดีบัคเบื้องต้น ถ้าไม่อยากรู้วิธีแก้ก็ก็อปโค๊ดหลังแก้ไปเลยก็ได้ครับ  :wanwan004:


1. เซฟไฟล์ เป็นอะไรก็ได้ เช่น index.html แล้วเปิดบน Chrome เลือก Tool => JavaScript Console หรือกด Ctrl Shift J

จะเห็นว่าที่ console ของเรามีการแจ้งเตือนอยู่ net::ERR_FILE_NOT_FOUND : หาไฟล์ไม่เจอ เพราะอะไร? เพราะมันมองเห็นเป็น file://ajax.... เราต้องใส่ http:// ให้มัน เป็น


 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>


2. ต่อมาเห็น Uncaught SyntaxError: Unexpected number มั้ยครับ คลิกไปดู บรรทัดที่ 103
จะเห็น syntax มันผิดอยู่   'scrollTop': $target.offset().top 2 : เลข 2 คืออะไร? ไม่มี operand พวก  -*/ หรอ?
ซึ่งผมไม่รู้วิธีคำนวณนะว่าทำไง ผมเลยลบ 2 ทิ้ง แล้วตัว offset().top เปลี่ยนเป็น offset.top เฉยๆก็ได้ บรรทัดนี้จึงแก้เป็น

'scrollTop': $target.offset.top

3. ลอง refresh ดู ก็ยังเห็น error อีก คราวนี้เหมือนเดิม แต่คนละบรรทัด เป็นบรรทัด 116
อีกแล้ว

if (refElement.position().top <= scrollPosition && refElement.position().top   refElement.height() > scrollPosition) {

ตรงระหว่าง refElement.position().top กับ refElement.height() คืออะไรครับ ( -*/ หรือ?) วิธีแก้ก็ใส่   ไปให้ (เดาว่าเป็นตำแหน่งของ hyper link กับความสูง)

จะได้เป็น

if (refElement.position().top <= scrollPosition && refElement.position().top    refElement.height() > scrollPosition) {

เรียบร้อยครับ


โค๊ดหลังจากแก้แล้ว  ลิงค์นี้ https://gist.github.com/anonymous/fa00b45717cdcf04f3fe


<!DOCTYPE html>
<html lang="en-US">
<head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 <meta name="robots" content="all,index,follow" />

 <title>Change Active State of Links in Sticky Navigation on Page Scroll</title>
 <meta name="description" content="Change Active State of Links in Sticky Navigation on Page Scroll" />

 <style>
   html, body { margin: 0; padding: 0; width: 100%; height: 100%;}
   header {
     position: fixed;
     top: 0;
     width: 100%;
     height: 80px;
     background: #fff;
   }
   nav {
     width: 960px;
     height: 80px;
     margin: 0 auto;
   }
   nav ul {
     margin: 20px 0 0;
   }
   nav ul li {
     display: inline-block;
     margin: 0 30px 0 0;
   }
   .has_sub { position: relative;}
   
   .sub_menu {position:absolute;top: 40px;background-color: #ccc;display: none;}
   .has_sub:hover .sub_menu {display: block;}
   a { color: #4D4D4D;  font-family: sans-serif; text-transform: uppercase; text-decoration: none; line-height: 42px; }
   .active { color: #2dbccb; }
   
   .content { width: 100%; height: 100%; }
   .content > section { width: 100%; height: 100%; }
   
   #home { background: #2dbccb; }
   #about { background: #f6c362; }
   #services { background-color: #eb7e7f; }
   #contact { background-color: #415c71; }
   </style>

</head>

<body>

 <header>
   <nav>
     <ul>
       <li><a class="active" href="#home">Home</a></li>
       <li class="has_sub">
       <a href="#about">About</a>
       <ul class="sub_menu">
       <li><a href="#services">Services1</a></li>
       <li><a href="#services">Services2</a></li>
       <li><a href="#services">Services3</a></li>
       </ul>
       </li>
       <li class="has_sub">
       <a href="#services">Services</a>        
       <ul class="sub_menu">
       <li><a href="#services">Services3</a></li>
       <li><a href="#services">Services4</a></li>
       <li><a href="#services">Services5</a></li>
       </ul>
       </li>
       <li><a href="#contact">Contact</a></li>
     </ul>
   </nav>
 </header>

 <div class="content">
   <section id="home">home</section>
   <section id="about">about</section>
   <section id="services">services</section>
   <section id="contact">Contact</section>
 </div>

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>

 <script>
    $(document).ready(function () {
       $(document).on("scroll", onScroll);

       $('a[href^="#"]').on('click', function (e) {
         e.preventDefault();
         $(document).off("scroll");

         $('a').each(function () {
           $(this).removeClass('active');
         })
         $(this).addClass('active');

         var target = this.hash;
         $target = $(target);
         $('html, body').stop().animate({
           'scrollTop': $target.offset.top
         }, 500, 'swing', function () {
           window.location.hash = target;
           $(document).on("scroll", onScroll);
         });
       });
     });

     function onScroll(event){
       var scrollPosition = $(document).scrollTop();
       $('nav a').each(function () {
         var currentLink = $(this);
         var refElement = $(currentLink.attr("href"));
         if (refElement.position().top <= scrollPosition && refElement.position().top   refElement.height() > scrollPosition) {
           $('nav ul li a').removeClass("active");
           currentLink.addClass("active");
         }
         else{
           currentLink.removeClass("active");
         }
       });
     }
 </script>
</body>
</html>

#7
ตัว Community Edition ไม่มีในส่วน Web หรือ Enterprise Development ครับ ต้องเป็น Ultimate Edition

ตัว Community เหมาะสำหรับเขียน Java/Groovy พื้นฐาน หรือไม่ก็ Android ครับ
#8
อ้างถึงจาก: BlueDragon ใน 01 กุมภาพันธ์ 2015, 22:33:33
เคยมีความคิดบ้าๆ อีกแบบนะค่ะ

เคยคิดว่า ทั้งเมืองไทย เมืองนอก ปัจจุบันมันมี บริษัทรับซื้อไอเดียร์ หรือบริษัทที่เป็นคนกลาง ระหว่างคนที่มีไอเดียร์ดีๆ กับ คนที่มีทุน
ที่จะสามารถจับคู่กัน มาคลิ๊ก!! กันจนสามารถออกมาเป็นกิจการได้ แบบนีมีอยู่บ้างไหม

:-[ ... ไม่ได้เมาเหมือนเดิมนะค่ะ

แค่เจอปัญหา แล้วคิดว่ามันจะมีบ้างไหม ... บางทีอาจจะโลกแคบไปบ้าง
แต่ส่วนตัวแล้วคิดว่า เพราะมีปัญหานี่ละ นวัฒตกรรม หรือเทคโนโลยีใหม่ๆ ต่างๆ เลยเกิดขึ้น ... เพราะคนคิด และทำ เพื่อจะตอบโจทย์ปัญหา

... เคยโดนด่าด้วย เคยโดนว่าด้วย ว่าเด็กๆ ขี้สงสัยนะมันดี มันน่ารัก ... แต่แก่แล้วอย่าสงสัยเยอะ
... แปลกใจอยู่ว่า แก่แล้วสงสัย มันผิดหรือไงนะ  :P

555+ ไม่ได้เมาเหมือนเดิมนะค่ะ   :wanwan019:
ในไทยไม่รู้นะครับ แต่เมืองนอกมีเยอะนะครับเท่าที่ผมติดตามอยู่ แต่จำชื่อไม่ค่อยได้ ที่นึกออกก็มีพวก angel.co, gust.com, cofounderslab
#9
อันนี้ครับ https://github.com/Phonbopit/sarabun-webfont ผมทำเก็บไว้เป็น repo บน Github ไม่รู้ว่า Sarabun New กับ PSK ต่างกันมั้ย?

ที่มา : http://blog.u-blue.com/
#10
รู้จักแต่ 3 ตัวบน ตัวสุดท้ายไม่รู้จักครับ
debug แบบ step over/into คือแบบไหนหรอครับ

ปกติผมวาง breakpoint แล้วก็ debug ปกตินะครับ
แต่ว่าไม่ได้เขียน PHP นะ เขียน Java แต่คิดว่ามันก็น่าจะทำได้เหมือนกันรึเปล่า
#12
ลองเว้บนี้ครับ รวมๆมาจากหลายๆแหล่ง http://thestocks.im/
#13
อ้างถึงจาก: aspirecreation ใน 28 พฤศจิกายน 2014, 14:12:35
อ้างถึงจาก: Maxio ใน 27 พฤศจิกายน 2014, 23:16:54
อันนี้คือเขียนแอพ Android แบบไหน ใช้โปรแกรมอะไรครับ ไม่ค่อยคุ้นชื่อโฟลเดอร์เลย ?

ปกติชื่อโฟลเดอร์จะเป็นแบบนี้อะครับ

- drawable-mdpi  = ใส่ขนาดปกติ คูณ 1  (48x48)
- drawable-hdpi  = คูณ 1.5 ของขนาดปกติ (72x72)
- drawable-xhdpi = คูณ 2 ของขนาดปกติ (96x96)
- drawable-xxhdpi = คูณ 3 ของขนาดปกติ (144x144)

จะเห็นว่าสเกลมันคือ 3:4:6:8

ส่วนชื่อของรูปและไอคอน จะใช้ชื่อเดียวกัน แต่ว่าคนละขนาดใส่ไว้แยกโฟลเดอร์ครับ ลองสังเกต ic_launcher.png ดูครับ

ไม่รู้ว่าใช่ที่ต้องการรึเปล่านะครับ

ตอนออกแบบใน photoshop ใช้ขนาดหน้าจอของแอพเริ่มที่ขนาดหน้าจอ 320x570 pixel ใช่ปะครับ

อันนี้ไม่ทราบเหมือนกันครับ พอดีไม่เคยใช้ Photoshop อะครับ

ปกติดีไซน์ผมทำใน Android Studio เลย ส่วนรูปภาพก็จัดขนาดในโปรแกรมเอา
#14
อันนี้คือเขียนแอพ Android แบบไหน ใช้โปรแกรมอะไรครับ ไม่ค่อยคุ้นชื่อโฟลเดอร์เลย ?

ปกติชื่อโฟลเดอร์จะเป็นแบบนี้อะครับ

- drawable-mdpi  = ใส่ขนาดปกติ คูณ 1  (48x48)
- drawable-hdpi  = คูณ 1.5 ของขนาดปกติ (72x72)
- drawable-xhdpi = คูณ 2 ของขนาดปกติ (96x96)
- drawable-xxhdpi = คูณ 3 ของขนาดปกติ (144x144)

จะเห็นว่าสเกลมันคือ 3:4:6:8

ส่วนชื่อของรูปและไอคอน จะใช้ชื่อเดียวกัน แต่ว่าคนละขนาดใส่ไว้แยกโฟลเดอร์ครับ ลองสังเกต ic_launcher.png ดูครับ

ไม่รู้ว่าใช่ที่ต้องการรึเปล่านะครับ
#15
ผมรับทำแอพ Android นะ แต่ราคาแพง  :wanwan004:

ลองบอกรายละเอียด หรือสโคปงานมาก็ได้ครับ ผมพอมีคนรู้จักอยู่บ้างที่รับงานถูกๆ ทั้ง iOS และ Android เลย แต่คุณภาพก็ตามราคานะ
#16
มันเป็นค่า parameter ของ Google ครับ ก็คือเมื่อเข้า .com มันก็จะทำการ redirect ไปยังประเทศที่เราอยู่ => co.th

?gws_rd : gws ก็คือ Google Web Server, rd = redirected

ssl: ก็เชื่อมต่อแบบ ssl

ei : อันนี้ไม่แน่ใจครับ อาจจะเป็นรหัสที่ gen ให้เป็น unique หรืออาจะเป็น timestamp
#17
อยู่ใน Table wp_posts ครับ ชื่อ guid ฟอแมตมันประมาณ yoursite.com?p=1, ?p=5 
ส่วนถ้าตั้งเป็น Permalink รู้สึกว่ามันจะไม่ได้เก็บไว้ในฐานข้อมูล แต่จะใช้ WP_Rewrite มั้งครับ

http://codex.wordpress.org/Function_Reference/WP_Rewrite
#18
เพิ่งหัดทำ มือใหม่ครับ ลองแจกรายชื่อสินค้าของเว็บ Wallmart ครับ มีไม่เยอะ หมวดละ 200 รายการครับ  :wanwan020:


หมวด Trending - Best Seller

https://mega.co.nz/#!PdAWiRpb!GrEoIPsXcPK54ErmZ59XbxhBwURjZyYT0UzGgOdQiCI

หมวด Halloween

https://mega.co.nz/#!3NYyXQpK!lgOPR54VsZq6Mv7U-6KGsyn0P0PmlrBQiiMUEZ1MJNw

หมวด Electronics

https://mega.co.nz/#!aRgTyQzL!MGIuPRT9Peuvewi5MYyhKxxJ-q6mz_ZPipDqgNpNGKo

หมวด Baby

https://mega.co.nz/#!SIwxXS5L!vfPV-zBzbvx3_hEfavwMsEH1eAnsY7Y_zonzMZrtd7s


สุดท้าย ใครอยากได้หมวดหมู่ไหนเพิ่มเติม ผมรับดึงสินค้าให้ฟรีครับ ไม่เกิน 500 รายการ นะครับ
#19
ผมรับเขียนนะ อยากให้ดึงอะไรบ้าง title, image, url ขอแค่มีลิงค์ url เว็บที่ต้องการ gen เป็นไฟล์ csv ให้ สนใจลอง PM มาดูครับ
#20
ออ คนทำ Tutorial ของ AndEngine นี่เอง ผมเคยไปอ่านในบล็อคเค้าบ่อยๆ ว่าแล้ว ทำไมตัวเกมแลคุ้นๆ