React Essentials
The web is the ubiquitous app development and content delivery platform. In this 3.5-day course, students craft responsive websites and tame complexity through maintainable user interface components.
Live online events
-
22 March4 days, 09:00 AM CDT - 05:00 PM CDT
Description
The web is the ubiquitous app development and content delivery platform. In this 3.5-day course, students craft responsive websites and tame complexity through maintainable user interface components. We give them a solid foundation for today's web technologies: HTML5, CSS3, ES6, and ReactJS. Students don’t leave knowing only those tools; they are prepared to pick up and apply whatever the web ecosystem throws at them in years to come.
Who should take this class?
- Native developers who want to create a web presence that supports an app, grows a user base and collects user feedback.
- Backend developers who need to create full-stack web apps.
- Web developers transitioning to ReactJS.
How to prepare:
- Basic understanding of object-oriented or functional programming is expected.
- Software development experience is necessary, though it does not have to be with JavaScript.
Syllabus:
Building Responsive, Mobile-Friendly Websites
-
Style and lay out an application with HTML and modern CSS.
-
Create a responsive web page with CSS Grid Layout, Flexbox, and Media Queries.
-
Implement visual effects and animation using CSS3 transitions.
-
Write JavaScript functions to respond to user interactions with the page.
-
Use HTML5 form elements to create an order form.
-
Ensure correct input with client-side validation.
Creating Web Applications With React
-
Split your interfaces into easily-managed, reusable components using the React framework.
-
Utilize JSX to describe how the interfaces should be rendered.
-
Persist and synchronize state between components using React hooks.
-
Manage cart contents with a state reducer.
-
Access, create, and delete remote server data using AJAX and REST.
-
Asynchronous data fetching with React hooks and promises.
-
Creating orders and login with a backend API.
-
Manage routing with React Router.
-
Creating orders and login with a backend API.
-
Sync open orders with websockets.
-
Pass user details throughout the application with React Context.
Testing React
-
Ensure your website behaves as expected through tests
-
Write unit tests with React Testing Library
-
Write end to end tests with Cypress