|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/build-a-custom-e-commerce-site-in-react-javascript-basics/
课程评论：没有评论
课程名称：在React中构建自定义电子商务网站+JavaScript基础 概述：本课程将循序渐进地带领学员打造一个功能完整的计算器，使用React这一强大的JavaScript库。React以其组件化的特性，在打造交互式用户界面方面表现出色，广泛应用于Netflix、Facebook和Airbnb等知名企业。React由Meta开发及维护，并有独立开发者社区支持，始终保持免费和开源。该课程将通过一个全面的实践项目，教授学员成为熟练的React开发者所需的基本原理。 课程开始将介绍所需工具，然后深入讲解JSX、功能组件、属性、回调函数及各种点击事件。学员将在此阶段完成视觉展示的计算器，并实现功能性算术操作。随后，课程将涉及回调函数中的参数传递、使用React状态钩子以及调试的相关内容。 除了React模块的实操课程，还提供了JavaScript的全面概述，适合需要复习的学员。课程从文档对象模型（DOM）入手，定义HTML文档的逻辑结构。接着深入JavaScript，展示如何操作DOM元素，为静态组件添加交互性。我们将从JavaScript基础知识开始，包括代码布局和数据输出，逐步探索变量声明、算术运算、操作符优先级、数据类型和对象等基础内容。 当基础知识铺垫完毕后，课程将转向更复杂的操作，包括数组、条件语句、比较操作符、布尔值和循环。学员将学习如何利用JavaScript根据用户交互展现不同的结果。我们还将探讨函数的使用，以高效处理重复任务和通过JavaScript事件响应用于响应的输出。课程最后，将通过一个实践项目，学员需运用所学知识来构建一个基于网页的照片库和背景色改变器。 总结：通过本课程，学员将全面掌握React和JavaScript基础，为今后的开发奠定坚实基础。
This course takes you step-by-step through the process of building a fully functional calculator in React. React, also known as React JS, is a powerful JavaScript library used for building custom, interactive user interfaces using UI components. Some of the most well known examples of organizations using React for their front-end include Netflix, Facebook, and Airbnb. Developed and maintained by Meta along with a community of independent developers, React remains free and open-source. React is a component based library built entirely on JavaScript, which makes it perfect for designing complex UI's. With React, developers can build encapsulated components that efficiently manage their own state and render UI updates specifically when data changes. For example, think of the automated content refresh feature you see on a twitter feed, or facebook like button. Here the state of the UI component changes on the page, without having to manually refresh when the data is updated. This is just one small, yet powerful feature of React.Through a complete hands-on project, this course will teach you all the fundamental principles of React that you must know to become a proficient React developer. We start right from the basics, including the tools needed to get started. From there we dive into JSX, functional components, props, callbacks, and various OnClick events. By this stage, the calculator will have a complete visual display, coupled with functional arithmetic operations. Students then move on to passing parameters in Callback functions, using the React State Hook, and debugging.In addition to the hands-on React module, we also offer a comprehensive overview of JavaScript for those who need a refresher. Here we start with introducing students to the document object model (DOM) which defines the logical structure of HTML documents. From there we dive into JavaScript to demonstrate various methods in which DOM elements can be manipulated to add interactivity to static components. We start right from the basics, which includes JavaScript placement, and data output. From there we move on to variable declaration, arithmetic operations, operator precedence, data types, and objects. Once the foundations are covered, we move on to more complex operations using Arrays, Conditional Statements, JavaScript comparison operators, booleans and loops. Here students will learn to unleash the true power of JavaScript to render different outcomes based on user interaction. We will explore the use of functions to efficiently handle repetitive tasks and JavaScript events to handle output based on actions and occurrences. The section will conclude with a hands-on project where students will implement their knowledge to build a web based photo gallery and background color changer.
