前端实训-Day1 软件开发流程Web基础知识、HTML快速入门

本文链接：https://blog.csdn.net/m0_57826741/article/details/130799818

该文提供了一个为期16天的前端开发实训大纲，涵盖从Web基础知识到项目实战的全过程，包括HTML、CSS、JavaScript、Vue框架、Node.js、Express的使用，以及项目功能实现和服务器接口搭建。学员将通过实际操作，从基础进阶到技术应用，最终进行项目汇报与评审。

摘要由CSDN通过智能技术生成

前端实训大纲（16天）

基础进阶 DAY01 软件开发流程、Web基础知识、HTML快速入门
DAY02 CSS概述、基础语法、选择器
DAY03 常用属性、盒子模型
DAY04 弹性、定位
DAY05 项目页面搭建
技术进阶 DAY06 项目页面搭建
DAY07 JS语法规范、变量、数据类型、运算符、流程控制、函数
DAY08 对象、数组、常用API
DAY09
DOM树、获取节点、属性操作

DAY10 事件处理、项目功能实现
DAY11 Vue框架、项目功能实现
DAY12 Node.js常用模块、Express框架
DAY13 项目服务器接口搭建、项目功能实现
项目演练 DAY14 项目服务器接口搭建、项目功能实现
DAY15 云服务器、项目扩展
DAY16 以小组为单位项目汇报、项目评审

前端实训大纲（16天）
基础进阶	DAY01	软件开发流程、Web基础知识、HTML快速入门
DAY02	CSS概述、基础语法、选择器
DAY03	常用属性、盒子模型
DAY04	弹性、定位
DAY05	项目页面搭建
技术进阶	DAY06	项目页面搭建
DAY07	JS语法规范、变量、数据类型、运算符、流程控制、函数
DAY08	对象、数组、常用API
DAY09	DOM树、获取节点、属性操作
DAY10	事件处理、项目功能实现
DAY11	Vue框架、项目功能实现
DAY12	Node.js常用模块、Express框架
DAY13	项目服务器接口搭建、项目功能实现
项目演练	DAY14	项目服务器接口搭建、项目功能实现
DAY15	云服务器、项目扩展
DAY16	以小组为单位项目汇报、项目评审

HBuilderX下载、Visual Studio Code下载、谷歌浏览器下载

HBuilderX-高效极客技巧

解压到自己想要的位置

双击HBuilderX.exe即可运行

Visual Studio Code - Code Editing. Redefined

安装勾选

打开后安装插件

Google Chrome 网络浏览器

创建文件夹，保存未来工程文件-day01..day16

创建audio\img，因为最终项目用木子云音乐举例，所以创建muziyunyinyue

创建html工程，运行并初步使用

右键，通过Code打开

或者运行Code后将工程文件夹拖入打开

创建index.html文件

英文！输入后直接按回车，生成初始代码

尝试性修改，然后调试生成网页

Google Chrome浏览器

或者用 Open with Live Server 打开

Edge浏览器，打开的浏览器不同，问题不大

按f2打开检查，并选择屏幕类行（后续编写也可在检查里）

选择iPhone6/7/8，主要是用375这个宽度，适配度比较高

这样就弄好了