ราคาเข้าสู่ระบบเริ่มฟรี
ไอคอนแอป JavaScript: เรียนแล้วโค้ด

JavaScript: เรียนแล้วโค้ด

การศึกษา · ฟรี · iOS & Android · CoddyKit

JavaScript: เรียนแล้วโค้ด — คอร์ส JavaScript พร้อมคอนโซลจริงในกระเป๋าคุณ

JavaScript: เรียนแล้วโค้ด คือ คอร์ส JavaScript ฟรีบน iOS และ Android ที่มี 59 คอร์สสั้นและ 200 บทเรียน ตั้งแต่ตัวแปรแรกไปจนถึง event loop JavaScript ทำงานบนโทรศัพท์โดยตรง จึงทำให้ ตัวแก้ไข JS และคอนโซล ในตัวตอบกลับได้ทันที และการฝึกทุกวัน — ทายผลลัพธ์ ล่าบั๊ก และ kata ประจำสัปดาห์ — ช่วยให้คุณคุ้นมือกับการเขียนโค้ด

App Store — ดาวน์โหลดฟรีGoogle Play — ดาวน์โหลดฟรี
ราคา
ฟรี อัปเกรดเป็น Pro
แพลตฟอร์ม
iOS และ Android
ภาษา
22
การจัดระดับอายุ
4+
เวอร์ชัน
82.6.1
ต้องใช้
iOS 15.1 ขึ้นไป
App Store
5.0 ★ (1)
หน้าหลัก JavaScript Academy พร้อมการ์ดเส้นทางการเรียน เป้าหมายประจำวัน และแถวคำขอฟีเจอร์หน้าจอคอร์ส Introduction to JavaScript ที่แสดงความคืบหน้าโดยรวมและบทเรียนฟรี พร้อมแผงเครื่องมือ AI ที่อยู่ด้านข้าง
59คอร์ส ระดับ A1 ถึง C1
ทำงานบนอุปกรณ์ตัวแก้ไขและคอนโซล JS
ทุกวันการฝึกใน JS Lab
เอนจินทำงานบนโทรศัพท์ จึงแสดงคำตอบกลับมาในทันที

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

คืออะไร

JavaScript: เรียนแล้วโค้ด คือแอปฟรีบน iOS และ Android ที่สอน JavaScript ทีละขั้น: 59 คอร์สและ 200 บทเรียน ตั้งแต่ระดับ A1 ถึง C1 ครอบคลุมค่าและ scope, ฟังก์ชันและ this, DOM, Fetch API, promises และ async/await, closures, classes, generators และ event loop บทเรียนเหล่านี้มาพร้อมตัวแก้ไข JS, คอนโซล JavaScript และการฝึกประจำวันที่ทำงานบนโทรศัพท์ รวมถึง AI Mentor สำหรับช่วงเวลาที่แนวคิดหรือข้อความแสดงข้อผิดพลาดไม่เข้าใจ

ภายในแอป

หน้าตาเป็นอย่างไร

หน้าหลัก JavaScript Academy พร้อมการ์ดเส้นทางการเรียน เป้าหมายประจำวัน และแถวคำขอฟีเจอร์
เส้นทางการเรียนรู้หน้าจอหลักจะเปิดที่คอร์สปัจจุบันพร้อมเป้าหมายรายวัน ทำให้ไปยังบทเรียนถัดไปได้ในแตะเดียว
หน้าจอคอร์ส Introduction to JavaScript ที่แสดงความคืบหน้าโดยรวมและบทเรียนฟรี พร้อมแผงเครื่องมือ AI ที่อยู่ด้านข้าง
หน้าจอคอร์สแต่ละคอร์สจะแสดงความคืบหน้าโดยรวมและบทเรียนที่เรียนฟรี โดยมีแผงเครื่องมือ AI โผล่เข้ามาจากด้านข้าง
โปรแกรมแก้ไขโค้ดที่มีฟังก์ชัน isPrime ขนาดสั้นซึ่งเขียนด้วย JavaScript พร้อมแถบเครื่องมือช่วยเหลือด้าน AI
โปรแกรมแก้ไขโค้ดโปรแกรมแก้ไขมีโปรแกรม JavaScript ขนาดเล็ก และแถบเครื่องมือที่มีคลังโค้ด การสร้างโค้ด และการปรับปรุงโค้ดด้วย AI
หน้าจอแชต AI ที่เสนอให้อธิบายแนวคิด ให้คำแนะนำ ทดสอบผู้เรียน และสร้างแผนการเรียนรู้
แชต AIแชต AI เสนอให้อธิบายแนวคิดสำคัญ ให้คำแนะนำ ทดสอบความรู้ และสร้างแผนการเรียนรู้ให้คุณ
หน้าจอหลักธีมสว่างที่มีเส้นทางการเรียนรู้ เป้าหมายรายวัน และ Skill Hub
หน้าจอหลัก ธีมสว่างหน้าจอหลักเดิมในธีมสว่าง โดยมี Skill Hub อยู่ใต้เป้าหมายรายวัน

