Dr. Stefan Behnel
Expert: Python, Pytest, Clean Code, Fast Python, Cython
ReactJS
ReactJS practical course
You want to learn ReactJS quickly and in a hands-on way? You want to build your front-end with ReactJS? You want to realize clean and user-friendly user interfaces with ReactJS and connect to your back-end? Then look no further. This React hands-on training is exactly what you need. Step by step you will learn the language elements of this exciting Facebook framework. Learn more about this ReactJS practical seminar...
All courses live
In the Academy or online
For companies
Are you interested in a training course for your team? We have the perfect solution. Our professionals are also happy to come to your location. Our offerings include, among others:
YOUR BENEFITS AT A GLANCE
Lots of practice and immediately applicable knowledge for your projects
Certificate for active participation
Small groups with max. 8 participants
Your trainers are experts with years of teaching and industry experience
Comprehensive learning materials
Compact, lively and sustainable
Course description
ReactJS is a JavaScript framework from Facebook. It enables front-end developers to implement a visually appealing and responsive web Graphical User Interface (GUI). ReactJS is one of the major and widely used JavaScript front-end technologies along with AngularJS. World famous corporations like Facebook, Instagram, Skype, Netflex, eBay and Uber use ReactJS. So do content management systems, like WordPress or news services, like Twitter. Here, ReactJS is used for both desktop and mobile applications.
The ReactJS seminar of the Coding Academy Munich focuses on the practice. Because we guarantee that you will learn the theoretical basics. But much more important: that you will also master the practical application. How do we achieve this? It's simple! We combine the minimum of theory with the maximum of practice and enrich everything with numerous workshops. The small group size of a maximum of eight participants will also contribute to this.
What do you learn on the first day?
We start with a small introduction to HTML 5 and JavaScript, so that the minimum necessary basics for working with ReactJS are given. You will learn the basics of ReactJS like ReactDOM, Data Flow, Bindings, EventHandler but also ReactJS Components and APIs. At the end of the day you will be able to program your first small ReactJS applications.
What do you learn on the second day?
You will learn how to organize your ReactJS code into Modules and how to test your ReactJS code as well. After that we will look at more advanced ReactJS components and state management in React.What do you learn on the third day?
ReactJS can also be used for app programming. So we learn the basics about it like JSX, Props and State in React. Wonderful! Now we have good ReactJS basics to realize a ReactJS project through several steps and that's exactly what we do! We look at the best practice steps to master a ReactJS project. Joy and sense of achievement will accompany you not only on the last day but on all three days, because on all three days you will see many examples, understand and master small workshops as well.
YOUR TRAINER
The ReactJS course for programmers will be conducted by one of the following trainers:
CERTIFICATE
Of course, as a participant in the ReactJS course for programmers you will receive a certificate. The prerequisite for this is the complete participation in all course units and programming tasks and the successful programming of a small final project. This, however, will be more fun than stressful after this intensive ReactJS training.
AGENDA
The agenda is written in English due to the numerous technical terms. Descriptions as well as course material will be provided in German. You can book the course either in German or English.
All seminar contents are individually adapted to the wishes of our participants. They can vary depending on the level of knowledge and will be defined together with the seminar leader on day 1.
ReactJS Course Day 1
HTML 5 Basics
- HTML 5 Tags
- HTML 5 Tools
JavaScript Basics
- Control Flow
- Functions
- Object-oriented Programming
- JavaScript and ReactJS
ReactJS Basics
- Introduction to JSX
- ES6 const and let
- ReactDOM
- ES6 Object Initializer
- Unidirectional Data Flow
- Bindings
- Event Handler
- Interaction with Forms
- ES6 Destructuring
ReactJS Components
- Component State
- Controlled Components
- Split Up Components
- Composable Components
- Reusable Components
- Component Declarations
- Styling Components
Working with APIs
- Lifecycle Methods
- Fetching Data
- ES6 Spread Operators
- Conditional Rendering
- Cient/Server side Search
- Paginated Fesch
- Client Cache
- Axiom instead of Fetch
ReactJS Course Day 2
Code Organization
- ES6 Modules
- Organisation with ES6
Code Testing
- Snapshot Tests with Jest
- Unit Tests with Enzyme
- PropTypes
- Debugging
Advanced React Components
- Ref a DOM Element
- Loading
- Higher-Order Components
- Advanced Sorting
State Management in React
- Lifting State
- Revisited setState
- Taming the State
ReactJS Course Day 3
Creating ReactJS App
- Explaining JSX
- Explaining React App
- Explaining Props in React
- Explaining State in React
ReactJS Project Steps
- Listing Content from State
- Routing and Single Content View
- Adding a Content Form
- Adding Flash Messages
- Updating Content
- Deleting Content
- Maintaining Persistent
- Authenticating with Firebase
- CRUD and Live Syncing with Firebase
- Deploying the Project
- Refactoring Your Code