内容简介

手册构造层面，会先过去web端基础技术性点刚开始详细介绍，如最基本的知识要点 HTML、CSS、JavaScript 刚开始，在详细介绍的全过程时会强烈推荐一些较为好的学习材料、方式、及其实战演练的方式。随后会详细介绍前端技术的发展路径以及目前比较流行的前端技术框架，并会对目前前端最流行的 React、Angualr、Vue.js 进行介绍。

在介绍了 React、Angualr、Vue.js 框架后，会同时介绍它们对应的移动端开发框架 React Native、Ionic、Weex 框架，这部分也属于目前「大前端」概念的基础知识点。

后续的内容会结合反馈进行动态地调整。

更新说明

目前文档处于连载状态，我空闲了就会来编写一点内容进去，会保持一个比较慢的节奏，保证质量。

此指南会根据前端的最新发展进行不定期更新，欢迎大家收藏后不定期查阅、参考。

如果你想看我输出的更多文字，可以参阅我出版的书籍。

《React Native 精解与实战》 http://rn.parryqiu.com/

1. 前端开发简介

关于前端的定义各自有各自的理解，甚至不同的公司对前端岗位有不同的定义与技术要求。

而一般将「用户可视区域」的功能实现都划分为前端开发的范畴，如 Web 界面、手机端的界面、各类大小屏幕的界面甚至一些嵌入式设备的界面（冰箱上都能下单购物了？）。

基础技术架构

前端最基础的技术架构肯定是最基础的 HTML、CSS、JavaScript 三个好朋友。

HTML 负责页面结构展示，CSS 负责页面样式渲染，JavaScript 负责页面逻辑处理。

而 JavaScript 借助强大的社区力量，以及 Node.js 框架，使得 JavaScript 同时具备了 I/O 处理的能力，从而使得 JavaScript 开发桌面应用也成为了可能。

而 Hybrid App 开发框架，通过 Bridge 的形式打通了原生框架底层与 JavaScript 端，使得通过 JavaScript 就可以开发移动 App。

React Native、Ionic、Weex 这些混合 App 开发框架的底层也正是基于这样的技术架构实现的。

2. 零基础怎么开始学前端

这里基本就按照最接地气的建议给大家推荐我觉得比较平滑的学习计划与方法，不能保证适合所有人，但基本按照这个学习路径，还是可以轻松入门前端开发的。

前端新手学习路径

1. 搭建基本的开发环境，配置好一个顺手的开发 IDE，事半功倍。
2. 学习 HTML 与 CSS，这两个技术点我建议结合在一起学习。
3. 学习 JavaScript，学习的难度较 HTML 与 CSS 高很多，可以从 JavaScript 的基础语法学起。
4. 掌握了 HTML、CSS、JavaScript 后，可以尝试自己动手写完整的 Web 网页。
5. 开始学一个样式框架，如 Bootstrap、Ant Design 等。
6. 使用掌握的框架优化之前写的完整 Web 网页。
7. 开始选择一个前端框架，如 React、Angualr、Vue.js 其中的一个开始学习，学习周期会比较长。
8. 使用掌握的前端框架优化之前写的完整 Web 网页。
9. 大量研究 BAT 大厂的 Web 网页，看到觉得比较有趣的功能可以尝试在自己的 Web 网页上实现。
10. 遵从前端 Web 网页优化准则进行项目的优化，掌握准则中不懂的知识点。

以上是一个前端新手应该梳理的知识点，同时也是一个比较好的学习路径。

本文来源于：前端开发新手入门指南-变化吧门户
特别声明：以上文章内容仅代表作者本人观点，不代表变化吧门户观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与变化吧联系。