คอร์ส

คอร์ส JavaScript ครอบคลุมอะไรบ้าง

59 คอร์สและ 200 บทเรียนจากรายการคอร์สของแอป ครอบคลุมตั้งแต่ตัวแปรแรก ไปจนถึงการทำงานกับเบราว์เซอร์ โค้ดแบบ async และฟีเจอร์ภาษาขั้นสูง

  1. ยินดีต้อนรับสู่ JavaScript

    เริ่มต้น JS ด้วยแนวคิดพื้นฐานและการตั้งค่า จากนั้นเรียนรู้ค่าและชนิดข้อมูล ตัวแปรและขอบเขตการมองเห็น การควบคุมการทำงาน และทำความรู้จัก arrays และ objects เบื้องต้น

  2. JavaScript ในชีวิตประจำวัน

    Template literals, optional chaining และ nullish coalescing, destructuring, rest และ spread, เมธอดอาร์เรย์แบบ higher-order, JSON และการจัดการข้อผิดพลาด

  3. DOM และ Events

    การเลือกและไล่ดู DOM, การจัดการ elements, การจัดการ events, event delegation และ propagation รวมถึง forms และ input

  4. การสื่อสารกับ Network และ Storage

    Fetch API, web storage ด้วย localStorage และ sessionStorage, FormData และการจัดการไฟล์ รวมถึงพื้นที่จัดเก็บฝั่งไคลเอนต์ด้วย IndexedDB

  5. JavaScript แบบ Asynchronous

    Callbacks, promises และ microtasks, async/await ในการใช้งานจริง, timers และการจัดตารางการทำงาน รวมถึงการเจาะลึก event loop

  6. Functions, Closures และ Classes

    Functions และ this, closures และรูปแบบ module, currying และ composition, classes และ inheritance รวมถึงการ bind this ขั้นสูง

  7. ฟีเจอร์ภาษาขั้นสูง

    Iterators และ generators, Maps และ Sets, Proxy และ Reflect, symbols, regular expressions และ immutability

  8. Modules, Workers และประสิทธิภาพ

    ES modules เปรียบเทียบกับ CommonJS, ความแตกต่างระหว่าง Node กับเบราว์เซอร์, Web Workers, service workers, ประสิทธิภาพและหน่วยความจำ รวมถึงการทดสอบ

อ่านคอร์สฟรีบนเว็บไซต์ →

ทำงานอย่างไร

เซสชัน JavaScript ทำงานอย่างไร

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

  1. อ่านบทเรียนสั้น ๆ

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

  2. รันโค้ดใน JS Lab

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

  3. ตรวจคำตอบแล้วเรียนรู้ให้ลึกขึ้น

    จบด้วยแบบทดสอบหรือภารกิจเขียนโค้ด ไล่ดูการทำงานของ event loop เมื่อโค้ด async ทำให้สับสน และถาม AI Mentor เมื่อมีบางอย่างที่ไม่ยอมเข้าใจ

มีอะไรอยู่ข้างใน

สิ่งที่มีในแอป

59

คอร์ส ระดับ A1 ถึง C1

บทเรียน 200 บท ตั้งแต่ค่าและ types ผ่าน DOM events, fetch, promises และ async/await ไปจนถึง closures, Proxy และ Reflect, regex และ performance

ทำงานบนอุปกรณ์

ตัวแก้ไขและคอนโซล JS

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

ทุกวัน

การฝึกใน JS Lab

