Cath-kb/js-school

JS-React-School

Lesson 1 (DOM Basics - structure, 1. folder tree) task

• Static HTML filesystem viewer: src, demo
• Simplified HTML filesystem viewer: src, demo
• Rendered DOM filesystem viewer: src, demo
• Real filesystem viewer (in iframe): src, demo (download and open from local filesystem)

Lesson 2 (JS Basics - introduction, 1. prompt write) task

• Simple Survey (imperative): src, demo
• Survey (declarative): src, demo

Lesson 3 (JS Basics - data structures, 2. parse CSV file) task

• Payroll Statistic: src, demo

Lesson 4 (DOM Basics - events, 2. interactive folder tree) task

• Rendered DOM filesystem viewer with some events: src, demo

Lesson 5 (DOM Basics - forms, 3. crud app) task

• CRUD App: src, demo

  diff from source workshop result: link

Lesson 6 (JS Basics - payroll review, 3. polyfills)

• Polyfills for array walk functions (map, reduce, reduceRight, filter, forEach, some, every): src, demo

Lesson 7 (JS - scopes, closures, 4. modularize payroll)

• Payroll refactor (modules, more Array methods): src, demo

  diff from lesson 3 payroll: link

Lesson 8 (JS - OOP in JS, 5. School Simulator) task

• School Simulator: src, demo

Lesson 9 (JS - Symbol, iterator, set-map, promise, async)

• no task

Lesson 10 (Web App Basics, 1. webpack npm) task

• Payroll Web App (use webpack, extract modules): src, dist, demo

Lesson 11 (JS - EventLoop, MicroTasks, 6. GitHub User Profile) task

• GitHub User Profile APP: src, demo

Lesson 12 (Web App Basics, 2. Bundling, Babel loaders) task

• Cart APP: src, dist, demo

  diff from lesson 12 Cart APP: link

Lesson 13 (Web App Basics, HTTP, Authentication, Service Workers)

• no task

Lesson 14 (React/Redux - Introduction to React, 1.1. GitHub User Profile) task

• GitHub User Profile React APP (static render): src, dist, demo

Lesson 14 (React/Redux - Introduction to React, 1.2. GitHub User List) task

• GitHub User List React APP (static render): src, dist, demo

Lesson 15 (React/Redux - Components, 2. Fetching and Updating User Profile) task

• GitHub User Profile React APP (fetch, edit, save): src, dist, demo

Lesson 16 (React/Redux - React Patterns)

• no task

Lesson 17 (React/Redux - Context & Routing, 3. GitHub Profile Manage) task

• GitHub Profile Manager React APP: src, dist, demo

Lesson 18 (React/Redux - DatePicker workshop)

• no task

Lesson 19 (React/Redux - Redux Basics) task

• User Form Redux APP: src, dist, demo

Lesson 20 (React/Redux - Redux Selectors & Normalization) task

• ToDo List Redux APP: src, dist, demo

Lesson 21 (React/Redux - Async in Redux) task

• GitHub Profile Redux Thunk APP: src, dist, demo