Zero to Hero hands-on mastery on HTML5 JavaScript & ES6

Become a pro HTML5 and modern JavaScript developer by implementing every concepts through project based learning

Created by : Rated :4.1 346363 views

Last Updated: 2022-05-03 06:05:43 English Course Type: Self Learning

You will learn everything about HTML5, JavaScript & ES6 with examples and projects
You will learn to apply various html tags in different scenarios
You learn different JavaScript and ES6 concepts with hands-on practical examples
You will learn the skill of debugging, finding issue and fixing them
You will learn the basics of web development
You will also learn to use different frontend development tools

If you have been always thinking about learning web development or you have been thinking of becoming full-stack developer then this is the course that will not just teach you rather make you implement each and every concept of HTML5, JavaScript, ES6 like a pro.

You will learn every concepts by doing projects.

Many of the students just shy away from frontend technologies because they think it's not their cup of tea, but this course will break that perception and will make you a developer by teaching you how to implement the concepts without the need of being remembering anything.

The topics that will be covered in the course are:

Introduction to web development
Client-server architecture
Three-tier architecture
What is HTML
What is CSS
What is JavaScript
Local development environment setup with industry-standard tools
Plugins and techniques to speed up development
Debugging skills
Structure of HTML page
HML tag and concept of attributes
Various components of HTML document
Meta tag and its importance
Head tag
Link tag
Script tag
Display tags like h1 until h6
Display tags like paragraph, span, division, label
Inline vs block elements
How to use Entities in HTML
Navigation via an anchor tag
Button tag
Loading images on your website
Different utility tags to make text bold, italics emphasize
Listing tags like ul, ol
Layout tag like table
How to create Registration form in HTML
Various form tags in HTML like
1. form
2. Different types of input tag
3. File uploading
4. Creating dropdown with different options
5. Writing address in textarea
Header and Footer tag
Section and Article tag
Video and Audio tag
Loading various websites inside Iframe tag
Much more
You will get the complete source code so that if you get any doubts anywhere you can just refer the source code.

This course not only covers different topics of Html5, JavaScript and ES6 from scratch but also has many projects and real-world scenarios that will make a real modern JavaScript developer.

Following are the topics that will be covered in this Javascript Mastery course:

Setup Installation
JavaScript Introduction
ECMAScript evolution
Different types of Data types in Javascript
Variables & Constants
Different types of Comments in Javascript
Various Operators and their working on Operands
String and String manipulation
What is Variable Scoping
Control statement like if, else, switch-case-break
Loops - for, for of, forEach, while, do-while
Working with Arrays
Working with Objects
What are Functions and how to create custom functions and call them
What is the use of Prompt
What is the use of Confirm
What is the use of Alert
What is Document Object Model(DOM)
DOM manipulation using Javascript
Event and Event Listener
Set Timeout and Set Interval
Clear Timeout and Clear Interval
Date and Time operation and using its various methods
Working with Math Object
Working with JSON
Calling API with Fetch
What is the Ternary operator and how to use it.
What is the Array Filter function and how to use it.
Debugging and Troubleshooting in JavaScript
Template literals (Template strings) in ES6
Object Destructuring assignment in ES6
let and const
Spread operator
Arrow function expressions
We will also do Multiple projects in order to understand different concepts.
You will also get the complete source code of the whole course

Anyone who is interested to start doing web development

Anyone who wants to learn about frontend development and want to become a true Frontend Developer

