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

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

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

รายละเอียด

ผู้สอน React Thailand

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

การเขียนเว็บแอพพลิเคชั่นโดยปกติจะแบ่งเป็นฝั่ง "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 คืออะไร ตัวแปรคืออะไร แต่จะเน้นไปที่การเขียนโค้ดจริงและเห็นผลลัพธ์จริงๆ

เนื้อหาของคอร์สนี้

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

ส่งอีเมล์ให้เพื่อน

ส่งให้เพื่อนหลายคนใส่ “,” (ส่งพร้อมกันมากสุด 50 อีเมล์)

send