ข้อมูลบทเรียน

รายละเอียดบทเรียน

เรียนรู้คำสั่งการทำซ้ำหรือวน Loop ด้วย JavaScript และการสร้าง JSON

ทำไมถึงควรเรียน JavaScript Loop & JSON กับเรา?

บทนี้คุณจะได้เรียนรู้คำสั่งเพิ่มเติมของ JAVASCRIPT รู้จักคำสั่งทำซ้ำหรือวน Loop เพื่อให้คุณสร้างคำสั่งที่มีความพิเศษเพิ่มขึ้น เช่น ให้หยุดการคำนวณเมื่อครบ 10 ปี รวมถึงเรียนรู้วิธีการ Export ไฟล์เพื่อให้คนอื่นนำไปใช้ต่อได้อย่างมีประสิทธิภาพ

JavaScript Loop & JSON เหมาะกับใคร

ผู้ที่ต้องการปูพื้นฐานการเป็น Front-End Developer
ผู้ที่ต้องการต่อยอดพื้นฐานการสร้างเว็บด้วย JavaScript ให้สาารถสร้างการวนซ้ำ(Loop) และสร้าง JSON ได้
นักศึกษา ครู อาจารย์ ที่ต้องการต่อยอดความรู้ JavaScript
คนทั่วไปที่ต้องการเพิ่มความรู้เรื่อง Loop และ JSON

สิ่งที่คุณจะได้จาก Unit นี้

สามารถสร้างโปรแกรมวนซ้ำ(Loop)ได้จริงด้วย JavaScript
เข้าใจพิ้นฐานการสร้างโปรแกรมวนซ้ำ(Loop)ด้วย JavaScript
สามารถส่งข้อมูลออกเป็น JSON เพื่อส่งไปใช้งานที่อื่นต่อได้
ฝึกฝนการการประเมิน วางแผน และได้ลงมือทำไปพร้อมกับบทเรียน
Workshop งานจริงจาก Enterprise ด้วยการสร้างเว็บที่สามารถทำงานได้จริง

ที่ปรึกษาการเรียน

สามารถเข้า Discord เพื่อสอบถามแลกเปลี่ยนความรู้ ให้คุณได้เรียนรู้และสอบถามข้อสงสัยเพิ่มเติม
กับ Developer ตัวจริง พร้อมคำปรึกษาด้านการเรียน และการทำงาน

ผู้สอน

ประวัติและผลงาน
- - Instructor บริษัท Code-D 789 มากกว่า 5 ปี
    ออกแบบพัฒนา Software Architecture ธุรกิจการเงิน ธนาคาร โทรคมนาคม มากกว่า 20 ปี
    – Mobile banking app, ธ.กรุงศรี
    – ระบบตู้บริการอัตโนมัติ, AIS
    – Real Time Trading App, SET
    – ระบบรายงานผลเลือกตั้ง, Nation
    – ออกแบบพัฒนาเว็บไซต์, Amway
  - จบวิศวกรรมคอมพิวเตอร์ จุฬาลงกรณ์ มหาวิทยาลัย เกียรตินิยมอันดับ 1

เนื้อหาคอร์ส

01 การทำงานแบบวนซ้ำ (Loop)
4 PART
04:53 นาที
- Introduction
  01:00 นาที
- While Loop
  01:30 นาที
- For Loop
  01:27 นาที
- Do-While Loop
  00:56 นาที
02 รู้จัก JSON
2 PART
03:54 นาที
- รู้จักและใช้ JSON
  01:17 นาที
- รู้จัก Arrow Function
  02:37 นาที
03 รู้จักกับ Library
1 PART
08:43 นาที
- การใช้งาน Library: PapaParse
  08:43 นาที
Assignment
ใช้เวลาประมาณ 4 ชั่วโมง
- Workshop: Happy Birthday Many Times
  คุณจะได้ฝึกใช้การววนซ้ำ ด้วยการแสดงข้อความ Happy Birthday หลายๆครั้งตามอายุที่ใส่ไว้ เช่น ใส่อายุไว้ 3 ขวบ ก็จะแสดง Happy Birthday year แล้วตามด้วยปีที่เริ่มจาก 1 จนถึง 3 ขวบ
  27 นาที
