
Take a hands-on tour of web development with HTML5, JavaScript and ES6, covering installation, core concepts, and practical projects using forms, events, fetch, and JSON.
Explore the three core web development components—HTML as the skeleton, CSS for styling, and JavaScript for interactive logic—and the client-server flow behind web pages.
Install and set up visual studio code, install live server extension, open a folder, create files, and launch go live to see changes in the browser for local web development.
Explore how HTML forms the skeleton of a webpage with opening and closing tags, attributes and values, and a tree-structured document model, plus meta tags and comments that don’t render.
Learn how to set UTF-8 character encoding, configure the viewport for responsive design, and craft meta keywords, description, and robots directives; and link external CSS and JavaScript in the head.
Learn to structure HTML with headings, paragraphs, divs, and hr, apply bold and italics, and use emmet in vscode to generate boilerplate and line breaks, and inline versus block elements.
Explore creating anchor links and images in HTML: use the anchor tag for external and internal navigation, open links in new tabs with target blank, and add alternate text.
Create unordered and ordered lists in HTML, add items, and nest lists to explore different bullet styles such as disc, circle, and square.
Explore building a student registration form using the form stack, covering input types, textarea, select options, and form submission with labels and placeholders.
Install and set up Visual Studio Code, add extensions to enable a local server for HTML and JavaScript development, then create folders and files to begin coding.
Explore how JavaScript uses dynamically typed variables to store numbers, strings, booleans, and undefined values, with runtime type inference and console outputs.
Learn how to use comments in javascript to control code execution, including single-line and multi-line comments, with examples like // and /* */, and how to prevent code from running.
this lecture explores javascript operators and operands, showing binary arithmetic operators, string concatenation, increment/decrement, assignment operators such as +=, and practical debugging with console and network inspections.
Explore core string functions in JavaScript, including length, indexOf, lastIndexOf, slice, and substring for extracting text. Learn toUpperCase, toLowerCase, trim, replace, and access by index, plus basic character code handling.
Understand JavaScript scope by comparing global, function, and local scopes, and learn how var, let, and const declarations affect visibility and redeclaration rules.
Master control statements in JavaScript, including if else, switch, and default cases, to decide program flow and handle decisions with debugging insights.
Explore arrays in JavaScript by creating arrays, mixing data types, accessing elements by index, and using push, sort, splice, and length with object examples.
Learn how to use prompt, alert, and confirm in JavaScript, parse and convert user input to numbers with float handling, and validate actions with yes/no confirmations.
Explore the ternary operator in JavaScript, using a one-line conditional expression to return different outputs based on a true or false condition.
Learn to manipulate the DOM with JavaScript by selecting elements with getElementById, getElementsByClassName, and querySelector, reading and setting values, updating innerHTML, and dynamically changing content and styles.
Learn to schedule code with setTimeout and cancel it with clearTimeout, controlling single or multiple timers to delay dom updates and user interface actions, including a one-time password expiry example.
Explore how setInterval and clearInterval enable repeated execution in JavaScript, including practical demonstrations of updating text and styles every few seconds and clearing intervals as needed.
Explore data mining operations in JavaScript by creating date objects, retrieving current time, formatting components, and computing elapsed time and utc values.
Explore date and time calculations in JavaScript, including calculating new dates and measuring elapsed time with milliseconds. Build simple clocks and a world clock across time zones.
Explore json and javascript object notation, build and manipulate objects, access nested fields, and convert between json strings and native objects for data exchange over the internet.
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
form
Different types of input tag
File uploading
Creating dropdown with different options
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
Window and document object
location and history
localStorage and sessionStorage
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