วันแรก

เรียนรู้ Workflow การออกแบบเว็บไซต์แบบ Responsive Web Design และเครื่องมือในการออกแบบ
– ทำความรู้จักหลักการออกแบบที่เรียกว่า Mobile First
– ทำความเข้าใจเกี่ยวกับ Grid Systemซึ่งเป็นพื้นฐานสำคัญในการออกแบบและช่วยในการเขียน CSS
– ทำความรู้จักกับเครื่องมือที่ Designer นิยมใช้ในการออกแบบ UI Website ในปัจจุบัน (Sketch.app และ Photoshop CC)
– เรียนรู้วิธีการใช้งาน Photoshop CC ในการแยกรูปภาพประกอบเว็บไซต์ด้วย Assets Generator และ Format ของรูปภาพในปัจจุบัน

วันที่สอง

เรียนรู้ภาษา HTML version 5 (HTML5) เบื้องต้น
– ทำความรู้จัก HTML5 Framework
– เรียนรู้การเขียนโครงสร้างเว็บไซต์ HTML5 แบบ semantic
– เรียนรู้การใช้งาน HTML5 เพื่อช่วนในการแสดงผลที่เหมาะสมบน Web Browser รุ่นใหม่
– การแก้ไขให้รองรับการแสดงผล HTML5 ใน Web Browser รุ่นเก่า
– เรียนรู้การใช้งาน Git (Version Control) เพื่อการสำรองข้อมูลและการทำงานคู่ขนานกับทีม

วันที่สาม

เรียนรู้การเขียน CSS เพื่อการจัด Layout ให้ตรงตาม Design (1)
– เรียนรู้คุณสมบัติต่างๆ ของ CSS Version 1 ถึง 3
– เรียนรู้การใช้ CSS Selector เพื่อลดการใช้ Class ในการอ้างอิง
– เรียนรู้การใช้งาน Developer Tools ในการ Debug ข้อผิดพลาดในการเขียน CSS
– เรียนรู้การสร้าง Custom font และนำมาใช้งานบนเว็บไซต์ (font-face)
– เรียนรู้การใส่ Video ลงในเว็บไซต์ให้รองรับการแสดงผลในทุก Web Browser

วันที่สี่

เรียนรู้การเขียน CSS เพื่อการจัด Layout ให้ตรงตาม Design (2)
– เรียนรู้การเขียน CSS เพื่อรองรับการแสดงผลแบบ Responsive Website
– เรียนรู้การใช้กำหนดค่าตัวหนังสือให้ดูเหมาะสมบนทุกหน้าจอ และการกำหนดขนาดตัวหนังสือด้วยหน่วย em
– การ Hack CSS ใน Web Browser ต่างๆ เพื่อการแสดงผลที่ใกล้เคียงตาม Design
– การเขียน jQuery เพิ่มความสามารถในการแสดงผลของ CSS และการเล่น Animation

สมาชิก

(ราคาค่าอบรมรวมอาหารกลางวันและของว่างแล้ว)

บุคคลทั่วไป

(ราคาค่าอบรมรวมอาหารกลางวันและของว่างแล้ว)