Responsive Web Design

Responsive Web Design

ระยะเวลาการเรียน

หลักสูตร 8 ชั่วโมง เรียนครั้งละ 8 ช.ม. จำนวน 1 ครั้ง

สิ่งที่ต้องเตรียมมา

ต้องนำคอมพิวเตอร์มาเอง ต้องการโปรแกรม sublime text (ฟรี),
Web Browser Google Chrome

สิ่งที่ผู้เรียนควรมีพื้นฐาน

  • 1. เข้าใจโค้ด HTML/CSS สามารถเขียนได้โดยไม่ต้องพึ่งโปรแกรมทำเว็บแบบ WYSIWYG เช่น Dreamweaver
  • 2. มีประสบการณ์การทำเว็บไซต์มาก่อน

สิ่งที่ผู้เรียนจะได้รับ

  • สามารถสร้างเว็บไซต์ Responsive ได้
  • รู้วิธีคิดในการทำเว็บไซต์แบบ Responsive ในด้านดีไซน์และ UX
  • มีเว็บบอร์ดพูดคุยสำหรับนักเรียน

ทำไมต้องเรียน Responsive Web Design กับเรา ?

เรียนเขียน Responsive Website แบบไม่ต้องพึ่งโปรแกรม ใช้โปรแกรมไหนก็ทำได้

เข้าใจพื้นฐานการทำงานของการเขียน HTML และ CSS ให้รองรับกับทุกอุปกรณ์

ติดตามการเรียนการสอน มีการบ้าน แบบฝึกหัด และกรุปเฟซบุคให้สอบถามได้ต่อไปในอนาคต

จบคอร์สนี้แล้วสามารถนำความรู้ไปใช้ในการทำงานเพื่อเพิ่มทักษะและรายได้ ได้อย่างแน่นอน

 

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

  • เทรนด์การทำ Layout แบบต่าง ๆ
  • การทำ Responsive Web Design อัพเดทล่าสุด
  • ข้อดี-ข้อเสียของการทำ Responsive Web Design
  • ขั้นตอนการทำ Responsive Web Design แต่ละแบบ
  • เราควรเล็ง Device รุ่นไหนดี
  • การทำ Responsive Grid ใช้เอง
  • การใช้ CSS3 Media Queries
  • การทำ Responsive Media ต่าง ๆ เช่น รูป วีดิโอ
  • การทำ Responsive ให้ส่วนสำคัญ ๆ ของเว็บไซต์ เช่น เมนู, ตารางข้อมูล
  • การใช้ CSS Framework เบื้องต้น (Bootstrap)
  • แนะนำเครื่องมือดี ๆ สำหรับทำ Responsive
  • การ Optimize ให้เว็บไซต์โหลดเร็วบนมือถือ
  • เทคนิคการทดสอบเว็บไซต์ Responsive