Section 1 : Introduction 4 Lectures 00:15:44
Lecture 1 :
Course Overview Preview
Lecture 2 :
Introduction to web development
Lecture 3 :
Installation and Setup
Lecture 4 :
inline-block-entities-header-footer-section-button-article-audio-video-iframe
Section 2 : Basic HTML structure and Tags 4 Lectures 00:47:15
Lecture 1 :
html-structure-comments
Lecture 2 :
head-meta-link-script-tags
Lecture 3 :
headings-p-span-div-br-hr-text
Lecture 4 :
anchor-img-tag
Section 3 : Layout and Form tags 3 Lectures 00:20:01
Lecture 1 :
Ordered and Unordered list
Lecture 2 :
Table Row Column
Lecture 3 :
Form Input Select Textarea
Section 4 : Javascript - Introduction & Setup 4 Lectures 00:23:20
Lecture 1 :
Introduction to the World of JavaScript
Lecture 2 :
Installation and setup
Lecture 3 :
Writing your first javascript
Lecture 4 :
JavaScript Popularity and ECMAScript evolution
Section 5 : Basic JavaScript Programming Concepts 6 Lectures 00:39:41
Lecture 1 :
datatype and variables
Lecture 2 :
comments in javascript
Lecture 3 :
operators and operands
Lecture 4 :
string concatenation
Lecture 5 :
string functions
Lecture 6 :
scope in javascript
Section 6 : Intermediate JavaScript Programming concepts 9 Lectures 00:55:15
Lecture 1 :
if else switch case
Lecture 2 :
object in javascript
Lecture 3 :
array in javascript
Lecture 4 :
function in javascript
Lecture 5 :
alert prompt confirm parse in javascript
Lecture 6 :
loops in javascript
Lecture 7 :
spread operator
Lecture 8 :
ternary operator
Lecture 9 :
array filter function
Section 7 : Advance JavaScript Programming concepts 10 Lectures 01:11:45
Lecture 1 :
understanding DOM
Lecture 2 :
manipulating DOM with javascript
Lecture 3 :
event and event-listener in javascript
Lecture 4 :
setTimeout and clearTimeout
Lecture 5 :
setInterval and clearInterval
Lecture 6 :
Date and Time Part-1
Lecture 7 :
Date and Time Part-2
Lecture 8 :
JSON object and its manipulation
Lecture 9 :
Arrow function
Lecture 10 :
Math object and various functions
Section 8 : Projects 3 Lectures 00:23:21
Lecture 1 :
Project 1
Lecture 2 :
Project 2
Lecture 3 :
Project 3
Section 9 : Source Code 1 Lectures
Lecture 1 :
Source code
HTML Code https://github.com/ranjanpandeysbp/html5-mastery JS Code https://github.com/ranjanpandeysbp/jsmatery

How do i access the course after purchase?
It's simple. When you sign up, you'll immediately have unlimited viewing of thousands of expert courses, paths to guide your learning, tools to measure your skills and hands-on resources like exercise files. There’s no limit on what you can learn and you can cancel at any time.
Are these video based online self-learning courses?
Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic.
Can i play & pause the course as per my convenience?
Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on.
How do i contact the instructor for any doubts or questions?
Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want.
Do i need a pc to access the course or can i do it on mobile & tablet as well?
Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly.
Do i get any certificate for the courses?
Yes. Once you complete any course on our platform along with provided assessments by the instructor, you will be eligble to get certificate of course completion.
For how long can i access my course on the platform?
You require an active subscription to access courses on our platform. If your subscription is active, you can access any course on our platform with no restrictions.
Is there any free trial?
Currently, we do not offer any free trial.
Can i cancel anytime?
Yes, you can cancel your subscription at any time. Your subscription will auto-renew until you cancel, but why would you want to?

Ranjan Pandey,

712674 Course Views

6 Courses

I am a Fullstack DevOps software professional with 11+ years of experience in variety of technologies ranging from web and mobile app development using HTML5, CSS3, JavaScript, JQuery, Bootstrap, Angular, React, Java, Spring, Springboot, Python, Flask, Django, NodeJS, Express, Android, Ionic, React Native, Flutter to Artificial Intelligence and Cloud technologies like Amazon web services and Microsoft Azure. I am also certified in Java, Azure cloud, Backbase product. I have experience in working with multiple MNC's and European clients. I am also a corporate trainer providing a wide range of training.