前端快速入门：实践

很多优秀的CSS和JS的设计已经被集成为框架或库供人们使用，在学习完前端的一些基本概念后，通过学习一系列的框架来对所学进行实践和更深入的学习。下载框架或者是用CDN通过外联式的方式包含到项目中，即可对项目样式进行改进。可以打开下载后的框架（就是一系列的.css和.js文件）来查看优秀的CSS和JS具体都是如何设计的，并可以做到在此之上的进一步的设计或修改。可以通过查找优秀的网站对应的前端框架来进行框架的选择和学习。通过菜鸟教程的相关模块可进行快速学习。主要是实例应用。

前端框架

1.   Bootstrap
   

   a、 来自twitter，基于HTML+CSS+JS

   b、重点：网格系统，媒体查询，响应式布局

   c、 用一系列实例来练习不同样式的效果

   d、查看源码在此之上做出自己的自定义样式

2.   jQuery
   

   a、 JS函数库、JS框架

   b、 $(选择器).动作()
   选择器：元素、 #id、 .class
   事件（动作）：键盘，鼠标等的动作。

3.   Font awesome
   

   a、 图标字体库

   b、提供各种各样的图标并可修改其CSS样式

4.   React
   

5.   Vue
   

6.   Angular
   

7. ……

理解AJAX（异步）

XML和JSON（数据）

最终使用一系列前端框架完成一个移动优先的响应式页面view，并实现一定的异步：在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容（常用于验证等）。利用chrome等浏览器的F12查看在不同设备下，页面的响应式布局。还可以利用一些图标字体库来装点页面。