Course Outline
Developing modern front-end applications
- An overview of React, Angular, and Vue.js, highlighting their similarities
- Understanding declarative rendering
- Working with components by defining custom HTML tags
- Initializing a React project using create-react-app
Modern JavaScript
- Development workflow using Node.js and npm
- Evolution of JavaScript versions
- Managing and working with modules
- Functions and arrow functions
- Understanding classes
- Functional programming concepts in JavaScript (map, filter, ...)
TypeScript
- Static versus dynamic typing
- Declaring types for variables, functions, and classes
- Exploring basic data types
- Working with tuples and objects
- Defining interfaces
- Understanding generics
React's template language
- Introduction to JSX, a JavaScript-based template language
- Setting element properties
- Rendering repeating elements
- Implementing conditional logic (if/else)
- Handling events
- Applying CSS classes and styles
Managing state in React
- Setting and modifying application state
- Utilizing the state hook and setState
- Capturing input element values within state
Components: The building blocks of modern web applications
- Defining custom HTML tags in React
- Understanding state, props, and events
- Data flow between components
- Distinguishing between functional and class components
- Utilizing hooks in functional components
- Component lifecycle events (mount, update, unmount)
- Incorporating predefined components from libraries
State management with Redux
- Redux fundamentals: managing state with pure functions, reducers, and immutable data
- Using the reducer hook in React
- Integrating Redux into a React application
- Difference between presentational and container components
- Overview of the Redux ecosystem
- Handling asynchronous events using Thunk
- Fetching data from a REST API
Developer tools and testing
- Using React Developer Tools
- Using Redux Developer Tools
- Testing JavaScript code with Jest
- Testing reducers
- Testing React components
React Router
- Implementing client-side routing
- Displaying different views based on the current browser route
Application development with React
- Brief overview of React Native
- Creating an installable mobile and desktop application using Progressive Web Apps
- Comparing Progressive Web Apps with native applications
Requirements
- Fundamental knowledge of HTML
- Hands-on experience with JavaScript
Testimonials (7)
The details amout, way of explaning and the calm and confidence the trainer is inspiring.
Cosmin Ghergheles - Ness
Course - React, Redux and TypeScript
It covered the basic components
Valentin
Course - React, Redux and TypeScript
Lukasz's enthusiasm.
Eloise Phelps - Dunelm
Course - React, Redux and TypeScript
How Luke made a good effort to helping people individually when they were having problems running the code. Luke was extremely friendly and got a long well with the course participants.
Jonathan Grout - Dunelm
Course - React, Redux and TypeScript
The engagement from the trainer with all the participants was great, everyone got help at some stage of the course. It was a great experience overall, specially for people not familiar with the subject.
Tayyab Ejaz Mushtaq - Dunelm
Course - React, Redux and TypeScript
I liked the fact it felt like a safe environment and I didn't feel intimidated sharing my screen and my struggles with the trainer or the group.
Wanda Hawkins-Kavanagh - Dunelm
Course - React, Redux and TypeScript
I liked the fact that the course had exercises. I liked the way Lukasz tried to help each of us and the way he handle the anxiety of some of the other participants. I liked that he was knowledgeable of the subject.
