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

大家好，欢迎来到这门令人兴奋的新课程，我们将在其中探索现代 Web 开发中使用的一些最强大的前端开发语言。在本课程中，您将学习利用 JavaScript、XML、AJAX 和 React 的强大功能从头开始构建高度交互的网页。我们首先介绍文档对象模型，然后深入介绍 JavaScript 的基本要素。在 JavaScript 部分，您将学习一些有助于您作为开发人员的旅程的概念。这包括使用变量、算术运算符、对象、函数、数组、事件和循环。您还将了解 JavaScript 放置的重要性，同时使用内部和外部 JavaScript 代码组件。学生在执行简单和复杂的算术运算时了解运算符优先级的重要性。此外，您将有机会使用条件语句来执行不同操作之间的比较。一旦您掌握了基础知识，我们将深入研究一些 JavaScript 开发项目，您将有机会通过实际动手练习应用您的新技能。这包括构建一个自动背景颜色转换器，以及带有鼠标悬停和图像转换的照片库。我们将深入研究一些 JavaScript 开发项目，您将有机会通过实际动手练习应用您的新技能。这包括构建一个自动背景颜色转换器，以及带有鼠标悬停和图像转换的照片库。我们将深入研究一些 JavaScript 开发项目，您将有机会通过实际动手练习应用您的新技能。这包括构建一个自动背景颜色转换器，以及带有鼠标悬停和图像转换的照片库。

在课程的第二部分，我们将探索 XML 和 AJAX 来展示异步页面更新的强大功能。这意味着构建可在网页上自动更新的 Web 组件，而无需手动刷新。您将有机会使用 XML 和 AJAX 以及 JavaScript 来构建现代 Web 应用程序组件，例如搜索建议功能和预填充的选择菜单。

一旦您对 JavaScript 和 AJAX 有了基本的了解，我们将深入研究 React，这是一个用于前端 UI 开发的强大 JavaScript 库。React 部分从一个动手项目开始，您将在其中学习如何使用功能性 React 组件、道具、回调函数、OnClick 事件和 React 状态挂钩来构建一个功能齐全的计算器。从那里我们将深入研究第二个项目，您将在其中构建一个 connect-4 克隆。在这里，我们将介绍更多中间概念，包括传递道具、解构、将参数传递给点击事件、各种样式方法和处理回调。您还将了解 React 键属性、React 生命周期事件和条件渲染。

在课程的最后一部分，我们通过构建一个包含多个产品类别、产品展示、购物车功能等的完整电子商务网站来进一步释放 React 的力量。在这里，我们介绍了一些不可或缺的新概念，包括：JSON 服务器、Fetch API 和安装 React 路由器。这些基本构建块将用于呈现产品类别、设置产品列表样式以及配置产品详细信息页面。从那里我们深入研究样式化的组件，重构商店布局，并探索 React 中“上下文”的概念。在项目的最后阶段，学生将配置购物车篮和结帐功能。我们还将实现产品搜索功能，然后深入练习在 React 中验证输入表单。

正如你所看到的，本课程涵盖了大量的内容。最重要的是，它由 Tim Maclachlan 合着 – 一位拥有 20 多年商业开发经验的著名高级全栈开发人员。作为一名多面手的开发人员，Tim 专注于算法、分析和移动开发。迄今为止，他撰写了数百份申请，并在商业航空和军事、银行和金融等多个行业工作。Tim 对教别人如何成为更好的程序员有着真正的热情，并期待与他的学生互动。

话虽如此，我们希望您和我们一样对这门课程感到兴奋，如果是的话 – 点击注册按钮，让我们开始吧。

Master Front-End Web Development Complete with Interactive, Asynchronous Page Updates using JS, Ajax, and React

Published 08/2022
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 138 lectures (13h 22m) | Size: 5.2 GB

What you’ll 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

Requirements

No programming experience needed. You will learn everything you need to know.
Basic Computer Skills
Basic Knowledge of HTML & CSS

Description

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.

Who this course is for
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