Learn HTML5 Programming From Scratch
Created by Eduonix Learning Solutions, Last Updated 28-Mar-2020, Language:English
Learn HTML5 Programming From Scratch
A Complete HTML5 Programming Course for Beginners
Created by Eduonix Learning Solutions, Last Updated 28-Mar-2020, Language:English
What Will I Get ?
- 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 which can get you started on application development for HTML5. In our course you work on actual examples and go through important concepts required for through 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.
This is the complete HTML5 course you will need to get you started with HTML5 application development.
Who this course is for:
- No programming background is assumed just a zeal to learn
Course Content
-
HTML Basics (Update)
6 Lectures 01:07:14-
Overview
Preview00:14:22 -
Tour of VS Code
00:11:24 -
Begin coding in HTML
Preview00:15:41 -
Links and Navigation
Preview00:15:51 -
HTML Images
00:09:56 -
HTML Basics - Questions
-
-
CSS Basics (Update)
5 Lectures 00:51:07-
Connect a CSS File and Target HTML Elements
Preview00:12:32 -
CSS Borders, Margins and Padding
Preview00:10:04 -
Styling the Nav Bar
Preview00:13:39 -
Styling Images
00:14:52 -
CSS Basics - Questions
-
-
Flexbox, CSS Animations and Position (Update)
6 Lectures 01:11:06-
Intro to Flexbox
00:16:54 -
More FlexBox
00:10:13 -
Intro to CSS Animations
00:16:58 -
More Animations
00:16:39 -
Position Property and Background Images
00:10:22 -
Flexbox, CSS Animation and Position - Questions
-
-
Forms, Frameworks and CSS Grid (Update)
6 Lectures 01:29:34-
Forms
00:16:27 -
Intro to Materialize
00:16:56 -
Materialize Continued
00:20:19 -
Intro to CSS Grid
00:15:52 -
More CSS Grid
00:20:00 -
Forms, Frameworks and CSS Grid - Questions
-
-
Git and Intro to Javascript (Update)
8 Lectures 02:16:14-
Git and Github
00:20:10 -
Deploy with Netlify
00:16:22 -
Portfolio Project
00:24:14 -
Intro to Javascript Part 1
00:18:50 -
Intro to Javascript Part 2
00:18:42 -
Javascript Coding Practice Part 1
00:17:27 -
Javascript Coding Practice Part 2
00:20:29 -
Git and Intro to Javascript - Quiz
-
-
Introduction to basic HTML
10 Lectures 01:47:21-
Introduction
Preview00:03:19 -
Starting HTML5 Programming
Preview00:10:02 -
HTML Basics
Preview00:15:03 -
Creating a HTML Webpage
00:16:45 -
HTML Tables and Lists
00:05:04 -
HTML Table List Part - 2
00:13:43 -
HTML Table List Part - 3
00:17:08 -
HTML Forms and Input -Part 1
Preview00:08:11 -
HTML Forms & Input - Part 2
00:18:06 -
HTML Basics - 5 Questions
-
-
HTML -Continued
9 Lectures 01:37:13-
Introduction to CSS
Preview00:08:40 -
Making Web pages Part-A
00:11:49 -
Making Web Pages Part-B
00:11:17 -
CSS - Continued - Part1
00:15:10 -
CSS - Continued - Part2
00:15:07 -
CSS - Continued - Part3
00:11:06 -
CSS - Continued - Part4
00:06:22 -
Putting up a website
00:17:42 -
Advance HTML - Questions
-
-
Introduction to HTML5
6 Lectures 00:54:12-
Introduction to HTML5
00:06:21 -
New Tags and Elements
00:15:02 -
New Form Elements - Part 1
00:07:52 -
New Form Elements - Part 2
00:13:05 -
New Form Elements - Part 3
00:11:52 -
Introduction to HTML5 - Questions
-
-
HTML5 features
14 Lectures 02:19:14-
HTML5 Graphics - Part 1
00:15:43 -
HTML5 Graphics - Part 2
00:15:41 -
HTML5 Graphics - Part 3
00:15:45 -
HTML5 Graphics - Part 4
00:10:51 -
HTML5 Graphics - Part 5
00:11:08 -
HTML5 Feature Detection and Drag and Drop -Part 1
00:09:17 -
HTML5 Feature Detection and Drag and Drop - Part 2
00:10:19 -
HTML5 Feature Detection and Drag and Drop - Part 3
00:10:15 -
HTML5 Multimedia - Part 1
00:03:41 -
HTML5 Multimedia - Part 2
00:12:24 -
SVG in HTML5 - Part 1
00:04:21 -
SVG in HTML5 - Part 2
00:10:18 -
SVG in HTML5 - Part 3
00:09:31 -
HTML5 Features - Questions
-
-
HTML5 Advance features
10 Lectures 01:47:04-
Geolocation - Part 1
00:07:02 -
Geolocation - Part 2
00:15:01 -
Geolocation - Part 3
00:13:21 -
WebStorage Part 1
00:06:42 -
WebStorage Part 2
00:15:04 -
WebStorage Part 3
00:12:41 -
HTML5-Application Cache - Part 1
00:04:52 -
HTML5-Application Cache - Part 2
00:19:16 -
HTML5 for Mobile Phones
00:13:05 -
HTML5 Advance Features - Questions
-
-
Build a Project in HTML 5
9 Lectures 01:37:38-
Project Introduction
00:03:36 -
Bootstrap Framework Setup
00:17:02 -
Adding Tasks to LocalStorage - Part1
00:14:51 -
Adding Tasks to LocalStorage - Part2
00:15:02 -
Displaying Tasks from LocalStorage
00:14:43 -
Editing & Updating Tasks from LocalStorage
00:10:34 -
Editing & Updating Tasks From LocalStorage - Part2
00:09:40 -
Delete & Clear Tasks from LocalStorage
00:08:12 -
Project Summary
00:03:58
-
-
Summary
1 Lectures 00:03:45-
Summary
00:03:45
-
Eduonix Learning Solutions
Eduonix brings quality skill-building content and world-class learning experience to everyone using both online and offline mediums. Edunix is a premier training and skill development organization that works with a vision to bring exceptional training content, pedagogy, and best learning practices at affordable costs. We identify industry veterans and content creators around the globe and bring them close to the global audience using a number of intuitive platforms for easy and affordable access to quality content. Eduonix offers easy-to-understand online courses and workshops for everyday people. If you have ever wanted to learn a new skill, but don't want to attend four years of college to do it, we have a solution for you.
