HTML 5 CSS 3 and Bootstrap 5

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