No Upcoming Events
No upcoming Scheduled Courses. Contact us for information on booking a private course or join the waiting list for a public event.
Contact Us
React is one of the top programming languages in the world and continues to grow
Descriptions
Who is this course for
Anyone wishing to learn more about React, Webpack, npm, Babel and the recent advances in JavaScript.
Purpose of the course
This course gives you a hands-on 3 days with the JavaScript language, covering all the new features introduced since 2015. We’ll then cover Webpack, npm and Babel, before moving on to learn React.
You will learn how to
- Understand the fundamental features of ES6+, Webpack, npm, Babel and React.
- We'll also cover all the new JavaScript syntax introduced since 2015.
Benefits for you as an individual
In a recent survey of 60,000 jobs on Indeed.com, 78% required React (21% Angular and 0.8% Vue). React is definitely the library to learn!
Prerequisites
Ideally, you'll already be comfortable with JavaScript 2009 (ES5). However, if you have experience in any modern language such as C#, Python, Java etc, you should be good to go.Getting Started
- What is JavaScript?
- JavaScript Toolsets.
- Visual Studio.
- Variable Scope.
- Reading from and Writing to the DOM.
- Events
ES6 New Features
- Babel
- Polyfills
- CoffeeScript
- TypeScript
- ES6+ New Features
- JavaScript Modules
- JavaScript Objects
- JavaScript Classes
- Maps
- The for..of Loop
- Destructuring
- Object Literal Enhancement
- The Spread Operator
- Displaying Objects
- Array.map()
- Functional Programming (Optional)
Ajax with ES6+
- Introduction to Ajax
- JavaScript Choices
- Using ES5 Syntax
- Promises
- The Fetch API
- Async and Await
Webpack, npm and Babel
- What's the Problem?
- Packages
- Installing Node, npm and webpack
- JavaScript Modules
- Modules and Webpack – a Worked Example
- Create an HTML Page
- Using jQuery
- Create Multiple Bundles
- Adding Bootstrap
React Setup
- Overview of SPAs.
- React Environment Setup.
- Write some React.
- Install React Developer Tools.
- Hot Module Replacement.
React
- React - The Basics.
- React Elements.
- Elements, Components and Classes.
- React Components.
- State and Lifecycle.
- Hooks.
- The Virtual DOM.
- Displaying Images with React
React with Data
- Starting a New App.
- Edit the Config Files.
- Create a Component Class.
- React and Ajax
Create-React App
- Windows or Linux?
- VS or VS Code?
- Create-react-app
- Create Our Own App.
- Snippets.
- Install and Configure Bootstrap.
- Simple Components.
- Props.
- State.
- Submitting Form Data.
- Removing Data (Optional).
- Building and Deploying a React App.
- Updating to New Releases
Node.js
- What is Node.js?
- Differences Between Node.js and Browser
- Writing Node.js
- The Node.js REPL
- Run Node.js Programs
- Node.js Modules
- Writing a Web Server
- Using Visual Studio
Material UI
- Bootstrap vs Material UI
- Getting Started with Material UI
- Going Further
Get Started
Forget trawling through endless course catalogues – Find the training that’s right for you
Learn MoreLatest News from Quanta
Service Management State of Play: All talks available to watch now.
Following the recent Service Management State of Play event in collaboration with PeopleCert, we are pleased to share the presentations…
Read More
Quanta Achieves FTG Gold Partner Status
We’re thrilled to share that Quanta Training has been awarded FTG Gold Partner status at this year’s FTG (Forces Transition…
Read More
ITIL Version 5: Bringing Clarity, Confidence & Connection to the Digital Age
With the launch of ITIL Version 5, Quanta’s head of portfolio for IT Service Management and ITIL Master, Adam White-Bower…
Read More