ทายผลลัพธ์ ล่าบั๊กโดยใช้ test cases, kata ประจำสัปดาห์ที่เรียนได้ฟรี, เครื่องมือไล่ดู event loop, สนาม DOM, คำถามสัมภาษณ์แบบจับเวลา 5 ข้อ และชุดการ์ดทบทวนที่สร้างจากข้อผิดพลาดของคุณเอง

60

ภารกิจเขียนโค้ด

แบบฝึกหัดสั้น ๆ 3 ระดับ ตั้งแต่ Hello World และ template literals ไปจนถึง FizzBuzz, closures, Merge Sort, Quicksort และ BFS หรือ DFS บนกราฟ

20

โปรเจกต์พร้อมคำแนะนำ

สร้างโปรแกรมอย่าง Order Totals, Word Frequency Counter, Async Data Pipeline และ Mini Event Bus ทีละขั้น โดยแต่ละขั้นจะได้รับการตรวจสอบเมื่อคุณรัน

AI

AI Mentor

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

เบื้องหลัง

ทำไมการเรียน JavaScript จากการอ่านเพียงอย่างเดียวจึงยาก และคุณต้องฝึกอะไรบ้าง

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

Scope และ closuresตัวแปรอยู่ที่ไหน

ฟังก์ชันจะจดจำตัวแปรรอบ ๆ จุดที่มันถูกเขียนไว้ แม้ว่าการทำงานของจุดนั้นจะจบลงแล้วก็ตาม แนวคิดเดียวนี้อธิบาย private state, รูปแบบ module และคำถามสัมภาษณ์งานคลาสสิกอีกหลายข้อ

ค่าของ thisจุดที่มักทำให้สะดุด

ต่างจากภาษาส่วนใหญ่ สิ่งที่ this อ้างถึงขึ้นอยู่กับวิธีเรียกใช้ฟังก์ชัน ไม่ใช่ตำแหน่งที่กำหนดฟังก์ชันนั้นไว้ Arrow functions, call, apply และ bind ล้วนเปลี่ยนคำตอบได้ และการสับสนระหว่างสิ่งเหล่านี้ก็เป็นสาเหตุที่พบบ่อยของบั๊ก

The event loopทำไมโค้ด async จึงทำให้หลายคนประหลาดใจ

JavaScript ทำงานทีละอย่าง แล้วจึงกลับไปทำงานที่รออยู่ในคิว callback ของ promise จะทำงานก่อน timer ที่ตั้งไว้เป็นศูนย์มิลลิวินาที นี่จึงเป็นเหตุผลว่าทำไมลำดับผลลัพธ์บางครั้งดูผิด จนกว่าคุณจะนึกภาพ call stack, microtasks และ tasks ออก

Browser และ Nodeภาษาเดียว สองสภาพแวดล้อม

ภาษาหลักเหมือนกันในทั้งสองสภาพแวดล้อม แต่ browser เพิ่ม DOM, events และ fetch ขณะที่ Node เพิ่มการทำงานกับไฟล์และ processes การรู้ว่าฟีเจอร์ใดเป็นของสภาพแวดล้อมใดจะช่วยลดข้อความแสดงข้อผิดพลาดที่ทำให้สับสนได้มาก

เหมาะกับคุณไหม

เหมาะกับใคร — และไม่เหมาะกับใคร

เหมาะกับคุณหากคุณ

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

ไม่ใช่เครื่องมือที่เหมาะ หากคุณ

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

คำถาม

คำถามที่พบบ่อย

มีคอร์ส JavaScript ดี ๆ ที่เรียนตามบนโทรศัพท์ได้ไหม

JavaScript: เรียนแล้วโค้ด คือคอร์ส JavaScript ที่สร้างมาเพื่อเรียนบนโทรศัพท์โดยเฉพาะ: มี 59 คอร์สสั้นและ 200 บทเรียน โปรแกรมแก้ไข JS และคอนโซลในตัวที่รันโค้ดบนอุปกรณ์ได้ รวมถึงการ์ดฝึกฝนรายวัน บทเรียนจะสลับระหว่างคำอธิบายสั้น ๆ กับคำถามและโจทย์โค้ดขนาดเล็ก ทำให้ทุกครั้งที่เรียนจบลงด้วยสิ่งที่คุณได้รันจริง

