On my frontend development path, I have discovered that learning with examples and practice is the best choice.
Therefore, I have decided to add basic examples while moving along with the theoretical parts of discovering JavaScript. These easy examples are followed by short explanations or definitions to help me understand better some aspects for when I will open them again.
So far, you can check examples of:
- Operators (logical operators, % (modulus) operator, += operator, type coercion)
- Conditional statements (if... else, if... else if... else, switch)
- Loops (for, while, nested, for...of, build-in methods)
- Functions (with & without paramaters, locate position, defensive programming)
- Arrays (declare, display, add, remove, build & call functions, arrays as objects, strings != arrays, built-in methods, Set() )
- Objects (declare, add, update, remove, dot & brackets notations, methods, typeof operator, Math object, data structure - objects, Map () )
- Error handling (most common errors, try... catch blocks, manual error, error prevention, undefined, null & empty variables
- Cheet sheet (strings)
- Functional programming (function calling & recursion, scope, higher-order function)
- Object-oriented programming (polymorphism, super-class, creating classes, designing an OOP, default paramaters, template literals, expression evaluation)
- Browser (DOM manipulation)
- Testing (basic notations)
- Exercise: Price calculation
Beside learning step by step the basic elements of JavaScript, I find it useful to take small and easy projects that require only vanilla JavaScript and try to understand what each element is doing, by implementing the project in my own way. On this part of the repository, I added so far:
- Drum Kit