Learn Html5 Programming From Scratch

A Complete HTML5 Programming Course for Beginners

Last updated 2022-01-10 | 4.4

- By the end of the course you will be able to create full fledged HTML5 websites
- You will be able to use features like Drag and Drop
- Geo location and Web Storage to create immersible user experience.
- You will have through understanding of both HTML and CSS

What you'll learn

By the end of the course you will be able to create full fledged HTML5 websites

You will be able to use features like Drag and Drop

Geo location and Web Storage to create immersible user experience.

You will have through understanding of both HTML and CSS

You will be able to create web applications for mobile phones as well

* Requirements

* Any HTML editor and HTML5 compatible web browser

Description

HTML5 is one of the hot web technologies and is widely gaining acceptance across mobile and web. In our course, you get a complete resource that can get you started on application development for HTML5. In our course, you work on actual examples and go through important concepts required for thorough knowledge.

In our course, you will start with basic HTML tags. You will learn how to create HTML websites and use CSS in your work before we start discussing HTML5. We do not assume any prior knowledge so we go through the concepts from the beginner's point of view. In our HTML5 lectures, we start with new tags and forms. We then gradually move to advance topics like Drag and Drop and Multimedia. We follow it with difficult topics like Geolocation, WebStorage, and Application cache. This course creates easy to grasp examples for each of the concepts and by the end of it, you will be able to understand the complete picture rather than just bits and pieces of the technology. Some of the salient features for the course are:

Designed for absolute beginners
Practical tips and tricks for the real world development
Updated to include modern concepts
It shows how to think in HTML
Learn the basic Javascript

This is the complete HTML5 course you will need to get started with HTML5 application development. The simplicity and its content have made it one of the most popular HTML5 courses on the planet.

Who this course is for:

No programming background is assumed just a zeal to learn

Course content

12 sections • 82 lectures

HTML Basics (Update) 6 lectures

Overview Preview 14:22

Tour of VS Code Preview 11:24

Begin coding in HTML Preview 15:41

Links and Navigation Preview 15:51

HTML Images Preview 09:56

HTML Basics

CSS Basics (Update) 5 lectures

Connect a CSS File and Target HTML Elements Preview 12:32

CSS Borders, Margins and Padding Preview 10:04

Styling the Nav Bar Preview 13:39

Styling Images Preview 14:52

CSS Basics

Flexbox, CSS Animations and Position (Update) 6 lectures

Intro to Flexbox Preview 16:54

More FlexBox Preview 10:13

Intro to CSS Animations Preview 16:58

More Animations Preview 16:39

Position Property and Background Images Preview 10:22

Flexbox, CSS Animation and Position

Forms, Frameworks and CSS Grid (Update) 6 lectures

Forms Preview 16:27

Intro to Materialize Preview 16:56

Materialize Continued Preview 20:19

Intro to CSS Grid Preview 15:52

More CSS Grid Preview 20:00

Forms, Frameworks and CSS Grid

Git and Intro to Javascript (Update) 8 lectures

Git and Github Preview 20:10

Deploy with Netlify Preview 16:22

Portfolio Project Preview 24:14

Intro to Javascript Part 1 Preview 18:50

Intro to Javascript Part 2 Preview 18:42

Javascript Coding Practice Part 1 Preview 17:27

Javascript Coding Practice Part 2 Preview 20:29

Git and Intro to Javascript

Introduction to basic HTML 10 lectures

Introduction Preview 03:19

Starting HTML5 Programming Preview 10:02

In this lecture we go through the curriculum we will follow in the course along with a basic discussion on the course objectives.

HTML Basics Preview 15:03

Learn the Basic tags used in HTML

Creating a HTML Webpage Preview 16:45

Use of simple tags to create a static HTML web page

HTML Tables and Lists Preview 05:04

This first part of two part lecture deals with basic tags and example for Tables and Lists

HTML Table List Part - 2 Preview 30:52

The Second part of the lecture continues the concepts for HTML Tables and List

HTML Forms and Input -Part 1 Preview 08:11

This two part Lecture deals with HTML Forms and explains them with examples

