Complete JavaScript, XML, AJAX and React Bootcamp Hands-On

Complete JavaScript, XML, AJAX and React Bootcamp – Hands-On, available at $59.99, has an average rating of 4.55, with 138 lectures, based on 307 reviews, and has 49496 subscribers.

You will learn about Understand the importance of the Document Object Model (DOM) Learn how to manipulate the DOM Learn to work with JavaScript Arithmetic Operators and Variables Learn to work with JavaScript Data Types and Arrays Understand various types of JavaScript Loops (For-In, For, Do-While, While) Work with JavaScript Objects and Functions Learn the importance of Operator Precedence Work with JavaScript Events Build Interactive Web Pages using HTML, CSS, JavaScript Understand the XML Schema Learn to how to Parse XML Files Learn the purpose of Asynchronous JavaScript And XML (AJAX) Learn how to use AJAX Call Functions Build a Search Suggest Feature using AJAX Build a Auto Populated Select Menu using AJAX Explore the Foundations of React Understand the Tools Required for React Projects Build an E-Commerce Search Feature using React Learn to Build a Calculator, Connect-4 Clone, and a Fully Customized E-Commerce Site in React Learn to Validate Forms in React This course is ideal for individuals who are Students interested in learning JavaScript or Students interested in mastering Responsive Front-End development or Students interested in building Mobile Responsive UI Components or Students interested in learning the Foundations of JavaScript, AJAX, and React or Students interested in building user interfaces using React or Students interested in learning the Foundations of Asynchronous web page components or Students interested in Building Interactive Web Pages It is particularly useful for Students interested in learning JavaScript or Students interested in mastering Responsive Front-End development or Students interested in building Mobile Responsive UI Components or Students interested in learning the Foundations of JavaScript, AJAX, and React or Students interested in building user interfaces using React or Students interested in learning the Foundations of Asynchronous web page components or Students interested in Building Interactive Web Pages.

Enroll now: Complete JavaScript, XML, AJAX and React Bootcamp – Hands-On

Summary

Title: Complete JavaScript, XML, AJAX and React Bootcamp – Hands-On

Price: $59.99

Average Rating: 4.55

Number of Lectures: 138

Number of Published Lectures: 138

Number of Curriculum Items: 138

Number of Published Curriculum Objects: 138

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Understand the importance of the Document Object Model (DOM)

Learn how to manipulate the DOM

Learn to work with JavaScript Arithmetic Operators and Variables

Learn to work with JavaScript Data Types and Arrays

Understand various types of JavaScript Loops (For-In, For, Do-While, While)

Work with JavaScript Objects and Functions

Learn the importance of Operator Precedence

Work with JavaScript Events

Build Interactive Web Pages using HTML, CSS, JavaScript

Understand the XML Schema

Learn to how to Parse XML Files

Learn the purpose of Asynchronous JavaScript And XML (AJAX)

Learn how to use AJAX Call Functions

Build a Search Suggest Feature using AJAX

Build a Auto Populated Select Menu using AJAX

Explore the Foundations of React

Understand the Tools Required for React Projects

Build an E-Commerce Search Feature using React

Learn to Build a Calculator, Connect-4 Clone, and a Fully Customized E-Commerce Site in React

Learn to Validate Forms in React

Who Should Attend

Students interested in learning JavaScript

Students interested in mastering Responsive Front-End development

Students interested in building Mobile Responsive UI Components

Students interested in learning the Foundations of JavaScript, AJAX, and React

Students interested in building user interfaces using React

Students interested in learning the Foundations of Asynchronous web page components

Students interested in Building Interactive Web Pages

Target Audiences

Students interested in learning JavaScript

Students interested in mastering Responsive Front-End development

Students interested in building Mobile Responsive UI Components

Students interested in learning the Foundations of JavaScript, AJAX, and React

Students interested in building user interfaces using React

Students interested in learning the Foundations of Asynchronous web page components

Students interested in Building Interactive Web Pages

Hello and welcome to this exciting new course, where we explore some of the most powerful front-end development languages used in modern web development. In this course you will learn to harness the power of JavaScript, XML, AJAX, and React to build highly interactive web pages from scratch. We start with an introduction into the document object model, followed by an in-depth guide to the essentials of JavaScript. In the JavaScript section you will learn a number of concepts instrumental towards your journey as a developer. This includes working with variables, arithmetic operators, objects, functions, arrays, events, and loops. You will also learn the importance of JavaScript placement, while working with both internal and external JavaScript code components. Students learn the importance of operator precedence when performing simple and complex arithmetic operations. Furthermore, you will have the opportunity to work with conditional statements to perform comparisons between different operations. Once you have a handle on the foundations, we’ll dive into a number of JavaScript development projects where you will have an opportunity to apply your new skills with practical hands-on exercises. This includes building an automated background color changer, and photo gallery complete with mouse overs and image transitions.

In the second section of the course we will explore XML and AJAX to demonstrate the power of asynchronous page updates. This means building web components that automatically update on a web page, without having to manually refresh. You will have an opportunity to work with both XML and AJAX in conjunction with JavaScript to build modern web app components such as a search suggest feature, and a pre-populated select menu.

Once you have a foundational understanding of JavaScript and AJAX, we will dive into working with React, a powerful JavaScript library used for front-end UI development. The React section starts off with a hands-on project where you’ll learn how to work with functional React components, props, Callback functions, OnClick Events, and the React State hook to build a fully functional calculator. From there we will dive into project number two, where you will build a connect-4 clone. Here we will cover more intermediate concepts including passing props, de-structuring, passing arguments to click events, various styling methods, and handling callbacks. You will also learn about the React key property, React lifecycle events, and conditional rendering. By the end you will have built a complete multi and single player connect-4 game board with built-in AI capabilities.

