ReactJS

Max Blank Institut Bundesamt für Seefahrt und Hydrographie PTB Condor 2000px TÜ V Süd Logo GEMA NEFF Schleuniger

ReactJS Practical Course

Want to learn ReactJS quickly and hands-on? Planning to build your front-end with ReactJS? Want to implement clean and user-friendly user interfaces with ReactJS and connect to your back-end? Then look no further. This React hands-on training is just what you need. Step by step, you will learn the language elements of this exciting Facebook framework. Learn more about this ReactJS hands-on seminar.

All courses live

In the Academy or online

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

What do you learn

  • Hands-on learning: Participants gain knowledge and skills that can be directly applied in the development of ReactJS applications.
  • Expand knowledge: The course covers a wide range of topics, from the basics of HTML 5 and JavaScript to advanced ReactJS concepts and state management.
  • Gain confidence: By learning testing and debugging techniques, participants will gain more confidence in their ability to build high-quality ReactJS applications.
  • Project experience: participants will have the opportunity to complete a full project, providing valuable experience for future development projects.
  • Career development: Mastering ReactJS, one of the most in-demand front-end technologies, can significantly improve participants' career prospects.

Content

The course covers a selection of the following topics:

  • HTML 5 Basics
  • JavaScript Basics
  • Introduction to JSX and ReactJS
  • Unidirectional data flow and event handling
  • Working with ReactJS components
  • Working with APIs and lifecycle methods
  • Code organization with ES6 modules
  • Code testing with Jest and Enzyme
  • Advanced React components
  • State management in React
  • Creating a ReactJS app
  • Deep dive into JSX, React App, Props and State in React
  • ReactJS project steps, including routing, content creation and updating
  • Authentication with Firebase
  • CRUD and live syncing with Firebase
  • Project deployment and code refactoring

Prerequisite

This ReactJS course is for you if you have prior knowledge of JavaScript. If you don't have any prior knowledge at all, then the course "Programming with JavaScript" is the right one for you!

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-renowned companies such as Facebook, Instagram, Skype, Netflix, eBay and Uber use ReactJS, as well as content management systems like WordPress or news services like Twitter. ReactJS is used in both desktop and mobile applications.

The ReactJS seminar of the Coding Academy Munich puts the emphasis on practice. Because we guarantee that you will not only learn the theoretical basics. More importantly, you will master the practical application. How do you do that? It's simple! We combine a minimum of theory with a maximum of practice and supplement this with numerous workshops. The small group size of a maximum of eight participants also contributes to this.

Schedule

In our three-day ReactJS course, we go through a comprehensive journey through the fundamentals and advanced aspects of ReactJS development. Each day is carefully structured to give you a deeper understanding of ReactJS and provide you with practical skills you can use right away.

On the first day, we'll start with the basics of HTML 5 and JavaScript before focusing on the specific aspects of ReactJS. You will be introduced to JSX, ES6 features, and the ReactDOM. We also cover concepts such as unidirectional data flow, bindings, and event handlers. We'll also look at ReactJS components, including component state, sharable components, and composable components. The day ends with an introduction to working with APIs, covering topics such as lifecycle methods and retrieving data.

The second day focuses on organizing code and testing procedures. You will learn how to use ES6 modules to structure your code and how to perform snapshot tests with Jest and unit tests with Enzyme. The day concludes with a discussion of advanced React components and methods for managing state in React.

On the third and final day of the course, we focus on building a ReactJS app. Here we explain JSX, React App, Props and State in React. We then walk you through various project steps, from listing content from state to adding Flash messages to deleting content and authenticating with Firebase. The course ends with a discussion of CRUD and live syncing with Firebase, as well as deploying the project and refactoring your code.

Please note that all seminar content is customized to meet the needs of our participants. They may vary depending on the level of knowledge and will be defined together with the seminar instructor on day 1.

Certificate

Of course, as a participant of this course you will receive a certificate. Prerequisite for this is the complete participation in all course units and programming tasks.

Course formats

3-day on-site course

The course takes place in our modern and top-equipped training rooms. We provide each participant with a modern laptop during the training. Drinks are provided by the Coding Academy. Access to the material will be provided at the latest on the first day of the course

3-day online course
The course takes place online. You only need a computer with Internet access; however, for some courses it is necessary to install the software used; this is specified in the description of the respective course. Access to the material will be provided at the latest on the first day of the course.

4-week program

A new and innovative learning concept. More information about the 4 weeks program can be found here.

Where do we go from here?

If you would like to deepen your knowledge gained in this course even further, then we recommend further web development courses, such as AngularJS or HTML5 and CSS3.

We very much look forward to welcoming you to this and future Coding Academy courses!


YOUR TRAINERS

This course is conducted by one of the following trainers

Dr. Matthias Hölzl
Dr. Matthias Hölzl

Expert: Python, C++, Clean Code, Unit Test, Clean Design

Dr. Kyrill Schmid
Dr. Kyrill Schmid

Expert: Python, Java, Machine Learning, Künstliche Intelligenz

Dr. Gilbert Beyer
Dr. Gilbert Beyer

Expert: Interaction Design, Human-Computer Interaction

More Web Development Courses

Request