Course Description
Short Course | 12 hours | 1.2 CEUs | $1,795
This course is tailored for developers who wish to elevate their skills beyond React fundamentals. This comprehensive program delves into advanced concepts and best practices that are pivotal for building sophisticated and high-performance web applications. Participants will explore the intricacies of the React library, including state management, component lifecycle, hooks, and context API, ensuring a solid foundation to tackle complex development challenges. The course also provides a panoramic view of the React landscape, covering essential topics such as Redux for state management, React Router for dynamic routing, and the latest in React frameworks like Next.js and Remix, equipping developers with the knowledge to make informed decisions on architecture and tools.
WEB250 is the second course in the React Software Developer Certificate. To complete the certificate students will also enroll in WEB155. Click on each course link for more details and to add to cart.
Course Outline
- Bootstrapping React Apps
- Moving Beyond Create React App
- Exploring Alternatives
- Migrating from CRA to Vite
- React Framework
- Introduction to Next.js, Remix, Astro, and React Query
- A Deeper Dive into React Fundamentals
- Class Components vs. Function Components
- State Management with setState in Class Components
- Introduction to Hooks
- Lab: Enhancing a Real-time Chat Application
- React Router
- Route Configuration, Navigation, Protected Routes
- React Router Components (Router, Routes, Route, Link, NavLink, Outlet)
- Implementing Dynamic and Nested Routing
- Introduction to Alternatives to React Router
- Lab: Implementing User Authentication and Protected Routes
- Redux
- Working with Actions, Reducers, and the Store
- Async Actions with Redux Thunk
- Introduction to Redux Toolkit
- Using Redux with React
- Lab: Migrating a Social Media App to Use Redux
- Micro Frontends
- Challenges and Strategies in React Micro Frontends
- Tools for Implementing Micro-frontends
- Lab: Creating Micro Frontends with Single SPA
- Performance Optimization
- Code Splitting and Lazy Loading Components
- Optimizing Class and Function Components
- Data Fetching Strategies
- Web Workers, Throttling, and Debouncing
- Lab: Optimizing the Social Media App
- Security Best Practices
- Escaping User Input and Managing Secrets
- Handling Redirects and Cross-Site Scripting (XSS)
- Implementing Strong Authentication and Authorization
- CORS Policies and Rate Limiting
Prerequisites
- Solid Understanding of JavaScript: Proficiency in JavaScript fundamentals, including ES6+ features.
- Basic React Knowledge: Familiarity with React basics such as JSX, components, props, and state management.
- Experience with Web Development: Understanding of HTML, CSS, and web development principles.
- Development Environment Setup: Ability to set up a local development environment, including Node.js and a code editor like VSCode.
- Version Control with Git: Basic knowledge of version control using Git, including cloning repositories and branching.
- Command Line Proficiency: Comfort with using command line interfaces for navigating directories and running scripts.
- Understanding of RESTful APIs: Knowledge of how to interact with RESTful APIs for data fetching and manipulation.
- Familiarity with NPM or Yarn: Experience using package managers like NPM or Yarn for managing project dependencies.
Duration
12 Hours | 2 Days or 4 Nights*Academic Unit eligibility to be determined by college/university in which you are enrolled in a degree seeking program.