Tutorialspoint
Subscription Includes
 17:01:42 of High Quality Videos
 89  Lectures
 Full Lifetime Access
 Certificate on Completion
$ 130   9.99

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) 5 Lectures 01:07:14

    • Overview

      Preview
      00:14:22

    • Tour of VS Code

      00:11:24

    • Begin coding in HTML

      Preview
      00:15:41

    • Links and Navigation

      00:15:51

    • HTML Images

      00:09:56
  • CSS Basics (Update) 5 Lectures 00:51:07

    • Connect a CSS File and Target HTML Elements

      00:12:32

    • CSS Borders, Margins and Padding

      Preview
      00:10:04

    • Styling the Nav Bar

      00: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

      Preview
      00:03:19

    • Starting HTML5 Programming

      Preview
      00:10:02

    • HTML Basics

      Preview
      00: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

      Preview
      00:08:11

    • HTML Forms & Input - Part 2

      00:18:06

    • HTML Basics - 5 Questions

  • HTML -Continued 9 Lectures 01:37:13

    • Introduction to CSS

      Preview
      00: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.

More Courses from Eduonix Learning Solutions