Tags
Language
Tags
December 2024
Su Mo Tu We Th Fr Sa
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 1 2 3 4

Zero To Hero Hands-On Mastery On Html5 Javascript & Es6

Posted By: ELK1nG
Zero To Hero Hands-On Mastery On Html5 Javascript & Es6

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

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