บทแนะนำ JavaScript ฟรี 25 อันดับแรกเพื่อพัฒนาทักษะ JavaScript ของคุณ

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

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

JavaScript ในฐานะภาษาโปรแกรมได้พิสูจน์ให้โลกเห็นว่ามีความยั่งยืน ทรงพลัง และเชื่อถือได้ การเรียนรู้ JavaScript ไม่เคยมีความน่าสนใจเท่านี้มาก่อน มีงานมากมายทั้งเต็มเวลาและฟรีแลนซ์ มีโครงการที่น่าสนใจมากมายให้ทำงานที่ GitHub บทความและบทช่วยสอนใหม่ๆ จากชุมชน JavaScript อย่างต่อเนื่อง ระบบนิเวศของภาษานั้นสมบูรณ์มาก และมีประโยชน์มากเมื่อมันลงมา เราต้องการมีส่วนร่วมในแง่มุมของชุมชนนั้นโดยสมัครบทความบทช่วยสอน JavaScript สองโหลที่ได้รับการตีพิมพ์ในช่วง 2-3 เดือนที่ผ่านมา เพื่อให้มั่นใจว่าคุณภาพของบทความจะสอดคล้องกับเคล็ดลับ กลเม็ด JavaScript ล่าสุด และแน่นอน — มาตรฐาน เช่น ES6

การเขียนโมดูล JavaScript ที่นำกลับมาใช้ใหม่ได้ในยุคถัดไปใน ECMAScript 6

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

ดูตัวอย่าง

เรียนรู้วิธีสร้างการแสดงข้อมูลด้วย D3.js

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

ในช่วงหลายปีที่ผ่านมา JavaScript ได้กลายเป็นที่ชื่นชอบในหมู่นักวิทยาศาสตร์ด้านข้อมูลที่ต้องการเล่นกับข้อมูลภายในเบราว์เซอร์และมีความแม่นยำอย่างมีประสิทธิภาพ นับตั้งแต่เปิดตัว D3.js ในปี 2011 ไลบรารีได้เติบโตเหนือคู่แข่งใดๆ ที่เป็นไปได้ เป็นชื่อครัวเรือนสำหรับนักพัฒนา JavaScript ที่ต้องการเครื่องมือที่ซับซ้อนสำหรับการทำงานด้านวิทยาศาสตร์ข้อมูลที่ซับซ้อน

ดูตัวอย่าง

Front-end Application Libraries และสถาปัตยกรรมส่วนประกอบ

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

ดูตัวอย่าง

React.js แนวทางปฏิบัติที่ดีที่สุดสำหรับปี 2016

React เป็นข่าวไปทั่วในปี 2015 เป็นไลบรารี JavaScript ที่เติบโตเร็วที่สุดที่ชุมชนได้เห็นในช่วงไม่กี่ปีที่ผ่านมา และยังคงมีการใช้งานอย่างแข็งขันโดยนักพัฒนาหลายแสนคนในแต่ละวัน React ทำให้การสร้างอินเทอร์เฟซ UI ดั้งเดิมเป็นเรื่องง่ายอย่างน่าขันที่ไม่รบกวนส่วนอื่น ๆ ของโครงการที่คุณกำลังทำงาน ดังนั้นในแง่หนึ่ง คุณสามารถใช้ React เพื่อสร้าง UI ของคุณ หรือคุณสามารถใช้ React เพื่อช่วยตัวคุณเองในการสร้าง UI ที่ดีขึ้น และ React จะไม่รับบทบาทเป็นไลบรารีหลัก และจะทำหน้าที่เมื่อคุณขอเท่านั้น แม้ว่าทุกอย่างจะฟังดูง่าย แต่ก็ยังมีช่วงการเรียนรู้ และ CTO ของ RisingStack, Peter Marton กำลังบอกเล่าเกี่ยวกับแนวทางปฏิบัติที่ดีที่สุดสำหรับ React จากมุมมองของเขา

ดูตัวอย่าง

เพิ่งเคยใช้ Ember? เริ่มที่นี่! (2016 กวดวิชา)

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

ดูตัวอย่าง

วิธีการเรียนรู้ ES6

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

ดูตัวอย่าง

คำจำกัดความของฟังก์ชันใน JavaScript

Marius Schulz ให้ข้อมูลเชิงลึกแก่ผู้พัฒนา JavaScript เล็กน้อยเกี่ยวกับวิธีการทำงานของคำจำกัดความของฟังก์ชันใน JavaScript และวิธีที่สามารถเข้าถึงได้ในสามวิธีที่แตกต่างกัน โดยเฉพาะอย่างยิ่งตั้งแต่เปิดตัว ES6 และ Arrow Functions

ดูตัวอย่าง

เริ่มไลบรารี JavaScript ของคุณเองโดยใช้ webpack และ ES6

