Giter VIP home page Giter VIP logo

yuttasakcom / javascript-21-days-challenge Goto Github PK

View Code? Open in Web Editor NEW

This project forked from lvarayut/javascript-21-days-challenge

0.0 1.0 0.0 52.78 MB

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

Home Page: https://js21.dev/

JavaScript 51.86% HTML 27.75% CSS 20.38%

javascript-21-days-challenge's Introduction

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]

เครดิต

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

javascript-21-days-challenge's People

Contributors

lvarayut avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.