# 介绍
万丈高楼平地起，霸王防脱不能少🌻
# 学习路线
推荐您从基础的HTML和CSS开始，简单、轻松的打开方式，会给您带来更好的学习体验。下面是我们列出的学习路线，希望对您有所帮助：
HTML & CSS->JavaScript->DOM->ES6->Node.js and npm->Vue.js(Electron) or React.js(React Native、Fluter)->小程序
Webpack->Babel->Git & GitHub & Jenkins->Markdown->Conventional Commits
| 技能 | 课时（周） | 掌握程度 | 别名 |
|---|---|---|---|
| HTML | 1 | 熟练 | 🍀 看家本领 |
| CSS | 1.5 | 熟练 | 🍀 看家本领 |
| JavaScript | 3 | 熟练 | 🍀 看家本领 |
| jQuery | 1.5 | 了解 | 📗 鸡肋 |
| BootStrap | 0.5 | 了解 | 📗 鸡肋 |
| Vue.js | 4 | 精通 | 🎉 混饭吃的 |
| Node.js | 2 | 了解 | 💪 看好你哟 |
| webpack | 1 | 了解 | 💪 看好你哟 |
| 微信小程序 | 1.5 | 了解 | 🌸 得加钱 |
| Google chrome | 1 | 熟练 | 🤔 缓解脱发 |
| git | 1 | 了解 | 🥇 哎哟，不错哦 |
| Typora | 1 | 了解 | 🥇 哎哟，不错哦 |
# 工具
- 编辑器（IDE (opens new window)）
- Visual Studio Code (opens new window)，是一个针对于编写现代 Web 和云应用的跨平台编辑器
- 文档工具
- Typora (opens new window)，优秀的Markdown文档编辑工具
- 调试工具
- Google Chrome (opens new window)，调度现代 Web 应用神器，随时随地，无所不能
- 代码管理
- Git (opens new window)，是一个免费的、开源的分布式版本控制系统
- GitHub (opens new window)，使用Git进行软件开发和版本控制的互联网托管提供商
# 开发文档
- W3Schools Online Web Tutorials (opens new window)，w3schools 原版国内镜像，最受欢迎的前端技术教程网站，但是国内用户一直不能访问，并且国内的中文翻译版本十分陈旧。
- W3Schools在线教程 (opens new window)，w3schools 中文翻译版本。
- MDN Web Docs (opens new window)，开放的 Web 给予开发者不可思议的机会,想全面的利用这些技术,你需要知道如何使用它们。
- The Modern JavaScript Tutorial (opens new window)
# 学习方法
学习前端的人有着不同的知识背景和学习方式，不管你是理论派还是实践派，我们希望我们的内容对你有帮助。
- 如果你是实践派，建议您边做边学。
- 如果你是理论派，建议您一步步学习概念。
和所有新技术一样，任何技术都有一条学习曲线，但只要多多实践和保有一点点耐心，你终将掌握它。