SDEV-2150

I maintain an agenda on my Instructor Workbook which should be used as a reference for what we will be covering in class.

Student Textbook

This course uses a couple of textbooks which is available free online to NAIT students.

1. Visit the O’Reilly website.

2. Choose the “Affiliated with a school or institution” option.

   

3. Enter your school name.

   

4. Follow the remaining login with your school email account.

---

Learning JavaScript Design Patterns, 2nd Edition

Available on O’Reilly. Chapter titles include:

1. Introduction to Design Patterns
2. “Pattern”-ity Testing, Proto-Patterns, and the Rule of Three
3. Structuring and Writing Patterns
4. Anti-Patterns
5. Modern JavaScript Syntax and Features
6. Categories of Design Patterns
7. JavaScript Design Patterns
8. JavaScript MV* Patterns
9. Asynchronous Programming Patterns
10. Modular JavaScript Design Patterns
11. Namespacing Patterns
12. React.js Design Patterns
13. Rendering Patterns
14. Application Structure for React.js
15. Conclusions

---

React Key Concepts - Second Edition

Available on O’Reilly. Chapter titles include:

1. React - What and Why
2. Understanding React Components and JSX
3. Components and Props
4. Working with Events and State
5. Rendering Lists and Conditional Content
6. Styling React Apps
7. Portals and Refs
8. Handling Side Effects
9. Handling User Input & Forms with Form Actions
10. Behind the Scenes of React and Optimization Opportunities
11. Working with Complex State
12. Building Custom React Hooks
13. Multipage Apps with React Router
14. Managing Data with React Router
15. Server-side Rendering & Building Fullstack Apps with Next.js
16. React Server Components & Server Actions
17. Understanding React Suspense & The use() Hook

Other Options for Reference

• Learning React, 2nd Edition By Alex Banks, Eve Porcello
• Fluent React - O’Reilly By Laurence Lars Svekis, Maaike van Putten, Rob Percival

On-Demand Course

• React - The Complete Guide (Includes Hooks, React Router, and Redux) - Second Ed.

Style Guide

• Google JavaScript Style Guide

---

Scheduled Lessons

The following are the planned lessons in the curriculum. They roughly correspond to the class periods that we have (though I may take the first two classes to get you familiar with the software and your student workbook).

1. JavaScript Review
2. Web Components and Composition
3. Reactive Patterns and Advanced UI Communication
4. Advanced UI Communication with Custom Events
5. Asynchronous Programming Review
6. Component and Asynchronous Programming Exercises
7. Framework Foundations and Component Building
8. Building Components in React
9. Component Composition in React
10. Styling Components in React
11. UI Framework Integration with DaisyUI
12. Event Handling and State in React
13. Lifting State and Component Communication
14. State and Component Communication Exercises
15. State-Driven UI in React
16. Component Lifecycle in React
17. Static Routing with React Router 7
18. Dynamic Routing with React Router 7
19. Data Fetching Strategies in React
20. Routing and Data Fetching Exercises
21. Client Rendering Strategies in React
22. Server Rendering Strategies in React
23. Client Application State in React
24. Server-Side State in React
25. State Management Strategies
26. State Management Exercises
27. Unit Testing React Applications
28. Test-Driven Development in React
29. End-to-End Testing in React Applications
30. Deployment Strategies for React Applications