实践才是真的！

项目一：PC端网站布局

包含的知识点：HTML基础、CSS基础、CSS核心属性、CSS样式级联、继承、盒子模型、容器、溢出和元素类型、浏览器兼容性和宽高调整、定位、锚点和透明度、图像集成、表格、CSS 属性和过滤器

项目 2：+CSS3 基础项目

包含的知识点：新元素和属性、表单域增强元素、CSS3选择器、文本字体相关样式、CSS3位移和变形处理、CSS3 2D过渡和过度动画、CSS3 3D过渡和关键帧动画、模型、查询、响应式设计

项目三：页面布局项目

包含知识点：移动端页面设计规范、移动端图片裁剪、文字流转/控制灵活性/图片比例/专门设计的100%布局、比例缩放布局、/meta、rem/vw的使用、详解、移动web特殊风格处理（，1px，高清图片）

项目4：原生Java交互功能开发项目

包含的知识点：基本语法、循环语句、函数和数组，以及日期、BOM和DOM、事件、拖放效果、存储、正则表达式、Ajax、面向对象基础知识、运动和游戏开发

项目 5：面向对象的高级和 ES5/ES6 应用项目

包含的知识点：/A+、设计模式（观察者模式等）、原型链、构造函数、执行上下文栈和执行上下文、变量对象和活动对象、作用域链、闭包、this、ES5、ES6

项目六：Java工具库自主研发项目

包含的知识点：DOM库、事件库、AJAX库、原型与继承库、MVVM核心库、基于SPA的路由库

项目7：经典交互特效开发

包含知识点：时间线效果、标签页切换效果、网页定位导航效果、推拉门效果、焦点图轮播效果、导航栏菜单效果、瀑布流效果、弹出层效果、倒计时效果、抽奖效果

项目8：PHP+后端基础项目

包含知识点：PHP、HTTP(s)协议详解、Ajax进阶、跨域及环境搭建与配置、接口定义、Mock数据、前后端联调、前端安全（ XSS、CSRF、JSON 注入）

项目9：前端工程与模块化应用项目

包含的知识点：Gulp、NPM、Git/SVN、AMD、CMD、ES6 模块化

项目十：PC端全栈开发项目

包含的知识点：大首页、列表页和详情页展示和交互效果、搜索、登录和注册、购物车、和、(ACE)、/、、、、、云平台系统前端

项目十一：应用程序Vue.js开发项目

包含知识点：Vue.js基础、模块化、单文件组件、路由、与服务器通信、状态管理、单元测试和生产发布、服务器端渲染SSR和Nuxt.js，基于Vue.js企业级项目开发（Mint UI、UI）

项目12：应用.js开发项目

包含知识点：基础知识、JSX语法、组件、flux+、路由、动画效果、基于企业级项目开发（Antd、Antd）

项目十三：应用程序开发项目

包含的知识点：类型基础和高级、开发环境配置、架构、模块和组件、模板、元数据、数据绑定和数据展示、表单、服务和指令、依赖注入、路由、3 MUI框架

项目十四：微信公众号开发

包含知识点：初识微信公众号微信小程序全栈开发，订阅号基本功能，使用百度BAE实现代码快速上线，使用Git完成在线代码部署，公众号开发权限及功能接入，微信接口API 、微信场景项目开发及接入

项目15：微信小程序开发

内含知识点：微信小程序初步探索，小程序必备学习，小程序组件体验，小程序主要功能，项目实战带你征服小程序

第十六条：

包含知识点：初步探索、项目导航、项目文本框、项目滚动分页、项目第三方登录、其他组件

项目十七：各种混合应用程序开发

包含的知识点：独立原生（iOS）、第三方框架/gap、第三方框架MUI++

项目十八：全栈开发

包含的知识点：

(1）Node.js基础项目-介绍、开发环境搭建、模块及包管理工具、模块、URL URL解析、参数处理、HTTP模块、HTTP爬虫、方法、事件模块、文件fs模块, 流模块, 原生路由和参数接收, 读取图片文件, npm s, Yarn 和 PM2

(2）——介绍及环境搭建、常​​用数据库命令、聚合集合、文档操作、聚合集合查询、连接

(3）——初步探索：从REST到、安装、数据源准备、服务器搭建、数据查询

(4） - 引入、安装和创建基础项目，4.1x初始化项目细节，路由介绍，模板引擎EJS，模板引擎Pug(Jade)

(5）Koa - Koa 入门、Koa 应用程序、中间件、、、请求和响应

(6）测试框架 - 构建框架、断言、项目测试、运行多个测试

(7）即时通讯项目-介绍及通讯流程，基于Net 实现，

项目十九：Node.js 高级全栈项目

包含知识点：基于Vue+Node++微信的高级全栈项目开发

项目 20：大数据可视化

包含知识点：数据可视化入门、数据可视化基础、零编程工具使用：D3.js详解、D3.js介绍、D3.js进阶应用，D3.js应用工具：NVD3、n3,,,,

在前端学习的初期，最重要的是要有明确的目标和合理的学习计划。为此，小编特地为大家总结了web前端基础学习阶段的四大学习点。学习变得更有效率：

一、基础知识的掌握在我们整理的知识结构中。根据我们分析的两个维度中最高级和最简单的部分，作为打基础的阶段，肯定是在这个过程中。如果我们在实践中投入更多，我们通常会做得更多并变得精通，并且我们认为这部分知识和内容是可以掌握的。

二、掌握常用工具要掌握常用工具，你应该掌握一些有大公司或专业团队背景的流行工具。掌握这些工具，可以提高敬业精神和敬业精神，同时也可以提高我们的工作效率。

三、沟通技巧在中国掌握。技术人员通常制定和实施自己的计划。在实施过程中，相关产品与交互设计人员之间缺乏沟通。他们中的大多数都是基于自己的想法。开发正在实施中进行。久而久之，我们习惯了相信自己的观点，从自己的角度看待问题，总是千方百计地去迎接挑战。我们更需要改进的是如何站在对方的角度看问题，如何站在用户的角度看问题。

四、良好的开发习惯 养成习惯。一旦有了坏习惯，以后改正就麻烦了。培养良好的开发习惯，必须从头做起。上手，例如：先分析再写代码、先写文档、先写注释等。

点击下方小卡片即可领取：