🦊 Welcome to Advanced Front End 🦊
Posted on May 16th, 2022
⚠️ You only need to read this post if you are on the front end team 🦊
🗓️ Today’s topics
- Return to JavaScript!
- The modern JavaScript ecosystem
- ES6 features
📖 Read | 📺 Watch | 🎧 Listen
These are required readings, videos, and/or podcasts. Read, watch, or listen, and take notes.
- ⭐ 📖 Modern JavaScript Explained for Dinosaurs -> This is essential for context.
- 📖 State of JS 2021 Survey Results -> Skim for an overview of current trends in the JS ecosystem.
- 📺 ES6 tutorial for beginners
- 📖 React vs. Plain JavaScript -> This will be helpful background reading for our introduction to React tomorrow.
- 📺 Modern JavaScript for Django Developers
- 📖 Modern JavaScript for Django Developers - this is the blog post version of the above talk. Read the first two parts only:
- Part 1: Organizing your Front-End Codebase in a Django Project
- ⭐Part 2: A Crash Course in Modern JavaScript Tooling – this is a complement to the first article on this list.
- An Absolute Beginner’s Guide to npm
🎯 Do
Complete at least two exercises from this list on Exercism.io JavaScript Track:
- Isogram
- Scrabble Score
- ETL
- Simple Cipher
- Hamming
- Gigasecond
- Grade School
If you get through two, keep going! More practice is better.
🔖 Resources
- MDN: A Re-Introduction to JS
- JavaScript for React: A Cheat Sheet -> You’ll need to understand all of the JS on this page to be able to use React effectively. It would be useful to type out the examples and run them yourself.
- The Modern JavaScript Tutorial -> This is a solid and comprehensive reference with topics clearly labeled.
- Clean Code: JavaScript -> “Clean Code” is a concept popularized by a book of the same name by Robert C. Martin. It means code that is easy to understand and easy to change. This guide applies these concepts to show you how to write clear and maintainable JavaScript. This is something that you will pick up as you go along, so don’t worry about “following the rules.” The rules are subjective and open to interpretation (as this guide shows). But it’s good to know that standards for code exist and developers are commonly expected to conform to them.
- Make sure that Node and npm are installed on your computer -> You probably did this way back in the beginning but here’s a link to the set-up instructions in case you need it.