ผลต่างระหว่างรุ่นของ "Se63"
ไปยังการนำทาง
ไปยังการค้นหา
Jittat (คุย | มีส่วนร่วม) (→Lab) |
Jittat (คุย | มีส่วนร่วม) (→Lab) |
||
(ไม่แสดง 6 รุ่นระหว่างกลางโดยผู้ใช้คนเดียวกัน) | |||
แถว 6: | แถว 6: | ||
* Week 1 | * Week 1 | ||
** ดูคลิปแนะนำแนวคิด OOP [https://www.youtube.com/watch?v=ypsJbBKGg2E youtube] | ** ดูคลิปแนะนำแนวคิด OOP [https://www.youtube.com/watch?v=ypsJbBKGg2E youtube] | ||
+ | ** (optional) คลิป Javascript review: functions and scopes [https://www.twitch.tv/videos/670533772 twitch] | ||
** ทดลอง Typescript | ** ทดลอง Typescript | ||
*** ทดลองใน Typesript playground [[se63/typescript/started]] | *** ทดลองใน Typesript playground [[se63/typescript/started]] | ||
*** เกม zombie: [[se63/typescript/zombie]] | *** เกม zombie: [[se63/typescript/zombie]] | ||
− | ** เริ่มเขียน NestJs + React - | + | |
+ | * Week XXX | ||
+ | ** เอกสาร | ||
+ | *** [https://docs.nestjs.com/ NestJS] | ||
+ | *** React | ||
+ | **** [https://github.com/typescript-cheatsheets/react React Typescript Cheatsheet] | ||
+ | ** เริ่มเขียน NestJs + React (Tutorial repository [https://gitlab.com/jittat/se63-cr01 gitlab]) | ||
*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&index=2&t=261s youtube] | *** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&index=2&t=261s youtube] | ||
− | *** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&index=2 youtube] | + | *** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&index=2 youtube] |
− | *** สร้าง API ส่งข้อความและให้ frontend เรียก (ทำโดย class component และใช้ hook) [https://www.youtube.com/watch?v= | + | **** [[se63/nestjs-react-install-notes]] |
+ | *** สร้าง API ส่งข้อความและให้ frontend เรียก (ทำโดย class component และใช้ hook) [https://www.youtube.com/watch?v=he_3dt4Az4s&list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&index=3 youtube] | ||
+ | *** แนวคิด React [https://www.youtube.com/watch?v=nJOIYuHFITE&list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&index=4 youtube] | ||
+ | *** แสดงรายการ course [https://www.youtube.com/watch?v=tVvcGWXL-Zs&list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&index=5 youtube] | ||
+ | *** สร้าง react component CourseItem [https://www.youtube.com/watch?v=UEZRdHotlDU&list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&index=6 youtube] | ||
+ | ** (optional) ในส่วนที่เป็น Promise ที่มีการใช้ then ควรดูคลิป Javascript review: Asynchronous programming (Part 1) [https://www.twitch.tv/videos/670825642 twitch] |
รุ่นแก้ไขปัจจุบันเมื่อ 02:15, 17 สิงหาคม 2563
หน้านี้รวมเอกสารวิชา software engineering
Lecture
Lab
- Week 1
- ดูคลิปแนะนำแนวคิด OOP youtube
- (optional) คลิป Javascript review: functions and scopes twitch
- ทดลอง Typescript
- ทดลองใน Typesript playground se63/typescript/started
- เกม zombie: se63/typescript/zombie