Advanced JavaScript using React with ES6

React is one of the top programming languages in the world and continues to grow
Overview

From almost nowhere, React has become the most popular JavaScript framework in use today. First released in 2013, it currently accounts for over 475k websites, is used by 65% of all JavaScript developers, has over 130k GitHub stars, and was ranked most popular JavaScript library in the 2018 State Of JS survey; but to write using React, you will have to get up to speed in all the enormous changes to JavaScript since 2015 (ES6 and beyond). These changes are non-trivial and take some time to master. In addition, whatever your future projects will involve, you’ll need to be comfortable with Webpack, npm and Babel to transpile, minify and bundle your code.

Course Code
AJS3ES6
Duration
3 Days
Delivery Style
Classroom
Course Type
Public or Private
Max Delegates
12
Available as Nutshell
No

Book your team training at your premises

  • Date
  • Venue
  • Cost
  • More info

Book your place

  • Date
  • Venue
  • Cost
  • Availability
  •  
  • Date30 Mar 2020
  • VenueWorcester
  • Cost£1,197
  • AvailabilityAvailable
  • Book Now
  • Date29 Sep 2020
  • VenueWorcester
  • Cost£1,197
  • AvailabilityAvailable
  • Book Now
Purpose of this 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.

Who is this course for

Anyone wishing to learn more about React, Webpack, npm, Babel and the recent advances in JavaScript.

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! 

Getting Started    
  • What is JavaScript?    
  • JavaScript Toolsets.    
  • Visual Studio.    
  • Variable Scope.    
  • Reading from and Writing to the DOM.
ES6 New Features    
  • Babel.    
  • Polyfills.    
  • CoffeeScript.    
  • TypeScript.    
  • ES6+ New Features.    
  • Displaying Output.    
  • Array.map()       
  • Functional Programming (Optional).
Event Handling
  • Events.    
  • Programming Events Handling.
  • Using getElementById    
  • Using addEventListener    
  • Using attachEvent
Webpack, npm and Babel    
  • Packages.    
  • JavaScript Modules.    
  • Modules and Webpack – a Worked Example.    
  • Debugging Bundled Code.
  • Create an HTML Page.
  • Responding to Button Click Events.
  • Create Multiple Bundles (Optional).
  • Adding Bootstrap (Optional).
  • Add More Pages.
  • Node.js    
Ajax    
  • Introduction to Ajax.    
  • JavaScript Choices.    
  • Using Es5 Syntax.    
  • Promises.
  • The Fetch API.
  • Async and Await.    
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.
  • Using Arrow Functions.
  • The Virtual DOM.    
React with Data    
  • Visual Studio Code.    
  • Edit the Config Files.    
  • Create a Component Class.
Going Further with React    
  • 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.
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.   

About the Lead Trainer

No training is dull with Tim. He oozes a real pleasure in teaching people stuff they don’t know. Tim loves developing new courses and sharing his knowledge at many on-site customer locations. In addition to training, Tim is an experienced consultant, advising on company computing requirements.  Did we mention that he also likes to read computing books and blogs in his spare time?