Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

JavaScript for React & GraphQL Developers

Course Summary

The JavaScript for React & GraphQL Developers training course teaches students about the modern JavaScript features needed to perform efficient and effective React Component development.

The course begins with an ECMAScript and JavaScript Introduction. The course then dives into functions, arrays, and objects as well as classes and prototype inheritance. The selected features are covered thoroughly and in-depth through live, compelling coding and lecture coupled with lab exercises on prototype inheritance, closures, and promises, etc., within a web environment. The course concludes with lessons on asynchronous programming and modules.

The focus of the class is to prepare students for the Introduction to React and Introduction to GraphQL courses. Previous programming experience is required and knowledge of web programming is a plus.

Purpose
 Learn about JavaScript and its latest version ES2021.
Audience
 Programmers who want to learn more about JavaScript features needed for React Component development.
Role
Software Developer - Web Developer
Skill Level
Introduction
Style
Learning Spikes - Workshops
Duration
2 Days
Related Technologies
JavaScript | React | Web Development

 

Productivity Objectives
  • Demonstrate the essentials of the JavaScript language
  • Discuss JavaScript programming common and best practices
  • Explain and utilize asynchronous programming

What You'll Learn:

In the JavaScript for React & GraphQL Developers training course, you'll learn:
  • Getting Started
    • ECMAScript and JavaScript Introduction
    • Types
    • Variable Declarations (var, const & let)
    • Primitive Types (number, string, boolean)
    • JavaScript Memory Structure
  • Functions, Arrays & Objects
    • Function Declarations and Expressions
    • Arrow Syntax
    • Value of "this" and function types (call-site this and lexical this)
    • Function Arguments and Parameters
    • Spread and Rest Operators and Functions
    • Functions as Objects
    • Arrays and Array Literal Syntax
    • Array API
    • Immutable Operations with Arrays
    • Array Destructuring and Spread/Rest Operators
    • Objects and Object Literal Syntax
    • Shorthand Properties
    • Property Descriptors including Getter/Setter properties
    • Object API
    • Object Destructuring and Spread/Rest Operators
    • Object Extending, Sealing and Freezing
  • Classes & Prototype Inheritance
    • What is Prototype Inheritance?
    • Prototype Inheritance contrasted against Classical Inheritance
    • Exploring Getting and Setting properties on a prototype chain
    • Enumerating Properties and its Relationship to Prototype Inheritance
    • Using Classes to Build Objects and Setup Prototype Inheritance
    • Historical comparison to Function Constructors
    • Static Properties
  • Asynchronous Programming
    • Role of JavaScript in a Web Browser and Node.js
    • What is Non-Blocking, Asynchronous Programming
    • Event Loop and JavaScript Tasks
    • Understanding Closures
    • Role of Closures in Asynchronous Programming
    • Using Callbacks and Problems with Callbacks
    • Using Promises
    • Overview of XHR and Fetch APIs
    • Making AJAX Calls with JavaScript
    • Async/Await API
  • Modules
    • Overview of JavaScript Module Systems
    • Compare/Contrast AMD, CommonJS and ES2015 Modules
    • Static Nature of ES2015 Modules and Tree Shaking
    • Using ParcelJS to Explore ES2015 Modules
    • Import/Export Syntax
    • Named Imports vs. Default Imports
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.