HTML5 and CSS3, Part 3 of 3

Course description

With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3

English
Created by
Last updated Fri, 16-Jul-2021
+ View more
Course overview

Course description

With the advent of multimedia on web pages it became clear that the standard HTML4 was no longer sufficient for web page development. Enter HTML5 and CSS3 in connection with JavaScript. This course covers the changes to HTML that now can embed audio and video playing without using a plug-in. The course will also cover many new features such as Structural Tags, Input Field Types, and Canvas Elements. The course also includes the new CSS3 Transitions, local storage of user preferences, history management, and drawing and animating graphics with WebGL.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.


Prerequisites

This course assumes you have prior experience with HTML4, CSS and JavaScript.


Meet the expert

Dustin Tauer

Dustin Tauer is an Adobe Certified Master Instructor and has a degree in Informational Systems and Technology. He currently teaches development classes focusing on technologies like HTML, CSS, JavaScript, Flash, and Flex. When he’s not training, he’s working on development projects ranging from mobile applications to rich internet applications to instructor-led curriculum.

 

Video Runtime

171 Minutes

Time to complete

231 Minutes

 

Course Outline

Web SQL Storage

Web SQL Storage (20:44)

  • Introduction (00:44)
  • Persisting Data (00:40)
  • Web SQL Storage (00:32)
  • Examples of Web SQL Storage (03:33)
  • Demo: Web SQL Feature (09:21)
  • Demo: Java Script Errors (02:55)
  • Demo: CRUD (02:36)
  • Summary (00:20)

Web SQL Storage Continued (26:39)

  • Introduction (00:30)
  • Demo: SQL Table (01:24)
  • Demo: Insert (07:00)
  • Demo: Update UI (07:55)
  • Demo: Update or Delete (09:29)
  • Summary (00:18)

Web SQL Storage Conclusion (14:06)

  • Introduction (00:31)
  • Demo: Update or Delete (00:58)
  • Demo: Click Event Notes List (06:57)
  • Demo: Fix Java Error (01:18)
  • Demo: Hide and Refresh (04:05)
  • Summary (00:14)

History, Geo Location, WebGL

History Management (24:38)

  • Introduction (00:55)
  • History Management API (02:37)
  • Demo: History Management API (11:04)
  • Demo: History Object (09:46)
  • Summary (00:14)

Geolocation (22:06)

  • Introduction (00:41)
  • Geolocation Overview (02:09)
  • Demo: Geolocation Mapping (18:50)
  • Summary (00:25)

Drawing With Web GL (10:54)

  • Introduction (00:38)
  • WebGL Overview (01:43)
  • Initialize WebGL (01:14)
  • Demo: Drawing With WebGL (06:57)
  • Summary (00:19)

Graphics with WebGL

Shaders and Buffers (26:34)

  • Introduction (00:35)
  • Shaders Overview (00:52)
  • Buffers Overview (00:40)
  • Demo: Initialize Shaders (10:21)
  • Demo: Initialize Buffers (13:42)
  • Summary (00:21)

Displaying and Animating (25:50)

  • Introduction (00:40)
  • Draw the Scene (01:45)
  • Animate in WebGL (00:58)
  • Demo: Setup Viewport (02:25)
  • Demo: Initialize Perspective (01:08)
  • Demo: Apply Translation (01:20)
  • Demo: Apply Rotation (01:18)
  • Demo: Set Buffers (03:31)
  • Demo: Draw Arrays (01:23)
  • Demo: Test and Debug (03:30)
  • Demo: Adjust and Add Animation (07:12)
  • Summary (00:35)

What will i learn?

  • The changes to HTML that now can embed audio and video playing without using a plug-in
  • New features such as Structural Tags, Input Field Types, and Canvas Elements
  • New CSS3 Transitions
  • Local storage of user preferences
  • History management
  • Drawing and animating graphics with WebGL
Requirements
Curriculum for this course
1 Lessons 3 hrs 51 mins
HTML5 and CSS3, Part 3 of 3
1 Lessons 03:51:00 Hours
  • HTML5 and CSS3, Part 3 of 3
    Preview 03:51:00
+ View more
Other related courses
2 hrs 37 mins
Updated Fri, 16-Jul-2021
0 0
12 mins
Updated Fri, 20-Aug-2021
0 0
About instructor
Includes:
  • 3 hrs 51 mins On demand videos
  • 1 Lessons
  • Access on mobile and tv
  • Full lifetime access