零基础自学前端指南_惠州前端培训

很多想学前端的小伙伴，不知道怎么自学，下面惠州北大青鸟学术部老师来科普一下零基础自学前端指南。

一、学会制作静态页面（Web + Mobile）

HTML、HTML5：

理解如何浏览和创建网页、基本的语法规范、常用标签及属性、网页之间的链接与跳转、标签节点层级节点。

CSS:

基本语法和三种书写位置、选择器和格式化排版、盒模型的高级用法、常用布局模型

二、前后端分离，打造 Web App

Vue.js/AngularJS2/React

Node.js，使用 Express/Koa 配合 MongoDB/Redis 涉足到后端领域

自动化测试

其他：

熟悉 Git 与 Shell 的使用

三、学会制作动态页面

JavaScript ：

基础语法和变量、数据类型和数据类型转换、条件判断、循环语句、函数、数组等内置对象

（有了这三个，你基本可以写一些简单的页面了，但是仍然需要学一些经典的库和框架。）

经典库：比如 jQuery,YUI2,YUI3

经典框架：比如 Bootstrap

学习方法

1.入门 HTML + CSS

这里推荐一本书，Head First HTML与CSS（第2版）。
从原理到方法都介绍得很详细，通俗易懂，活泼有趣。html和css入门力荐。
学完大概 1-2 个周。

2.Vue.js/Angular 2/React

Vue.js：查看官方中文文档大约需要 3 天左右。Vue 上手容易，但没有其他前端框架使用基础的人只看官方文档难以理解 Vue 高级用法以及在生产环境中的运用。目前 Vue 社区还比较小，除官方文档外难以找到优秀资料。

3.JavaScript + jQuery

JS：看 w3school 教程，花 2-3 天，但 w3school 教程有点过时，看完只能了解个基础，深入学习的话，推荐看《JavaScript 权威指南》，《JavaScript 高级程序设计》。两部都是大部头。看完还需要在去网上找 ES6 资料学习，推荐 ECMAScript 6入门，深入浅出ES6。

jQuery 的话，去官方文档看即可。

熟练掌握大概需要1个月。

4.webpack & 测试

webpack 是目前应用最广泛的前端模块管理工具，功能强大。

测试相关的框架多且杂，大多是社区产物，较难系统学习。

下面有点小建议，在学习的过程中你会经常地遇到 bug 和其它一些问题。这可能会让人沮丧，但你要尽量保持冷静，并系统地去思考。记住实践是解决问题的最佳方法。

想学前端吗？来惠州北大青鸟暨华学校，一定不会让你失望的。

标签：惠州北大青鸟北大青鸟惠州前端培训惠州前端前端培训