‘用这个免费的20小时课程学习Web开发’

通过这个免费的20小时课程学习Web开发

你是一个完全的初学者，对学习网页开发感兴趣吗？那就别再寻找其他了！

我们刚刚在freeCodeCamp.org的YouTube频道发布了一门关于使用HTML和CSS进行网页开发的综合课程。这门课程经过精心设计，并由Aakash N S亲自授课，他是Jovian的CEO兼联合创始人，Jovian是一个关于数据科学和机器学习的平台。

这门课程从HTML和CSS的基础开始，逐渐深入到高级概念。你将学习如何使用Git、GitHub和Vercel进行云部署。我们还将涵盖移动优先的响应式设计、Bootstrap CSS框架和Express网页应用框架。

实际编码作业是课程的重要组成部分。你将被要求根据模型构建一个网页，创建一个响应式移动优先网站，并制作一个科学计算器。作为总结，你将建立个人作品集网站并将其部署到云端！

以下是课程内容的详细介绍：

第一课：HTML和CSS基础

• HTML、head、title、body和div标签
• 文本、链接、列表、标题和图片
• CSS选择器、属性和值

第二课：高级HTML和CSS

• 表单、输入、按钮和下拉菜单
• 表格、CSS弹性盒子和栅格布局
• 嵌入式框架、视频、音频和画布

作业1：设计模型到网页

• 研究和检查设计模型
• 使用CSS添加HTML内容和样式
• 将最终网页部署到云端

第三课：版本控制和云部署

• 介绍Git和GitHub
• 分支、提交、推送和拉取
• 使用Vercel进行云部署

第四课：响应式设计和CSS弹性盒子

• 媒体查询和移动友好设计
• 使用CSS弹性盒子创建流式布局
• 构建并测试响应式网站

作业2：移动优先响应式网页设计

• 检查设备特定的设计模型
• 设置断点和基础样式
• 实施移动优先设计

第五课：Bootstrap CSS框架

• 安装Bootstrap并自定义基础样式
• 使用栅格系统创建响应式布局
• 使用Bootstrap组件构建网页

作业3：构建科学计算器

• 使用HTML和CSS构建用户界面
• 为DOM节点添加事件处理程序
• 使用JavaScript函数实现逻辑

第六课：Express网页应用框架

• 设置HTTP路由和方法
• 渲染模板和静态文件
• 使用Vercel进行云部署

项目：构建个人网站

• 选择一个模板或创建原型
• 创建一个包含多个页面的网站
• 添加内容并进行云部署

请到freeCodeCamp.org的YouTube频道观看完整课程（共20小时）。

• Web Development