React JavaScript Programming

Niveau
Tijdsduur
Locatie
Op locatie, Online
Startdatum en plaats
Logo van Master it Training
Opleiderscore: starstarstarstarstar_border 8,2 Master it Training heeft een gemiddelde beoordeling van 8,2 (uit 85 ervaringen)

Tip: meer info over het programma, prijs, en inschrijven? Download de brochure!

Startdata en plaatsen

placeRotterdam
2 jun. 2020 tot 5 jun. 2020
placeEindhoven
22 jun. 2020 tot 26 jun. 2020
placeVianen
29 jun. 2020 tot 3 jul. 2020
placeEindhoven
6 jul. 2020 tot 10 jul. 2020
placeVianen
20 jul. 2020 tot 24 jul. 2020
placeRotterdam
3 aug. 2020 tot 7 aug. 2020
placeVianen
10 aug. 2020 tot 14 aug. 2020
placeVianen
31 aug. 2020 tot 4 sep. 2020
placeRotterdam
14 sep. 2020 tot 18 sep. 2020
placeVianen
21 sep. 2020 tot 25 sep. 2020
placeRotterdam
28 sep. 2020 tot 2 okt. 2020
placeEindhoven
5 okt. 2020 tot 9 okt. 2020
placeVianen
5 okt. 2020 tot 9 okt. 2020
placeEindhoven
19 okt. 2020 tot 23 okt. 2020
placeRotterdam
2 nov. 2020 tot 6 nov. 2020
placeVianen
2 nov. 2020 tot 6 nov. 2020
placeRotterdam
16 nov. 2020 tot 20 nov. 2020
placeEindhoven
23 nov. 2020 tot 27 nov. 2020
placeEindhoven
7 dec. 2020 tot 11 dec. 2020
placeVianen
14 dec. 2020 tot 18 dec. 2020

Beschrijving

Bij Master it Training train je met onze unieke lesmethode Active Learning, hiermee leer je aantoonbaar effectiever!

Wij zijn er namelijk van overtuigd dat je slimmer en met meer plezier leert als je actief met je lesstof omgaat. Onze klassen zijn gevuld met maximaal 8 cursisten, Hierbij luister je niet passief naar een trainer, maar ga je interactief en 1-op-1 met de trainer aan de slag om ervoor te zorgen dat jouw leerdoelen behaald worden. De theorie maak je je oveel mogelijk zelf eigen, de nadruk van de begeleiding ligt op het begrijpen en toepassen van die theorie in de praktijk. Zo leer je alleen datgene wat je echt nodig hebt.

- Je bepaalt zelf je leertempo
- De trainer coacht je bij het definiëren van jouw leertraject
- Je onthoudt en begrijpt je nieuwe kennis beter
- Alles draait om toepassing van de stof in jouw praktijk

Deze React training introduceert het React JavaScript framework, vaak ReactJS of React.JS genoemd. React is een populair componentbased JavaScript framework gebruikt voor het makkelijk creëren van sterke, interactieve UIs.Deze React training biedt een introductie waar de voordelen van het React JavaScript framework naar boven komen zodat je snel kunt beginnen met het ontwikkelen van applicaties met behulp van het framework.Na afronding van de training kun je: Het programmeermodel wat aangeboden wordt door het React framework begrijpen. React componenten definiëren. Het React framework gebruiken om events en stateful data te handelen.

Let op. Deze training is exclusief het examen.

Doelgroep

Lees de volledige beschrijving

Veelgestelde vragen

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Nog niet gevonden wat je zocht? Bekijk deze onderwerpen: React (JavaScript library), JavaScript & AJAX, (X)HTML & CSS, Webdesign en jQuery.

Bij Master it Training train je met onze unieke lesmethode Active Learning, hiermee leer je aantoonbaar effectiever!

Wij zijn er namelijk van overtuigd dat je slimmer en met meer plezier leert als je actief met je lesstof omgaat. Onze klassen zijn gevuld met maximaal 8 cursisten, Hierbij luister je niet passief naar een trainer, maar ga je interactief en 1-op-1 met de trainer aan de slag om ervoor te zorgen dat jouw leerdoelen behaald worden. De theorie maak je je oveel mogelijk zelf eigen, de nadruk van de begeleiding ligt op het begrijpen en toepassen van die theorie in de praktijk. Zo leer je alleen datgene wat je echt nodig hebt.

- Je bepaalt zelf je leertempo
- De trainer coacht je bij het definiëren van jouw leertraject
- Je onthoudt en begrijpt je nieuwe kennis beter
- Alles draait om toepassing van de stof in jouw praktijk

Deze React training introduceert het React JavaScript framework, vaak ReactJS of React.JS genoemd. React is een populair componentbased JavaScript framework gebruikt voor het makkelijk creëren van sterke, interactieve UIs.Deze React training biedt een introductie waar de voordelen van het React JavaScript framework naar boven komen zodat je snel kunt beginnen met het ontwikkelen van applicaties met behulp van het framework.Na afronding van de training kun je: Het programmeermodel wat aangeboden wordt door het React framework begrijpen. React componenten definiëren. Het React framework gebruiken om events en stateful data te handelen.

