前端与界面
学习这个概念 浏览器
负责获取网页资源、执行脚本并把页面画出来的应用。
为什么 Chrome 正常，手机浏览器却错位
GOAL-BASED PATH
做出第一个网页
从页面结构开始，理解浏览器如何显示并运行一个网页。
8 个步骤初学者友好完成后可验收
前端与界面
学习这个概念 HTML
描述网页内容结构和语义的标记语言。
把标题、正文、列表和表单先搭出来
前端与界面
学习这个概念 CSS
控制页面布局、颜色、间距和响应式表现的样式规则。
让卡片对齐，手机上改成一列
前端与界面
学习这个概念 JavaScript
让网页能够处理数据、响应操作并动态更新的编程语言。
点击以后打开面板并加载数据
前端与界面
学习这个概念 DOM
浏览器把 HTML 解析成的可读取、可修改的页面对象树。
找到这个按钮，点下去后改掉旁边的文字
前端与界面
学习这个概念 组件
把一块界面及其行为封装成可复用单元。
把这张产品卡做成以后还能重复使用的模块
前端与界面
学习这个概念 Flexbox 弹性布局
沿一个主轴排列、分配和对齐一组元素的 CSS 布局方式。
按钮组横向排列，空间不够时换行。
技术栈与运行环境
学习这个概念 开发服务器
为本地开发提供页面、热更新和调试信息的临时服务。
改完代码以后浏览器自动刷新
DONE WHEN
完成标准
能创建、启动、修改并在浏览器中验收一个基础网页。