Course Outline
Development of Modern Front-End Applications
- Overview and comparative similarities between React, Angular, and Vue.js
- Declarative rendering concepts
- Components: Defining custom HTML elements
- Initializing a React project using create-react-app
Modern JavaScript
- Development workflows using Node.js and npm
- Understanding JavaScript versions
- Working with modules
- Functions and arrow functions
- Classes
- Functional programming techniques in JavaScript (e.g., map, filter)
TypeScript
- Static versus dynamic typing
- Declaring types for variables, functions, and classes
- Core data types
- Tuples and objects
- Interfaces
- Generics
React Template Language
- JSX: The JavaScript-based template language
- Setting element properties
- Rendering lists of elements
- Conditional rendering (if/else)
- Event handling
- CSS classes and inline styles
Managing State in React
- Setting and updating application state
- Utilizing the state hook and setState
- Capturing input field values within the state
Components: The Building Blocks of Modern Web Applications
- Defining custom HTML elements in React
- State, props, and events
- Data flow between components
- Differences between function components and class components
- Applying hooks in function components
- Component lifecycle events (mount, update, unmount)
- Incorporating predefined components from external libraries
State Management with Redux
- Redux fundamentals: managing state via pure functions, reducers, and immutable data
- Utilizing the reducer hook in React
- Integrating Redux into a React application
- Distinguishing between presentational and container components
- Exploring the Redux ecosystem
- Handling asynchronous operations with Thunk
- Fetching data from a REST API
Developer Tools and Testing
- React Developer Tools
- Redux Developer Tools
- Testing JavaScript code with Jest
- Testing reducers
- Testing React components
React Router
- Client-side routing strategies
- Displaying dynamic views based on the current browser route
Application Development with React
- Overview of React Native
- Creating installable mobile and desktop applications using Progressive Web Apps
- Comparing Progressive Web Apps with native applications
Requirements
- Foundational knowledge of HTML
- Practical experience with JavaScript
Custom Corporate Training
Training solutions designed exclusively for businesses.
- Customized Content: We adapt the syllabus and practical exercises to the real goals and needs of your project.
- Flexible Schedule: Dates and times adapted to your team's agenda.
- Format: Online (live), In-company (at your offices), or Hybrid.
Price per private group, online live training, starting from 4800 € + VAT*
Contact us for an exact quote and to hear our latest promotions
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.