- Workshop: Skip Odd Birthday
  คุณจะได้ฝึกความซับซ้อนเพิ่มในการเขียนโปรแกรมวนซ้ำ โดยจะต้องแสดงข้อความ Happy Birthday เฉพาะปีที่เป็นปีเลขคู่ เช่น ถ้าเใส่อายุ 7 ปี ก็จะ Happy Birthday เฉพาะปีที่ 2 ปีที่ 4 และปีที่ 6 เท่านั้น
  7 นาที
- Workshop: Stop after 10 years
  Workshop นี้เพิ่มความซับซ้อนของการเขียนวนซ้ำไปอีกขั้น ด้วยโจทย์เพิ่มเติมว่า หลังจากอายุ 10 ขวบก็ไม่ต้องแสดงข้อความ Happy birthday แล้ว เช่น ถ้าใส่อายุ 15 ปี จะให้โปรแกรมแสดงข้อความ Happy Birthday แค่ปีที่ 2, 4, 6, 8 และ 10 เท่านั้น
  3 นาที
- Workshop: Customer Info export to JSON
  Workshop นี้คุณจะได้สร้างโปรแกรม กรอกข้อมูล ชื่อ นามสกุล วันเกิด ที่อยู่ หมายเลขโทรศัพท์ อีเมล คะแนน และข้อมูลว่าเป็นลูกค้า VIP เมื่อกด Save แล้วจะเก็บเป็นไฟล์ JSON และหากกดปุ่ม Load ก็จะสามารถเลือกไฟล์ JSON เพื่อคืนค่ามาแสดงที่ช่องกรอกข้อมูล
  1 ชั่วโมง
- Workshop: Customer Info – Validate Phone Number
  คุณจะได้สร้างความซับซ้อนที่เหมือนกับนำไปใช้จริงให้กับโปรแกรม Customer Info ที่ได้ทำมาก่อนหน้านั้น ด้วยการตรวจสอบเลขโทรศัพท์ที่ต้องกรอกเริ่มต้นด้วย 0 และใส่ได้แค่ 9 หลัก
  6 นาที
- Workshop: Customer Info – Validate Email Address
  คุณจะได้สร้างความซับซ้อนที่เหมือนกับนำไปใช้จริงให้กับโปรแกรม Customer Info ที่ได้ทำมาก่อนหน้านั้น ด้วยการตรวจสอบ Email Address
  2 นาที
- Workshop: Customer Info – Form Submit Event
  Customer Info ที่ได้ทำมาก่อนหน้านั้น กรณีกรอกข้อมูลชื่อ นามสกุล แล้วกด Enter ข้อมูลในแบบฟอร์มจะหายไป คุณจะได้ปรับและแก้ไขในเรื่องนี้ สร้างการตรวจสอบและมีความซัอนเหมอนกับที่นำไปใช้จริง
  8 นาที
- Workshop: Customer Info – HTML Form Validation
  Workshop นี้คุณจะได้ลองใช้ Fucntion แทนการเขียนเอง สำหรับการตรวจสอบหมายเลขโทรศัพท์กับอีเมล์
  10 นาที
- Workshop: Customer Info – Email Preparing App
  Workshop นี้ คุณจะได้สร้างโปรแกรมที่จะเตรียมข้อมูลสำหรับส่งอีเมลอวยพรวันเกิด โดยที่มีช่องให้กรอกข้อมูล ชื่อ นามสกุล วันเกิด จำนวนปีที่จะเตรียมข้อมูล และที่อยู่อีเมล์ โดยคุณจะได้ฝึกตั้งแต่การวิเคราะห์งาน การประเมินเวลา และลงมือทำ
  50 นาที
- Assignment: คำนวณดอกเบี้ยทบต้น
  คุณจะได้สร้างหน้าเว็บสำหรับการคำนวณดอกเบี้ยทบต้นด้วยตนเอง โดยจะให้ใส่จำนวนปี อัตราดอกเบี้ย และเงินเริ่มต้น ไว้สำหรับคำนวณ รวมถึงต้องมีการตรวจสอบข้อมูลที่เหมือนกับนำไปใช้จริง และ Export ออกมาเป็นไฟล์ CSV ให้ Download ได้ หากคุณได้ฝึกฝนและส่งงานแล้ว จะได้วิธีการคิดวิเคราะห์งานเพื่อให้คุณสามารถตรวจสอบงานเองได้
  1 ชั่วโมง