Zero To Hero Hands-On Mastery On Html5 Javascript & Es6
Last updated 1/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 5.31 GB | Duration: 10h 15m
Last updated 1/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 5.31 GB | Duration: 10h 15m
Become a pro HTML5 and modern JavaScript developer by implementing every concepts through project based learning
What you'll learn
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
Requirements
Anyone who is interested to start doing web development
Description
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 developmentClient-server architectureThree-tier architectureWhat is HTMLWhat is CSSWhat is JavaScriptLocal development environment setup with industry-standard toolsPlugins and techniques to speed up developmentDebugging skillsStructure of HTML pageHML tag and concept of attributesVarious components of HTML documentMeta tag and its importanceHead tagLink tagScript tagDisplay tags like h1 until h6Display tags like paragraph, span, division, labelInline vs block elementsHow to use Entities in HTMLNavigation via an anchor tagButton tagLoading images on your websiteDifferent utility tags to make text bold, italics emphasizeListing tags like ul, olLayout tag like tableHow to create Registration form in HTMLVarious form tags in HTML likeformDifferent types of input tagFile uploadingCreating dropdown with different optionsWriting address in textareaHeader and Footer tagSection and Article tagVideo and Audio tagLoading various websites inside Iframe tagMuch moreYou 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 InstallationJavaScript IntroductionECMAScript evolutionDifferent types of Data types in JavascriptVariables & ConstantsDifferent types of Comments in JavascriptVarious Operators and their working on OperandsString and String manipulationWhat is Variable ScopingControl statement like if, else, switch-case-breakLoops - for, for of, forEach, while, do-whileWorking with ArraysWorking with ObjectsWhat are Functions and how to create custom functions and call themWhat is the use of PromptWhat is the use of ConfirmWhat is the use of AlertWhat is Document Object Model(DOM)DOM manipulation using JavascriptEvent and Event ListenerSet Timeout and Set IntervalClear Timeout and Clear IntervalDate and Time operation and using its various methodsWorking with Math ObjectWorking with JSONWindow and document objectlocation and historylocalStorage and sessionStorageCalling API with FetchWhat is the Ternary operator and how to use it.What is the Array Filter function and how to use it.Debugging and Troubleshooting in JavaScriptTemplate literals (Template strings) in ES6Object Destructuring assignment in ES6let and constSpread operatorArrow function expressionsWe will also do Multiple projects in order to understand different concepts.You will also get the complete source code of the whole course
Overview
Section 1: Introduction
Lecture 1 Course Overview
Lecture 2 Introduction to web development
Lecture 3 Installation and Setup
Section 2: Basic HTML structure and Tags
Lecture 4 html-structure-comments
Lecture 5 head-meta-link-script-tags
Lecture 6 headings-p-span-div-br-hr-text
Lecture 7 anchor-img-tag
Section 3: Layout and Form tags
Lecture 8 Ordered and Unordered list
Lecture 9 Table Row Column
Lecture 10 Form Input Select Textarea
Section 4: Advance HTML Tags and Source code
Lecture 11 inline-block-entities-header-footer-section-button-article-audio-video-iframe
Section 5: Javascript - Introduction & Setup
Lecture 12 Introduction to the World of JavaScript
Lecture 13 JavaScript Popularity and ECMAScript evolution
Lecture 14 Installation and setup
Lecture 15 Writing your first javascript
Section 6: Basic JavaScript Programming Concepts
Lecture 16 datatype and variables
Lecture 17 comments in javascript
Lecture 18 operators and operands
Lecture 19 string concatenation
Lecture 20 string functions
Lecture 21 scope in javascript
Section 7: Intermediate JavaScript Programming concepts
Lecture 22 if else switch case
Lecture 23 object in javascript
Lecture 24 array in javascript
Lecture 25 function in javascript
Lecture 26 alert prompt confirm parse in javascript
Lecture 27 loops in javascript
Lecture 28 spread operator
Lecture 29 ternary operator
Lecture 30 array filter function
Section 8: Advance JavaScript Programming concepts
Lecture 31 understanding DOM
Lecture 32 manipulating DOM with javascript
Lecture 33 event and event-listener in javascript
Lecture 34 setTimeout and clearTimeout
Lecture 35 setInterval and clearInterval
Lecture 36 Date and Time Part-1
Lecture 37 Date and Time Part-2
Lecture 38 JSON object and its manipulation
Lecture 39 Arrow function
Lecture 40 Window, document, localStorage, sessionStorage
Lecture 41 Math object and various functions
Section 9: Projects
Lecture 42 Project 1
Lecture 43 Project 2
Lecture 44 Project 3
Section 10: Source Code
Lecture 45 Source code
Anyone who wants to learn about frontend development and want to become a true Frontend Developer