Learn HTML5 Programming From Scratch

A Complete HTML5 Programming Course for Beginners

Created byEduonix Learning Solutions

Last updated 11/2019

English

English [Auto],

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

Course content

12 sections • 72 lectures • 17h 13m total length

Overview14:22
Learn HTML5 from scratch, exploring HTML5, CSS, and JavaScript, responsive web design, and deploying with Netlify, while using GitHub, Bootstrap, and canvas and SVG.
Tour of VS Code11:24
Begin coding in HTML15:41
Links and Navigation15:51
HTML Images9:56
HTML Basics

Intro to Flexbox16:54
More FlexBox10:13
Learn to control layout with flexbox by moving boxes using flex start, flex end, space between, and space around; explore flex directions, wrap, and centering using a practical Froggy game.
Intro to CSS Animations16:58
Learn CSS animations with keyframes to fade and rotate boxes using opacity and transform, and control duration, iteration count, timing functions, plus radial gradient backgrounds.
More Animations16:39
Position Property and Background Images10:22
Flexbox, CSS Animation and Position

Git and Github20:10
Learn how git and GitHub enable version control for HTML5 projects, using branches, commits, and pull requests. Configure git, create repositories, push to GitHub, and collaborate with others.
Deploy with Netlify16:22
Portfolio Project24:14
Build a responsive portfolio template using CSX grid and a one-page layout with smooth scrolling navigation to sections like home, experience, education, and contact.
Intro to Javascript Part 118:50
Learn JavaScript to create dynamic web pages with interactive UI, using event listeners to update content, change colors, show profiles, and loop through elements by class or id.
Intro to Javascript Part 218:42
Javascript Coding Practice Part 117:27
Practice creating an HTML page and adding JavaScript to affect the DOM, including clicking a title to change color, using getElementById and getElementsByClassName, and looping through elements to apply styles.
Javascript Coding Practice Part 220:29
Git and Intro to Javascript

Introduction3:19
Starting HTML5 Programming10: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 Basics15:03
Learn the Basic tags used in HTML
Creating a HTML Webpage16:45
Use of simple tags to create a static HTML web page
HTML Tables and Lists5:04
This first part of two part lecture deals with basic tags and example for Tables and Lists
HTML Table List Part - 230:52
The Second part of the lecture continues the concepts for HTML Tables and List
HTML Forms and Input -Part 18:11
This two part Lecture deals with HTML Forms and explains them with examples
HTML Forms & Input - Part 218:06
This lecture builds on the previous lecture and completes the discussion on HTML Forms and Input
Resources Chapter 10:03
It contain presentation files and code resources for this chapter
HTML Basics

Introduction to CSS8:40
Introduction to CSS for HTML developers
Making Web pages23:06
This lecture deals with some interesting tags for HTML
CSS - Continued - Part120:03
In the first part of this two part lecture you do an in depth analysis of CSS
CSS - Continued - Part228:07
Learn to style a left menu and content divs with padding, margins, width, floats, borders, and border-radius, and enhance ul, li, and visited link states for a clean HTML5 layout.
Putting up a website17:42
This lecture bring together some of the concepts learned earlier
Resources Chapter 20:04
Download the resources for this chapter
Advance HTML

HTML5 Graphics - Part 120:00
This first part of three lecture discussion deals with simple drawings in HTML5
HTML5 Graphics - Part 216:00
The second part of the lecture deals with lines and colors
HTML5 Graphics - Part 333:14
The third and concluding discussion on graphics in HTML5
HTML5 Feature Detection and Drag and Drop -Part 19:17
In this lecture you will learn the basics of Drag and Drop feature in HTML5
HTML5 Feature Detection and Drag and Drop - Part 220:34
In this lecture we continue and build the full Drag and Drop example
HTML5 Multimedia - Part 13:41
The Lecture will teach you how to play multimedia in HTML5
HTML5 Multimedia - Part 212:24
In this lecture we continue our discussion on HTML5 multimedia features
SVG in HTML54:21
In this lecture you get introduced to vector graphics in HTML5
SVG in HTML5 - Part 219:50
This lecture builds on the concepts of previous lectures on SVG
HTML5 Features

Geolocation7:02
This lecture will teach you the foundation concepts for implementing Geolocation
Geolocation - Part 228:22
This lecture will build on the concepts and shows example of Geolocation implemented in HTML5
WebStorage6:42
The Lecture introduces the concepts of Webstorage
WebStorage Part 238:36
It continues the example of Webstorage in HTML5
HTML5 - Application Cache4:52
This lecture deals with the advance concept of Application caches
HTML5-Application Cache - Part 219:16
This lecture deals continues the previous lecture with live example
HTML5 for Mobile Phones13:05
A discussion for HTML5 in Mobile Phones
Resources Chapter 50:03
Download the resources for this chapter
HTML5 Advance Features

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

Learn HTML5 Programming From Scratch

What you'll learn

Explore related topics

Course content

HTML Basics (Update)5 lectures • 1hr 7min

CSS Basics (Update)4 lectures • 51min

Flexbox, CSS Animations and Position (Update)5 lectures • 1hr 11min

Forms, Frameworks and CSS Grid (Update)5 lectures • 1hr 30min

Git and Intro to Javascript (Update)7 lectures • 2hr 16min

Introduction to basic HTML9 lectures • 1hr 47min

HTML -Continued6 lectures • 1hr 38min

Introduction to HTML55 lectures • 54min

HTML5 features9 lectures • 2hr 19min

HTML5 Advance features8 lectures • 1hr 58min

Requirements

Description

Who this course is for: