Basic Responsive Web Design with Bootstrap 4
รายละเอียด Course ID: wdc-40
การพัฒนาเว็บไซต์สมัยใหม่ มีความต้องการให้รองรับการแสดงผลบน Mobile , Tablet และ Desktop ไปพร้อม ๆ กัน โดยนักพัฒนาเองต้องมีความรู้ความเข้าใจในการเขียน CSS ในระดับกลางถึงสูงเพื่อให้สามารถออกแบบและปรับแต่งได้อย่างต้องการ ทำให้ต้องใช้เวลาในการศึกษาเรียนรู้ค่อนข้างนานกว่าจะพัฒนาเว็บให้ Responsive ได้อย่างถูกต้องสวยงาม
ดังนั้นจึงมี CSS Framework ตัวหนึ่งที่ชื่อ "Bootstrap" เข้ามาช่วยแก้ปัญหา และช่วยให้นักพัฒนาออกแบบเว็บไซต์ให้ Responsive ได้อย่างรวดเร็ว ง่ายดาย และมีมาตรฐานทีดี โดยในหลักสูตรนี้จะแนะนำตั้งแต่พื้นฐานการเขียน HTML, CSS เพื่อนำมาประยุกต์ใช้ใน Boostrap 4.x ซึ่งเป็นเวอร์ชั่นล่าสุด ณ. ปัจจุบัน และในคอร์สยังมี Workshop ที่ใช้งานในการจริงให้ทดสอบเรียนรู้อีกมากมาย
รอบการเปิดอบรม
วิดีโอแนะนำคอร์ส
ไฟล์รายละเอียดคอร์ส
- Basic Responsive Web Design with Bootstrap 4 (Course outline PDF)
- โปรไฟล์ของบริษัทไอทีจีเนียส เอ็นจิเนียริ่ง (โปรไฟล์ไอทีจีเนียส PDF)
วัตถุประสงค์
- เรียนรู้การออกแบบเว็บไซต์ด้วยภาษา HTML
- เรียนรู้การปรับแต่งเว็บไซต์ด้วยภาษา CSS
- เรียรู้การใช้งาน Bootstrap 4 framework สำหรับการสร้างเว็บไซต์แบบ Responsive Design
- ประยุกต์ใช้ความรู้ทั้งหมดมาพัฒนาเว็บไซต์ในองค์กรหรือหน่วยงานได้
กลุ่มเป้าหมาย
- นักเรียนนักศึกษา
- ครู อาจารย์ วิทยากรที่สนใจ
- นักวิชาการ นักไอที หรือผู้ดูและระบบ
- ตลอดจนผู้สนใจทั่วไป
ความรู้พื้นฐาน
- การใช้งานคอมพิวเตอร์พื้นฐาน
- ใช้ระบบ Windows หรือ OSX ได้
- พื้นฐานการค้นหาข้อมูลบนอินเตอร์เน็ต
- พื้นฐานการใช้งานฐานข้อมูลทั่วไป
- พื้นฐานการออกแบบเว็บไซต์
ระยะเวลาในการอบรม
- 12 ชั่วโมง
ราคาคอร์สอบรม
- ราคาปกติ 4,900 บาท / คน
- โปรโมชั่นลด 10% เหลือ 4,410 บาท / คน
- ราคาเหมาจ่าย (ผู้อบรมตั้งแต่ 10 คน) ตามแต่ตกลงกัน
- ขอใบเสนอราคา
วิทยากรผู้สอน
อาจารย์สามิตร โกยมคอร์สที่ควรอบรมก่อนหน้า
Basic HTML+CSS (คอร์สเขียนเว็บพื้นฐาน)คอร์สต่อเนื่องที่แนะนำ
Advanced HTML5 and CSS3เนื้อหาการอบรม
Module 1: บทนำ
- เข้าใจโครงสร้างการพัฒนาเว็บไซต์
- แนะนำแนวทางการพัฒนาเว็บไซต์สมัยใหม่
Module 2: การเตรียมความพร้อมและติดตั้งเครื่องมือ
- ติดตั้งเครื่องมือสำหรับพัฒนาบนระบบปฎิบัติการ Windows และ Mac
- ปรับแต่งเครื่องมือให้พร้อมกับการพัฒนาเว็บแอพพลิเคชั่น
Module 3: พื้นฐานภาษา HTML
- Introduction to HTML
- Terminology and HTML
- Common HTML Text Tags
- Demonstration : HTML Text Tags
- Common HTML Media Tags
- Demonstrating : Media Tags
- HTML Attributes
- Demonstration : HTML Attributes
Module 4: พี้นฐานภาษา CSS
- CSS Basics
- Linking HTML to CSS
- Demonstration : CSS and Linking to HTML
- Different CSS Selectors
- Demonstration : CSS Selectors
- CSS Knowledge
Module 5: Bootstrap Scaffolding
- การติดตั้ง Bootstrap
- โครงสร้างไฟล์ Bootstrap
- Basic HTML Template
- Grid System
- Fluid Grid System
Module 6: การจัดรูปแบบต่าง ๆ ด้วย Bootstrap CSS
- Typography
- Code
- Tables
- Forms
- Buttons
- Images
- Icons
Module 7: Bootstrap Layout Components
- Dropdown Menus
- Navbar
- Breadcrumbs
- Pagination
- Labels
- Badges
- Typographic Elements
- Thumbnails
- Alerts
- Media Object
Module 8: Bootstrap JavaScript Plugins
- Transitions
- Modal
- Dropdown
- Alerts
- Buttons
- Collapse
- Carousel
Module 9: Deployment
- การนำเว็บไซต์ขึ้นใช้บน Server
Module 10: Live Workshop
- Responsive Landing page
- Responsive Corperate website
- Responsive Blog desig
