Close
    Close full mode
    logoYonisfy

    My Path to Learn JavaScript

    Last update: a year ago by mohammedelzanatyReading time: 4 min

    Let me share with you how I learn JavaScript and believe me, I have worked with it for more than two years without understanding why? so now if you feel panic from js interviews and js tasks so you are in the right place ... Look, you donโ€™t need to know what a function, variables, for loop or even anything for basic, I trust you haveย learned js basics beforeย or you already know JavaScript enough to build a simple JavaScript-only web application. While the 12 concepts noted below are neither complex nor difficult but believe me every modern JavaScript developer should know well you will understand them best if you already know at least some basic JavaScript.

    The 12 concepts

    1. ๐Ÿ“– Javascript DOM - ๐Ÿ“– JS MDN DOM
    2. ๐Ÿ“– JavaScript Objects in Detail
    3. ๐Ÿ“– JavaScript Prototype in Plain, Detailed Language - ๐Ÿ“น Javascript the Hard Parts: Classes & Prototypes by Codesmith
    4. ๐Ÿ“– JavaScript Variable Scope and Hoisting Explained - ๐Ÿ“น JavaScript Functions, Execution Context, and the Call Stack by Codesmith
    5. ๐Ÿ“– Understand JavaScript Closures With Ease - ๐Ÿ“น JavaScript the Hard Parts: Closures, Scope, and Execution Context by Codesmith
    6. ๐Ÿ“– Understand JavaScript Callback (Higher-Order) Functions - ๐Ÿ“น Understanding JavaScript Callbacks and Higher-Order Functions by Codesmith
    7. ๐Ÿ“– Understand JavaScriptโ€™s โ€œthisโ€ With Clarity, and Master It
    8. ๐Ÿ“– JavaScriptโ€™s Apply, Call, and Bind Methods are Essential
    9. ๐Ÿ“– Learn HTML5, CSS3, and Responsive WebSite Design
    10. ๐Ÿ“– Object-Oriented JavaScript (OOP in JavaScript) - ๐Ÿ“น Object-Oriented JavaScript By Udacity - ๐Ÿ“น JavaScript The Hard Parts: Object-Oriented Programming by Codesmith
    11. JS Testing By Udacity - ๐Ÿ“น Testing JS by Kent C. Dodds
    12. Promises, async/await - ๐Ÿ“น JavaScript the Hard Parts: Asynchronous JavaScript - ๐Ÿ“น What the heck is the event loop anyway? | Philip Roberts | JSConf EU

    At this stage, I feel that I know that I understand a lot of concepts but, to be honest with my friend, still can't build anything so I realize that I just know theory stuff. this does not satisfy my cravings and my constant feeling that I know Javascript and still am not satisfied so now we need to get our hands dirty and this happens with 2 phenomenal resources

    Get your Hands Dirty

    1. As Wes said: This is JavaScript30 โ€” let's build 30 things together. this one of the core steps on my path it help me to understand more and build the first brick in my portfolio
    2. JavaScript Algorithms and Data Structures by freeCodeCamp will give a solid background for how to solve a problem and how to search as most of the exercise you will not be able to solve it from first time or at least that what happened to me.

    if you reach here and still reading my awesome article so it's time to dig deeper in js and this will happen by reading not watching

    Reading Time

    1. Eloquent JavaScript by Marijn Haverbeke. this book really helps me to know the fact that I still know nothing ๐Ÿ˜‚ so it's good to read it.
    2. You-Don't-Know-JS by Kyle Simpson, I read the first two chapters it's good, to be honest, but I feel more comfortable at Eloquent JS book

    Good Reference when you search

    1. javascript-info
    2. MDN Javascript

    If you reach this point, you will feel that you are js ninja so you will apply to jobs and surprisingly you will get refused ๐Ÿ˜‚๐Ÿ˜‚๐Ÿ˜‚ because js interview question is different and you are ูƒุญูŠุงู† so the question now how I pass the interview is there's anything else I need to review.

    YES

    here are the resources you need to learn before an interview

    1. Practical Question
    2. Frequently Asked JavaScript Interview Questions and Answers for Freshers and Experienced
    3. 70 JavaScript Interview Questions

    that's it for today from my side, thanks for pairing with me all this time.

    ๐Ÿ›ค๏ธ Road Map โ€” Previous
    Road Map
    Next