https://github.com/lvarayut/javascript-21-days-challenge
🔥 คอร์สฟรี! สร้าง 21 โปรเจค ใน 21 วัน ไม่ใช้เฟรมเวิร์ค ไม่ใช้ไลบรารี
https://github.com/lvarayut/javascript-21-days-challenge
javascript js21
Last synced: 9 months ago
JSON representation
🔥 คอร์สฟรี! สร้าง 21 โปรเจค ใน 21 วัน ไม่ใช้เฟรมเวิร์ค ไม่ใช้ไลบรารี
- Host: GitHub
- URL: https://github.com/lvarayut/javascript-21-days-challenge
- Owner: lvarayut
- Created: 2020-01-06T15:37:52.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-06-25T12:06:41.000Z (almost 5 years ago)
- Last Synced: 2025-04-03T00:03:54.756Z (about 1 year ago)
- Topics: javascript, js21
- Language: JavaScript
- Homepage: https://js21.dev/
- Size: 51.5 MB
- Stars: 172
- Watchers: 8
- Forks: 135
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
> 🔥 คอร์สฟรี! สร้าง 21 โปรเจค ใน 21 วัน ไม่ใช้เฟรมเวิร์ค ไม่ใช้ไลบรารี [สมัครเลย!](https://js21.dev/)
## สมัครเรียน
ผู้ที่สนใจสามารถดูข้อมูลเพิ่มเติมและสมัครเรียนได้ที่ [JS21.dev](https://www.js21.dev/) หลังจากสมัคร ผู้เรียนจะได้รับอีเมลที่ประกอบไปด้วย 21 วิดีโอเวิร์คช็อป และ 21 ไฟล์โปรเจค นอกจากนั้นผู้เรียนจะได้รับการเพิ่มเข้าสู่กลุ่มเฟซบุ๊ก เพื่อร่วมถาม-ตอบ ปัญหากับผู้เรียนท่านอื่น ๆ
## รายละเอียดคอร์ส
ในหลายปีที่ผ่านมาภาษาจาวาสคริปต์เป็นภาษาที่ได้รับความนิยมสูงที่สุด และยังคงสูงขึ้นอย่างต่อเนื่อง ไม่ว่าจะเป็นในด้านการพัฒนาแอปพลิเคชันบนเว็บ บนเซิฟเวอร์ หรือบนมือถือ ดังนั้นความเข้าใจในภาษาจาวาสคริปต์ จึงเป็นสิ่งสำคัญมาก ที่จะทำให้ผู้เรียนสามารถสร้างแอปพลิเคชันที่มีประสิทธิภาพ
JavaScript 21 Days Challenge เป็นคอร์สแนวเวิร์คช็อปที่ออกแบบมา เพื่อให้ผู้เรียนสนุกกับการเรียนภาคปฏิบัติ ผู้เรียนจะได้ทำโปรเจคที่สามารถนำไปประยุกต์ใช้ในชีวิตจริง ในแต่ละโปรเจคจะมีการสอดแทรกความรู้เนื้อหาในภาษาจาวาสคริปต์ ไม่ว่าจะเป็น Async/Await, Event Handling, DOM Manipulation, Prototype, Context (this) เป็นต้น นอกจากนั้นผู้เรียนจะได้ทดลองใช้งานฟีเจอร์ที่กำลังจะมาในอนาคต อย่าง Speech to Text และ Text to Speech
## แรงบันดาลใจ
มีเพื่อนหลายคนมาถามว่า เขาเพิ่งอ่านหนังสือจาวาสคริปต์หรือเพิ่งเรียนคอร์สออนไลน์จบ จึงอยากทำโปรเจคอะไรก็ได้ที่จะได้ลองใช้ภาษาจาวาสคริปต์กับงานจริง แต่ Tutorial ส่วนใหญ่ที่เจอ จะใช้ JQuery, React, หรือไลบรารีอื่น ๆ บาง Tutorial ใช้ภาษาจาวาสคริปต์ แต่อ่านแล้วลองทำตาม กลับไม่เข้าใจ นอกจากนั้นก็มีคนอีกกลุ่มหนึ่ง ที่เขียนภาษาจาวาสคริปต์มาได้สักระยะ แต่ส่วนใหญ่จะเป็นการเขียนโดยใช้แต่ React, Vue, Angular ซึ่งยังไม่เคยมีโอกาสที่จะลองใช้ฟีเจอร์อื่น ๆ ของภาษาจาวาสคริปต์ และยังไม่รู้ว่า Closure, Async/Await, this ทำงานอย่างไร
ผมจึงเกิดเป็นไอเดียที่อยากสร้างซีรีย์โปรเจคภาษาจาวาสคริปต์ นอกจากนั้นยังมีคนถามเข้ามาว่าทำไมต้องเป็น 21 วัน เป็น 10 วัน 15 วัน ไม่ได้หรือ จริง ๆ แล้ว 21 วันเกิดมาจากการที่ผมได้ไปอ่านบทความด้านจิตวิทยาอันหนึ่ง ซึ่งบอกไว้ว่าการทำอะไรติดต่อกันเป็นเวลา 21 วัน จะทำให้เกิดเป็นนิสัย ดังนั้นผมจึงคิดว่าถ้าเราสร้างโปรเจค เรียนรู้สิ่งใหม่ ๆ ติดต่อกันเป็นเวลา 21 วัน จะเป็นการสร้างนิสัยที่ดีในการเรียนรู้สิ่งใหม่ ๆ ต่อไป 😊
## ตัวอย่างโปรเจค
ในคอร์สนี้ผู้เรียนจะได้ทำ 21 โปรเจคที่ครอบคลุมเนื้อหาในหลากหลายด้านของภาษาจาวาสคริปต์ โดยโปรเจคทั้งหมดมีดังต่อไปนี้
1. Falling Snow
1. Countdown Timer
1. Async Await
1. Eye Rolling
1. Watercolor Painting
1. Duck Hunt
1. Konami Code
1. What is "this"?
1. Parallax Scrolling
1. Kanban Board
1. Text Reveal
1. Air Quality Visualizer
1. JavaScript Weird Parts
1. Carousel
1. Music Player
1. Text to Speech
1. Speech to Text
1. What is "prototype"?
1. Autocomplete
1. Form Validation
1. Infinite Scroll Gallery
## สปอนเซอร์
JavaScript 21 Days Challenge เป็นคอร์สฟรีที่ใช้เวลาจัดทำนานหลายเดือนด้วยทุนทรัพย์ส่วนตัว เพื่อสนับสนุนวงการโปรแกรมเมอร์ไทย รวมไปถึงนักเรียน นักศึกษาที่อยากเป็นโปรแกรมเมอร์ ผู้ที่สนใจสนับสนุนสามารถช่วยแชร์คอร์ส หรือผู้ที่ต้องการสนับสนุนทุนทรัพย์สามารถติดต่อได้ที่ hello@js21.dev
## เครดิต
สร้างด้วย ♥ โดย [วรายุทธ เลิศกัลยาณวัตร](https://github.com/lvarayut)