ส่วนที่ 10 หลักสูตร JavaScript จาก Beginner ถึง Advanced ใน 10 บล็อกโพสต์

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

หลักสูตรจาวาสคริปต์ – สารบัญ:

1. หัวข้อ JavaScript ที่เราได้กล่าวถึง
2. พื้นฐานของ JavaScript และการตั้งค่าสภาพแวดล้อมการเข้ารหัส
3. แนวทางปฏิบัติที่ดีที่สุดของ JavaScript
4. ตัวแปรและค่าคงที่
5. ชนิดข้อมูลพื้นฐานใน JavaScript
6. ลูปในการเขียนโปรแกรม
7. อาร์เรย์และฟังก์ชัน
8. วัตถุ JavaScript
9. แนวคิดทั่วไปใน JavaScript
10. จะไปจากที่นี่ที่ไหน?

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

หัวข้อ JavaScript ที่เราได้กล่าวถึง

ตลอดหลักสูตร JavaScript นี้ เราได้เริ่มต้นจากพื้นฐานของ JavaScript และก้าวไปสู่แนวคิดขั้นสูง

ขั้นตอนแรกของการเริ่มต้นใช้งาน JavaScript คือการทำความเข้าใจว่าทำไมเราจึงเรียนรู้ JavaScript ตั้งแต่แรก มีเหตุผลหลักหลายประการที่คุณอาจต้องการเริ่มต้นใช้งาน JavaScript แต่แอปพลิเคชันที่โดดเด่นที่สุดของ JavaScript มักจะไม่ทางใดก็ทางหนึ่งในการพัฒนาเว็บ JavaScript เริ่มต้นเป็นภาษาส่วนหน้าเท่านั้นและแพร่กระจายไปยังเซิร์ฟเวอร์ส่วนหลังและเริ่มครอบงำที่นั่นเช่นกัน

ไม่ว่าคุณจะเรียนรู้ JavaScript เพราะอะไร คุณควรทบทวนหลักสูตร JavaScript นี้อีกครั้งอย่างรวดเร็ว

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

พื้นฐานของ JavaScript และการตั้งค่าสภาพแวดล้อมการเข้ารหัส

หลังจากที่ได้เห็นว่าทำไม JavaScript ถึงได้รับความนิยมและคุณสามารถทำอะไรกับ JavaScript ได้บ้าง เราจึงเริ่มต้นกับ Hello world! ตัวอย่าง. เราตั้งค่าสภาพแวดล้อมการเข้ารหัสภายใน Google Chrome และเริ่มใช้ JavaScript Console เพื่อเขียนโค้ด ในขั้นต้น โค้ดที่เราเขียนเริ่มต้นง่ายๆ และทุกบรรทัดที่เราเขียนมีจุดประสงค์ที่เรียบง่าย โดยไม่ต้องเชื่อมต่อกับบรรทัดอื่น เนื่องจากความซับซ้อนของโค้ดของเราเริ่มเพิ่มมากขึ้น เราได้อัปเกรดสภาพแวดล้อมการเขียนโค้ดของเราเป็นคอนโซล Google Chrome ด้วย Console เราเริ่มเขียนโค้ดหลายบรรทัดได้อย่างสะดวกสบาย ซึ่งเริ่มซับซ้อนขึ้นเรื่อยๆ ในหลักสูตร JavaScript ทั้งหมด

แนวทางปฏิบัติที่ดีที่สุดของ JavaScript

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

ตัวแปรและค่าคงที่

ต่อไปเราได้เห็นว่าเราสามารถเก็บข้อมูลในสิ่งที่เรียกว่าตัวแปรและค่าคงที่ เมื่อตัดสินใจเลือกข้อมูลใหม่ เราควรจำไว้ว่าหากเราไม่คาดหวังการเปลี่ยนแปลงข้อมูล เราต้องการใช้คำหลัก "const" หากเราคิดว่าเราจะต้องแก้ไขค่านั้น เราก็ต้องใช้คีย์เวิร์ด "let" นี่เป็นแนวทางปฏิบัติที่ดีที่สุดในปัจจุบัน แต่เรายังเห็นว่าก่อนหน้า ES6 วิธีเดียวที่จะใช้ตัวแปรคือการประกาศด้วยคีย์เวิร์ด "var" หลังจากเห็นปัญหาที่อาจเกิดขึ้นจากความยืดหยุ่นที่มาพร้อมกับคีย์เวิร์ด var ในปี 2015 ด้วยมาตรฐาน ES6 วิธีใหม่และทันสมัยในการเขียน JavaScript ได้กลายมาเป็นการใช้คีย์เวิร์ด "const" และ "let"

