|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/javascript-and-react-for-beginners-create-12-projects/
课程评论:没有评论
课程名称:JavaScript和React初学者:创建12个项目 课程概述:JavaScript是世界上最流行的脚本语言,负责网站上的互动性,例如游戏、在线表单和调查。几乎所有动态网站都包含某种元素的JavaScript。这种编程语言驱动着数百万个互动网站,支持快速的网络服务器,并且可以用于构建桌面和移动应用程序。 本课程将引导您创建12个项目,包括模拟时钟、每日名言应用程序、数字计算器、小费计算器、图像滑动器、加法游戏和出生日期计算器等。React.js是一个开源的JavaScript库,用于创建用户界面,采用基于组件的方法来开发应用程序。每个React应用可以被视为一个组件或可重用的组件集合,旨在让构建模块化、可重用的用户界面组件变得简单和直观。借助React,您可以为应用程序的每个状态设计简单的视图,并在数据变化时高效地更新和渲染组件。 在本课程中,我将逐步展示如何从头开始创建React组件,复习组件属性和状态,以及React.js中父子关系的基础知识。我还将介绍组件的生命周期。您将使用Babel工具来转译JSX代码,这是一种在浏览器中的转译器,将JSX代码转换为可读格式。 您将学习的内容包括: - 设置本地的React开发环境 - 通过CDN访问React库 - 使用“创建React应用”工具创建新的React项目 - 从JSBIN访问React - 创建React组件 - 使用ES6创建React组件 - 将React函数转换为ES6类 - 使用JSX和将JSX嵌入为表达式 - 使用props和状态 - 组件生命周期 - 创建React抵押计算器 - 创建React待办事项应用 - 创建React静态推文组件 - 创建React倒计时器 - 创建React数字时钟 本课程适合初学者,是进入JavaScript和React开发世界的绝佳选择。
JavaScript is the most popular scripting language in the world. It is responsible for the interactivity like games, online forms or surveys and other activities user's can engage with on a website. Most dynamic if not all website contains some element of JavaScript. JavaScript programming language drives millions of interactive web sites, powers fast web servers and can even be used to build desktop and mobile applications Analogue ClockQuote of the day appDigital calculatorTip calculatorImage sliderAddition game Day of birth calculator React.js is a an open-source JavaScript library for creating user interfaces React adopts a component based approach in developing applications.Every react app can considered a component or a collection of components which can be re-usable. React.js is designed to make the process of building modular, reusable user interface components simple and intuitive. With React you can design simple views for each state of an application. You can also use React to efficiently update and render components when your data changes. I will walk you through how to create react components from scratch, review components properties, and component state, as well as the foundational parent/child relationships within React.js. I will also take you through the lifecycle of components. You will be transpiling JSX code using babel which is an in browser transpiler that converts JSX code into readable format. What you will learn includes: Setting up a local react development environmentAccessing React Library via CDNUsing Creating a React App tool to create new react projectsAccessing Reaact from JSBINCreating React ComponentsCreating React Components in ES6Converting React functions to ES6 ClassUsing JSXEmbedding JSX as expressionsUsing propsUsing StateComponent life cycleCreating a React mortgage calculatorCreating a React Todo List AppCreating a React static tweet componentCreating a React countdown timerCreating a React digital clock