ไลบรารี JavaScript เป็นสคริปต์ JavaScript ขนาดเล็ก (ไม่เล็กเสมอไป) ที่ช่วยให้นักพัฒนาขยายโปรเจ็กต์ด้วยฟังก์ชันเฉพาะที่คุณอาจต้องสร้างแยกต่างหาก บางคนบอกว่า React.js ทำหน้าที่เป็นห้องสมุด ซึ่งบางคนบอกว่ามันเป็นกรอบงานมากกว่า ไม่ว่ากรณีใด Krasimir Tsonev กำลังจำกัดกระบวนการสร้างไลบรารี JavaScript ด้วย ES6 และความช่วยเหลือของ WebPack

ดูตัวอย่าง

7 ฟังก์ชั่นจาวาสคริปต์ที่จำเป็น

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

ดูตัวอย่าง

Google Maps เป็นเรื่องง่ายด้วย GMaps.js

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

ดูตัวอย่าง

ผลการสำรวจนักพัฒนา JavaScript

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

ดูตัวอย่าง

ปฏิกิริยาสากล

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

ดูตัวอย่าง

วิธีกำหนดเวลางานพื้นหลังใน JavaScript

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

ดูตัวอย่าง

RSS Feeds ทำให้เนื้อหาที่เผยแพร่ทางเว็บสามารถเข้าถึงได้มากขึ้น ปัจจุบัน 99% ของบล็อกรองรับ RSS feeds ทำให้ง่ายต่อการรับเนื้อหาเป็นประจำผ่านการใช้ feeds การใช้งานอื่นๆ สำหรับฟีดรวมถึงความสามารถในการแยกวิเคราะห์ จากนั้นใช้ข้อมูลที่แยกวิเคราะห์ในรูปแบบต่างๆ ไม่ว่าจะเป็นสำหรับเว็บไซต์ฟาร์มลิงก์ หรือสำหรับแอปพลิเคชันที่ต้องการชุดข้อมูลเฉพาะจากฟีด RSS ที่แยกวิเคราะห์ Raymond Camden จะสำรวจหัวข้อนี้เพิ่มเติม และนับถอยหลังตัวเลือกที่เป็นไปได้สำหรับนักพัฒนา JavaScript ที่ต้องการใช้ JavaScript เพื่อแยกวิเคราะห์ฟีด RSS

ดูตัวอย่าง

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

ดูตัวอย่าง

วิธีสร้างแอป Todo โดยใช้ React, Redux และ Immutable.js

React, Redux และ Immutable.js กำลังพัฒนาชื่อไลบรารี JavaScript อย่างรวดเร็ว ซึ่งจะเปลี่ยนวิธีที่เรารับรู้การพัฒนาและวิธีที่เราสร้างแอปสำหรับอุปกรณ์ทั้งหมด Emre Guneyler ให้ข้อมูลแนะนำสั้น ๆ เกี่ยวกับไลบรารีทั้งสามในบทความนี้ และวิธีการสร้าง 'แอป todo' เดียวที่จะช่วยให้คุณมีมุมมองที่ดีขึ้นเกี่ยวกับการสร้างแอปด้วยเฟรมเวิร์กและไลบรารีที่ทันสมัย

ดูตัวอย่าง

5 ขั้นตอนในการเตรียมโค้ด Angular 1 ของคุณให้เป็น Angular 2

เราเป็นแฟนตัวยงของ Angular.js — แค่ลองดูเนื้อหา Angular.js ที่ดีที่สุดบางส่วนของเรา เช่น เทมเพลตเว็บไซต์ AngularJS ที่ตอบสนอง เทมเพลตการดูแลระบบ AngularJS และทรัพยากรชุมชนสำหรับ Angular 2 — เราพร้อมแล้วสำหรับการต้อนรับ Angular 2 และแม้กระทั่ง มากขึ้นด้วยการเพิ่มบทช่วยสอนนี้จาก Oren Farhi การมาถึงของ Angular 2 เป็นสิ่งที่หลีกเลี่ยงไม่ได้ และหากคุณเป็นนักพัฒนา Angular.js ที่ใช้งานอยู่ในขณะนี้ โปรดอ่านบทช่วยสอนนี้เพื่อเตรียมตัวสำหรับการเปลี่ยนแปลงที่จะเกิดขึ้น และเตรียมโค้ดของคุณสำหรับการเปลี่ยนไปใช้เวอร์ชันใหม่อย่างง่ายดาย

ดูตัวอย่าง

ภาพรวม ES6 ใน 350 Bullet Points

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

ดูตัวอย่าง

JavaScript พร้อมกัน: ซีรีส์ 3 ส่วนเกี่ยวกับการทำงานพร้อมกันใน JS

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

ดูตัวอย่าง

ต้นทุนของกรอบงาน

