Section 1 Web Development Introduction

• Lecture 1 : Introduction
• Lecture 2 : การสื่อสารแบบ Client / Server
• Lecture 3 : การพัฒนา Website เบื้องต้น
• Lecture 4 : เตรียมเครื่องมือ สำหรับเขียนโค้ด

Section 2 เรียนรู้การใช้งาน HTML

• Lecture 5 : HTML คืออะไร
• Lecture 6 : ลักษณะของภาษา HTML
• Lecture 7 : โครงสร้างของภาษา HTML
• Lecture 8 : HTML5
• Lecture 9 : Assignment Lab 1

Section 3 Advanced HTML

• Lecture 10 : รู้จักกับ HTML Elements
• Lecture 11 : Assignment Lab 2
• Lecture 12 : HTML Formatting
• Lecture 13 : Assignment Lab 3
• Lecture 14 : HTML Links
• Lecture 15 : Assignment Lab 4
• Lecture 16 : HTML Image
• Lecture 17 : HTML Table
• Lecture 18 : Assignment Lab 5
• Lecture 19 : HTML List
• Lecture 20 : Assignment Lab 6
• Lecture 21 : HTML Form
• Lecture 22 : การใช้งาน GET และ POST ในการส่งข้อมูลแบบฟอร์ม
• Lecture 23 : Tags เพิ่มเติมในการใช้งาน HTML Form
• Lecture 24 : Assignment Lab 7
• Lecture 25 : HTML Video & Audio
• Lecture 26 : การใช้งาน Meta Tag

Section 4 Introduction to CSS & CSS3

• Lecture 27 : CSS คืออะไร
• Lecture 28 : ค้นหาหรือเลือก Tag ด้วย CSS Selector
• Lecture 29 : จัดการกับข้อความด้วย CSS Text
• Lecture 30 : แก้ไขรูปแบบข้อความด้วย CSS Font
• Lecture 31 : Assignment Lab 8
• Lecture 32 : เปลี่ยนสีพื้นหลังด้วย HTML Background
• Lecture 33 : Assignment Lab 9
• Lecture 34 : สร้างและจัดการเส้นขอบด้วย HTML Border
• Lecture 35 : Assignment Lab 10
• Lecture 36 : ทำความรู้จักกับ Margin และ Padding
• Lecture 37 : Assignment Lab 11
• Lecture 38 : กำหนดขนาดแบบง่ายด้วย Width และ Height
• Lecture 39 : กำหนดรูปแบบการแสดงผลด้วย CSS Display
• Lecture 40 : เริ่มต้นใช้งาน Flexbox
• Lecture 41 : ห่อหุ้ม element ด้วย flex-wrap
• Lecture 42 : กำหนดการวาง (แนวนอน) ด้วย flexbox-justiy-content
• Lecture 43 : กำหนดการวาง (แนวตั้ง) ด้วย flexbox-align
• Lecture 44 : การใช้รูปแบบคอลัมน์ด้วย Grid Layout
• Lecture 45 : การกำหนดค่าเริ่มต้น Grid Layout
• Lecture 46 : การสร้างตารางสำหรับ Grid Item
• Lecture 47 : การออกแบบ Responsive CSS

Section 5 Introduction to JavaScript

• Lecture 48 : JavaScript คืออะไร
• Lecture 49 : การเรียกใช้งาน JavaScript
• Lecture 50 : ตัวแปรใน JavaScript
• Lecture 51 : ประเภทข้อมูลใน JavaScript
• Lecture 52 : ตัวดำเนินการด้านคณิตศาสตร์

Section 5 Introduction to JavaScript (ต่อ)

• Lecture 54 : ตัวดำเนินการด้านข้อความ
• Lecture 55 : ตัวดำเนินการด้านการเปรียบเทียบ
• Lecture 56 : ตัวดำเนินการด้านตรรกะ
• Lecture 57 : ตัวดำเนินการเงื่อนไข
• Lecture 58 : การวนลูป (Loop)
• Lecture 59 : รู้จักกับ Function

Section 6 Advanced JavaScript

• Lecture 60 : Asynchronous vs Synchronous
• Lecture 61 : จัดการลำดับการทำงานด้วย Call Stack และ Event Loop
• Lecture 62 : จัดการปัญหา Error ด้วย Callback, Promise, Async/Await
• Lecture 63 : การเขียนโปรแกรมแบบ OOP
• Lecture 64 : รู้จักกับ DOM
• Lecture 65 : การเข้าถึง HTML Element
• Lecture 66 : การแก้ไข HTML Element
• Lecture 67 : การลบ HTML Element
• Lecture 68 : การจัดการ HTML Event
• Lecture 69 : การจัดการ HTML Event – addEventListener
• Lecture 70 : Assignment Lab 12

Section 7 Introduction to Node.js

• Lecture 71 : Node.js คืออะไร
• Lecture 72 : Node.js Modules
• Lecture 73 : Node Package Manager
• Lecture 74 : สร้าง Server ด้วย Express
• Lecture 75 : การใช้งาน Static File
• Lecture 76 : การใช้งาน Dynamic URL
• Lecture 77 : JSON คืออะไร
• Lecture 78 : วิธีการใช้งาน Fetch

Section 8 Special Bonus

• Lecture 79 : Webpack คืออะไร
• Lecture 80 : การ Config Webpack สำหรับใช้งาน
• Lecture 81 : SASS คืออะไร

ชำระเงินครั้งเดียว ไม่จำกัดระยะเวลาการเรียน

