极客时间——前端实战训练营高清无味完结

落地：

小编为大家搜集了11个web前端开发、大型企业实际项目案例+5W源码！拿来玩！

1) 小米官网

项目描述：首先选择小米官网作为第一个实战案例，因为入口的开头有一个参考点，而且网站更倾向于现在的卡片式设计小程序开发，达到共同的效果. 目的是让学者练习编写小米官网，熟悉div+css布局。学习资料可以加一条web前端开发学习裙：600加610加151自己进群下载。

项目技术：HTML+CSS+Div布局

2）迅雷官网

项目描述：本站有很多特效，通过练习写子站，学生可以练习更多的CSS3新特性的转场和动画，可以很好的练习div+css的布局。

项目技术：+ CSS3新特性

3.音乐播放器

项目描述：这个项目是一个音乐项目。主要实现音乐首页展示、今日推荐分类、歌曲列表、歌曲播放和歌手列表及搜索功能。主要练习如何设计Vue的基础应用和组件。项目的结构和测试方式。通过这个项目，学者们可以更快的熟悉Vue框架的使用。并精通搭建整个项目所需的架构。

项目技术：Vue+Flex+Vue-++ES6

4) 爱

项目描述：这是一款专为女性打造的App，推荐更好的产品，包括化妆品、护理品、可穿戴设备等。功能包括浏览、推荐、活动、购物车和购买功能

项目技术：HTML+CSS++第三方框架

接下来给大家介绍一组前端web开发必须要学习的知识框架。有兴趣的话~

第一阶段：

HTML+CSS：HTML进阶，CSS进阶，div+css布局php顶级框架zend framework开发实战，HTML+css全站开发，

基础知识：js基础教程、js内置对象常用方法、常用DOM树操作、DOM、BOM、定时器和焦点图。

JS基础特效：常见特效，如：标签、导航、整页滚动、轮播、JS幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚动差异视图。

JS 高级特性：正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离的运动框架、面向对象的基础、

: 衣架的基本使用，DOM操作，特效和动画小程序开发，方法链，拖放，变形，组件的基本使用。

第二阶段：

：新的语义标签、表单、音频和视频、离线和本地存储、SVG、web、.

CSS3：CSS3新选择器、伪元素、人脸符号、边框、阴影、系列属性变化、动画、景深和深度穿透、3D效果制作、.js框架、元素进入、退出策略、酷炫的CSS3网页制作。

：响应式概念、媒体查询、响应式网站制作、删除网格系统、删除网格系统原理、常用模板、LESS和SASS。

移动端Web开发：跨终端WEB及主流设备介绍php顶级框架zend framework开发实战，，流式布局， box，rem，移动端事件，手机常用JS效果制作，.js，手机聚划算页面，手机滚动。

第三阶段：

WEB服务器基础：服务器基础、服务器等WEB服务器介绍、服务器搭建、HTTP介绍。

PHP 基础：PHP 基本语法，用 PHP 处理简单的 GET 或 POST 请求，

AJAX Part 1：Ajax及异步概念介绍，Ajax框架的封装，详细的对象引入方法，兼容性处理方法，Ajax框架的封装，Ajax中的缓存问题，XML介绍与使用。

AJAX下一部分：JSON和JSON解析、数据绑定和模板技术、跨域技术、图片预读和延迟加载技术，在框架内，使用Ajax实现爆流案例。

第四阶段：

终极面向对象篇：从内存的角度理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、、。

面向对象的三个特性：继承、多态、封装、接口。

设计模式：面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰器模式、适配器模式、面向方面编程。

第五阶段：

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

帧封装中级：运动原理、单对象运动框架、多对象运动框架、运动框架的面向对象封装。

高级和补充的框架封装：框架原型、可扩展性、模块化、封装都属于传智自己的框架。

第 6 阶段：

面向组件编程：面向组件编程的方法，面向组件编程的实现原理，面向组件编程的实战，基于组件化思想的网站应用开发。

面向模块的编程：AMD设计规范、CMD设计规范、淘宝的。

第七阶段：

Web 开发工作流程：GIT/SVN、脚手架、NPM/依赖管理工具、/Gulp/。

MVC/MVVM/MVW 框架：.js、.js、/。

常用库：.js、Vue.js、.js。