การพัฒนาเว็บไซต์สมัยใหม่ มีความต้องการให้รองรับการแสดงผลบน Mobile , Tablet และ Desktop ไปพร้อม ๆ กัน โดยนักพัฒนาเองต้องมีความรู้ความเข้าใจในการเขียน CSS ในระดับกลางถึงสูงเพื่อให้สามารถออกแบบและปรับแต่งได้อย่างต้องการ ทำให้ต้องใช้เวลาในการศึกษาเรียนรู้ค่อนข้างนานกว่าจะพัฒนาเว็บให้ Responsive ได้อย่างถูกต้องสวยงาม

ในคอร์สนี้จะเป็นคอร์สพื้นฐานสำหรับผู้ที่ต้องการเสริมความรู้เรื่องเทคโนโลยีการพัฒนาเว็บไซต์ด้วยภาษา html 5 และ css 3 เพื่อการประยุกต์พัฒนาเว็บไซต์ในอนาคตร่วมกับการใช้งาน Framework ตัวหนึ่งที่ชื่อ "Bootstrap" เวอร์ชั่น 4 เข้ามาช่วยแก้ปัญหา และช่วยให้นักพัฒนาออกแบบเว็บไซต์ให้ Responsive ได้อย่างรวดเร็ว ง่ายดาย และมีมาตรฐานทีดี โดยในหลักสูตรนี้จะแนะนำตั้งแต่พื้นฐานการเขียน HTML, CSS เพื่อนำมาประยุกต์ใช้ใน Boostrap 4.x ซึ่งเป็นเวอร์ชั่นล่าสุด ณ. ปัจจุบัน และในคอร์สยังมี Workshop ที่ใช้งานในการจริงให้ทดสอบเรียนรู้อีกมากมาย

แถมฟรี Premium Template Backend and Frontend with Bootstrap 4

Module 1 Intro to HTML5 and CSS3

• What is HTML5
• What is CSS3
• The varied browser market
• The growing mobile market

Module 2 HTML5 Markup

• A basic HTML5 template
• Doctype
• The html element
• The head element
• HTML5 FAQ
• New elements for defining page structure

Module 3 HTML5 Forms

• HTML5 form attributes
• Search
• Email
• URL
• Telephone numbers
• Numbers
• Ranges
• Colours
• Dates and Times
• Other new form input types
• Changes to existing form controls and attributes

Module 4 HTML5 Audio and Video

• Video container formats
• Video codecs
• Audio codecs

Module 5 HTML5 Audio and Video (continued)

• Browser support for audio and video
• Enabling native controls
• Support for multiple formats
• MIME types
• Custom controls
• Accessible media

Module 6 Introduction to CSS3

• CSS selectors
• CSS3 colours and opacity
• Rounded corners
• Drop shadows
• Text shadows

Module 7 CSS3 Gradients and Multiple Backgrounds

• Linear gradients
• Radial Gradients
• Repeating gradients
• Multiple background images
• Background size

Module 8 CSS3 Transformations and Transitions

• Transformations: translate, scale, rotate, skew
• Transitions: property, duration, timing, delay, multiple transitions
• Animation

Module 9: Bootstrap Scaffolding

• การติดตั้ง Bootstrap
• โครงสร้างไฟล์ Bootstrap
• Basic HTML Template
• Grid System
• Fluid Grid System

Module 10: การจัดรูปแบบต่าง ๆ ด้วย Bootstrap CSS

• Typography
• Code
• Tables
• Forms
• Buttons
• Images

Module 11: Bootstrap Layout Components

• Dropdown Menus
• Navbar
• Breadcrumbs
• Pagination
• Labels
• Badges
• Typographic Elements
• Thumbnails
• Alerts
• Media Object

Module 12: Bootstrap JavaScript Plugins

• Transitions
• Modal
• Dropdown
• Alerts
• Buttons
• Collapse
• Carousel