前端开发库

React 图标

你已经熟悉了 HTML、CSS 和 JavaScript。现在学习行业中一些流行的前端库来提升你的技能吧。

在前端库认证中,你将学习如何使用 Bootstrap 快速设置网站样式,以及如何在 CSS 样式中添加逻辑,并使用 Sass 对其进行扩展。

稍后,你将建立一个购物车和其他应用程序,学习如何使用 React 和 Redux 创建强大的单页应用程序(SPAs)。

课程

Bootstrap is a front end framework used to design responsive web pages and applications. It takes a mobile-first approach to web development, and includes pre-built CSS styles and classes, plus some JavaScript functionality.

在这个课程中,你将学习如何使用 Bootstrap 来建立响应式网页,并使用它的 class 来设置按钮、图像、表格、导航和其他常见元素的样式。

jQuery 是开发者们最常用的 JavaScript 库之一。

在 jQuery 于 2006 年发布时,各种常用浏览器处理 JavaScript 的方式都略有不同。jQuery 简化了编写客户端 JavaScript 的过程,并确保代码在所有浏览器中以同样的方式运行。

在这个课程中,你将学习如何使用 jQuery 选择、移除、克隆和修改页面上的不同元素。

Sass,英文全称为 “Syntactically Awesome StyleSheets”,是对 CSS 的扩展。它添加了一些 CSS 语法不具有的新特性。Sass 简化了 CSS,这让维护样式表变得更容易。

在 Sass 课程中,你将学习如何将数据存储在变量中、嵌套 CSS、创建可重用的样式、为样式添加逻辑和循环等等。

React 是一个流行的 JavaScript 库,用于为网页或应用程序构建可重用的组件驱动的用户界面。

React 将 HTML 与 JavaScript 结合在了一起,以此创建出一个新的标签语言 JSX。React 还使得管理整个应用程序的数据流变得更容易。

在这个课程中,你将学习如何创建不同的 React 组件,以 state props 管理数据,以及使用不同的生命周期方法(例如 componentDidMount)和更多内容。

As applications grow in size and scope, managing shared data becomes much more difficult. Redux is defined as a "predictable state container for JavaScript apps" that helps ensure your apps work predictably, and are easier to test.

While you can use Redux with any view library, we introduce Redux here before combining it with React in the next set of courses.

In this course, you'll learn the fundamentals of Redux stores, actions, reducers and middleware to manage data throughout your application.

React and Redux are often mentioned together, and with good reason. The developer who created Redux was a React developer who wanted to make it easier to share data across different components.

Now that you know how to manage the flow of shared data with Redux, it's time to combine that knowledge with React. In the React and Redux courses, you'll build a React component and learn how to manage state locally at the component level, and throughout the entire application with Redux.

It's time to put your front end development libraries skills to the test. Use Bootstrap, jQuery, Sass, React, and Redux to build 5 projects that will test everything you've learned up to this point.

Complete all 5 projects, and you'll earn the Front End Development Libraries certification.

浏览我们的其他免费认证 (我们建议你按顺序学习)