JavaScript Developer with React

The course explains JavaScript, a client-side scripting language for dynamic websites, and the concept of asynchronous data transfer using Ajax web technology. You will also get an introduction to the React library and learn how artificial intelligence is used in the workplace.
  • Certificates: JavaScript Developer" certificate
    Certificate "React JavaScript library with TypeScript"
  • Examination: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Teaching Times: Full-time
    Monday to Friday from 8:30 a.m. to 3:35 p.m. (in weeks with public holidays from 8:30 a.m. to 5:10 p.m.)
  • Language of Instruction: German
  • Duration: 12 Weeks

JavaScript Developer

JavaScript Basics (approx. 7 days)

Introduction to JavaScript, history, areas of application

ECMA script versions

Integration of JavaScript in HTML

IDE: Installation and introduction to WebStorm

Language elements: variables, constants, typing

Primitive data types: Number, String, Boolean

Collection data types: Arrays, objects

Copy by reference vs. copy by value

Arithmetic and logical operators

Control structures: conditions, loops, functions

Scope, global scope, block scope

Error handling

Local storage: Webstorage, IndexedDB

JSON

ES6 import/export

Version control with Git

Introduction to GitHub


DOM manipulation with JavaScript (approx. 5 days)

basics

Selecting HTML

Content and attributes

styling

Events, event object, bubbling

Observer

- Intersection observer

- Mutation observer

Create, copy, move, delete DOM elements


Frameworks/Libraries (approx. 1 day)

Create your own library


AI (approx. 1 day)

Presentation of specific AI technologies in the professional environment

Artificial intelligence (AI) in the work process

Integration of AI in the IDE

Use of AI for code completion, refactoring and learning support


Project work (approx. 6 days)

To consolidate the content learned

Presentation of the project results


JavaScript deepening (approx. 5 days)

Canvas, drawing, animating

Spread syntax, destructuring

Creating objects with constructors, classes, factories

Inheritance of classes

Getters and setters, static methods

Fields, private fields

Prototyping

Map and set data types

Promise, concatenation, async-await syntax

Webworker


Ajax (approx. 1 day)

Introduction to

How it works

HTTP requests

Fetch()-API

Web services:

- JSON

- XML

Communication with APIs


NodeJS (approx. 4 days)

Structure and installation

Built-in modules, custom modules, NPM

Upload to NPM

File type MD

Create web server (Express)

Own middleware

Fetch syntax for Ajax requests

Upload files to server

Real-time communication with websockets

Communication with noSQL database

Building your own REST APIs with Express

API endpoints: GET, POST, JSON handling

Insight into hosting (e.g. dedicated servers, managed hosting, cloud hosting)


Single Page Application (approx. 2 days)

ReactJS:

- Introduction, theoretical consideration, installation

- Virtual DOM

- Expressions, state hook, effect hook

- Components, nesting, parameter passing

- User input, content update, event listener

- Routing

 

VueJS:

- Introduction, theoretical consideration

- Virtual DOM

- Integration, expressions, directives

- Event listeners, data binding, methods

- Custom directives

- Components, nesting

- Routing


TypeScript (approx. 2 days)

Installation and application

Static typing

Dynamic data types

Complex data types

Decorators


Project work (approx. 6 days)

To consolidate the content learned

Presentation of the project results

React JavaScript library with TypeScript

Modern JavaScript and TypeScript basics (approx. 1 day)

Basics of modern frontend frameworks

JavaScript ES6+ features (let/const, arrow functions, destructuring, async/await)

Introduction to TypeScript (basic types, interfaces)

One Way Data Flow


React basics (approx. 1.5 days)

Application structure

JSX

Virtual DOM

Functional components and props


Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment


React components (approx. 7 days)

State and React Hooks (useState, useEffect)

Event model and processing

Component hierarchies

Communication between components

Prop-drilling and alternatives (Context API)

Own hooks (custom hooks)

React with TypeScript (typing props and states)

TypeScript for hooks and events

Lists and interactive components

Creating and validating forms

Styling (CSS, TailwindCSS, Styled Components)

Excursus: Life cycle of class components


Applications (approx. 5.5 days)

Server connection

Redux Toolkit (state management)

React Router

Server-side rendering and routing with Next.js

Comparison of different frameworks

Combination with other frameworks


Project work (approx. 5 days)

To consolidate the content learned

Presentation of the project results



Changes are possible. The course content is updated regularly.

Sound knowledge of web design with HTML and CSS is a prerequisite.

After the course, you will have practical knowledge of JavaScript programming - from the basics and DOM manipulation to modern applications with Node.js, REST APIs, React, Vue and TypeScript. You will be able to develop dynamic web applications, connect APIs and use professional tools and technologies of current web development in a targeted manner.

You will also master the React library in combination with TypeScript, enabling you to develop fast and efficient front-end applications.

The course is aimed at web designers, web programmers, UI/UX designers and specialists from related IT fields who are responsible for the conception, design and practical implementation of websites and want to acquire the necessary skills and basic programming knowledge.

Nowadays, almost all companies rely on an attractive Internet presence to represent them as a company. The main potential employers are graphics, advertising, web, multimedia or full-service agencies, as well as software and database providers. Specialists in web programming are sought after in almost all sectors. With a correspondingly deep understanding of the subject, self-employment is also an interesting prospect.

Your meaningful certificate provides a detailed insight into the qualifications you have acquired and improves your career prospects.

Didactic concept

Your lecturers are highly qualified both professionally and didactically and will teach you from the first to the last day (no self-study system).

You will learn in effective small groups. The courses usually consist of 6 to 25 participants. The general lessons are supplemented by numerous practical exercises in all course modules. The practice phase is an important part of the course, as it is during this time that you process what you have just learned and gain confidence and routine in its application. The final section of the course involves a project, a case study or a final exam.

 

Virtual classroom alfaview®

Lessons take place using modern alfaview® video technology - either from the comfort of your own home or at our premises at Bildungszentrum. The entire course can see each other face-to-face via alfaview®, communicate with each other in lip-sync voice quality and work on joint projects. Of course, you can also see and talk to your connected trainers live at any time and you will be taught by your lecturers in real time for the entire duration of the course. The lessons are not e-learning, but real live face-to-face lessons via video technology.

 

The courses at alfatraining are funded by Agentur für Arbeit and are certified in accordance with the AZAV approval regulation. When submitting a Bildungsgutscheinor Aktivierungs- und Vermittlungsgutschein, the entire course costs are usually covered by your funding body.
Funding is also possible via Europäischen Sozialfonds (ESF), Deutsche Rentenversicherung (DRV) or regional funding programs. As a regular soldier, you have the option of attending further training courses via Berufsförderungsdienst (BFD). Companies can also have their employees qualified via funding from Agentur für Arbeit (Qualifizierungschancengesetz).

We will gladly advise you free of charge.

0800 3456-500 Mon. - Fri. from 8 am to 5 pm
free of charge from all German networks.

Contact

We will gladly advise you free of charge. 0800 3456-500 Mon. - Fri. from 8 am to 5 pm free of charge from all German networks.