内容 隐藏
1 现代 HTML 和 CSS 从零开始 2.0（2024年重制版）
2 Modern HTML & CSS From The Beginning 2.0 (2024 Revamp)
2.1 你将学到什么
2.2 要求
2.3 描述
2.4 本课程适合谁：

现代 HTML 和 CSS 从零开始 2.0（2024年重制版）

Modern HTML & CSS From The Beginning 2.0 (2024 Revamp)

使用 HTML 和 CSS 构建现代响应式网站 – 学习模块、迷你项目和 3 个完整网站

 你将学到什么

  • 构建 3 个高质量网站以及小型项目
  • 用于学习标签、CSS 属性、辅助功能和其他概念的沙盒环境
  • 语义元素、盒模型、转换、关键帧、伪选择器等
  • 使用 Flexbox 和 CSS 网格创建灵活的布局
  • 使用媒体查询、相关单位和灵活的布局创建响应式网站
  • 了解 Git、GitHub 和网站部署的基础知识
  • 学习 BEM（块单元修改器）方法
  • 所有技能级别

 要求

  • 本课程适合任何开发人员，从初学者到高级

 描述

本课程刚刚于 2024 年进行了修订，适合想要从头到尾学习 HTML/CSS 的初学者，以及只想构建一些很酷项目的经验丰富的开发人员。这是我最重要的课程，因为它是我创建的其他所有内容的切入点。无论您想使用 React 还是全栈 Node.js、PHP、Python 等构建前端应用程序，您始终需要以某种方式使用 HTML 和 CSS。

我们在沙盒环境中检查了各种 HTML 标签、元素和结构以及大量 CSS 属性和概念。这些学习模块之外还有迷你项目、挑战和 3 个主要网站项目。一个项目使用 BEM CSS 方法。

前几个部分是为初学者量身定制的，因此即使您以前从未构建过任何东西，您也将学习所有基础知识。如果您已经具备基本 HTML 和 CSS 的经验，您可以跳过并学习您需要的内容，或者直接进入项目。

我们在本课程中涵盖的内容

  •  网站如何运作

  • Visual Studio Code 设置、快捷方式、Live Server 和 Emmet

  • HTML5 语义元素和布局

  • CSS 基础知识（颜色、字体、对齐方式等）

  • 盒子模型、边距、填充和边框

  • 具有媒体和容器查询的响应式设计

  • CSS 单位 – rem、em、vh、vw 等

  •  Flexbox布局模型

  •  CSS 网格

  • 具有关键帧和过渡的动画

  • 使用 JavaScript 切换类和样式

  •  CSS 自定义属性

  •  吉特和Github

  • 将网站部署到 Netlify 和 Vercel

  • 迷你项目和挑战

  • 项目 1 – Lumina Creative Agency 网站

  • 项目2-导师课程网站

  • 项目 3 – Leno 移动应用网站（BEM 方法）

  •  更多

本课程适合谁：

  • 从绝对的初学者到经验丰富的开发人员
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。