其实提起前端，不管大孩小孩应该都并不怎么陌生，我们平常浏览的所有界面都属于前端，不过随着互联网的发展，它同样在发生着一系列变化。

它一开始只是静态页面（就是只供大家浏览阅读的网页）在使用过程中逐渐发现它缺乏交互性，不能够相互评论交流等，然后便有了现在与之相对的动态页面，诚筑说正是因为目前网站从开发难度以及方式上，更接近普通的网站后台开发，所以目前不再称为“网页制作”，而是“web前端开发“。

那么作为0基础小白学哪些内容，也能上手制作网站呢？

基础学习：

1.HTML+CSS:HTML进阶、CSS进阶、Div+css布局以及HTML+css整站开发、

2.JavaScript基础：其实它是属于网络脚本语言的一种，现在常被用于Web开发。并且常会用来为网页添加各种动态样式，可以更流畅美观的视觉效果。并且通常思被嵌入在HTML中实现功能。

3.JS基本效果：一般都会包括轮播图、瀑布流、不准粘贴、把地址栏图标换成logo图等常用的效果要熟练掌握。

4.JQuery基础使用：方法链、拖拽、变形、悬着器、DOM操作

HTML5和移动Web开发

其实这一阶段看标题便能知道主要学习HTML5、CSS3以及移动web开发，另外还会学习Bootstrap框架（响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。）

框架学习，可以封装一个属于自己的框架

1.框架封装基础：事件流、冒泡、捕获、事件对象、事件框架、选择框架。

2.框架封装中级：运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。

3.框架封装补充：JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。

Web制作APP的学习

1.swiper移动端触摸内容滑动库应用

2.jQuery Mobile：微型JQ移动小框架的使用

3.BOOTSTR响应式：通过使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。zui终达到网站的不同尺寸布局。

4.React基础及应用：跨平台构建React基础；使用React自行制作手机点餐系统

5.小程序开发：工具使用，轮播图，获取后台数据，小程序中的循环便利

除了以上整理的这些内容，其实在前期还包括web视觉学习比如：Ps软件的操作，以及一些该行业的理论知识（编程行业术语、该行业目前的发展方向展望等等）