TSD Academy - JavaScript Midlevel Action Item 🚀

In this exercise we will focus on JavaScript Design Patterns and Asynchronous Programming. 🛠️🧠

Learning Objectives 🎯

1. Understand various JavaScript Design Patterns.
2. Master Asynchronous JavaScript programming.
3. Gain proficiency in Test-Driven Development (TDD).

Getting Started 🛠️

1. 📦 Clone this repository.
2. 📚 Run npm install to install dependencies.
3. 🧪 Run npm test to run the Jest tests.

⚠️⚠️⚠️ We strongly advise against using AI tools like GitHub Copilot or ChatGPT to solve this Action Item! In most interviews, you will be asked to disable those. ⚠️⚠️⚠️

📈 The code is covered in tests aiming for 99% test coverage, setting you up for TDD-style programming. Make sure all tests pass by the end of the exercise!

---

📋 Progress Sheet

Legend:

1. 🟩 EASY - problems that are pretty much straightforward
2. 🟨 MEDIUM - a challenge for a mid-level dev
3. 🟥 HARD - harder problems that use advanced techniques

🌟 01. JavaScript Design Patterns

• 🍛 Function Currying

  • 🟩 EASY 01. Easy Currying
  • 🟥 HARD 02. Advanced Curryin

• 🏛️ Prototypal Inheritance

  • 🟩 EASY 03. Prototypal Inheritance

• 🔗 Higher-Order Functions

  • 🟨 MEDIUM 04. Timed Execution

⏳ 02. Asynchronous JavaScript

• 🔄 Timer Functions

  • 🟩 EASY 06. Delayed Print
  • 🟨 MEDIUM 07. Interval Counter

• 🔄 Promises

  • 🟨 MEDIUM 09. Promise Timer
  • 🟥 HARD 10. Promisify

• 🕒 Async/Await

  • 🟨 MEDIUM 11. Async Fetcher

🔍 03. Advanced Functions

• 👁️ The THIS Object

  • 🟨 MEDIUM 12. this in arrow functions
  • 🟩 EASY 13. this in normal functions

• 📞 Call / Apply / Bind

  • 🟨 MEDIUM 14. Borrow Method

🔍 04. Advanced Async

• 🟥 HARD 15. forEach Async

---

📖 Problems Breakdown 🎯

JavaScript Design Patterns

01. Easy Currying

Understand the basics of function currying by completing this exercise.

🧪 Run Tests:

npm run test:watch 01_easy_currying

02. Advanced Currying

Master advanced function currying in JavaScript. Try the exercise.

🧪 Run Tests:

npm run test:watch 02_advanced_curry

---

03. Prototypal Inheritance

Learn how inheritance works in JavaScript with this exercise.

🧪 Run Test:

npm run test:watch 03_object_inheritance

04. Higher Order Function: Timed Execution

Learn to implement timed execution of functions. Get started with this exercise.

🧪 Run Tests:

npm run test:watch 04_timed_execution

---

Asynchronous JavaScript

06. Delayed Print

Understand setTimeout through this exercise.

🧪 Run Tests:

npm run test:watch 06_delayed_print

07. Interval Counter

Learn how to use setInterval with this exercise.

🧪 Run Tests:

npm run test:watch 07_interval_counter

08. Auto Stop Counter

Master timers by making one that stops automatically in this exercise.

🧪 Run Tests:

npm run test:watch 08_auto_stop_counter

09. Promise Timer

Get to grips with Promises by building a timer in this exercise.

🧪 Run Tests:

npm run test:watch 09_promise_timer

10. Promisify

Learn how to convert callback-based functions to promises in this exercise.

🧪 Run Tests:

npm run test:watch 10_promisify

11. Async Fetcher

Try using async and await for fetching data in this exercise.

🧪 Run Tests:

npm run test:watch 11_async_fetcher

---

Advanced Functions

12. this in arrow functions

Gain a deeper understanding of the this object in arrow functions with this exercise.

🧪 Run Tests:

npm run test:watch 12_thisInArrowFunction

13. this in normal functions

Explore the behavior of this in standard functions in this exercise.

🧪 Run Tests:

npm run test:watch 13_thisInNormalFunction

14. Borrow Method using Call

Master the call method by borrowing methods from other objects in this exercise.

🧪 Run Tests:

npm run test:watch 14_borrow_method

---

Getting Feedback & Help

If you have issues with the Action Item, you can ask for help in the Community.

Made with ❤️ in Berlin by @TheSeniorDev