In this course we will use the JavaScript framework React.js
to build more complex interactive web applications. The course is for advanced beginners who already know JavaScript
.
We will discover the web framework React
and do a deep dive into its features and tools. We will build many example applications and discover all the different aspects of the React
library. The most important learning of this course will be to start thinking in reusable components when building your web application.
In this course we will build applications with React
. We will cover the following topics:
- Introduction to React
- Modern JavaScript, ES6 and beyond
- The React framework
- React projects
- npm and dependency management
create-react-app
- Components
JSX
- React foundations
- State
- Props
- Hooks
- Lifecycle of Components
- Async React
- Single Page Applications (SPAs)
- Front-end vs. back-end
- Routing
- Network communication (with Axios)
- Practical Project
- Porting a project to React
- Structure: Reusable Components and CSS
- DOM interactions
- Integration of 3rd-party libraries
- Deployment
- Architecture
- Flux pattern
- Redux (store, reducers and selectors)
- Styling
- CSS in JS and alternatives
styled-components
Goal
At the end of this course you will have implemented your own React.js
website and will be able to use this for your own projects. You have gained deeper insights into the JavaScript ecosystem and state-of-the-art tools for web development.
Prerequisites
This course is for advanced beginners who know JavaScript
, HTML
and CSS
, or who took our courses HTML and CSS, Learn to Code, JavaScript for Web Development and Node.js.
This course is a continuation course of JavaScript for Web Development. But if you already have the necessary knowledge of JavaScript, it is not a requirement to have done that course.
Methodologies
Classroom teaching with hands-on exercises and a practical project.
You need to bring your laptop to this course.
Schedule
Date | Time |
---|---|
Mon, 08. November | 6pm - 9pm |
Wed, 10. November | 6pm - 9pm |
Fri, 12. November | 6pm - 9pm |
Mon, 15. November | 6pm - 9pm |
Wed, 17. November | 6pm - 9pm |
Fri, 19. November | 6pm - 9pm |
Mon, 22. November | 6pm - 9pm |
Wed, 24. November | 6pm - 9pm |