The first step towards becoming a code master is to become JavaScript.
- Memorize the basic language features in JS.
- Step through simple scripts exactly like the computer does.
Neither of these skills are as easy as the sound, and both of them are the foundation for everything else to come. Your end goal is to write applications large and small that provide practical solutions to real-world problems, but this is for later. You won't be able to do this until you've mastered your primary tool - the JavaScript language.
No matter how smart you are, or how good you are at what you did before learning to code, be prepared to struggle. This is totally normal. Being good at programming (or learning it quickly) are not indicators of how intelligent you are. They are indicators of how close your thinking style is to that of a computer programmer.
Don't be discouraged! If you master these fundamentals now, you will be prepared to learn the principles of software development and real-world problem solving.
So study hard! Dig in now, and keep at it every day. The more you prepare, the more everyone will benefit.
- JS Notional Machine: The code you read and write is really just a text-based UI for the JS compiler and runtime. Your goal in this introduction to JavaScript is to learn how the machine behind the code interprets and executes the commands you write.
- Deliberate Practice: It's not enough to complete exercises and make your code work, every exercise is an opportunity to learn. Learning to code will be very different from anything else you've learned before so take a look through these tips specifically for learning how to program.
- Visualize Behavior: The primary learning objective for this Fundamentals series is to learn how JavaScript works behind the scenes. There is no better way to do this than by visualizing your code's behavior with specialized softwares, pencil and paper. (Except maybe to write your own JS compiler.)
- Self Assessment: Learning to assess your own knowledge and performance are indispensable skills for a software developer. Here we'll introduce you to a few concepts and techniques you can use to assess your understanding of JavaScript (and more generally, software development) as you work your way through this curriculum.
- JavaScript:
- Variables & Types: Learn to diagram variables and their values. This covers: hoisting, let, var, Primitives vs. Objects, objects without methods, arrays, garbage collection.
- Scope & Control Flow: Learn to diagram block scope as it's implemented in code containing control flow operations. This covers: block scope, conditionals, loops, error handling, evaluating operations by hand.
- Scope & Context: Learn to diagram execution context. This covers: the call stack, context, lexical scope, functions, return values, closure.
- Objects with Methods: Learn to diagram the peculiarities of context & lexical scope in object methods. This covers: _this, object methods (w/ inheritance), method closure.
- Prototypical Inheritance: Learn to diagram inheritance chains and the JavaScript object/type system. This covers: the lookup chain, __proto__, .prototype, native js types & objects.
- Asynchronous Behavior: Learn to diagram asynchronous behavior. This covers: callbacks, promises, the event loop.
