ก้าวแรกสู่ Front-end Developer
เริ่มต้นและปรับแต่งเว็บด้วย HTML/ CSS
SECTION_TITLE.OVERVIEW
คุณจะได้ Static webpage ของตัวเอง พร้อมเพิ่มลูกเล่นต่างๆ ให้เว็บไซต์ของคุณน่าใช้งานมากยิ่งขึ้น ตลอดจนช่วยให้คุณเข้าใจพื้นฐานและหลักการสร้างเว็บไซต์เบื้องต้นด้วย HTML/ CSS ไปจนถึงการทำเว็บให้มีความ Responsive เพื่อรองรับการใช้งานผ่าน Devices ต่างๆ ผ่านคอร์สออนไลน์ที่ออกแบบการสอน HTML/CSS ในระดับพื้นฐานทั้งหมด เพื่อให้คุณเริ่มต้นได้อย่างถูกวิธี ดังนั้นเนื้อหาจึงเข้าใจง่าย สามารถทำตามได้ทีละสเต็ปพร้อมกับผู้สอน เมื่อเรียนจบแล้วก็ยังกลับไปต่อยอดการทำงานจริงได้อีกด้วย
ทำไมต้องเรียน HTML / CSS
HTML (HyperText Markup Language) เป็นภาษาพื้นฐานที่ใช้เขียนโค้ดเพื่อสร้างโครงเนื้อหาต่างๆ ของเว็บไซต์ ส่วน CSS (Cascading Style Sheets) เป็นภาษาที่ช่วยจัดรูปแบบหน้าตา HTML เหล่านั้นให้สวยงาม มีสีสันและลูกเล่นต่างๆ ซึ่งสามารถจัดรูปแบบและปรับเปลี่ยนโครงเว็บไซต์ให้เหมาะสมในแพลตฟอร์มที่แตกต่างกันได้ เช่น Mobile, iPad, Notebook เป็นต้น
ทั้ง HTML และ CSS ต่างเป็นภาษามาตรฐานที่ใช้งานในทุก Website และเป็นภาษาที่เรียนรู้ได้ไม่ยาก โดยถูกพัฒนามาเรื่อยๆ เพื่ออำนวยความสะดวกด้านต่างๆ ให้กับผู้ใช้งาน
จัดเต็ม 2 หลักสูตร ให้คุณพร้อมเริ่มต้นเขียนโปรแกรมด้วย HTML / CSS แบบครบครัน
คอร์สนี้เหมาะสำหรับ
- Entry Level คอร์สนี้จะทำให้ผู้ที่สนใจเริ่มต้นพัฒนาเว็บไซต์ หรือสนใจเริ่มต้นในด้าน Front-end Developers พอมีพื้นฐาน HTML/ CSS มาบ้างที่ต้องการเรียนรู้การใช้งาน CSS ในการเพิ่มลูกเล่นให้กับเว็บไซต์มากยิ่งขึ้น
- Web Developer หรือผู้ที่สนใจย้ายสายงานมาเป็น Web Developer ที่พอมีพื้นฐาน HTML/ CSS มาบ้างที่ต้องการเรียนรู้การใช้งาน CSS และคำสั่งต่างๆ เพื่อตกแต่งหน้าเว็บ ทำให้น่าใช้งานมากยิ่งขึ้น
- นักเรียน/ นักศึกษา คอร์สนี้จะทำให้นักศึกษาที่สนใจหรือกำลังพัฒนาเว็บไซต์ หรือทำ Portfolio และต้องการเข้าใจการใช้งาน CSS เพื่อเพิ่มลูกเล่นให้เว็บไซต์ของตนน่าสนใจมากยิ่งขึ้น สามารถนำไปศึกษาต่อยอดได้รวดเร็วมากยิ่งขึ้น
สิ่งที่จะได้รับจากแพคเกจนี้
- 2 Course online ที่สามารถกลับมาเรียนได้เรื่อยๆ
- พื้นฐาน HTML และ CSS
- เข้าใจ Box Model และ Box Properties รูปแบบต่างๆ
- จัดการ Element ต่างๆ บนเว็บไซต์ด้วย Flexbox, Grid Layout, Position, Sticky เป็นต้น
- เรียนรู้และใช้งานเครื่องมือในการพัฒนาเว็บต่างๆ เช่น Chrome DevTools
- เพิ่มลูกเล่นให้เว็บไซต์น่าใช้งานด้วยการใช้ Pseudo Classes, Pseudo Element, Combinator และการทำ Animation พื้นฐานในรูปแบบต่างๆ
- เข้าใจหลักการพร้อมทำ Responsive Web ให้ตอบสนองกับ Device ขนาดต่างๆ
- ตลอดจนทำให้คนอื่นๆ เข้าถึงเว็บไซต์ของเราด้วยการนำไป Deploy บน GitHub.io
ความรู้พื้นฐานและการเตรียมตัว
- ไม่จำเป็นต้องมีพื้นฐานการเขียนโปรแกรมมาก่อน
สอบถามข้อมูลเพิ่มเติม
บทความที่เกี่ยวข้อง
SECTION_TITLE.COURSE_OUTLINE
Online Course II : Essential CSS for Web Developers
- Introduction ทวนพื้นฐาน HTML และ CSS
- CSS Layout - The Basics เข้าใจ Box Model และ Box Properties รูปแบบต่างๆ
- CSS Layout - Flexbox, Grid Layout, Positioning จัดการ Element ต่างๆ บนเว็บไซต์ด้วย Flexbox, Grid Layout, Position, Sticky เป็นต้น
- Advanced Selectors เพิ่มลูกเล่นให้เว็บไซต์น่าใช้งานด้วยการใช้ Pseudo Classes, Pseudo Element, Combinator
- Responsive เพิ่ม Animation พื้นฐานต่างๆ ให้เว็บไซต์ของคุณ
- Styling other elements with more CSS Properties
- Intro to CSS Animation Transition and Transform
SECTION_TITLE.INSTRUCTOR

SECTION_TITLE.FAQS
หากท่านต้องการขอใบเสร็จรับเงิน/ใบกำกับภาษีในนามบุคคลธรรมดา ท่านสามารถกรอกรายละเอียดของท่านเพื่อให้ทีมงานนำข้อมูลไปออกเอกสารได้ ที่ลิงก์นี้ค่ะ แบบฟอร์มขอรับใบกำกับภาษี
สามารถเรียนซ้ำได้ค่ะ
- สำหรับบุคคลทั่วไป คอร์สมีอายุตลอดชีพค่ะ
- สำหรับในนามองค์กร สามารถกลับมาเรียนซ้ำได้ภายใน 1 ปีค่ะ