Let op. Deze training is exclusief het examen.

Doelgroep

Deze training is bedoeld voor iedereen die aan de slag wil met het creëren van UIs met behulp van het React JavaScript framework.

Voorkennis voor de React JavaScript Programming training

Voor het volgen van deze training dien je te beschikken over: Eerdere ervaring en begrip van web development, HTML, AJAX en JavaScript.

Onderwerpen in de React JavaScript Programming training

Chapter 1. React Overview What is React? What's in a Name? React Component Model What React Is Not What You Will Not Find in React Motivation for Creating React A React JavaScript Example OneWay Data Flow JSX A JSX Example The Virtual (Mock) DOM Only Subcomponents that Actually Change are ReRendered React Libraries SummaryChapter 2. ES6 in a Nutshell What is ES6? ES6 Features Using ES6 Transpiling Major Syntax Changes let and const Variable Scope Shadowing Variables Arrow Functions Arrow Functions As Parameters Using 'this' Within Arrow Functions Template Literals Spread Operator ES6 Classes Declaring Classes Declaring Instance Methods Accessor Methods Static Methods Inheritance With Classes SummaryChapter 3. Babel CommandLine Interface Babel Transpiler Usage Options Presets and Plugins Babel CLI Installation Installing the Required Presets The .babelrc Configuration File Running Babel CommandLine A Basic ES6 Development Setup with Babel Test the Babel Development Setup Adding React to the Development Setup Adding a Minimal React App SummaryChapter 4. Basic Components and JSX What is JSX? JSX Transpilation to React Code Example Running the Transpiled Code Babel Babel JavaScript Library Script Import Skeleton Code Playing Around in CodePen React Components and Properties (Props) Ways to Create UI Components Creating a Functional Component Example Component Names Must Be Capitalized Creating a UI Component with React.createClass() The render Method Object Creating a UI Component Using ES6 Class Notation Using ES6 Classes with React Which UI Component Creation Syntax Should I Use? Components vs Elements Elements Are Immutable Properties Property Naming Convention Properties Default to 'True' Spread Attributes (an ES6 Feature) Expressions SummaryChapter 5. React Component Concepts Nesting JSX Elements Example of JSX Nesting Comments in JSX Code JSX Escapes Values Event Handling Event Handler Example Working with Lists of Items Keys in Lists Example List With Key Container vs. Presentational Components State Types of State Data State Hierarchy Lift State Up Props vs. State Pass Down a Function Immutability Immutability – Why? Virtual DOM and State Setting state Updating Input fields Passing Props to Components Passing Functions to Components Event Binding DOs Event Binding – Don'ts Passing Parameters to Event Handlers App Development Workflow – 1/3 App Development Workflow – 2/3 App Development Workflow – 3/3 SummaryChapter 6. React Components with ES6 Classes Classes in ES6 Functional Components Extending React.Component The render() Method state props defaultProps propTypes The Component Lifecycle componentWillMount() componentDidMount() setState( newStateValue ) SummaryChapter 7. React Router Routing and Navigation reactrouter Creating a reactrouter based project A Basic Routed Component Router vs. BrowserRouter The Route component <Switch> Redirect Route Navigating with <Link> Navigating with <NavLink> Route Parameters Retrieving Route Parameters QueryString Parameters Using Router with Redux SummaryChapter 8. Building React Apps with Redux Redux Terminology Redux Principles Redux: Actions Redux Action Types Action Creators Dispatching Actions Data Flow Basics Redux Reducers Pure Functions Reducer Example Returning Default State Creating a Development Environment with createreactapp Using Redux with React Initializing the Store Immutability Benefits of Immutable State Mutability of Standard types Copying Objects in JavaScript Copying Arrays in JavaScript One Store Multiple Reducers Combining Reducers Components and Redux The ReactRedux Package Wrapping App with Provider mapStateToProps mapDispatchToProps Using Mapped Properties and Methods Wrapping Components with Connect Configure Store Programming Advice MultiTab Console SummaryChapter 9. Unit Testing React with Jest Jest Testing Framework Features Snapshot Testing Code Coverage Interactive Mode Installing Jest createreactapp Run Test Unit Tests Anatomy of a Unit Test Common Matchers Combining Tests Running Tests Testing async code with done Testing Promise Based Async Code Setup and Teardown A Simple Snapshot Test reacttestrenderer ReactTestUtils Enzyme Summary

Blijf op de hoogte van nieuwe ervaringen

Er zijn nog geen ervaringen.

Deel je ervaring

Heb je ervaring met deze cursus? Deel je ervaring en help anderen kiezen. Als dank voor de moeite doneert Springest € 1,- aan Stichting Edukans.

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Download gratis en vrijblijvend de informatiebrochure

Aanhef
(optioneel)
(optioneel)
(optioneel)
(optioneel)
infoEr is een telefoonnummer vereist om deze informatieaanvraag in behandeling te nemen. (optioneel)
(optioneel)
(optioneel)
(optioneel)
We slaan je gegevens op, en delen ze met Master it Training, om je via e-mail en evt. telefoon verder te helpen. Meer info vind je in ons privacybeleid.