Thank you for sending your enquiry! One of our team member will contact you shortly.
Thank you for sending your booking! One of our team member will contact you shortly.
Course Outline
Development of modern front-end applications
- overview and similarities of React, Angular, Vue.js
- declarative rendering
- components - defining custom HTML tags
- using create-react-app to initialize a React project
Modern JavaScript
- developing using node.js and npm
- JavaScript versions
- working with modules
- functions and arrow functions
- classes
- functional programming in JavaScript (map, filter, ...)
TypeScript
- static vs dynamic typing
- declaring types of variables, functions and classes
- basic data types
- tuples, objects
- interfaces
- generics
React template language
- JavaScript-based template language: JSX
- setting element properties
- repeating elements
- if / else
- events
- CSS classes and styles
Managing state in React
- setting and changing the application state
- using the state hook and setState
- capturing the content of input elements in the state
Components: Building blocks of modern web applications
- defining custom HTML tags in React
- state, props & events
- data flow between components
- function components and class components
- using hooks in function components
- component lifecycle events (mount, update, unmount)
- including predefined components from a library
State management with Redux
- Redux basics: state mangment with pure functions, reducers and immutable data
- using the reducer hook in React
- integrating Redux into a React application
- presentational and container components
- the Redux ecosystem
- handling asynchronous events with Thunk
- fetching data from a REST API
Developer tools and testing
- React developer tools
- Redux developer tools
- Testing JavaScript with Jest
- Testing reducers
- Testing React components
React Router
- client-side routing
- displaying different views based on the current browser route
App development with React
- short overview of React Native
- creating an installable mobile and desktop application with Progressive Web Apps
- comparison of Progressive Web Apps and native apps
Requirements
- HTML basics
- experience with JavaScript
Testimonials
There were lots of practical examples.
- Spanish Point Technologies
I liked how the course was structured. First day were basic definitions that I already knew but he clarified a lot of definitions that wasn't clear for me. The two following days I learnt some concepts that I didn't know and he explained them in an easy way to understand them.
Alicia Garcia Anton - Spanish Point Technologies
I liked learning about how Reactjs state management.
- Spanish Point Technologies
The example apps we built demonstrated the powers of React etc in a simple to understand way and will act as a good reference in future.
- UBS AG
I liked that after each part of theory, we got to try it out. I'm always better at learning by doing, so I thought it was very good. The trainer was very patient as well and made sure that everyone in the class understood the concepts and whenever someone struggled, he was more than happy to help. I thought the training was overall well balanced.
- UBS AG
Skill level and rapor of trainer.
Louise Gilmore - AquaQ Analytics
Lukasz was very friendly and open, which made the training much more enjoyable. He did a good mix of lecture, examples and exercises. It was also good to ask us questions to test our understanding and correct if necessary. This was the main benefit of the training.
Luke Holmes - AquaQ Analytics
Good variations of the exercises available and provided after course.
- AquaQ Analytics
I was impressed with the facilities (web conference, remote desktops, resources) worked flawlessly. Nice not having to spend the first 10 minutes everyday getting things set up. I was also impressed with the amount of material that covered/presented/available. I was happy to see how comprehensive the course was.
- Stratasys
Łukasz was always trying to find a link to our company if he explained something, which is really helpful for us to understand it better. Łukasz is a trainer that will always do his best for the students and explain the same subject multiple times but still in a different way! Łukasz was also very flexible as a trainer and was always 'happy' and most important himself. We enjoyed the course very much with Łukasz.
Laurens Kok - DERBY SA NV
I really liked how Magesh took us through the fundamental problems that React and Redux solve, setting a good foundation and mental models for using the React ecosystem. The way he set up problems with initial naive implementations, then helped us to understand how to go about addressing those problems. I feel this is really important to help us avoid a lot of pitfalls that beginners can encounter. Magesh had good understanding of all of the tools we were learning, as well as some of the technologies we currently use outside of React/Redux - such as C#/.NET. He was able to compare/contrast the different paradigms between OO in C# and functional programming in React/Redux.
Xero
Getting to know more about React and TypeScript.
Nercia Utbildning AB
I am new to web developement and I think that the most intresting thing was that I got an better understanding of what is possible to do with web-development these days. Is like "real" programming:)
Nercia Utbildning AB
Trainer was very patient and helpful during the course and did his best to aid the participants.
Nercia Utbildning AB
Great flexibility in learning areas. Nice, friendly atmopshere.
Mateusz Miazowski - GP Strategies Poland sp. z o.o.
Trainer patience. Trainer allowed to ask questions. Trainer during excercises asks activly if some help is needed and was very polite. Also at the points where all the group was not able to answer given by trainer question..trainer act very porffesionally explaining to as calmly sometimes some very basic concepts.
GP Strategies Poland sp. z o.o.
Luckasz is very happy and his mood his highly appreciated. He successfully helped us in any problem no matter how difficult they were. And lastly, he adapted the training to our requests, that shows a lot of flexibility and that is very good.
GP Strategies Poland sp. z o.o.
Trainer was happy to help
Arm
Very nice setup with virtual remote machines in browser.
Fredrik Paulsson - Arm
The teacher was involving the participants by asking questions directly to one of us.
Jolanta Jensen - Arm
virtual machines had everything set up already.
Kai Liknes - Arm
Remote learnig technology used + one month more access to the materials and trainer help!
Piotr Stefanski - Arm
How hands on it was! I have attended courses that are death by powerpoint, and at the end one is totally unable to do anything alone. But this was the exact opposite...exercises built on each other and were very practical. So I felt them relating to both the course, and potential outside uses. Kudos for the hands on aspect of the training!
Jordi Frances Matas - Arm
Day 2 was great with lots of coding.
ASD
Content was clear - lots of small examples
ASD
The examples were realistic and not just toy simplifications
Kevin Townson - ASD
It covered a lot of useful information.
ASD
Depth of Coverage and Examples
ASD
I liked how enthusiastic Lukasz was about the training. It rubbed off and encouraged me to try my best.
Aquaq Analytics
Lukasz was knowledgable, friendly and helpful.
Benjamin Smith - Aquaq Analytics
the broad range of topics and depth
Aquaq Analytics
Personally I enjoyed the breadth of subjects/knowledge shared, it was a lot to consume in a short time but getting a general overview of that much functionality I thought was more beneficial that just focusing in on one particular aspect
Brien Gillen - Aquaq Analytics
Coding environments easy of use and setup. Training materials
Adrian Kelly - Aquaq Analytics
Related Courses
PHP with React
14 hours
React Patterns
14 hours
Advanced React
14 hours
TypeScript
7 hours
Advanced TypeScript
7 hours
Typescript Unit Testing
14 hours
Testing React Apps with Jest
14 hours
React, Relay, and GraphQL
14 hours
Ant Design
7 hours
Material UI
7 hours
Managing React State with MobX
14 hours