ลองเรียนรู้วิธีเขียนโค้ดใน JavaScript โดยไม่ได้รับคำแนะนำอย่างเข้มข้นว่าการใช้เฟรมเวิร์กจะช่วยแก้ปัญหาทั้งหมดของคุณได้อย่างไร การเรียนรู้ JavaScript ส่วนใหญ่ในปัจจุบันนั้นอิงตามเฟรมเวิร์ก เช่น React, Angular, Backbone และอื่นๆ ใช่ เฟรมเวิร์กช่วยให้สร้างเว็บและแอปบนอุปกรณ์เคลื่อนที่ได้อย่างรวดเร็ว แต่ต้นทุนที่แท้จริงของการใช้เฟรมเวิร์ก ไม่ใช่ JS แบบเนทีฟ (วานิลลา) คืออะไร Paul Lewis อธิบายสิ่งนี้โดยรวบรวมการวิเคราะห์เกณฑ์มาตรฐานที่กระชับซึ่งช่วยให้นักพัฒนาใหม่ (และอาจมีประสบการณ์) ตัดสินใจเลือกกรอบงานที่ดีขึ้น

ดูตัวอย่าง

กายวิภาคของแอปพลิเคชันเชิงมุมขนาดใหญ่

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

ดูตัวอย่าง

Face Proximity Detection ด้วย JavaScript

ภาษาการเขียนโปรแกรมมีความชาญฉลาดมากขึ้นทุกวัน ในบทช่วยสอนของเขา Peter Bengtsson อธิบายวิธีที่เราสามารถใช้ JavaScript เพื่อสร้างกลไกการตรวจจับใบหน้าที่คุณสามารถใช้ในแอปและโครงการของคุณได้ทันที

ดูตัวอย่าง

JavaScript สามารถทำอะไรได้บ้าง?

ไม่แน่ใจว่า JavaScript ทำอะไรได้บ้าง? David Small นำเสนอการนำเสนอที่เรียบง่ายแต่มีประสิทธิภาพเกี่ยวกับสิ่งที่ JavaScript สามารถทำได้และจุดประสงค์หลักของภาษานี้ อ่านที่น่าสนใจสำหรับทุกคนที่สนใจ JavaScript บทช่วยสอนที่สอนด้านภาษาที่กว้างขึ้น

ดูตัวอย่าง

การออกจาก JavaScript Fatigue – React Edition

ความเหนื่อยล้าเป็นตัวทำลายประสิทธิภาพการทำงาน การทำงานกับบางสิ่งนานเกินไปอาจทำให้คนๆหนึ่งประสบกับความเหนื่อยล้าลึกๆ ที่อาจคงอยู่ได้นาน แต่แน่นอนว่ามีความเหนื่อยล้าแบบที่เรากำหนดให้กับเฟรมเวิร์กเฉพาะ ซึ่งในกรณีนี้ก็เกิดขึ้น ที่จะตอบสนอง แล้วเราจะคลายความเหนื่อยล้าที่มีต่อ React ได้อย่างไร? Reto Schlapfer มีคำตอบสำหรับคำถามนี้ ดำดิ่งลงไป

ดูตัวอย่าง

แหล่งข้อมูลสำหรับการเรียนรู้ JavaScript ออนไลน์

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

• Codecademy — แพลตฟอร์มสำหรับทำความเข้าใจพื้นฐานของการพัฒนาเว็บ โดยเฉพาะ JavaScript Codecademy เป็นหนึ่งในไซต์แรกๆ ที่นักพัฒนา front-end หน้าใหม่ที่ต้องการเริ่มต้นอาชีพด้วย มันสนุก โต้ตอบได้ และทำงานได้ดี
• Learn-JS — เป็นแพลตฟอร์มที่คล้ายคลึงกันกับ Codecademy โดยมีชุดงานและช่วงการเรียนรู้ที่แตกต่างกัน และมีประโยชน์อย่างมากหลังจากจบ Codecademy เพื่อปรับแต่งทักษะที่เรียนรู้ใหม่ของคุณ และอาจสังเกตเห็นสิ่งที่คุณอาจพลาดไป
• freeCodeCamp — แพลตฟอร์มการเขียนโค้ดบนชุมชนที่มีการพัฒนาอย่างรวดเร็ว ซึ่งสมาชิกของไซต์ทุกคนสามารถมีส่วนร่วมในการแก้ปัญหา ความท้าทาย และช่วยผลักดันแอปใหม่ๆ ที่น่าตื่นเต้นสำหรับองค์กรไม่แสวงหากำไรที่ไม่สามารถซื้อนักเขียนโค้ดมืออาชีพได้ มันเป็นสถานการณ์ที่วิน-วิน
• คู่มือสไตล์ — คู่มือสไตล์ช่วยสร้างโค้ดที่ทำให้ผู้อื่นสร้างได้ง่าย AirBNB ได้เปิดตัวคู่มือสไตล์ของตนเอง และกลายเป็นคู่มือสไตล์ JavaScript ยอดนิยมที่คุณสามารถพบได้บน GitHub หรือที่อื่นๆ อย่างรวดเร็ว

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