|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/complete-javascript-xml-ajax-and-react-bootcamp-hands-on/
课程评论：没有评论
课程名称：完整的JavaScript、XML、AJAX和React集训 - 实践操作 课程概述：欢迎参加这门激动人心的新课程，我们将探索现代网页开发中一些最强大的前端开发语言。在本课程中，您将学习如何利用JavaScript、XML、AJAX和React的强大功能，从零开始构建高度互动的网页。我们首先介绍文档对象模型，随后深入讲解JavaScript的基本要素。在JavaScript部分，您将学习多个对开发者旅程至关重要的概念，包括变量、算术运算符、对象、函数、数组、事件和循环的使用。同时，您还会了解到JavaScript代码的内部和外部组件的放置重要性，并学习运算符优先级在执行简单和复杂算术操作时的重要性。此外，您将有机会使用条件语句进行不同操作之间的比较。 掌握基础知识后，我们将进军多个JavaScript开发项目，您可以通过实践练习应用新技能，包括构建自动背景颜色变化器和带有鼠标悬停和图像过渡效果的相册。 课程的第二部分将探索XML和AJAX，展示异步页面更新的强大功能，构建自动更新的网页组件，而无需手动刷新。您将有机会与JavaScript一起使用XML和AJAX，构建现代网络应用组件，如搜索提示功能和预填充的选择菜单。 在掌握JavaScript和AJAX的基础后，我们将深入学习React，这是用于前端用户界面开发的强大JavaScript库。React部分开始于一个实践项目，您将学习如何使用功能组件、props、回调函数、单击事件和React状态钩子构建一个完全功能的计算器。接下来，您将进行第二个项目，构建一个“连四”游戏克隆，涵盖更多中级概念，包括传递props、解构、传递参数给点击事件、各种样式方法和处理回调。您还将学习React关键属性、生命周期事件和条件渲染。到课程结束时，您将构建一个完整的单人和多人连四游戏板，具备内置的AI能力。 在课程的最后一部分，我们进一步发掘React的潜力，构建一个完整的电子商务网站，具有多个产品类别、产品展示、购物车功能等。在这里，我们引入了一些重要的新概念，包括JSON服务器、Fetch API和安装React路由。这些核心构建模块将用于呈现产品类别、样式产品列表和配置产品详细信息页面。之后，我们将深入研究样式组件、重构商店布局，并探索React中的“上下文”概念。在项目的最后阶段，学生将配置购物车和结账功能，还将实现产品搜索功能，并深入练习在React中验证输入表单。 如您所见，本课程涵盖了广泛的内容。最重要的是，它是与拥有超过20年商业开发经验的知名全栈开发者Tim Maclachlan共同编写的。Tim是一位多面手开发者，专注于算法、分析和移动开发。他至今编写了数百个应用程序，并在商业航空、军事、银行和金融等多个行业工作。Tim真正热衷于教导他人如何成为更优秀的程序员，并期待与学生互动。 如果你对这门课程感到兴奋，那就点击注册按钮，让我们开始吧！
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.
