GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - lvarayut/JavaScript-21-Days-Challenge: 🔥 คอร์สฟรี! สร้าง 21 โปรเจค ใน 21 วัน ไม่ใช้เฟรมเวิร์ค ไม่ใช้ไลบรารี

BranchesTags
Open more actions menu

Latest commit

 

History

32 Commits
32 Commits

Folders and files

NameName
Last commit message
Last commit date
01 - Falling Snow
01 - Falling Snow
 
 
02 - Countdown Timer
02 - Countdown Timer
 
 
03 - Async Await
03 - Async Await
 
 
04 - Eye Rolling
04 - Eye Rolling
 
 
05 - Watercolor Painting
05 - Watercolor Painting
 
 
06 - Duck Hunt
06 - Duck Hunt
 
 
07 - Konami Code
07 - Konami Code
 
 
08 - What is this
08 - What is this
 
 
09 - Parallax Scrolling
09 - Parallax Scrolling
 
 
10 - Kanban Board
10 - Kanban Board
 
 
11 - Text Reveal
11 - Text Reveal
 
 
12 - Air Quality Visualizer
12 - Air Quality Visualizer
 
 
13 - JavaScript Weird Parts
13 - JavaScript Weird Parts
 
 
14 - Carousel
14 - Carousel
 
 
15 - Music Player
15 - Music Player
 
 
16 - Text to Speech
16 - Text to Speech
 
 
17 - Speech to Text
17 - Speech to Text
 
 
18 - What is prototype
18 - What is prototype
 
 
19 - Autocomplete
19 - Autocomplete
 
 
20 - Form Validation
20 - Form Validation
 
 
21 - Infinite Scroll Gallery
21 - Infinite Scroll Gallery
 
 
.gitignore
.gitignore
 
 
readme.md
readme.md
 
 

Repository files navigation

Cover

🔥 คอร์สฟรี! สร้าง 21 โปรเจค ใน 21 วัน ไม่ใช้เฟรมเวิร์ค ไม่ใช้ไลบรารี สมัครเลย!

สมัครเรียน

ผู้ที่สนใจสามารถดูข้อมูลเพิ่มเติมและสมัครเรียนได้ที่ 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 วัน จะเป็นการสร้างนิสัยที่ดีในการเรียนรู้สิ่งใหม่ ๆ ต่อไป 😊

ตัวอย่างโปรเจค

Demo

ในคอร์สนี้ผู้เรียนจะได้ทำ 21 โปรเจคที่ครอบคลุมเนื้อหาในหลากหลายด้านของภาษาจาวาสคริปต์ โดยโปรเจคทั้งหมดมีดังต่อไปนี้

  1. Falling Snow
  2. Countdown Timer
  3. Async Await
  4. Eye Rolling
  5. Watercolor Painting
  6. Duck Hunt
  7. Konami Code
  8. What is "this"?
  9. Parallax Scrolling
  10. Kanban Board
  11. Text Reveal
  12. Air Quality Visualizer
  13. JavaScript Weird Parts
  14. Carousel
  15. Music Player
  16. Text to Speech
  17. Speech to Text
  18. What is "prototype"?
  19. Autocomplete
  20. Form Validation
  21. Infinite Scroll Gallery

สปอนเซอร์

JavaScript 21 Days Challenge เป็นคอร์สฟรีที่ใช้เวลาจัดทำนานหลายเดือนด้วยทุนทรัพย์ส่วนตัว เพื่อสนับสนุนวงการโปรแกรมเมอร์ไทย รวมไปถึงนักเรียน นักศึกษาที่อยากเป็นโปรแกรมเมอร์ ผู้ที่สนใจสนับสนุนสามารถช่วยแชร์คอร์ส หรือผู้ที่ต้องการสนับสนุนทุนทรัพย์สามารถติดต่อได้ที่ [email protected]

เครดิต

สร้างด้วย ♥ โดย วรายุทธ เลิศกัลยาณวัตร

About

🔥 คอร์สฟรี! สร้าง 21 โปรเจค ใน 21 วัน ไม่ใช้เฟรมเวิร์ค ไม่ใช้ไลบรารี

js21.dev/

Topics

javascriptjs21

Resources

Readme
Activity

Stars

172 stars

Watchers

8 watching

Forks

135 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.