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

  • 19 July
    4 days, 09:00 AM CDT - 05:00 PM CDT
    Online
    • $2,250.00 excl.
    Register10 places remaining

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

Not Happy with Your Current App, or Digital Product?

Submit your event

Let's Discuss Your Project

Let's Discuss Your Project