Course Description
Short Course | 18 hours | 1.8 CEUs | $2,295
This course provides an in-depth and comprehensive introduction to React, a popular JavaScript library for building user interfaces. Students will learn the fundamentals of React, such as JSX, components, state, and routing. The course also covers advanced topics like styling React apps, implementing game logic, and working with React hooks and effects. Throughout the course, students will work on a real-world project, Mathificent, which helps them apply the concepts they learn and develop a practical understanding of React. The well-organized and structured curriculum, combined with hands-on exercises, ensures that students gain a solid foundation in React and are well-prepared to develop sophisticated web applications.
WEB155 is the first course in the React Software Developer Certificate. To complete the certificate students will also enroll in WEB250. Click on each course link for more details and to add to cart.
Course Outline
- Introduction to React
- What is React?
- React is Fast
- React is Scalable
- React is Reliable
- React Essentials
- Rendering in React
- Get Started with Create React App
- Introducing Our Project: Mathificent
- Learning the Structure of a React App
- What is React?
- JSX and React Elements
- Using JSX in React
- JSX Rules
- JSX Syntax
- JSX is an Extension of JavaScript
- Using Custom Elements in JSX
- Using JavaScript in JSX
- Using JSX
- React Components
- Assembling User Interfaces
- Understanding F.I.R.S.T
- Passing Data with Props
- Breaking an App into Components
- Passing Props Between Components
- Organizing Your Components
- Semantic HTML and the Fragment Element
- Using Fragment
- Destructuring props
- Assembling User Interfaces
- React State
- Understanding State
- Getting React to React
- Why is count a Constant?
- Child Components and State
- Adding State
- React Routing
- Routing
- Implementing Routes
- Styling React Apps
- Plain-old CSS
- Importing CSS Modules to Components
- Cleaning up App.css
- Styling the Main Component
- Inline styles
- Creating the Game Component
- A Word of Caution
- Implementing Game Logic
- Setting the Equation
- Getting the User's Answer
- Checking the User's Answer
- Creating the Timer
- React Effects
- React Hooks
- The useEffect Hook
- The Need for useEffect
- useEffect to the Rescue
- Mount and Unmount
- Passing Functions to State Variable Setters
- Fixing the Timer
- Catching Keyboard Events
- Building and Deploying Your React App
Learner Outcomes
In this ReactJS training class, attendees will learn how to:
- Understand the programming model provided by the React framework
- Define React components
- Use the React framework to handle events and stateful data
Prerequisites
- Students should prior experience with HTML and JavaScript
- CSS and Bootstrap experience is also helpful but not required
Duration
18 Hours | 3 Days or 6 Nights*Academic Unit eligibility to be determined by college/university in which you are enrolled in a degree seeking program.