ชนิดข้อมูลพื้นฐานใน JavaScript

หลังจากนั้นเราได้พูดถึงประเภทข้อมูลพื้นฐานใน JavaScript ประเด็นหลักในที่นี้คือต้องเข้าใจว่าข้อมูลประเภทต่างๆ ทำได้ดีในการทำสิ่งต่างๆ ที่แตกต่างกัน นั่นเป็นเหตุผลสำคัญที่ต้องทำความเข้าใจว่าเรากำลังทำงานกับข้อมูลประเภทใด ต่อมาเราเห็นว่าการใช้คำสั่ง if else ทำให้เราสามารถควบคุมโค้ดของเราได้ เริ่มจากสิ่งเหล่านั้น เราเรียนรู้ที่จะเพิกเฉยโค้ดของเราบางส่วนเพื่อปรับให้เข้ากับเงื่อนไขเฉพาะบางอย่าง เราได้เรียนรู้เกี่ยวกับโครงสร้างการควบคุมต่างๆ ที่เราสามารถใช้เพื่อควบคุมโค้ดและข้อมูลได้แม่นยำยิ่งขึ้น ด้วยวิธีนี้ โค้ดของเราสามารถปรับให้เข้ากับอินพุตต่างๆ พร้อมคำตอบที่แม่นยำยิ่งขึ้น

ลูปในการเขียนโปรแกรม

ต่อไป เราค้นพบลูปในการเขียนโปรแกรม เราเห็นว่าเมื่อใช้ลูปเราสามารถเริ่มหลีกเลี่ยงการทำซ้ำในโค้ดได้ โดยพื้นฐานแล้วทำให้เราเริ่มแห้งได้บางส่วน ย่อมาจาก Don't Repeat Yourself

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

อาร์เรย์และฟังก์ชัน

นอกจากนี้เรายังได้เห็นแนวคิดพื้นฐาน หัวข้อ และแนวทางปฏิบัติที่ดีที่สุดใน JavaScript เราพบว่าอาร์เรย์สามารถจัดกลุ่มข้อมูลที่เกี่ยวข้องได้ดีมาก เช่น เดือนของปี ตัวเลขที่เกี่ยวข้องบางอย่างที่เราจำเป็นต้องจัดเก็บ และอื่นๆ ต่อไป เราได้เห็นแล้วว่าฟังก์ชันมีประสิทธิภาพมาก และเราสามารถใช้ฟังก์ชันต่างๆ เพื่อทำให้โค้ดของเราเป็นโมดูลได้อย่างแท้จริง และมีประโยชน์มากมาย ประโยชน์บางประการของการจัดกลุ่มฟังก์ชันของเราภายในฟังก์ชันต่างๆ คือ เราสร้างโค้ดแบบแยกส่วนและทดสอบได้ค่อนข้างง่าย นอกจากนี้เรายังลดโอกาสในการทำซ้ำตัวเองลงอย่างมาก

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

วัตถุ JavaScript

ต่อไปเราได้เห็นวัตถุ เราได้เรียนรู้ว่าอ็อบเจ็กต์นั้นดีในการจัดเก็บข้อมูลที่มีความเกี่ยวข้องสูงซึ่งสามารถมีหลายมิติได้ เราเริ่มต้นด้วยวิธีที่ง่ายที่สุดในการสร้างวัตถุและขยับขึ้นไปสู่การสร้างพิมพ์เขียวสำหรับวัตถุนั้นแล้วสร้างวัตถุหลายชิ้นจากพิมพ์เขียวนั้น การใช้พิมพ์เขียวเหล่านี้ช่วยให้เราแน่ใจว่าฟิลด์ในออบเจ็กต์เป็นไปตามแนวทางเดียวกันและมีฟิลด์เหมือนกัน ด้วยวิธีนี้เมื่อสิ้นสุดวัน เราจึงมั่นใจได้ว่าเรามีฐานข้อมูลที่เหมือนกันมากขึ้นเพื่อทำงานด้วย นอกจากนี้ยังช่วยให้เราสามารถเขียนโค้ด DRY ได้อย่างมีนัยสำคัญ

