- 前端学习路径&资源
【学习目标】
1. 学习HTML最基本的语法以及理解语义化的HTML标签
2. 学会把一个网页划分为不同的模块并正确构建文档模型
3. 独立构建出最少5个不同形式的网页（专注于文档模型的构建）
- [imooc.com HTML 入门 - (密码：sdc5)] (https://pan.baidu.com/s/1nr7JRTJVy8Rj5XlapBtjFw)
-
什么是HTML？用什么编辑？
- HTML 基本理论
- HTML 发展过程
- HTML 能做什么 & 在网页中的应用
- 编辑器 Atom & 浏览器 Chrome
-
HTML 标签&属性的构成
- HTML 自合标签
- HTML 非自合标签
- HTML 属性的构成 attribute="value"
- HTML 自合标签
-
HTML的三大概念
- 语意化标签 (semantics elements)
- 块级元素 (block-level elements)
- 行内元素 (Inline-level elements)
-
HTML 框架结构
<!DOCTYPE html> <html> <head> <title> Document </title> <meta charset="utf-8"> </head> <body> <!-- Main Body --> </body> </html>
-
HTML 基础标签
<h1> - <h6> <p> <a> <br> <hr> <!-- -->
-
模块
<div> <span> <header> <footer> <main> <section> <article> <aside> <details> <nav>
-
HTML 格式化标签
<abbr> <address> <b> <blockquote> <cite> <code> <del> <dfn> <em> <i> <ins> <kbd> <mark> <meter> <pre> <progress> <q> <s> <samp> <small> <strong> <sub> <sup> <templete> <time> <u> <var>
-
HTML 列表
<ul> <ol> <li> <dl> <dt> <dd>
-
HTML 表格
<table> <caption> <th> <tr> <td> <thead> <tbody> <tfoot> <col> <colgroup>
-
表单
<form> <input> <textarea> <button> <select> <optgroup> <option> <label> <fieldset> <legend> <datalist>
-
图片
<img> <map> <area> <figcaption> <figure> <picture>
-
视频/音频
<audio> <source> <track> <video>
【学习目标】
1. 学习CSS最基本的语法以及各种属性
2. 学会使用 Grid & Flexbox 来布局
3. 学会如何使用 Media Query 来制作响应式网页
4. 能灵活的应用最佳的CSS属性来为HTML润色
【学习目标】
1. 学习JS最基本的语法以及结构
2. 学会如何操作DOM（文档模型）
3. 理解JS的一些语法思想
4. 学习AJAX（不刷新网页来更新部分数据）
5. 学习ECMAScript 6的新特性
【学习目标】
1. 学习 jQuery 的基本语法以及思想
2. 使用 jQuery 简化原生JS的代码
3. 熟悉的使用 jQuery
【学习目标】
1. 学会 & 使用基本的 Git 命令行
2. 了解 github 以及明白如何创建、上传、探索
【学习目标】
1. 熟练基础语言
2. 就是用脑子来写代码
3. 积累一点经验 & 学习更好的实现方式
【学习目标】
1. 学习最基本的NPM的安装、卸载、升级、配置
2. NPM包的安装、卸载、升级、查看、搜索、发布
3. NPM包的本地安装 & 全局安装
4. package.json 包的描述信息
5. package 版本说明
【学习目标】
1. 学习 SCSS 的基本语法
2. 使用 SCSS 使CSS的开发变得简单和可维护
【学习目标】
1. 学习 Bootstrap 的用法
2. 使用 Bootstrap 快速组建页面模块
【学习目标】
1. 学习 npm script 命令
2. 使用 npm script 来辅助前端工作流
【学习目标】
1. 学习 ESLint 最基本的用法和配置
2. 使用 ESLint 避免低级错误和统一代码的风格
【学习目标】
1. 选择一个框架学习思想，以及语法
2. 学习全家桶套餐，更好的辅助前端开发
【学习目标】
1. 学习工具的使用
2. 使用工具测试我们做的网页App