เตรียมพื้นฐาน ES2015 และ Node.js ก่อนจะไปลุย React

course-video-preview-ookbee

ราคา

GET FREE

สามารถเรียนที่ไหน เมื่อไหร่ก็ได้ตลอดชีพ

เนื้อหาทั้งหมด 28 วิดีโอ ความยาวรวมกัน 2 ชั่วโมง 28 นาที

สไตล์วิดีโอแบบ Screencast เห็นการเขียนโค้ดสดๆ จากศูนย์ ไปจนเห็นผลลัพธ์

Modern JavaScript (ES2015 and beyond) และ Node.js

ปูพื้นฐานก่อนไปลุยเขียน React ทั้งฝั่ง Front-end และ Back-end เรียกได้ว่า Full-stack

เกี่ยวกับคอร์สนี้

คำอธิบายคอร์สออนไลน์

การเขียนเว็บแอพพลิเคชั่นโดยปกติจะแบ่งเป็นฝั่ง "server" หรือ Back-end และฝั่ง "client" หรือที่เรียกว่า Front-end โดยที่ฝั่ง server จะนิยมใช้ PHP และ client จะใช้ HTML/ CSS และ JavaScript นิดหน่อยเพื่อเพิ่มลูกเล่นให้กับเว็บไซต์ แต่ในปัจจุบันการเขียนเว็บแอพพลิเคชั่นด้วย JavaScript ได้รับความนิยมอย่างมากทั่วโลก เนื่องจาก JavaScript เข้าใจง่ายและที่สำคัญคือนักพัฒนาสามารถเรียนรู้แค่ภาษาเดียว และนำไปใช้เขียนโค้ดได้ทั้งฝั่ง server และ client โดยฝั่ง server จะใช้ Node.js ซึ่งก็เป็น JavaScript เช่นกัน


ในปัจจุบัน JavaScript ก้าวหน้าไปมากโดยที่มีมาตรฐานที่ชื่อ ECMAScript เป็นตัวกำกับ และเวอร์ชันล่าสุดมีชื่อเรียกว่า ES2015. อย่างไรก็ตาม tool ทุกวันนี้ก้าวหน้าไปอย่างรวมเร็ว ทำให้เราสามารถเขียนโค้ดด้วย standard ที่ใหม่กว่า ES2015 เช่น ES2016, ES2017 ได้ด้วย tool ที่เรียกว่า Babel ในคอร์สนี้จะเป็นลักษณะ Screencast ที่เน้นให้เห็นหน้าจอขณะที่เขียนโค้ดสดๆ และตัดต่อให้กระชับ โดยที่จะหลีกเลี่ยงการพูดทฤษฏีหรือสไลด์ยาวๆ แต่เน้นการเขียนโค้ดขึ้นมาใหม่ทั้งหมดจริงๆ ไม่ใช่จาก template ที่มีอยู่แล้ว

ประโยชน์ที่ผู้เรียนจะได้รับ

ในคอร์สนี้เราจะมาเรียนการเขียน JavaScript ด้วย ES2015 standard กัน และยังเรียนพื้นฐาน Node.js และการเขียน Web Server ด้วย Express แบบง่ายๆ เพื่อเตรียมตัวก่อนไปเขียนเว็บแอพพลิเคชั่นด้วย React แบบเต็มรูปแบบด้วย Node.js, Express, GraphQL, Apollo ในคอร์สถัดไปกัน

ใครควรเรียนคอร์สออนไลน์นี้

- ผู้ที่สนใจและอยากหัดเขียนโค้ดด้วย JavaScript/ Node.js

- นักพัฒนาที่สนใจ JavaScript/ Node.js แต่ยังไม่เคยได้ใช้อย่างจริงจัง

- นักพัฒนาที่สนใจการพัฒนาเว็บแอพพลิเคชั่นด้วย React แต่ยังไม่มั่นใจพื้นฐาน JavaScript/ Node.js

ผู้เรียนต้องมีความรู้อะไรมาก่อน

เนื่องจากสไตล์ของ Screencast จะเน้นให้เห็นการเขียนโค้ดจริิงๆ ผู้เรียนอาจจะต้องมีความรู้ทางด้าน JavaScript แบบพื้นฐานมาแล้วมาบางส่วน เพราะในคอร์สนี้ข้ามเรื่องพื้นฐานมากๆ ไป เช่น function คืออะไร ตัวแปรคืออะไร แต่จะเน้นไปที่การเขียนโค้ดจริงและเห็นผลลัพธ์จริงๆ

ผู้สอน

React Thailand

สถาบันฝึกอบรมด้าน React และ Node.js/ JavaScript เพื่อพัฒนาเว็บแอพพลิเคชั่นหรือโมบายแอพด้วยเทคโนโลยีใหม่ทันสมัย

หลักสูตรของคอร์สนี้

บทที่ 1 - Modern JavaScript (ES2015 and beyond)
Arrow Function เขียนฟังก์ชั่นแบบใหม่ สั้น กระชับกว่า
3:24
let - const การประกาศตัวแปรแบบทันสมัย เลิกใช้ var!
4:24
Object มีอะไรใหม่ใน ES2015
1:44
String รูปแบบใหม่ ไฉไลกว่าเดิิม
1:00
Rest Spread คู่หูใหม่ที่คุณจะขาดไม่ได้
5:44
Destructure ทะลายโครงสร้าง ถอดรูปให้ใช้งานง่ายขึ้น
4:00
Default parameter ง่าย สะดวก ทำให้โค้ดชัดเจน
10:13
Class - JavaScript มี class แล้ว!
4:15
ES Module มาแล้ว
8:13
Array Basic
7:24
หลีกเลี่ยงการ Mutate Array ต้นฉบับ
3:25
วน Loop Array ยังไง
2:04
ค้นหาของใน Array ด้วย find/ findIndex
3:06
เทส Element แต่ละตัวใน Array ด้วย some และ every
2:10
Array Map สำคัญสุดๆ ได้ใช้ตลอด ต้องเซียนให้ได้
10:49
Array Map ภาคจบ
2:55
Array Filter สำคัญพอๆ กับ map ต้องคล่อง
2:52
Array Reduce สับสนแค่ไหน เข้าใจซะอย่างก็ง่าย
10:24
เขียนโค้ดแบบ Async ด้วย Callback
5:56
เขียนโค้ดแบบ Async ด้วย Promise
9:14
Promise ภาคจบ
4:33
Fetch อีกทางเลือกของ Ajax
4:29
Bind ต้องเข้าใจ ไม่งั้นไปต่อไม่ได้
3:15
Stage 2 Proposal - รวมของใหม่ แต่ยังไม่ final นะ
7:32
Node.js และ Express Web Server
แนะนำ Node.js และ install
2:24
npm - package manager ของ Node
6:28
สร้าง Web Server ด้วย Express
8:35
Express middleware คืออะไร ใช้ยังไง
8:24