แอปนี้รันโค้ด JavaScript บนโทรศัพท์ได้ไหม

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

วิธีที่เร็วที่สุดในการเรียนรู้การเขียนโค้ด JavaScript สำหรับผู้เริ่มต้นอย่างสมบูรณ์คืออะไร

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

JS Lab คืออะไร

JS Lab คือพื้นที่ฝึกฝนรายวันใน JavaScript: เรียนแล้วโค้ด ซึ่งมีคอนโซล การ์ดทายผลลัพธ์ เกมตามหาบั๊กที่ตรวจสอบกับ test cases, kata รายสัปดาห์ เครื่องมือไล่ขั้นตอน event loop สนาม DOM คำถามสัมภาษณ์แบบจับเวลาห้าข้อ และชุดการ์ดทบทวนที่สร้างจากข้อผิดพลาดของคุณเอง

แอปนี้อธิบาย async/await และ event loop หรือไม่

อธิบาย มีคอร์สเกี่ยวกับ callbacks, promises และ microtasks, async/await ในการใช้งานจริง รวมถึงการเจาะลึก event loop นอกจากนี้ยังมีเครื่องมือ event loop ที่ให้คุณไล่ดู call stack, microtasks และ tasks ทีละรายการ เพื่อดูว่าเหตุใดผลลัพธ์จึงปรากฏตามลำดับดังกล่าว

JavaScript: เรียนแล้วโค้ด ช่วยเตรียมตัวสัมภาษณ์ JavaScript หรือไม่

มีคำถามสัมภาษณ์ JavaScript พร้อมคำตอบ 50 ข้อ และโหมด Interview ใน JS Lab ที่มีคำถามแบบจับเวลาห้าข้อ Closures, this, promises และ event loop ซึ่งเป็นหัวข้อที่มักใช้ในการสัมภาษณ์ ล้วนมีคอร์สเฉพาะของตัวเอง

JavaScript: เรียนแล้วโค้ด ใช้ฟรีไหม

ดาวน์โหลดฟรี คอร์สแรก โปรเจกต์แนะนำโปรเจกต์แรก ภารกิจเขียนโค้ดสองรายการ การฝึกฝนรายวันใน JS Lab และโควตา AI Mentor รายวันเปิดให้ใช้ฟรี โดยเวอร์ชันฟรีจะแสดงโฆษณา ส่วน Pro จะปลดล็อกทุกคอร์ส โปรเจกต์ และภารกิจ, AI Mentor แบบไม่จำกัด และการสอบรับใบรับรอง พร้อมนำโฆษณาออก

มีใบรับรองหรือไม่

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

แอปนี้สอนเรื่องเบราว์เซอร์ควบคู่ไปกับภาษา JavaScript หรือไม่

สอน นอกเหนือจากตัวภาษาแล้ว คอร์สยังครอบคลุมการเลือกและจัดการ DOM, events และ event delegation, forms, Fetch API, localStorage, IndexedDB, Canvas, WebSockets และ Web Workers นอกจากนี้ยังมีคอร์สแยกที่เปรียบเทียบ Node กับเบราว์เซอร์ เพื่อให้คุณรู้ว่าฟีเจอร์ใดเหมาะกับที่ใด

รองรับแพลตฟอร์มและภาษาอะไรบ้าง

JavaScript: เรียนแล้วโค้ด ใช้งานได้บน iPhone และ iPad ผ่าน App Store และบน Android ผ่าน Google Play ใน 22 ภาษา ได้รับการจัดอันดับ 4+ บน App Store

เริ่มต้นใช้งาน

เขียนโค้ด JavaScript บรรทัดแรกของคุณวันนี้

เริ่มต้นใช้งานได้ฟรีบน iOS และ Android ใน 22 ภาษา

App Store — ดาวน์โหลดฟรีGoogle Play — ดาวน์โหลดฟรี

เพิ่มเติมจาก CoddyKit

เรียน CSS: ลงมือทำจริงการศึกษาเรียน Lua: โค้ดและฝึกฝนการศึกษาเรียน PHP: โค้ดและสร้างการศึกษา
ตรวจสอบล่าสุด · เผยแพร่โดย CoddyKit · นโยบายความเป็นส่วนตัว
ใช้งานได้บน iOS และ Android