คุ้มยิ่งกว่าคุ้ม ชำระเงินเพียงครั้งเดียวก็สามารถเข้าเรียนได้ไม่จำกัดระยะเวลา ทบทวนซ้ำได้ ไม่จำเป็นต้องรอเรียนพร้อมกัน แถมยังสามารถทำแบบฝึกหัด
และส่งโปรเจคให้ตรวจเพื่อรับ Verified Certificate ได้ภายใน 1 ปีอีกด้วย !

Section 1 แนะนำคอร์สเรียน (Free)

• Lecture 1 แนะนำบทเรียน
• Lecture 2 วิธีการดาวน์โหลดเอกสารสำหรับผู้เรียน

Section 2 ทำความเข้าใจกับ UX/UI

• Lecture 3 UX/UI คืออะไร และแตกต่างกันอย่างไร?
• Lecture 4 Digital Product คืออะไร?
• Lecture 5 การออกแบบ UX/UI เพื่อสร้าง Website และ Mobile App

Section 3 User Experience Design (UX)

• Lecture 6 การทำ Wireframe
• Lecture 7 การวางแผน Strategy and Planning
• Lecture 8 วิเคราะห์ลูกค้า (การทำ User research หรือ Persona)
• Lecture 9 การทำเว็บไซต์ให้เหมาะกับผู้พิการ
• Lecture 10 การจัดเรียงข้อมูลให้เหมาะสม
• Lecture 11 ศึกษาการทำ Content Strategy
• Lecture 12 การทดสอบกับลูกค้าจริง (Testing)

Section 4 User Interface Design (UI)

• Lecture 13 การทำ Visual Design
• Lecture 14 ศึกษาการทำ Branding
• Lecture 15 วิธีเลือก Typography มาใช้
• Lecture 16 Layout and Color

Section 5 ออกแบบ UX/UI ด้วย Adobe XD

• Lecture 17 ทำความรู้จัก Features ใน Adobe XD (Home screen หน้าตาโปรแกรม)
• Lecture 18 โหมดใช้งานของโปรแกรม (เช่น Design, Prototype, Share)
• Lecture 19 การสร้างรูปเรขาคณิตแบบต่าง ๆ (เช่น สี่เหลี่ยม วงกลม สามเหลี่ยม)
• Lecture 20 การสร้าง Text
• Lecture 21 Artboard
• Lecture 22 การติดตั้งและใช้งาน Plugin
• Lecture 23 การทำ Prototyping
• Lecture 24 การ Export File

Section 6 Case study การออกแบบแอปสำหรับสั่งอาหาร

• Lecture 25 การเริ่มต้นสร้าง Wireframe
• Lecture 26 การออกแบบ Register Screen
• Lecture 27 Home screen and Log in screen
• Lecture 28 Food categories screen
• Lecture 29 Search menu screen
• Lecture 30 Menu screen
• Lecture 31 Food order screen
• Lecture 32 Payment screen
• Lecture 33 History screen

Section 7 Case study การออกแบบแอปสำหรับจองโรงแรม

• Lecture 34 การออกแบบ Wireframe
• Lecture 35 Home and Log in screen / Profile screen
• Lecture 36 Room screen
• Lecture 37 Room detail screen
• Lecture 38 Search room screen
• Lecture 39 Booking screen
• Lecture 40 Payment screen

Section 8 Bonus Track

• Lecture 41 Case study การออกแบบเว็บไซต์สำหรับซื้อขายสินค้าออนไลน์
• Lecture 42 การบ้าน / แบบฝึกหัด

คอร์สเรียนนี้เหมาะสำหรับ

• ผู้ที่ต้องการเรียนพื้นฐานการออกแบบแอปพลิเคชันแบบจริงจัง
• ผู้ที่ต้องการเริ่มต้นในสายอาชีพนักออกแบบ UX / UI
• นักธุรกิจยุคใหม่ที่ต้องการศึกษาเทคโนโลยี และ การพัฒนาโปรแกรม
• ผู้ที่ต้องการเริ่มต้นเข้าสู่ด้าน Tech Startup
• นักพัฒนาโปรแกรมที่ต้องการเริ่มต้นเรียนรู้ประสบการณ์ผู้ใช้
• นักเรียน / นักศึกษา สาขาวิทยาการคอมพิวเตอร์ เทคโนโลยีสารสนเทศ หรือ วิศวกรรมศาสตร์

สิ่งที่จำเป็นสำหรับคอร์สเรียนนี้

• คอมพิวเตอร์ที่สามารถใช้งาน Web Browser รุ่นปัจจุบันได้
• รองรับ Internet ในการใช้งานคอร์สเรียน
• ผู้เรียนจะต้องมีความรู้พื้นฐานการใช้งานคอมพิวเตอร์ (เช่น การเปิดโปรแกรม, การค้นหาข้อมูลจาก Google เป็นต้น)
• ถ้าหากมีพื้นฐานการเขียนโปรแกรมเบื้องต้น หรือ การพัฒนาเว็บไซต์ และ แอปพลิเคชันมาก่อนจะเหมาะสมอย่างยิ่ง

ชำระเงินครั้งเดียว ไม่จำกัดระยะเวลาการเรียน

คุ้มยิ่งกว่าคุ้ม ชำระเงินเพียงครั้งเดียวก็สามารถเข้าเรียนได้ไม่จำกัดระยะเวลา ทบทวนซ้ำได้ ไม่จำเป็นต้องรอเรียนพร้อมกัน แถมยังสามารถทำแบบฝึกหัด
และส่งโปรเจคให้ตรวจเพื่อรับ Verified Certificate ได้ภายใน 1 ปีอีกด้วย !