Set up เครื่องมือเขียน code

ก่อนที่เราจะไปเริ่มต้นเรียนรู้เกี่ยวกับการเขียน code นั้นสิ่งสำคัญคือเราต้องมีเครื่องไม้เครื่องมือที่ช่วยให้เราเขียน code ได้ง่ายมากขึ้นในบทความนี้จะสอนการ set up และสิ่งต่างๆที่ต้องเรียนรู้ว่าเราจะมีเครื่องมือช่วยเราเขียน code ไปทำไมกัน

บทความมีอะไรบ้าง?

บทความนี้ผมจะสอนพวกพื้นฐานการเขียนเว็บโดยจะเริ่มแบบคนไม่รู้เลยว่าเว็บทำงานแบบไหนอย่างไร เพื่อให้พอมีความรู้และสามารถต่อยอดได้นะครับ อาจจะไม่ลงรายละเอียดแบบลึกว่ามันส่งค่าอะไรยังไง แต่จะพยายามให้คนอ่านสามารถเข้าใจและเขียนเว็บได้ในระดับเริ่มต้น โดยผมคิดว่าสิ่งที่ผมจะสอนนั้นจะสามารถหารายได้หรือสร้างรายได้นั่นเอง แต่ต้องให้คุณพยายามทำความเข้าใจและตั้งใจจริงนะครับ

โดยในบทความชุดนี้ผมจะมีการบ้านให้คุณได้ฝึกทักษะที่สอนในบทความอยากให้คุณลองทำตามดูนะครับโดยผมจะมีเฉลยให้ในตอนท้ายของบทความนะครับ ขอร้องว่าอย่าโกงกันนะเพราะตั้งใจเขียนเพื่อให้คุณได้เรียนรู้จริงๆ ถ้าติดตรงไหนในบทความอยากให้เพิ่มเติมอะไรก็สามารถ comment บอกได้นะครับ ผมเองจะพยายามปรับปรุงให้ดีขึ้นเรื่อยๆ

IDE

หลายๆคนพอเร่ิมมาเขียน code แล้วนั้นสิ่งที่ต้องรู้จักเป็นอย่างแรกเลยคือคำว่า IDE หรือย่อมาจากคำว่า Integrated development environment แปลเป็นคำบ้านๆคือ สิ่งที่จะช่วยให้เราทำงานตอนเขียนโค้ดได้ดี

รู้จักชื่อเรียกแล้วมาดูว่ามันทำไมเราถึงต้องใช้มัน

Why do we need ( ทำไมเราต้องใช้มัน ? )

จริงๆแล้วมาเขียน code สมัยก่อนนั้นเราเขียนผ่านพวกโปรแกรม Text editor ที่ติดมากับเครื่องได้เลยเช่นใน window เราจะมี notepad หรือใน mac ก็มี text editor แต่ปัญหาจากใช้พวกโปรแกรมที่มันไม่เฉพาะทางคือ

  • เขียนผิดไม่รู้ว่าตรงไหน
  • บางครั้งการใส่เครื่องหมายบางอย่างทำให้โปรแกรมไม่อ่าน หรือ อ่านไม่ออกเช่น ” ( double quote ) หรือ ฟันหนูซึ่งบางครั้งในบางโปรแกรมมันจะเปลี่ยนเป็นเครื่องหมายคำพูด
  • เปลี่ยนสีไม่ได้ทุกตัวอักษรเราจะไม่รู้เลยว่าตัวนี้ตัวแปร หรือว่าเป็นค่าคงที่ ( อ่านแล้วงงไม่เป็นไร เดี๋ยวจะพาไปรู้จักทีหลังครับ )
  • ปรับเปลี่ยนแบบที่เราอยากทำไม่ได้เช่น เราไม่สามารถเพิ่มปุ่ม shortcut เองได้ หรือปรับแต่งอย่างอื่นได้
  • ในปัจจุบันเราไม่ได้เขียนแค่โค้ดอย่างเดียวแต่มีโปรแกรมหลายตัวที่เราต้องทำงานแบบผสมผสาน ( integrate ) สมมติเช่น เราต้องการเขียนไฟล์ html แล้วต้องทำการ upload ไปที่ server ขั้นตอนคือ คุณสร้างไฟล์มา 1 ไฟล์ทำการเขียน code กด save แล้วเอาไฟล์นั้นไป upload ขึ้น server hosting ถึงจะจบการทำงานแต่บางโปรแกรมคุณสามารถเปิดเขียนโค้ดกด save แล้วมันทำการ upload ไปเลยครับ

Which one do we choose? ( เลือกอันไหนดี ? )

ในปัจจุบันเรามี IDE หลายยี่ห้อมากๆ โดยหลักๆที่จะใช้กันทั่วๆไปก็จะมี

  • vscode ( ฟรี )
  • sublime text 3 ( ฟรี )
  • บางอันนจะเป็น IDE เกิดมาเพื่อภาษานั้นๆ เช่น PHPStrom ( เสียเงิน ) แต่มีทุกอย่างให้ครบทำนองนี้ที่เหลืออยู่ที่เราจะเลือกใช้อันไหน

ซึ่งตอนนี้ถ้าคุณยังไม่เคยเขียน code ไม่เป็นไรแนะนำให้เลือก vscode ไปก่อนเลยเพราะตอนนี้ถือว่าครบเครื่องในระดับหนึ่งแล้วผมจะไม่อธิบายวิธี install โปรแกรมนะครับคิดว่าทุกคนพอจะทำได้อยู่บ้าง ถ้าไม่ได้จริงๆ คลิกทางนี้เลย การติดตั่ง VS code

สรุป

IDE คือ โปรแกรมเขียน code นั่นเอง ทำให้เราสามารถเขียน code ได้ง่ายขึ้นสะดวกขึ้น

ฝากข้อคิดเห็น

This site uses Akismet to reduce spam. Learn how your comment data is processed.