แนวคิดทั่วไปใน JavaScript

ต่อไป เราได้เห็นแนวคิดและหัวข้อทั่วไปใน JavaScript แล้ว ส่วนใหญ่ขึ้นอยู่กับฟังก์ชันการเพิ่มประสิทธิภาพเพิ่มเติมไม่ทางใดก็ทางหนึ่ง โดยใช้ map และ filter method ทำให้เราข้ามบางคำสั่ง loop และ if ได้ ด้วยการใช้ฟังก์ชันลูกศร เราสามารถลดขนาดของฟังก์ชันของเราได้อย่างมาก เราได้เห็นคุณสมบัติมากมายในหลักสูตร JavaScript นี้ รวมถึงฟังก์ชันลูกศรที่นำมาใช้กับ ES6 หรือ ES2015 ซึ่งเป็นการเปลี่ยนแปลงล่าสุดครั้งใหญ่ที่สุดในมาตรฐาน JavaScript

จะไปจากที่นี่ที่ไหน?

คุณสามารถใช้เส้นทางต่างๆ ได้ ทั้งนี้ขึ้นอยู่กับสิ่งที่คุณต้องการบรรลุ หากคุณเพียงต้องการเตือนตัวเองถึงพื้นฐานของ JavaScript เพราะคุณต้องใช้งานมันในไม่ช้า หวังว่าหลักสูตร JavaScript นี้จะให้คำแนะนำที่ครอบคลุมแก่คุณ บางทีคุณอาจจะเก่งภาษาอื่นอยู่แล้ว เช่น Python แต่คุณก็ต้องการเห็น JavaScript ด้วย หากเป็นกรณีนี้ ฉันหวังว่าฉันจะทำให้มันค่อนข้างง่ายสำหรับคุณในการเริ่มต้นใช้งานไวยากรณ์และแนวคิดของ JavaScript หรือบางทีคุณเพิ่งเริ่มต้นกับการพัฒนาเว็บและรู้ว่า JavaScript ค่อนข้างเป็นที่นิยม

ไม่ว่าในกรณีใด ฉันหวังว่าหลักสูตร JavaScript นี้จะให้คุณค่ากับคุณ หากคุณรู้จักเพื่อนที่คิดว่าซีรีส์นี้มีประโยชน์ ให้ลองแชร์บทช่วยสอนแรกของซีรีส์นี้กับพวกเขา เพื่อที่พวกเขาจะได้เริ่มต้นการเดินทางด้วย JavaScript เช่นกัน

ผู้เขียน: โรเบิร์ต วิทนีย์

ผู้เชี่ยวชาญ JavaScript และผู้สอนที่โค้ชแผนกไอที เป้าหมายหลักของเขาคือการยกระดับประสิทธิภาพการทำงานของทีมโดยการสอนผู้อื่นถึงวิธีการร่วมมืออย่างมีประสิทธิภาพขณะเขียนโค้ด

ดูกระทู้ทั้งหมด

หลักสูตร JavaScript จากระดับเริ่มต้นถึงระดับสูงใน 10 บล็อกโพสต์:

1. จะเริ่มเขียนโค้ดใน JavaScript ได้อย่างไร?
2. พื้นฐาน JavaScript
3. ตัวแปรและประเภทข้อมูลต่างๆ ใน ​​JavaScript
4. ตัวอย่างและโครงสร้างการควบคุม
5. ในขณะที่ลูปและสำหรับลูป
6. Java array
7. ฟังก์ชันจาวาสคริปต์
8. วัตถุ JavaScript
9. เมธอด JavaScript และอื่นๆ
10. สรุปหลักสูตรจาวาสคริปต์