如何才能自学Web前端？

虽然我不是 web前端开发工程师，但是我会web前端，前端开发我通过自学掌握的。web前端相对容易， 虽然你没有基础，是个小白，但是你要对自己充满信心，相信你很快就可以掌握。

web前端都包括什么？

三个大方向，HTML、css、JavaScript。html就不细说了，很多人都说html算不上编程语言，连个循环都写不了。一个web页面时三者共同努力的结果。

如何学习Web前端？

1. 首先你需要学习html的各个标签，掌握其用法和规范，明白其作用。
2. 开始学习css的使用，你先学习在html页面中为标签增加css样式，其次是将css写在网页的标签对的标签对中。
3. 学习如何引入外部的css文件。
4. 如何将css和div结合起来，css你需要学习各种效果、定位、组件设置、布局、响应式等等这部分需要你学习一段时间。
5. 学习原生的css后你可以学习使用css框架，下方我列举一些框架。
6. 之后你还需要学习JavaScript，还是从基础知识开始学习，学习的同时你可以自己开发一些插件检验学习成果
7. 学习完基础之后你需要学习JavaScript框架和一些js库。
8. 最后你将三者结合起来开发一个网站的前端进行练习，可以开发wordpress的主题等。或者你再学习后端语言开发一个网站。
9. 关于前端学习我觉得一个网站非常好，那就是w3cschool%%%cn，里面有个编程实战闯关模块，花点时间通过他会对你有很大帮助。编程实战难度不大，我很快就通关了。

css的框架

Bootstrap—— 富有创意并且强大的移动为先的前端框架，帮助你快速开发web应用

Semantic—— 通过创造一个用来方便分享UI的语言使得开发人员和设计师的可控范围更为广泛。

kube—— 极简但非常丰富的组件开发自适应或者响应式的网站。 拥有灵活的Grid和漂亮的字体排版。绝对自由，没有多余强制的样式。

Less框架—— 是一个CSS的网格系统，帮助你设计自适应的网站。包含了4个布局和3套字体排版预设，所有的都基于同一个Grid。

YAML—— 是一个模块化的CSS框架，重点在于灵活性，良好的访问和响应式的设计。这个框架重点在于设备独立的屏幕设计和灵活的布局模块化管理。

js框架

AngularJS—— 有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

React —— 是一个 Facebook 和 Instagram 用来创建用户界面的 JavaScript 库。

Vue.js ——是用于构建交互式的 Web 界面的库。它提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的 API。

jQuery —— 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。

最后加油吧，祝你早日掌握前端！！！

码了这么多字，点个赞关注下再走吧！！！

关注萌新程序猿（本人咯），了解更多IT以及程序猿的知识！！！