HTML Forms & Input - Part 2 Preview 18:06

This lecture builds on the previous lecture and completes the discussion on HTML Forms and Input

Resources Chapter 1 Preview 00:03

It contain presentation files and code resources for this chapter

HTML Basics

This Quiz tests the basics of HTML

HTML -Continued 7 lectures

Introduction to CSS Preview 08:40

Introduction to CSS for HTML developers

Making Web pages Preview 23:06

This lecture deals with some interesting tags for HTML

CSS - Continued - Part1 Preview 20:03

In the first part of this two part lecture you do an in depth analysis of CSS

CSS - Continued - Part2 Preview 28:07

Putting up a website Preview 17:42

This lecture bring together some of the concepts learned earlier

Resources Chapter 2 Preview 00:04

Download the resources for this chapter

Advance HTML

This will test the new HTML concepts learned

Introduction to HTML5 6 lectures

Introduction HTML5 Preview 06:21

Basic Introduction to HTML5 standard

New Tags and Elements Preview 15:02

Introducing the new tags and Elements in HTML5 standard

New Form Elements - Part 1 Preview 07:52

New Form Elements in HTML5

New Form Elements - Part 2 Preview 24:58

This lectures continues HTML5 new form elements

Resources Chapter 3 Preview 00:03

The resources for this chapter

Introduction to HTML5

This will test you for basic tags and elements in HTML5

HTML5 features 10 lectures

HTML5 Graphics - Part 1 Preview 20:00

This first part of three lecture discussion deals with simple drawings in HTML5

HTML5 Graphics - Part 2 Preview 16:00

The second part of the lecture deals with lines and colors

HTML5 Graphics - Part 3 Preview 33:14

The third and concluding discussion on graphics in HTML5

HTML5 Feature Detection and Drag and Drop -Part 1 Preview 09:17

In this lecture you will learn the basics of Drag and Drop feature in HTML5

HTML5 Feature Detection and Drag and Drop - Part 2 Preview 20:34

In this lecture we continue and build the full Drag and Drop example

HTML5 Multimedia - Part 1 Preview 03:41

The Lecture will teach you how to play multimedia in HTML5

HTML5 Multimedia - Part 2 Preview 12:24

In this lecture we continue our discussion on HTML5 multimedia features

SVG in HTML5 Preview 04:21

In this lecture you get introduced to vector graphics in HTML5

SVG in HTML5 - Part 2 Preview 19:50

This lecture builds on the concepts of previous lectures on SVG

HTML5 Features

The Quiz will test you on the features covered in this section.

HTML5 Advance features 9 lectures

Geolocation Preview 07:02

This lecture will teach you the foundation concepts for implementing Geolocation

Geolocation - Part 2 Preview 28:22

This lecture will build on the concepts and shows example of Geolocation implemented in HTML5

WebStorage Preview 06:42

The Lecture introduces the concepts of Webstorage

WebStorage Part 2 Preview 38:36

It continues the example of Webstorage in HTML5

HTML5 - Application Cache Preview 04:52

This lecture deals with the advance concept of Application caches

HTML5-Application Cache - Part 2 Preview 19:16

This lecture deals continues the previous lecture with live example

HTML5 for Mobile Phones Preview 13:05

A discussion for HTML5 in Mobile Phones

Resources Chapter 5 Preview 00:03

Download the resources for this chapter

HTML5 Advance Features

This will test the advance concepts taught in the section

Build a Project in HTML 5 7 lectures

Project Introduction Preview 03:36

Introduction to the Project

Bootstrap Framework Setup Preview 17:02

Learn to set up the bootstrap framework

Adding Tasks to LocalStorage Preview 29:53

Learn to add tasks to local storage

Displaying Tasks from LocalStorage Preview 14:43

Displaying the added tasks from local storage

Editing & Updating Tasks from LocalStorage Preview 20:15

Editing & Updating Tasks from Local Storage

Delete & Clear Tasks from LocalStorage Preview 08:12

Delete & Clear Tasks from Local Storage

Project Summary Preview 03:58

Project Summary