In the final section of the course we further unleash the power of React by building out a complete e-commerce site with multiple product categories, a product showcase, shopping cart feature, and much more. Here, we introduce a number of integral new concepts including: JSON server, Fetch API, and installing React router. These essential building blocks will be used to render the product categories, style the product list, and configure the product details page. From there we dive into styled components, refactoring the shop layout, and exploring the concept of “context” in React. In the final stages of the project students will configure the shopping cart basket, and the checkout feature. We will also implement a product search feature, followed by in-depth exercises on validating input forms in React.

As you can see this course covers a tremendous bit of ground. Best of all it’s co-authored by Tim Maclachlan – a renowned senior full-stack developer with over 20 years of commercial development experience. As a multi-faceted developer, Tim specializes in algorithmic, analytical and mobile development. To date, he’s written hundreds of applications and worked in a number of industries from commercial aviation and military, to banking and finance. Tim has a genuine passion for teaching others how to become better coders and looks forward to interacting with his students.

With that said, we hope you’re just as excited about this course as we are, if so – hit that enroll button and let’s get started.

Course Curriculum

Chapter 1: Intro to the Document Object Model

Lecture 1: DOM Introduction

Lecture 2: DOM Manipulation

Chapter 2: JavaScript Development

Lecture 1: Introduction

Lecture 2: JS Placement

Lecture 3: External JavaScript

Lecture 4: JavaScript Output

Lecture 5: JavaScript InnerHTML

Lecture 6: JavaScript Commenting

Lecture 7: JavaScript Constants

Lecture 8: JavaScript Variables Introduction

Lecture 9: JavaScript Assignment Operator

Lecture 10: JavaScript Arithmetic Operations

Lecture 11: JavaScript Arithmetic Operations Continued

Lecture 12: JavaScript Operator Precedence

Lecture 13: JavaScript Data Types

Lecture 14: JavaScript Objects

Lecture 15: JavaScript Object Output

Lecture 16: JavaScript Strings

Lecture 17: JavaScript String Length

Lecture 18: JavaScript Special Characters

Lecture 19: JavaScript Random Numbers

Lecture 20: JavaScript Min and Max Function

Lecture 21: JavaScript Math Round Function

Lecture 22: JavaScript Arrays

Lecture 23: JavaScript Array Attributes

Lecture 24: JavaScript Arrays – Pop – Push – Shift – Unshift

Lecture 25: JavaScript Changing and Deleting Elements

Lecture 26: JavaScript Splicing an Array

Lecture 27: JavaScript Sorting an Array

Lecture 28: JavaScript Joining Arrays

Lecture 29: JavaScript Conditional Statements

Lecture 30: JavaScript Comparisons

Lecture 31: JavaScript Booleans

Lecture 32: JavaScript For Loops

Lecture 33: JavaScript For-In Loop

Lecture 34: JavaScript While Loops

Lecture 35: JavaScript Do-While Loop

Lecture 36: JavaScript Break and Continue

Lecture 37: JavaScript Functions

Lecture 38: JavaScript Events

Lecture 39: JavaScript Project 1 – BG Color Changer

Lecture 40: JavaScript Project 2 – Photo Gallery

Lecture 41: JavaScript Project 2 – Completion

Chapter 3: XML | AJAX

Lecture 1: Introduction to XML

Lecture 2: XML Basics

Lecture 3: XML Schema

Lecture 4: XML Parsing

Lecture 5: XML Parsing Continued

Lecture 6: Introduction to AJAX

Lecture 7: AJAX | Search Suggest Tutorial

Lecture 8: AJAX | Database Select Menu Tutorial

Chapter 4: React

Lecture 1: Skills Required

Lecture 2: What is React?

Chapter 5: Build a Calculator in React

Lecture 1: Project Overview

Lecture 2: Hello React

Lecture 3: Tools Needed

Lecture 4: Code Pen

Lecture 5: Intro to JSX

Lecture 6: Functional Components in React

Lecture 7: Why Components?

Lecture 8: Intro to Props in React

Lecture 9: React Components, Props and Callbacks

Lecture 10: Building the calculator visuals

Lecture 11: OnClick Events in React

Lecture 12: Passing Parameters in Callback Functions

Lecture 13: Using React State Hook

Lecture 14: Implementing the calculator – Display

Lecture 15: Implementing the calculator – Operators

Lecture 16: Debugging in React

Lecture 17: Project Summary

Chapter 6: React Project: Build a Connect-4 Clone

Lecture 1: Project Overview

Lecture 2: Tools Needed

Lecture 3: Creating the Game Board

Lecture 4: Game Circle – OnClickEvent

Lecture 5: Passing Props – Destructing – React Children

Lecture 6: Passing Arguments to Click Events

Lecture 7: Inline Styling

Lecture 8: Square to Circle Component

Lecture 9: Global Styling

Lecture 10: Dynamic Styling

Lecture 11: Dynamic Classes

Lecture 12: Handling Callbacks

Lecture 13: Using React State Hook (again)

Lecture 14: Updating the Player Circle

Lecture 15: Initializing the Game Board

Lecture 16: React Key Property

Lecture 17: Styling the Game Board – Header and Footer

Lecture 18: Calculating the Winner

Lecture 19: Displaying the Winner

Lecture 20: Determining a Draw Condition

Lecture 21: React Lifecycle Events

Lecture 22: Initializing the Game

Lecture 23: Suggesting a Move – Implementing a Computer Player

Lecture 24: Smart Computer Player (Basic AI)

Instructors

YouAccel Training
8+ Million Enrollments, 70k+ Reviews. Register Today.

Rating Distribution

1 stars: 11 votes

2 stars: 8 votes

3 stars: 38 votes

4 stars: 96 votes

5 stars: 154 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!