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

เนื้อหา : 9 บท

เรียนรู้ & Workshop : 6 ชั่วโมง

Assignment :

3 ชั่วโมง (1 แบบฝึก)

ระดับ : พื้นฐาน

ดูทบทวนย้อนหลัง : 2 ปี

ปรึกษาการเรียน : ชุมชน The Ladder (Discord)

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

ปูพื้นฐานการสร้างหน้าเว็บไซต์ด้วย HTML ซึ่งเป็นพื้นฐานสำคัญของคนที่ต้องการพัฒนาเว็บไซต์ รวมถึงคนที่ต้องการเป็น Front-End Developer ที่จำเป็นต้องรู้ HTML ในระดับพื้นฐานเป็นอย่างน้อย

ทำไมถึงควรเรียน Web Foundation : HTML กับเรา

บทเรียนนี้ คุณจะได้เรียนรู้การสร้างหน้าเว็บไซต์เบื้องต้น โดนทางเราจะเน้นการปูพิ้นฐาน HTML ไปพร้อมกับการมี Workshop แทรกระหว่างบทเรียน ซึ่งจะมาเสริมความเข้าใจและแสดงให้เห็นถึงการนำไปใช้ในการทำงานจริงได้

Web Foundation : HTML เหมาะกับใคร

ผู้ที่ต้องการปูพื้นฐานการเป็น Front-End Developer
ผู้ที่ต้องการเริ่มต้นเรียนรู้พื้นฐานการสร้างเว็บด้วย HTML
นักศึกษา ครู อาจารย์ ที่ต้องการความรู้พื้นฐาน HTML
คนทั่วไปที่ต้องการเพิ่มความรู้เรื่อง HTML

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

สามารถสร้างหน้าเว็บผ่าน HTML ได้ด้วยตนเอง
เข้าใจพิ้นฐานการสร้างเว็บด้วย HTML
ฝึกฝนการการประเมิน วางแผน และได้ลงมือทำไปพร้อมกับบทเรียน
Workshop งานจริงจากบริษัทระดับ Enterprise

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

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

ผู้สอน

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

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

U1.1 เริ่มต้นใช้งาน HTML & Workshop

3 PART

17:50 นาที
- แนะนำ HTML และ HTML 5
  
  4:41 นาที
- การใช้งาน Visual Studio Code
  
  2:00 นาที
- Workshop : Hello World
  
  11:09 นาที
U1.2 รู้จัก Character Encoding และเขียนเนื้อหา

8 PART

20:00 นาที
- Character Encoding UTF-8
  
  4:15 นาที
- การเขียนเนื้อหา ขึ้นย่อหน้า
  
  2:57 นาที
- การขึ้นนบรรทัดใหม
  
  2:25 นาที
- การสร้างเส้นคั่น
  
  0:54 นาที
- การเน้นข้อความ
  
  0:47 นาที
- การเน้นคำและสร้างตัวเอียง
  
  3:20 นาที
- การ comment อธิบายสิ่งที่ทำ
  
  1:20 นาที
- การ Escape HTML
  
  4:02 นาที
U1.3 การใส่รูปภาพ และ สร้าง Link

3 PART

20:50 นาที
- การใส่รูปภาพ
  
  6:38 นาที
- ประเภทไฟล์รูปภาพ
  
  7:03 นาที
- การสร้าง Link
  
  7:09 นาที
U1.4 การสร้าง Table, List และ Form

4 PART

27:08 นาที
- สร้างตาราง (Table)
  
  10:35 นาที
- การกำหนดช่องพิเศษในตาราง
  
  2:59 นาที
- สร้าง List
  
  2:54 นาที
- การสร้าง Form รับ-ส่งข้อมูล
  
  10:40 นาที
U1.5 การสร้าง Checkbox, Radio และ Select

6 PART

22:29 นาที
- URL Encode
  
  3:11 นาที
- Set Default value
  
  0:47 นาที
- Checkbox
  
  4:53 นาที
- Radio Button
  
  4:49 นาที
- Fieldset
  
  2:15 นาที
- Select
  
  6:34 นาที
U1.6 การ Reset การทำปุ่ม และ IFrame

5 PART

27:13 นาที
- Text Area
  
  5:52นาที
- การ Reset
  
  1:53 นาที
- การทำปุ่ม (Button)
  
  2:46 นาที
- การทำ Tag
  
  14:26 นาที
- IFrame
  
  2:16 นาที
U1.7 Workshop สร้างหน้าเว็บโดยใช้ HTML Part 1

3 PART

28:48 นาที
- อธิบาย Workshop : สร้างหน้าเว็บโดยใช้ HTML สำหรับแก้ไขข้อมูลลูกค้า
  
  5:25 นาที
- วิเคราะห์งาน
  
  8:38 นาที
- ส่วนสร้างหน้าเข้าสู่ระบบ
  
  14:45 นาที
U1.8 Workshop สร้างหน้าเว็บโดยใช้ HTML Part 2

1 PART

22:10 นาที
- ส่วนสร้างหน้ารายชื่อลูกค้า
  
  22:10 นาที
U1.9 Workshop สร้างหน้าเว็บโดยใช้ HTML Part 3

1 PART

31:30 นาที
- ส่วนสร้างหน้าเพิ่มลูกค้าใหม่
  
  31:30 นาที
Assignment

ใช้เวลาประมาณ 3 ชั่วโมง
- Assignment : สร้างหน้าเว็บแก้ไขข้อมูลพนักงาน ด้วย HTML
  
  Assignment นี้คุณจะได้ใช้สิ่งที่เรียนรู้เกี่ยวกับ HTML ทั้งหมดเพื่อมาสร้างหน้าเว็บที่ใช้สำหรับแก้ไขข้อมูลพนักงานด้วยตนเอง โดยคุณจะต้องทำทั้งหมด 4 หน้า คือ หน้า login หน้าแสดงรายชื่อพนักงาน หน้าเพิ่มข้อมูลพนักงาน และหน้าแก้ไขข้อมูลพนักงาน ด้วยตนเอง โดยคุณสามารถใช้ทักษะที่สอนการวิเคราะห์งานจากใน Workshop มาใช้กับ Assignment ได้ และสุดท้ายคุณจะได้วิธีการคิดวิเคราะห์งานเพื่อให้คุณสามารถ ตรวจสอบงานเองได้ หลังคุณได้ฝึกฝนและส่งงานแล้ว
  
  3 ชั่วโมง