HTML5 Brunch Season 2

TOC:

...

Go to lesson 2

Go to lesson 3

Go to lesson 4

Go to lesson 5

Go to lesson 6

Go to lesson 7

Go to lesson 8

Go to lesson 9

Go to lesson 10

Go to lesson 11

Go to lesson 12

Go to lesson 13

Go to lesson 14

Go to lesson 15

Lesson 1: No deliverables

• SmoothieWorld
• Test

Lesson 3:

• Set Fonts
• Set Size
• Working with HTML lists

Lesson 4:

• Introduction to CSS Layout

Lesson 5: Advanced CSS Layout

• Advanced CSS Layout

Lesson 6: Using HTML5 Markup

• Using HTML5 Markup

Lesson 7: Creating HTML5 Forms

• Contact Form
• Order Form

Lesson 8: Introduction to JavaScript and jQuery

• Trigger Javascript Pop-Up window
• JavaScript events - Hide and expand box

Lesson 9: Working with Video and Audio Elements

• Index09 - Using HTML5 Video tag
• Controlling video with JavaScript (works fine on Chrome but not always on IE9)
• Audio

Lesson 10: Working with Canvas

• Drawing rectangles
• Drawing lines and circles
• Drawing with curves
• Adding text
• Using colors, styles, and gradients
• Adding images
• Using transforms
• Creating a drawing loop

Lesson 11: Styling with CSS3

• Using CSS3 border-radius & border-image
• Adding multiple background images
• Using transparency and opacity
• Using CSS3 gradients
• Creating CSS3 transitions
• CSS3 animation
• Using web fonts
(As tested, the above scripts work well with Google Chrome but not always with IE9 and/or sometimes Firefox)

Lesson 12: CSS3 Media Queries and the Future of CSS3

• Mobile-optimized Layout (Using CSS3 media queries)
• CSS3 multi-column layout
• CSS3 Flexible Box Layout
(As tested, the above scripts were only tested on Firefox)

Lesson 13: Offline Storage in HTML5

• Using localStorage
• Using Application Caching

Lesson 14: HTML5 Geolocation

• Getting User’s Location
• Displaying the user’s location with Google Maps
• Creating a HTML5 Geolocation and Google Maps mashup

Lesson 15: HTML5 Drag and Drop

• Shopping Cart
• Moving Checkers

Hosted free by: 000webhost.com