Basic HTML 5 + CSS 3 and jQuery

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 Embedded Fonts and Columns

• Web fonts with @font-face
• Font considerations
• CSS3 multivolume layout
• Media Queries and browser support

Module 10 Responsive Web Design

• CSS3 Design Layout webpage
• CSS3 Media queries for responsive web
• HTML5 Media for responsive web

Module 11 jQuery Fundamental

•  ทำไมต้องเป็น jQuery
• การนำ jQuery เข้ามาใช้งานใน project

Module 12 jQuery Selector

• หลักการทำงานของ selector
• การ select โดยใช้ ID
• การ select โดยใช้ Attribute Value
• การใช้งาน selector feature อื่นๆ

Module 13 Interacting with DOM

• ทำความเข้าใจเกี่ยวกับ DOM
• การทำงานกับ node ลูก
• การกำหนดค่า properties หรือ attributes ให้กับ node ใดๆ
• การกำหนด Style

Module 14 Event handler

• Handling Events
• Click Event
• Change Event
• Bind function
• Hover Event

Module 15 jQuery UI

• การใช้งาน jquery UI เบื้องต้น
• Style and Themes
• Options
• Events
• Method

Module 16 jQuery Navigator

• DropDown Menu
• Breadcrumbs
• Tree