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

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

ปูพื้นฐานสร้างเว็บไซต์ด้วย CSS

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

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

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

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

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

สามารถสร้างและตกแต่งหน้าเว็บจาก CSS ได้ด้วยตนเอง
เข้าใจพิ้นฐานการสร้างและตกแต่งเว็บด้วย CSS
ฝึกฝนการการประเมิน วางแผน และได้ลงมือทำไปพร้อมกับบทเรียน
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 ทำความเข้าใจ CSS
3 PART
08:00 นาที
- CSS และ CSS3 คืออะไร
  02:00 นาที
- การใช้ CSS ร่วมกับ HTML
  05:00 นาที
- ส่วนประกอบของ CSS
  01:00 นาที
02 CSS Selector
7 PART
20:00 นาที
- Selector เบื้องต้น
  02:00 นาที
- Class
  01:00 นาที
- Grouping
  01:00 นาที
- กรณีหลายเงื่อนไข
  02:00 นาที
- Combinators - ระบุความสัมพันธ์
  08:00 นาที
- Pseudo-Class
  04:00 นาที
- Pseudo-Element
  02:00 นาที
03 CSS Properties
17 PART
48:00 นาที
- Introduction
  01:00 นาที
- Text Properties
  01:00 นาที
- Color
  07:00 นาที
- Font
  05:00 นาที
- Decoration / Transformation
  02:00 นาที
- Alignment / Wrap / Overflow
  04:00 นาที
- Spacing
  01:00 นาที
- Box Properties
  02:00 นาที
- Background
  07:00 นาที
- Border
  05:00 นาที
- Shadow
  01:00 นาที
- Size
  02:00 นาที
- Margin / Padding
  04:00 นาที
- Positioning
  01:00 นาที
- Float
  02:00 นาที
- Overflow
  01:00 นาที
- Table Properties
  02:00 นาที
04 การใช้ Bootstrap
7 PART
23:00 นาที
- ทำไมใช้ Bootstrap ?
  02:00 นาที
- Bootstrap Container
  01:00 นาที
- Bootstrap Breakpoints
  03:00 นาที
- Bootstrap Grid System
  06:00 นาที
- Bootstrap Theme Color
  04:00 นาที
- Bootstrap Form & Button
  03:00 นาที
- Bootstrap Spacing
  04:00 นาที
Assignment
ใช้เวลาประมาณ 3 ชั่วโมง 25 นาที
- Workshop : ปรับ HTML+CSS สำหรับหน้าเว็บแสดงข้อมูลลูกค้า ให้มี Design ตามที่กำหนด
  คุณจะได้การใช้ CSS ร่วมกับ HTML เพื่อปรับหน้าเว็บให้ดูเป็นระเบียบสวยงาม โดยจะเป็นการปรับหน้าเว็บแสดงข้อมูลลูกค้า โดยคุณต้องใช้ CSS ปรับ Font ปรับขนาดช่อง ปรับสีปุ่ม และอื่นๆเพื่อให้หน้าเว็บดูสวยงามและอ่านได้อย่างสบายตา นำไปใช้งานได้จริง
  1 ชั่วโมง