Responsive Websites with Bootstrap 4

เหมาะสำหรับผู้ที่มีพื้นฐานการทำเว็บมาบ้างแล้ว แต่ยังขาดความเข้าใจการใช้ Bootstrap Framework

ระยะเวลา 8 ชั่วโมง (09:00 – 18:00 น. พักเที่ยง 1 ชั่วโมง)
ค่าเรียน 1,800
รับจำนวน 2 คน ( ต่อ 1 รอบ )
*สอนตัวต่อตัว 3,000.-

เหมาะสำหรับ

  • Web Designers
  • Developers
  • นักเรียน/นักศึกษา
  • บุคคลทั่วไปที่สนใจ

พื้นฐานของผู้เรียนคอร์สนี้

  • มีพื้นฐานการเขียน HTML & CSS**
  • เคยทำเว็บไซต์มาบ้างแล้ว

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

  • Laptop, Notebook

โปรแกรมที่ใช้เรียน

  • Brackets
  • Sublime text
  • Atom

วันที่เปิดสอน

  • วันเสาร์ที่ 11 ตุลาคม 2557 (เต็มแล้วนะคะ)
  • (เต็มแล้วนะคะ)
  • (เต็มแล้วนะคะ)
  • (เต็มแล้วนะคะ)
  • (@D Infinite Lab)
  • (เต็มแล้วนะคะ)
  • (เต็มแล้วนะคะ)
  • (เต็มแล้วนะคะ)
  • (สอนออนไลน์)
  • (@ Smartclick Solution Co.,Ltd.)
  • (@ Smartclick Solution Co.,Ltd.)
  • (@ แคสป้า ฟาร์มาซูติคอล (ประเทศไทย))
  • (@ gistda สำนักงานพัฒนาเทคโนโลยีอวกาศและภูมิสารสนเทศ (องค์การมหาชน) ชลบุรี)

*วันที่เปิดสอน เราจะดูจากจำนวนคนก่อนนะคะ ถ้าครบคู่เรียน 2 คนแล้ว เราถึงจะระบุวันเรียนได้

เนื้อหาที่สอน

SECTION 1 : Introduction
  • ทำความรู้จัก Bootstrap3 ว่ามีอะไรให้เราบ้าง
  • ดูคุณสมบัติต่าง ๆ
SECTION 2 : Setting Up Bootstrap
  • เริ่มการติดตั้ง
  • ขึ้น Markup Template
SECTION 3 : Responsive Grid

ทำความเข้าใจการทำงาน และการใช้ Grid Bootstrap ทั้งแบบ responsive และไม่ responsive

  • The Grid System
  • Nested Grids
  • Reordering Columns in a Grid
  • Media Queries
  • Responsive utilities

Lab Exercises : Part 1
SECTION 4 : Page Elements and CSS Styles in Bootstrap

การนำ elements ต่าง ๆ ของ Bootstrap มาใช้

  • Tables
  • Forms
  • Button
  • Images and Responsive Images
  • Helper classes

Lab Exercises : Part 2
SECTION 5 : Page Components

"Components" หรือ UI สำเร็จรูป ที่ใช้กันบ่อย ๆ

  • Dropdowns
  • Navs
  • Thumbnail
  • Responsive embed (Viedo)

Lab Exercises : Part 3
SECTION 6 : Javascript and JQuery Plugin Options
  • Modal
  • Scrollspy
  • Tab
  • Collapse
  • Carousel
  • Affix

Lab Exercises : Part 4
LAST SECTION : Knowledge Sharing

แชร์เทคนิคต่าง ๆ จากประสบการณ์ผู้สอน

  • แนะนำ Tool ที่ใช้ในการเทส Web Responsive และการ Remote Device Inspect
  • แนะนำ Library jquery ที่ใช้บ่อย ๆ
  • การ Cross Browswer
  • การทำ Retina display
  • การทำ Font icon
  • etc.

HTML & CSS For Beginners

สำหรับมือใหม่ ผู้ที่อยากทำเว็บไซต์ แต่ไม่เคยมีพื้นฐานทำเว็บไซต์มาก่อน

ระยะเวลา 16 ชั่วโมง
จำนวน 2 วัน ( วันละ 8 ชั่วโมง เรียนทุกวันเสาร์ )
ค่าเรียน 3,000
รับจำนวน 2 คน ( ต่อ 1 รอบ )
*สอนตัวต่อตัว 5,000.-

เหมาะสำหรับ

  • นักเรียน/นักศึกษา
  • บุคคลทั่วไปที่สนใจ

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

  • Laptop, Notebook

โปรแกรมที่ใช้เรียน

  • Photoshop CC or higher
  • Brackets
  • Sublime text
  • Atom

วันที่เปิดสอน

  • (เต็มแล้วนะคะ)
  • (เต็มแล้วนะคะ)
  • (เต็มแล้วนะคะ)
  • (เต็มแล้วนะคะ)
  • (@ Trinity Roots co., ltd.)

เนื้อหาที่สอน

DAY 1: HTML/CSS For Beginners

การเขียน HTML/CSS เบื้องต้น, การใช้ Tag element, การสร้าง layout แบบต่าง ๆ

DAY 2: PSD to HTML/CSS

ตัดงานดีไซน์จริง จาก Photoshop เป็นไฟล์ HTML

สถานที่เรียน

รับสอนนอกสถานที่ ตามบริษัท และองค์กร หรือตามสถานที่ Workspace ที่ผู้เรียนและผู้สอนเดินทางสะดวก

สอบถามรายละเอียดเพิ่มเติม

อ้อ อัมพิกา
Email : [email protected]
Line ID : aoraoraor
เบอร์โทร : 081-5974697