|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/html-css-react-certification-course-for-beginners/
课程评论：没有评论
课程名称：HTML、CSS、React - 初学者认证课程 课程概述： 欢迎参加初学者的 HTML、CSS 和 React 认证课程。在本课程中，您将学习如何从零开始开发时尚的、移动响应式的网页，使用一些强大的前端标记语言和 JavaScript 库。课程开始时将深入了解 HTML，首先探索 HTML 网页的结构。在您对 HTML 基础知识感到舒适之后，我们将展示如何使用许多 HTML 元素，包括：行内文本元素、有序和无序列表、嵌入媒体、链接创建、表格、背景图片、表单元素和 iframe。HTML 部分以一个实践项目结束，该项目将指导您创建一个完整的网页，包含页眉、页脚、提示框、图片、链接、表单和表格数据。到 HTML 部分结束时，您将能够轻松地编写简单和复杂的 HTML 页面。 课程的第二部分专注于 CSS，使您的网页通过自定义样式表焕发活力。在这里，学生将学习响应式设计和跨浏览器兼容性的重要性，通过为各个页面组件嵌入 CSS 样式规则。我们将探索 CSS 规则的部分和类型，随后介绍 CSS ID 和 DIV。从基础知识掌握后，我们将深入学习更复杂的 CSS 概念，包括 CSS 定位、浮动属性、链接样式和 z-index。与 HTML 部分类似，CSS 部分也以一个全面的实践指南结束，指导您构建一个具备 CSS 样式定义、元素容器、导航和其他 CSS 页面元素的响应式网页。 在掌握 HTML 和 CSS 的基础后，我们将深入学习 React，这是一个用于前端用户界面开发的强大 JavaScript 库。React 部分开始于一个动手项目，您将学习如何使用函数式 React 组件、props、回调函数、点击事件和 React 状态钩子来构建一个功能齐全的计算器。之后，我们将进行第二个项目，构建一个连接四子游戏的克隆。在这里，我们将涵盖更高级的概念，包括传递 props、解构、为点击事件传递参数、各种样式方法和处理回调。您还将学习 React 的 key 属性、生命周期事件和条件渲染。到课程结束时，您将构建一个完整的单人和多人连接四游戏板，具备内置的 AI 功能。 课程的最后一部分，我们将进一步发挥 React 的强大功能，构建一个完整的电子商务网站，包含多个产品类别、产品展示、购物车等功能。在这一部分，我们介绍了一些重要的新概念，包括：JSON 服务器、Fetch API 和安装 React 路由。这些基本构件将用于渲染产品类别、样式化产品列表和配置产品详情页面。然后，我们将深入研究样式组件、重构商店布局，并探索 React 中的“上下文”概念。在项目的最后阶段，学生将配置购物车和结账功能。我们还将实现产品搜索功能，并进行深度练习，以验证 React 中的输入表单。 如您所见，这门课程涵盖了相当广泛的内容。最重要的是，它是由享有盛誉的全栈开发者 Tim Maclachlan 合著，他在商业开发方面拥有超过 20 年的经验。作为一个多面向的开发者，Tim 专注于算法、分析和移动开发。迄今为止，他已编写数百个应用程序，并在商业航空、军事、银行和金融等多个行业工作过。他热衷于教导他人如何成为更优秀的编码者，并期待与学生互动。 如果您对这门课程感到兴奋，请点击注册按钮，让我们开始吧！
Welcome to the HTML, CSS, and React Certification course for beginners. In this course you will learn how to develop stylish, mobile responsive web pages right from scratch using some of the most powerful front-end mark-up languages and JavaScript libraries. The course starts with an in-depth overview of HTML where we start by exploring the structure of an HTML web page. Once you're comfortable with HTML foundations, we move on to demonstrating how to work with a number of HTML elements. This includes: Inline text elements, ordered and unordered lists, embedding media, link creation, tables, background images, form elements and iframes. The HTML segment concludes with a hands-on project that will guide you through creating a complete web page with headers, footers, callouts, images, links, forms and tabular data. By the end of the HTML segment, you'll be able to proficiently code simple and complex html pages with ease.The second section of this course focuses exclusively on CSS to bring your web pages to life with custom style sheets. Here, students will learn the importance of responsive design and cross browser compatibility by embedding CSS style rules for individual page components. We start by exploring the parts, and types of CSS rules followed by an introduction into CSS Id's and divisions. From there we move on to CSS margins, text properties, borders, transparency and text on top of images. Once you have a handle on the foundations we move on to more intricate CSS concepts including CSS positioning, CSS float properties, Link Styling, and z-indexes. Similar to the HTML section, the CSS segment concludes with a comprehensive hands-on guide to building a responsive web page, complete with CSS style definitions, element containers, navigation, and a number of other CSS page elements.Once you have a foundational understanding of HTML and CSS, 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, destructuring, 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.
