The latest articles on DEV Community by Mohammed Junaid (@mdjunaidap). https://dev.to/mdjunaidap https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F672827%2F9167c1da-c953-46d5-915a-cbefc6fbcd3d.png https://dev.to/mdjunaidap en Mohammed Junaid Mon, 01 Aug 2022 09:16:14 +0000 https://dev.to/mdjunaidap/javascript-roadmap-for-beginners-in-2022-4i6j https://dev.to/mdjunaidap/javascript-roadmap-for-beginners-in-2022-4i6j <h3> ➩ Running Javascript </h3> <ul> <li><p>Script tag</p></li> <li><p>Link external file</p></li> <li><p>Browser console</p></li> <li><p>with node</p></li> </ul> <h3> ➩ Variables </h3> <h5> ➲ Declarations </h5> <ul> <li>var</li> <li>let</li> <li>const</li> <li>Scope</li> <li>Global</li> <li>function</li> <li>Block</li> <li>Hoisting</li> </ul> <h3> ➩ Data types &amp; Data Structures </h3> <h5> ➲ Primitive Datatypes </h5> <ul> <li>undefined</li> <li>boolean</li> <li>Number</li> <li>BigInt</li> <li>String</li> <li><p>Symbol</p></li> <li><p>Null</p></li> <li><p>Object</p></li> <li><p>Function</p></li> </ul> <h5> ➲ Data Structures </h5> <ul> <li>Array</li> <li>Map/ Weak map</li> <li>Set/ Weak Set</li> <li>Date</li> </ul> <h3> ➩ Type Conversion </h3> <ul> <li>Explicit Function</li> <li><p>Implicit Function</p></li> <li><p>Equality</p></li> <li><p>== &amp; ===</p></li> </ul> <h3> ➩ Loops </h3> <ul> <li>while</li> <li>do..while.</li> <li>for</li> <li>break/continue </li> <li>for...in</li> <li>for...of</li> </ul> <h3> ➩ Loops </h3> <ul> <li>while</li> <li>do..while.</li> <li>for</li> <li>break/continue </li> <li>for...in</li> <li>for...of</li> </ul> <h3> ➩ Expressions &amp; Operators </h3> <ul> <li>Assignment Operators</li> <li>Arithmetic Operators</li> <li>Logical Operators</li> <li>Conditional Operators</li> <li>Comparison Operators</li> <li>Relational Operators</li> <li>Bitwise Operators</li> <li>String Operators</li> <li>Comma Operator</li> <li>Unary Operators</li> </ul> <h3> ➩ Expressions &amp; Operators </h3> <ul> <li>Assignment Operators</li> <li>Arithmetic Operators</li> <li>Logical Operators</li> <li>Conditional Operators</li> <li>Comparison Operators</li> <li>Relational Operators</li> <li>Bitwise Operators</li> <li>String Operators</li> <li>Comma Operator</li> <li>Unary Operators</li> </ul> <h3> ➩ Functions </h3> <ul> <li>Function Declarations</li> <li>Function Expressions</li> <li>Calling Functions</li> <li>Parameters &amp; Arguments</li> <li>Scope </li> <li>Arrow Functions</li> </ul> <h3> ➩ Functions </h3> <ul> <li>Function Declarations</li> <li>Function Expressions</li> <li>Calling Functions</li> <li>Parameters &amp; Arguments</li> <li>Scope </li> <li>Arrow Functions</li> </ul> <h3> ➩ this </h3> <ul> <li>Implicit Binding </li> <li>Explicit Binding</li> <li>new Binding</li> <li>Lexical Binding</li> <li>Default Binding</li> </ul> <h4> ➩ Prototype </h4> <h4> ➩ Prototypal Inheritance </h4> <h4> ➩ Class </h4> <h4> ➩ Iterators </h4> <h4> ➩ Generators </h4> <h4> ➩ Event Loop </h4> <h3> ➩ Asynchronous Javascript </h3> <ul> <li>setTimeout</li> <li>setIntervals</li> <li>callbacks</li> <li>Promises</li> <li>async await</li> </ul> <h3> ➩ Module System </h3> <ul> <li>CJS</li> <li>ESM</li> <li>Import/Export</li> <li>Default &amp; Named Exports</li> </ul> <p>🚨 700+ Tools &amp; Resources 🤩<br> Goldmine🌟 for Developers, Designers, and Creators.</p> <p>I've Curated incredible tools and learning resources for developers, designers &amp; content creators.<br> <a href="https://t.co/2XaQR6ASYw">Unlock Now🚀</a></p> <p>If this blog was helpful to you, please consider following me here: <a href="https://twitter.com/mdjunaidap">Twitter</a></p> javascript webdev beginners programming Mohammed Junaid Sat, 24 Jul 2021 09:07:56 +0000 https://dev.to/mdjunaidap/clearcut-fullstack-developer-roadmap-2021-with-300-resources-2690 https://dev.to/mdjunaidap/clearcut-fullstack-developer-roadmap-2021-with-300-resources-2690 <h2> Frontend Developer + Backend Developer = Full Stack Developer.🤩😍🚀 </h2> <h2> ⭕ Frontend Developer Roadmap 2021 </h2> <h2> 1. Internet </h2> <h3> - Free learning Resources from Youtube, Website </h3> <h2> 2. HTML </h2> <h3> - Free learning Resources from Youtube, Website, Twitter Thread. </h3> <h2> 3. CSS </h2> <h3> - Free learning Resources from Youtube, Website, Twitter Thread. </h3> <h3> - Paid Courses to Learn HTML and CSS. </h3> <h3> - Improve CSS Skills By Playing GAMES. </h3> <h3> - Build Projects Using HTML and CSS for PRACTICE. </h3> <h3> - Websites to Practice front end Skills. </h3> <h2> 4. JavaScript </h2> <h3> - Free learning Resources from Youtube, Website, Twitter Thread. </h3> <h3> - Paid Courses to Master JavaScript </h3> <h3> - Build Projects Using JavaScript. </h3> <h2> 5. Git </h2> <h3> - Free learning Resources from Youtube, Website. </h3> <h3> - Git Cheat sheets </h3> <h2> 6. CSS Frameworks. </h2> <h2> 6.1. Tailwind CSS. </h2> <h3> - Free learning Resources from Youtube, Website. </h3> <h3> - Projects to Practice Tailwind CSS. </h3> <h2> 6.2. Bootstrap. </h2> <h3> - Free learning Resources from Youtube, Website. </h3> <h3> - Projects to practice Bootstrap. </h3> <h2> 6.3. Bulma CSS Framework. </h2> <h3> - Free learning Resources from Youtube, Website. </h3> <h3> - Projects to Practice BULMA CSS. </h3> <h2> 7. JavaScript Frameworks. </h2> <h2> 7.1. REACTJs </h2> <h3> - Paid courses to learn React Js </h3> <h3> - Build Projects to Practice ReactJs. </h3> <h2> 7.2. Vue Js. </h2> <h3> - Paid Courses for Vue.js </h3> <h3> - Projects to Practice VueJs </h3> <h2> 7.3 Angular </h2> <h3> - Paid Courses to Learn Angular. </h3> <h3> - Projects to Practice Angular. </h3> <h2> 7.4. Svelte </h2> <h3> - Paid Course to Learn Svelte Js. </h3> <h3> - Projects to Practice Svelte Js. </h3> <h2> ⭕Backend Developer Roadmap 2021 </h2> <h3> Learn basics of HTML CSS &amp; Javascript </h3> <h3> Learn Git &amp; Github </h3> <h2> 1. APIs </h2> <h3> - Free Learning Resources. </h3> <h3> - Projects to Practise API </h3> <h2> 2. NodeJS </h2> <h3> - Free Learning Resources. </h3> <h3> - Projects to Practice NodeJS </h3> <h2> 3. ExpressJs </h2> <h3> - Free Learning Resources. </h3> <h3> - Projects to Practice ExpressJS </h3> <h2> 4. SQL Vs NoSQL </h2> <h2> 5. SQL </h2> <h3> - Free Learning Resources. </h3> <h2> 6. PostgreSQL </h2> <h2> 7. NoSQL </h2> <h3> - Free Learning Resources. </h3> <h2> 8. MongoDB </h2> <h3> - Free Learning Resources. </h3> <h3> - Projects to Practice MongoDB </h3> <h2> 9. Firebase </h2> <h3> - Free Learning Resources. </h3> <h3> - Projects for Practice Firebase </h3> <h3> - Paid Courses for Above Technologies </h3> <h2> 10. Docker </h2> <h3> - Free Learning Resources. </h3> <h2> 11. CI/CD </h2> <h3> - Free Learning Resources. </h3> <h2> 12. DevOps </h2> <h3> - Free Learning Resources. </h3> <h3> - DevOps Projects </h3> <h2> Above Mentioned Resources at One Place..🤩❤️ </h2> <h2> Grab Your Copy Now Now Now👇👇 </h2> <p><a href="https://mdjunaidap.gumroad.com/l/fullstack-dev-roadmap">Full Stack Developer Roadmap 2021</a></p>