About This Course
Want to know how thousands of coders are writing cleaner, more flexible Javascript? Learn how to use Facebook’s open-source Javascript library, React.js, to create user interface components and make your code quicker and easier to work with. On this course, we’ll take a practical approach to building front-end web applications, and you’ll learn how to work more efficiently by creating modular layouts that can be quickly moved around and re-arranged.
Learning Objectives
- Understand what React is and why it's great for quickly building feature-rich websites
- Understand React’s main concepts and how they compare to regular Javascript
- Learn Modern React best practices and hooks
- Learn how to think about web development in terms of reusable components
- Learn how to build rich user experiences and fetch data from backend databases
- Learn how to find and work with the best React libraries and plugins
Prerequisites
NA
Target Audience
Engineers, Software, and IT professionals.
Training Outline
1. Intro to React.js
- Creating a new project using CodeSandbox
- Learning the basics of React
- Using hooks to store and update data
2. Interactive images and animations
- Introducing styled components
- Interacting with and slicing an image using event handlers and hooks
- Using simple maths to calculate cursor positions
3. Forms and error handling
- Learning how to build forms and schemas using Formik and Yup
- Creating a modal window with different states
- Building responsive styles
4. Interacting with data
- Fetching data from an API
- Creating a project using the terminal and code editor
- Using more complex hooks to build interactions and animations