Basic Responsive Web Design with Bootstrap 4
Basic Responsive Web Design with Bootstrap 4 is a 12-hour training course by IT Genius Institute. การพัฒนาเว็บไซต์สมัยใหม่ มีความต้องการให้รองรับการแสดงผลบน Mobile , Tablet และ Desktop ไปพร้อม ๆ กัน โดยนักพัฒนาเองต้องมีความรู้ความเข้าใจในการเขียน CSS…
Training schedule
No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.
ดังนั้นจึงมี CSS Framework ตัวหนึ่งที่ชื่อ "Bootstrap" เข้ามาช่วยแก้ปัญหา และช่วยให้นักพัฒนาออกแบบเว็บไซต์ให้ Responsive ได้อย่างรวดเร็ว ง่ายดาย และมีมาตรฐานทีดี โดยในหลักสูตรนี้จะแนะนำตั้งแต่พื้นฐานการเขียน HTML, CSS เพื่อนำมาประยุกต์ใช้ใน Boostrap 4.x ซึ่งเป็นเวอร์ชั่นล่าสุด ณ. ปัจจุบัน และในคอร์สยังมี Workshop ที่ใช้งานในการจริงให้ทดสอบเรียนรู้อีกมากมาย
Objectives
- เรียนรู้การออกแบบเว็บไซต์ด้วยภาษา HTML
- เรียนรู้การปรับแต่งเว็บไซต์ด้วยภาษา CSS
- เรียรู้การใช้งาน Bootstrap 4 framework สำหรับการสร้างเว็บไซต์แบบ Responsive Design
- ประยุกต์ใช้ความรู้ทั้งหมดมาพัฒนาเว็บไซต์ในองค์กรหรือหน่วยงานได้
Who this course is for
- นักเรียนนักศึกษา
- ครู อาจารย์ วิทยากรที่สนใจ
- นักวิชาการ นักไอที หรือผู้ดูและระบบ
- ตลอดจนผู้สนใจทั่วไป
Prerequisites
- การใช้งานคอมพิวเตอร์พื้นฐาน
- ใช้ระบบ Windows หรือ OSX ได้
- พื้นฐานการค้นหาข้อมูลบนอินเตอร์เน็ต
- พื้นฐานการใช้งานฐานข้อมูลทั่วไป
- พื้นฐานการออกแบบเว็บไซต์
Curriculum
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
Frequently asked questions
Who is Basic Responsive Web Design with Bootstrap 4 for, and what background is needed?
Built for นักเรียนนักศึกษา · ครู อาจารย์ วิทยากรที่สนใจ · นักวิชาการ นักไอที หรือผู้ดูและระบบ Background you should have: การใช้งานคอมพิวเตอร์พื้นฐาน · ใช้ระบบ Windows หรือ OSX ได้ Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.
How much does Basic Responsive Web Design with Bootstrap 4 cost and how long does it run?
THB 4,900. The course runs 12 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.
Do I get a certificate?
Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.
Where does the training take place, and is there an online option?
You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.
What if I fall behind or miss a session — can I retake it?
Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.
How do I enrol, or request a quotation for my company?
Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.
Instructors
Run this course for your whole team
We run this course in-house, tailored to your stack.
Corporate training quote