Web Development 01: ReactJS
ReactJS practical training

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...

Benefits

  • Practical and compact introduction to ReactJS
  • Learn ReactJS concepts, ideas, and language elements quickly and effectively
  • Reduce the learning curve for front-end development with ReactJS
  • Get to know the best practices and the know-how from ReactJS experts
  • Direct, practical application areas for daily work with ReactJS

With this course, you will quickly learn the syntax and semantics of ReactJS in a hands-on manner and be able to create front-ends with ReactJS afterwards.

Course formats

4-week training program

2x/week live coaching

Online

Teaching materials

Screenshot

Video clips

Video clips
Training subscription

1x/week live coaching

Online

Teaching materials

Screenshot

Video clips

Video clips
Learning-by-video course

Teaching materials

Screenshot

Video clips

Video clips

All courses also include unlimited access to our member area with many more videos, tutorials and information about coding.

Contents

The course covers a selection of the following topics:

  • HTML5 Basics
  • JavaScript Basics
  • ReactJS Component
  • Working with API
  • Code Organization
  • Code Testing
  • Advanced React Components
  • State Management in ReactJS
  • Creating ReactJS Application
  • 11 Steps by ReactJS Projects
  • Over 15 Workshops
  • Final ReactJS Projects

For more details, please see the agenda below.

Prerequisites

This React JS course is suitable for all programmers with or without previous programming knowledge who want to learn ReactJS quickly and effectively. It is also suitable for team leaders and product owners who want to better manage and coordinate their ReactJS team and projects and need to know the terminology and concepts of React JS to do so.

  • Individual: we specifically address your needs and take into account your previous knowledge, desired topics and focal points

  • Structured and easy to understand

  • Take your career, studies or training to the next level: with certificate

  • Safely and independently develop programmes (whether private, professional or for your start-up)

  • Lots and lots of practice: immediately applicable results

  • Small groups: max. 8 participants in the 3-day course max. 12 participants in online coaching

  • Developed by experts according to the Raed Method® & geared to the requirements of tech companies in 2020

  • E-mail support even after the end of the course

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

Course formats / dates

1 Day Crash Course

In München oder Online

3 Days Course

In München oder Online

4-Wochen-Training

€1,876.00
Participation possible at any time

4-Wochen-Training copy

€899.00
Participation possible at any time

For teams

Are you interested in a course for your team? Get in touch - we will find a perfect solution. Our professionals are also happy to come to you. Among other things, we offer:

  • In-house training
  • Technical coaching
  • Consulting
Request Request

Questions & Service

Our service team will be happy to advise you personally. Mon-Fri from 9.00 to 18.00 under:
+49 89 17958-820
info@coding-academy.com

References

BMW Apple Draeger VW Sky Siemens 2000px TÜ V Süd Logo Agfa Kopie Samsung Fraunhofer Valtech Deutsche Bank
Course Catalogue Overview of rocket courses: