Curated Learning Paths By Ajay:
![JavaScript Crash Course - Tutorial for Complete Beginners](https://i.ytimg.com/vi/XIOLqoPHCJ4/hqdefault.jpg)
![Expressions and operators - JavaScript | MDN](https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png)
![Type Conversions](https://javascript.info/img/site_preview_en_1200x630.png)
![The modern mode, "use strict"](https://javascript.info/img/site_preview_en_1200x630.png)
![All 34 String Methods In JavaScript In ONE VIDEO](https://i.ytimg.com/vi/x16Z_U1tGrc/hqdefault.jpg)
![JavaScript Variable Scopes](https://www.javascripttutorial.net/wp-content/uploads/2019/12/JavaScript-Global-Variables.png)
![Destructuring in JavaScript](https://javascript.info/img/site_preview_en_1200x630.png)
![Optional chaining '?.'](https://javascript.info/img/site_preview_en_1200x630.png)
![Call, Apply, and Bind Functions in JavaScript](https://www.freecodecamp.org/news/content/images/2022/06/Screenshot-2022-06-14-at-8.53.33-PM-1.png)
![Synchronous VS Asynchronous in JavaScript](https://media.geeksforgeeks.org/wp-content/cdn-uploads/gfg_200x200-min.png)
![JSON Tutorial For Beginners - Full Course](https://i.ytimg.com/vi/IWcUJLUAO2A/hqdefault.jpg)
![Object-oriented Programming in JavaScript: Made Super Simple | Mosh](https://i.ytimg.com/vi/PFmuCDHHpwk/hqdefault.jpg)
![An Introduction to JavaScript](https://javascript.info/img/site_preview_en_1200x630.png)
![Operator precedence - JavaScript | MDN](https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png)
![Truthy and Falsy Values: When All is Not Equal in JavaScript - SitePoint](https://uploads.sitepoint.com/wp-content/uploads/2017/08/1629186546truthy-falsy-javascript.jpg)
![Dot Notation vs Bracket Notation for Object Properties](https://www.freecodecamp.org/news/content/images/2023/02/19.-dot-vs-bracket-notation.png)
![The Scope Chain, 🔥Scope & Lexical Environment | Namaste JavaScript Ep. 7](https://i.ytimg.com/vi/uH-tVP8MUs8/hqdefault.jpg)
![Map and Set](https://javascript.info/img/site_preview_en_1200x630.png)
![Bubbling and capturing](https://javascript.info/img/site_preview_en_1200x630.png)
![Modules - import and export declaration](https://javascript.info/img/site_preview_en_1200x630.png)
![JavaScript Prototype](https://www.javascripttutorial.net/wp-content/uploads/2022/08/JavaScript-Prototype.png)
![Variables and Values](https://javascript.info/img/site_preview_en_1200x630.png)
![JavaScript if else or else if statement](https://www.w3schools.com/images/w3schools_logo_436_2.png)
![JavaScript ‘===’ vs ‘==’Comparison(Equality) Operator](https://media.geeksforgeeks.org/wp-content/cdn-uploads/gfg_200x200-min.png)
![FIRST CLASS FUNCTIONS 🔥ft. Anonymous Functions | Namaste JavaScript Ep. 13](https://i.ytimg.com/vi/SHINoHxvTso/hqdefault.jpg)
![How to Use Javascript’s Map, Filter and Reduce methods](https://blog.talent500.co/wp-content/uploads/2022/12/How-to-Use-Javascripts-Map-Filter-and-Reduce-methods.png)
![JavaScript DOM Manipulation – Full Course for Beginners](https://i.ytimg.com/vi/5fb2aPlgoys/hqdefault.jpg)
![Understanding JavaScript Execution Context By Examples](https://www.javascripttutorial.net/wp-content/uploads/2019/12/javascript-execution-context-global-execution-context-in-creation-phase.png)
![Javascript Interview Questions ( 'this' Keyword ) - Output Based, Scope, Implicit Binding, etc](https://i.ytimg.com/vi/rv7Q11KWmKU/hqdefault.jpg)
![Understanding JavaScript Events - bubbling and capturing](https://www.javascripttutorial.net/wp-content/uploads/2020/02/JavaScript-event-bubbling.png)
![Asynchronous JavaScript Course (Async/Await, Promises, Callbacks)](https://i.ytimg.com/vi/ZYb_ZU8LNxs/hqdefault.jpg)
![Garbage collection - Memory management](https://javascript.info/img/site_preview_en_1200x630.png)
![Constructor, operator "new"](https://javascript.info/img/site_preview_en_1200x630.png)
![JavaScript Data Types](https://www.w3schools.com/images/w3schools_logo_436_2.png)
![String data types](https://javascript.info/img/site_preview_en_1200x630.png)
![Logical operators](https://javascript.info/img/site_preview_en_1200x630.png)
![Different ways of writing functions in JavaScript - GeeksforGeeks](https://media.geeksforgeeks.org/wp-content/cdn-uploads/gfg_200x200-min.png)
![The culprit behind the sort() method in JavaScript](https://blog.talent500.co/wp-content/uploads/2022/12/The-culprit-behind-the-sort-method-in-JavaScript.png)
![Build 15 JavaScript Projects - Vanilla JavaScript Course](https://i.ytimg.com/vi/3PHXvlpOkf4/hqdefault.jpg)
![How JavaScript Works 🔥& Execution Context | Namaste JavaScript Ep.1](https://i.ytimg.com/vi/ZvbzSrg0afE/hqdefault.jpg)
![Numbers](https://javascript.info/img/site_preview_en_1200x630.png)
![Logical operators](https://javascript.info/img/site_preview_en_1200x630.png)
![Higher-Order Functions ft. Functional Programming | Namaste JavaScript Ep. 18](https://i.ytimg.com/vi/HkWxvB1RJq0/hqdefault.jpg)
![DOM Traversing](https://javascript.info/img/site_preview_en_1200x630.png)
![Asynchronous JavaScript Crash Course](https://i.ytimg.com/vi/exBgWAIeIeg/hqdefault.jpg)
![JS Engine EXPOSED 🔥 Google's V8 Architecture 🚀 | Namaste JavaScript Ep. 16](https://i.ytimg.com/vi/2WJL19wDH68/hqdefault.jpg)
![Classes in JavaScript](https://javascript.info/img/site_preview_en_1200x630.png)
![Var, Let, and Const – What's the Difference?](https://cdn-media-2.freecodecamp.org/w1280/5f9c9bd4740569d1a4ca2e24.jpg)
![JavaScript Ternary Operator](https://www.javascripttutorial.net/wp-content/uploads/2016/11/JavaScript-Ternary-Operator.png)
![Different String Methods in JavaScript](https://www.w3schools.com/images/w3schools_logo_436_2.png)
![Introduction different array's method in JavaScript](https://www.w3schools.com/images/w3schools_logo_436_2.png)
![Date and time](https://javascript.info/img/site_preview_en_1200x630.png)
![Javascript Interview Questions ( Call, Bind and Apply ) - Polyfills, Output Based, Explicit Binding](https://i.ytimg.com/vi/VkmUOktYDAU/hqdefault.jpg)
![Understanding DOM Event life cycle in JavaScript](https://miro.medium.com/v2/resize:fit:1200/1*Q1Mp0Vma4ZMEhdqi6pZtSQ.png)
![Asynchronous JavaScript & EVENT LOOP from scratch 🔥 | Namaste JavaScript Ep.15](https://i.ytimg.com/vi/8zKuNo4ay8E/hqdefault.jpg)
![Chrome DevTools - Chrome Developers](https://wd.imgix.net/image/fuiz5I8Iv7bV8YbrK2PKiY3Vask2/iGPiWTtoy7iF932Xday1.png?auto=format&w=1521)
JavaScript Mastry - Beginner to Advanced
Free
You need to have it with you while learning JavaScript because, in this list, I've curated some great resources for learning JavaScript from a beginner's level to an advanced level with projects.
Curated by:
Ajay Yadav
Confirmed
3h
72 Steps
for all
14
+ 168
![Learn HTML – Full Tutorial for Beginners (2022)](https://i.ytimg.com/vi/kUMe1FH4CHE/hqdefault.jpg)
![Max-width, Min-width, Max-height, and Min-height](https://www.freecodecamp.org/news/content/images/2021/07/pexels-scott-webb-1544944.jpg)
![CSS Box Model Tutorial for Beginners](https://i.ytimg.com/vi/L9khsrjMwKw/hqdefault.jpg)
![CSS Math Functions](https://d2h1bfu6zrdxog.cloudfront.net/wp-content/uploads/2022/07/CSS-math-functions-Blog-1024-x-683.jpg)
![Shadows in CSS](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![CSS Filters](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![Introduction to CSS](https://www.w3schools.com/images/w3schools_logo_436_2.png)
![CSS Borders](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![CSS border-radius property](https://www.w3schools.com/images/w3schools_logo_436_2.png)
![CSS Sizing Units](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![Pseudo-classes](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![Flexbox](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![Transitions](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![CSS Clip-path](https://hashnode.com/utility/r?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1637406908795%2FJ8u8Cr4fj.jpeg%3Fw%3D1200%26h%3D630%26fit%3Dcrop%26crop%3Dentropy%26auto%3Dcompress%2Cformat%26format%3Dwebp%26fm%3Dpng)
![CSS Selectors](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![CSS Fonts Properties](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![Block, Inline, and Inline-Block explained | CSS Tutorial](https://i.ytimg.com/vi/x_i2gga-sYg/hqdefault.jpg)
![Pseudo-elements](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![CodePen - Table Design](https://shots.codepen.io/atechajay/pen/MWqQgrd-800.jpg?version=1678584562)
![CSS Flexbox Crash Course](https://i.ytimg.com/vi/tXIhdp5R7sc/hqdefault.jpg)
![Animations](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![CSS Clip-path](https://web-dev.imgix.net/image/admin/Pl4AScfj5y8ovHD1pi64.jpg?auto=format&fit=max&w=1200&fm=auto)
![How To Add Icons on HTML Website | Add Font Awesome Icons on website](https://i.ytimg.com/vi/BATVa4vGZto/hqdefault.jpg)
![CSS Position](https://www.freecodecamp.org/news/content/images/2021/06/FCC-Thumbnail--4-.png)
![Selector Specificity](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![CSS Grid](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![A new way to do CSS transforms!](https://i.ytimg.com/vi/sEBTTw9nwt0/hqdefault.jpg)
![object-fit in CSS](https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png)
![Masking images in CSS](https://blog.logrocket.com/wp-content/uploads/2022/12/masking-images-css-mask-image-property.png)
![Backgrounds in CSS](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![CSS Height & Width](https://www.w3schools.com/images/w3schools_logo_436_2.png)
![Box Model in CSS](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![Z-index and stacking contexts](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![Styling forms](https://web-dev.imgix.net/image/kheDArv5csY6rvQUJDbWRscckLr1/n5XVLEqt8NTQQGAANqLJ.png?auto=format&fit=max&w=1200&fm=auto)
![The cascade in CSS](https://web-dev.imgix.net/image/foR0vJZKULb5AGJExlazy1xYDgI2/N5mplhgLlq9qzABgyYKQ.png?auto=format&fit=max&w=1200&fm=auto)
![CSS Grid Crash Course](https://i.ytimg.com/vi/0xMQfnTU6oo/hqdefault.jpg)
![CSS variables](https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png)
A Complete Guide To CSS
Free
HTML and CSS are the basic and essential technologies in the front-end field that's why this curation come into the existence. You should refer to these wiseshot steps in order to start learning HTML/CSS for FREE. Also please note that you, read the guided note on each step of this curation.
Curated by:
Ajay Yadav
Confirmed
13h
50 Steps
for all
3
+ 100