Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Core Learning JavaScript

  • ES6
  • How nodejs Reactor Pattern/Architecture works
  • Promises, Async/Await
  • Classes, Objects, Arrays, Map and Set, JSON
  • Tailwind

Core Learning React

  • React Architecture
  • Lifecycle Events
  • Hooks and custom hooks
  • Fetch vs Axios
  • Routing
  • Pagination
  • Service Workers
  • Web Components
  • Module Federation
  • Performance and Profiling
  • SWR
  • Local Storage
  • Session Storage
  • Cookies
  • IndexedDB
  • Drag and Drop API
  • Intersection Observer API
  • Mutation Observer API
  • Canvas API
  • Context Security Policy (CSP)

Advanced

  • Electron
  • Next.js
  • WebAssembly
  • Million.js

State Management

  • Redux
  • Context Api
  • MobX
  • Zustand
  • Recoil
  • Jotai
  • XState

Testing

  • React Testing Library
  • Jest
  • Cypress

Better React

Better JS Runtime

The future, maybe?

OOAD Challenges - Round 1

  • (1) Build a TAX system where different products have different tax per state and year.
  • (2) Build a Logger Builder Router System where you can log into FS, ELK or any other log system where you can configure the logs to be sync or assync using the same API.
  • (3) Build Render Template where the same temple can be render in HTML, PDF or CSV.
  • (4) Build A Logistic System where you need to calculate different freigth prices based on volume, size and type of transportation i.e boat, truck, rail, prices are dynamic they keep changing.
  • (5) Build Restaurant Queue System Capable of telling how long each dish will take.
  • (6) Build Guitar Factory System where you can specify details of a guitar and the system creates a custon guitar for you with OS, Specs, Models. The system should keep track of Inventory.
  • (7) Build Ticket system, where you should be able to sell x number of ticker per different shows and choose the seats number, zone of the venue, date and respect maximun capacity.

OOAD Challenges Round 2

  • (1) Build a Grocery TODO List system (add item, remove, mark as done, do, re-do, listAll)
  • (2) Build a FileShare System (save files, restore files, delete files, listFiles, Search) with encryption
  • (3) Build a Note Taking system (add notes,save notes,edit notes, delete notes, sync)
  • (4) Build a Calendar system (book meetings, remove meetings, listMeetings, suggest best time for 2 people)
  • (5) Build a Redis clone client/server (Strings: set,get,remove,append, maps: set,get,keys,values)
  • (6) Build a Teacher’s Class Organizer/Optimizer
  • (7) Build a Social Media Sharing Photo App (publish photos, tag photos, timeline, comments)

Code Challenges - Round 1

  • (1) Build your own Wheater App(show the wheater in celcius/fahrenheit, annimations)
  • (2) Build your own Trello(Simple Kanban board, create: cards, collumns, move, delete)
  • (3) Build your own Netflix(Stream the movies from youtube)
  • (4) Build your own Amazon Retail(List product, search, rate, recomendations)
  • (5) Build your own Linux Terminal (ls, cat, mkdir, touch, echo, cd)
  • (6) Build your own Slack (profile, chat rooms, notifications)
  • (7) Build your own Notability (list, make notes)

Code Challenges - Round 2

  • (1) Build your own Time Tracker App (start, stop, laps)
  • (2) Build your own Calendar App (Book meetings, edit, remove, sugest best time for 2 people)
  • (3) Build your own Benchmark App for JS code
  • (4) Build your own Flap Bird clone game
  • (5) Build your own MS Paint clone App
  • (6) Build your own Video Player
  • (7) Build your own React (render, pass props, mount/unmount hooks)

Code Challenges - Round 3

  • (1) Build your own Linter
  • (2) Build your own Testing Framework
  • (3) Build your own Fetch Library
  • (4) Build your own Data Faker
  • (5) Build your own Background Process Job Manager
  • (6) Build your own Http Server
  • (7) Build your own NodeJS Runtime
  • (8) Build your own Tailwind CSS
  • (9) Build your own React Renderer

Books