Working with HTML5 - For Web Developers and Designers
Created by Skillbakerystudios, Last Updated 30-Sep-2020, Language:English
Working with HTML5 - For Web Developers and Designers
Explore HTML 5 in detail with all its major features
Created by Skillbakerystudios, Last Updated 30-Sep-2020, Language:English
What Will I Get ?
- Once you complete this course you will be able to take full advantage of HTML5 and its features using which you can develop mobile applications, offline applications and not mention cool web sites and web applications
Requirements
- You should be interested in Web Development and Design
- You must have a basic understanding of HTML,CSS and JavaScript
Description
This course covers the various features that's being offered by HTML5
In this course we will be covering
1. What is HTML5 and Why we need it
2. Features of HTML5 which includes
- New Structural Tags
- New Content Tags
- New App-Focused Tag
- Deprecated Tags
3. Understanding HTML5 Documents
4. How to structure HTML5 Documents
5. Working with HTML5 Forms
6. Various API Supports including
- Canvas
- Drag and Drop
- Offline Applications
- Video
7. Associated Technologies including
- Geolocation
- Web Storage
- Web SQL
- Web Sockets
Who this course is for:
- Web Developers
- Web Designers
- Aspiring Web Designers
- Aspiring Web Developers
- Front-End Designers
Course Content
-
Introduction
3 Lectures 00:05:32-
Introduction
Preview00:01:13 -
A bit of HTML History
Preview00:03:19 -
Why we need HTML5
Preview00:01:00
-
-
Features of HTML5
6 Lectures 00:19:17-
HTML5 - A comparison with previous version
Preview00:02:50 -
New Structural Tags
Preview00:03:34 -
New Content Tags
00:02:07 -
New App-Focused Tags
00:06:24 -
Deprecated Tags in HTML5
00:02:19 -
API Overview
00:02:03
-
-
Working with HTML5 Documents
3 Lectures 00:10:32-
Understanding Content Models
00:04:18 -
Understanding Outline Algorithm
00:04:15 -
Understanding Doctype and Character Encoding
00:01:59
-
-
Structuring HTML5 Documents
2 Lectures 00:06:44-
Understanding Basic Page Structure
00:02:12 -
Structuring HTML5 Page
00:04:32
-
-
Forms in HTML5
4 Lectures 00:19:02-
HTML5 Forms - Introduction
00:00:55 -
New Input Types in HTML5
00:04:51 -
New Input Attributes in HTML5
00:06:43 -
Form Validation in HTML5
00:06:33
-
-
HTML5 API Support
16 Lectures 00:52:07-
Introduction
Preview00:00:18 -
Canvas Overview
00:02:53 -
Making use of Canvas Drawing Methods
00:07:05 -
Drag and Drop Overview
00:01:43 -
Detecting Drag and Drop Support
00:01:59 -
Creating a draggable element
00:06:49 -
Creating a drop zone
00:02:41 -
Receiving drops without a drop zone
00:03:41 -
Drag Drop Image Example
00:05:33 -
Offline web application overview
00:02:01 -
Offline Event Progression
00:01:38 -
Introduction to Cache Manifest
00:02:50 -
Offline Application Demo - Cache Manifest in Action
00:03:58 -
Video Overview
00:02:43 -
Video Encoding - Using Handbrake
00:02:49 -
Including a video in html5 web page
00:03:26
-
-
Associated Technologies - Geolocation
8 Lectures 00:23:53-
Geolocation API - Introduction
Preview00:01:01 -
How Geolocation works
00:03:39 -
Geolocation - Location Options
00:01:15 -
Detecting Geolocation support
00:02:57 -
Getting the coordinates
00:02:03 -
Handling Errors
00:04:56 -
Continuous Tracking using Geolocation API
00:02:37 -
Working with Google Maps and Geolocation API
00:05:25
-
-
Associated Technologies - Web Storage
4 Lectures 00:13:34-
Web Storage - Introduction
00:03:20 -
Understanding architecture of Web/Local storage
00:02:53 -
Understanding the Storage() interface
00:03:56 -
Exploring Session Storage
00:03:25
-
-
Associated Technologies - Web SQL
6 Lectures 00:16:17-
WebSQL Storage
00:01:36 -
Understanding Web SQL API
00:00:45 -
Creating Database
00:06:08 -
Inserting and reading rows of data
00:02:23 -
Displaying records from WebSQL database
00:02:07 -
Editing and Deleting records in WebSQL database
00:03:18
-
-
Associated Technologies - Web Sockets
1 Lectures 00:05:41-
Working with Web Sockets
00:05:41
-
-
Conclusion
1 Lectures 00:00:45-
Conclusion and Code Download
00:00:45
-