1. 完成本项目以后，能够让你熟练的掌握前端搭建网站的所有流程。
2. 具备网页端异步请求的能力
3. 掌握 jquery javascript 基础语法
4. 掌握 scss 语法
5.
掌握自动化流布局工具 Gulp 使用
6. 掌握 css 预编译处理器 scss 使用
7. 掌握模块发开发技术 requirejs 和 AMD 规范
8. 掌握客户端和服务器端交互技术
为什么我要推荐你学大前端？
重新定义自己，你的职场你做主
-
人才缺口大
热门行业人才缺口大
了解详情 -
招聘需求大
招聘量大，日招聘量达
了解详情
63232个 -
学习门槛低
0基础可学，非计算机专业
了解详情
也可上手 -
薪资福利好
名企大厂都需要，相关
了解详情
岗位福利待遇好 -
就业前景广
互联网时代，各行业都需
了解详情
要，尤其IT、科技、金融等 -
就业选择多
如网站、App、桌面应用、
了解详情
智能电视、数据可视化等 -
职业天花板高
各阶段晋升路线明确，技
了解详情
术、管理等，职场光明 -
男女不限制
没有性别专业歧视，只以
了解详情
技术论高低
*此处招聘量数据来源于职友集，数据样本选取日期为2022年7月1日，仅作为信息展示，不作为效果承诺
千锋大前端高品质课程，实用技术助你逐梦职场
-
教研+师资团队
每年投入数千万用于研发，百人教研团队、300人教学团队打造高品质课课堂
-
特色课程
基础-专业-项目-企业-就业-职后课程，从学习到就业再到职后赋能，让你实现从0到1的突破
-
人才培养成果
每年培养泛IT人才近2万人，累计培养超10余万泛IT人才
- 1
- 2
- 3
- 4
- 5
- 6
多班型精准培优
开设多种班型，可根据自己的需求、上课时间、地点来选择合适的课程
完善服务助力就业
千锋双选会、上门招聘、人才定制、内推等，并有专业老师做职业生涯规划、简历指导、模拟面试等，一站式服务，助力就业
数百万学员受益
每年有数百万名学员接受千锋组织技术研讨会、技术培训课、网络公开课及免费学科视频等服务
课程升级，培养新时代Web全栈工程师
量化内容，逐步增加核心技能，时间见证你的蜕变
-
PC端网页制作与动画特效
原生JavaScript交互功能开发
面向对象进阶与ES应用
JavaScript工具库自主研发
-
移动端网页制作与响应式实现
移动端概念与布局
响应式与实现
-
JavaScript程序设计
原生JavaScript交互功能开发
面向对象进阶与ES应用
JavaScript工具库自主研发
-
PC端全栈项目开发
前端工具库
前端工程化与模块化
Node.js 服务端开发
PC端网站开发
-
大前端架构
开发工具及服务器技术
前端性能
微前端架构
低代码与组件库开发；安全
-
原生应用开发技术
ReactNative
Flutter
HarmonyOS鸿蒙开发
-
混合应用开发技术
微信公众号
微信小程序
Electron技术
PWA技术
-
前端高级框架技术
Vue
React
Angular
数据可视化
六大特色课程，只学实用核心技能
基础+专业+实战+企业+就业+职后，助力职场顺畅
-
基础课
基础课程，每天一个实用案例
-
专业课
深度学习大前端，全栈开发能力
-
项目课
真项目，真实战，多学科联合开发
-
企业课
企业嘉宾授课，热门技能学习
-
就业课
求职稳定发挥，提升职业素养
-
职后课
职场持续提升，提升自身技能
一：费曼学习法、响应式、阅读案例结构搭建
主要熟悉项目开发流程；
掌握浏览器控制台和Hbuilder软件应用；
掌握HTML常用标签，
搭建基础页面结构
三：红英页面、知乎案例、视觉差页面搭建
主要掌握盒子模型相关概念和应用；
背景相关属性用法和使用场景；
能独立搭建视觉差效果
五：启梦科技媒体报道页面书写
能独立搭建pc端页面；
熟悉页面布局过程
中的bug和解决方式
二：千锋教育和健康页面搭建书写
掌握基础css语法和引入方式并熟练使用css
选择器和相关属性；
能独立搭建简单页面
四：启梦科技布局搭建
熟练掌握浮动原理和使用场景；
基本pc端页面布局；
熟练利用ps切图、取色、测量
六：婚礼纪首页-移动端页面
了解dpr的计算和meta设置视口设置；
独立开发简单的移动端页面
第一阶段 前端页面重构
1.企业级 PC 端网页开发
2.企业级移动端网页开发
3.HTML5 CSS3 新特性
第三阶段 Vue.js 前端框架 +React 前端框架 + 小程序开发
1.MVVM 原理及虚拟 DOM 比对
2.vue2 和 vue3 的基础使⽤项⽬实战
3.vue2 和 vue3 的优化上线
4.react 和 vue 之间不同和虚拟 DOM 实现
5.webpack 相关配置的搭建项⽬流程
6.了解jsx 解析实现
7.react 使⽤和项目实战；常用 UI 组件库
8.自定义私有组件库以及发布流程
9.React 生态系统及原生小程序开发
10.第三⽅框架实现跨端及平台小程序开发
11.数据可视化不同使⽤场景
12.typescript 技术栈
13.团队合作完成项⽬技巧
第二阶段 JavaScript 高级程序设计 +PC 端全栈开发
1.原生Javascript 交互功能开发
2.⾯向对象进阶与 ES5/6/7/8/9/10 应⽤
3.Javascript ⼯具库开发
4.Javascript 数据结构、变成模式、常⽤算法
5. jQuery 经典交互特效开发
6. Echarts 数据可视化
7.Node+Mongodb 后端基础
8.前端工程化与模块化应⽤及Git 基本使⽤
项目名称：PC端全栈项目
开发周期： 5 天
开发时间：第 12 周
项目名称：基于 Vue.js WebAPP 开发 / 基于 Vue.js 管理信息系统开发
开发周期：8 天
开发时间： 第 15 周
项目名称：小程序开发项目
开发周期：8 天
开发时间： 第 20 周
项目名称：基于 Node.js 后台管理系统
开发周期：8 天
开发时间：第 13 周
项目名称：基于 React WebAPP 开发 / 基于 React 管理信息系统开发
开发周期：8 天
开发时间：第 18 周
项目名称：UI+ 大前端 +Java/Python+ 云计算 + 网络安全 + 物联网 + 大数据
开发周期：1.5-2 个月
开发时间：学科最后一个阶段开始
一、团队户外拓展训练
课程内容： 团队建设、团队协作；逆境生存法则
掌握能力： 团队协作能力；逆境生存能力
解决问题： 调节专业课学习状态；增加企业拓展训练经验
三、管理课程
课程内容： 项目管理架构及流程；整合管理和范围管理 时间管理、成本管理和质量管理；人力资源管理、沟通管理、风险管理 基层管理者领导力提升培训解决方案
掌握能力： 企业项目管理流程和方法；如何带领一个小团队
解决问题： 使学员提前掌握企业项目管理和团队管理能力
二、企业合作项目课程
课程内容： 项目需求分析与交互设计 前后端及移动端流行工具、框架与库的企业项目深度应用实战 JavaScript框架设计；移动端组件库设计；项目架构与产品选型 大厂项目开发流程、项目测试、部署与发布实践；项目安全、性能与可用性实战 与兄弟部门及项目团队密切合作及有效沟通
掌握能力： 项目开发流程；企业开发架构；企业级应用代码观摩；企业部门合作方式；JavaScript深度应用
解决问题： 提前了解企业用人要求和技术要求；体验企业工作流程和工作要求；大前端技术企业落地
《企业初认知》
课程内容： 公司类型 企业组织架构 企业岗位发布及招聘流程 企业招聘途径 对标IT综合素养和技术
掌握能力： 熟悉公司类型，组织架构和本职位相关工作流程以及公司招聘常用招聘平台等，让学员对公司有初步认知，能清晰目标走出舒适区，努力修炼技能，拿到职场入场券
《企业需求及职场规则》
课程内容： 企业软需求 情商提升 职场规则
掌握能力： 重点从公司考察的硬实力和软实力出发，分析需要掌握的技能，从态度、言行、微笑等细节及职场潜规则等方面解读，了解职场法则
《市场行情分析及职业发展》
课程内容： 市场行情分析 岗位招聘需求分析 职业生涯规划 技术网站拓展
掌握能力： 了解国内各个城市在招聘平台的招聘数量、薪资分布、岗位职责等内容。360度解读一名程序员的职业生涯发展路线，让你对从事岗位有具体、细致了解，清晰自己职业规划
《求职礼仪及面试常见问题》
课程内容： 求职礼仪、薪资构成、社保及合同解读其他职场常见问题
掌握能力： 从着装、谈话、仪容、薪资构成以及五险一金、合同等方面，从个人形象打造到熟悉法规保护个人权益等进行解读，为进入职场保驾护航
一、算法与网络
掌握能力： 计算机网络、数据结构与算法
解决问题：
数据处理场景中的各种算法及逻辑问题
场景网络协议下的优化调试问题
数据处理场景中的各种算法及逻辑问题
场景网络协议下的优化调试问题
二、前端框架（实时更新）
掌握能力： Ionic基础与实战、微信公众号开发
各类混合应用开发、React-Native开发
Flutter开发Angular前端框架
大数据可视化基础与实战
桌面APP开发Electron开发探索
解决问题： angular应用开发及相关技术
公众号开发常见问题
MUI及Cordova混合开发
基于RN或者Flutter的原生app开发场景
大数据可视化实战
桌面端软件开发
立即申请
互联网大厂真实战项目，学习即“实习”
真实战项目，理论与实际结合，助你成为实战型人才
- 仿小米商城
- 仿美团PC端
- 数据可视化项目
- 全球新闻发布系统
- 锋蜜外卖管理端
- 锋蜜嗨购管理平台
仿小米商城
仿前端小米商城，本项目是基于原生 JavaScript 等前端技术实现的仿小米电商网站。本项目前端代码
设计技术栈有（JQuery、scss、Gulp、模块化开发），后台构造技术包括（PHP、MySQL）等后台编程知识。
掌握能力
仿美团 PC 后台管理系统
为美团 PC 配套开发的管理平台，采用 VUE 框架进行开发，实现了大屏数据可以刷、分类管理、
门店管理、门店产品、订单管理、用户管理、角色管理、权限管理等模块。项目中采用第三方地图
实现门店维度经度定位、富文本、多图上传、echarts 图表展示、RBAC 权限机制等功能。
掌握能力
1. 使用 node+gulp 从 0 到 1 实现项目模块化管理
2. 使用 jquery 实现项目交互操作
3. 采用前端代理 http-proxy-middleware 解决跨域 4. 使用 git 进行版本控制
5. 采用极客行为验证码避免防关税
6. 采用支付宝、微信 API 实现支付功能
7. 采用 H5C3 进行网页布局
8. 使用腾讯地图实现定位用你那个
9. 采用阿里云对象存储 +CDN 实现图片处理
10. 使用 H5 新增 API FileReader 实现图片上传同步阿里云
2. 使用 jquery 实现项目交互操作
3. 采用前端代理 http-proxy-middleware 解决跨域 4. 使用 git 进行版本控制
5. 采用极客行为验证码避免防关税
6. 采用支付宝、微信 API 实现支付功能
7. 采用 H5C3 进行网页布局
8. 使用腾讯地图实现定位用你那个
9. 采用阿里云对象存储 +CDN 实现图片处理
10. 使用 H5 新增 API FileReader 实现图片上传同步阿里云
数据可视化项目
数据可视化这一概念自 1987 年正式提出，经过 30 余年的发展，逐渐形成 3 个分支：科学计算可视化(scientific
visualization)、信息可视化 (information visualization) 和可视分析 (visualanalytics)。近些年来，这 3
个子领域出现了逐渐融合的趋势。我们统称为“数据可视化”。
掌握能力
1. 使用 CRA+Vue3+Express+Echarts 搭建开发环境，使用阿里云 +Nginx 进行项目运行
2. 使用 Vue-Router4 进行导航组件开发实现多界面跳转
3. 使用 axios 异步 HTTP 请求，封装拦截器与请求 Api 实现动态页面数据获取
4. 组件化模块化开发 配合 Vuex 进行跨层级数据传递，并且进行二次组件封装提高复用性
5. 使用 Echarts 各项 Api 配置进行大数据图标展示
2. 使用 Vue-Router4 进行导航组件开发实现多界面跳转
3. 使用 axios 异步 HTTP 请求，封装拦截器与请求 Api 实现动态页面数据获取
4. 组件化模块化开发 配合 Vuex 进行跨层级数据传递，并且进行二次组件封装提高复用性
5. 使用 Echarts 各项 Api 配置进行大数据图标展示
全球新闻发布系统
企业级全球新闻发布管理系统项目，实现了从新闻创建，到新闻审核，新闻发布，新闻下线完整业务链路，
包含但不限于以下模块，登录模块、权限管理、角色管理、用户管理、新闻管理、分类管理、审核管理、 发布管理、数据分析。
掌握能力
1. 基于 React, ReactRouter,Redux, React-Redux 全家桶实现功能组件以及业务模块开发。
2. 基于 AntDesign 组件 ，react-tsparticles 模块完成 UI 搭建，提升用户体验。
3. 基于 react-draft-wysiwyg ， *draft-js* 完成新闻的富文本编辑器功能。
4. 基于 *echarts* 实现 热点新闻以及个人新闻发布的数据分析图表展示功能。
2. 基于 AntDesign 组件 ，react-tsparticles 模块完成 UI 搭建，提升用户体验。
3. 基于 react-draft-wysiwyg ， *draft-js* 完成新闻的富文本编辑器功能。
4. 基于 *echarts* 实现 热点新闻以及个人新闻发布的数据分析图表展示功能。
锋蜜外卖管理端
锋蜜外卖后台管理系统，是与锋蜜外卖相配套的数据管理平台，便于管理员对整体数据进行维护，也为入驻商家提供了产品录入及发布的能力。
掌握能力
1、使用了vue全家桶技术架构
2、 基于ElementUI组件库，完成UI搭建，提升用户体验。
3、后台使用Eggjs的nodejs web框架，使用了mongoDB数据库存储数据。
4、manage打包，Nginx部署
2、 基于ElementUI组件库，完成UI搭建，提升用户体验。
3、后台使用Eggjs的nodejs web框架，使用了mongoDB数据库存储数据。
4、manage打包，Nginx部署
锋蜜嗨购管理平台
本项目采用Express、React、Redux、Immutable、AntDesign、进行开发，提供一站式的商城管理能力，包括管理员角色控制、商品管理、秒杀活动数据管理等功能
掌握能力
1. 基于React 全家桶实现功能组件以及业务模块开发。
2. 基于Ant Design UI视图组件库 ，完成UI搭建，提升用户体验。
3. 基于NodeJS , Express，MongoDB 数据库完成后台开发。
4. build打包至Nginx部署
2. 基于Ant Design UI视图组件库 ，完成UI搭建，提升用户体验。
3. 基于NodeJS , Express，MongoDB 数据库完成后台开发。
4. build打包至Nginx部署
专业大咖老师指导，不怕学不会
老师实战经验丰富，直击核心不迷路
-
300位
大咖导师
-
百人
教研师资
-
2%
讲师录取率
-
15道
严苛筛选
-
400小时
岗前培训
-
6轮
讲师技能提升
王蓝浠 wanglanxi 1 / 8
原中科院计算所专家
曾任西安美院、交通大学、西北工业大学、思源学院、西京大学客座讲师。曾任北京八维计算机研修学院动画学院院长、大麦网前端技术主管、北京竞技世界(JJ斗地主)前端主管、中彩网前端开发主管、北京超闪软件技术总监。精通前端开发、桌面应用开发、页游开发、手机H5及2D游戏开发等，曾开发大麦网在线购票系统，永乐票务购票系统，人人网JJ斗地主游戏，Mirage引擎UI编辑器等产品。
陆荣涛 lurongtao 2 / 8
前去哪儿网高级前端架构师
千锋HTML5大前端教研总监，15年以上前后端开发经验。曾主导去哪儿网在线服务频道Hybrid App开发，曾任海淀园电子政务高级产品经理，擅长大前端技术研究、开发与知识传，Adobe最早一批ACCI认证讲师。曾发布《DOM探索之旅》，《Webpack5学习指南》，《TypeScript学习指南》，《Vite学习指南》等视频教程，深受学生好评。
杜鹏 dupeng 3 / 8
前人人网高级前端工程师
多年IT培训经验，先后就职于阿里软件、暴风音影、人人网等多家上市企业。书籍作品：《HTML5从入门到精通》、《JavaScript实战详解》、《jQuery从入门到实战》；教学视频作品：《Web前端从入门到精通（HTML+CSS全套）》、《Vue实战项目之喵喵电影》、《小程序全栈开发之喵喵交友》。
刘沛君 liupeijun 4 / 8
前IBM高级软件工程师
前端技术顾问，获得IBM WORKLIGHT 跨平台移动应用高级开发者认证，致力于HTML5，Android，iOS移动应用开发以及多种基础平台整合的企业级解决方案。
谢天 xietian 5 / 8
曾任职西安电子科技大学
曾任西安美院、交通大学、西北工业大学、思源学院、西京大学客座讲师。曾任北京八维计算机研修学院动画学院院长、大麦网前端技术主管、北京竞技世界(JJ斗地主)前端主管、中彩网前端开发主管、北京超闪软件技术总监。精通前端开发、桌面应用开发、页游开发、手机H5及2D游戏开发等，曾开发大麦网在线购票系统，永乐票务购票系统，人人网JJ斗地主游戏，Mirage引擎UI编辑器等产品。
高鸿博 gaohongbo 6 / 8
原AIOps独角兽企业前端Leader
千锋教育HTML5好程序员讲师。开发经验丰富，曾担任AIops领域Top1公司前端Leader，负责架构项目及研发管理工作，主导智能运维平台项目在各大银行落地及部署，主导开发过Tyche高效自动化部署工具等多个项目。擅长微前端、NodeJS、React、Vue、小程序、可视化等前端主流技术，在混合开发方面有较深经验，教学经验丰富，所带班级就业快薪资高，授课风格深受学生喜欢。
郭翔 guoxiang 7 / 8
金牌前端讲师
精通原生JS，jquery，node，angularJS，Vue，小程序，typescript 开发。曾任职腾讯，参与腾讯看比赛项目PC端和移动端开发（外派），后任职于江苏传智播客教育股份有限公司，任职前端学科讲师。著有最新版JavaScript项目实战案例_JS基础到高级进阶全套教程。
李勇 liyong 8 / 8
金牌前端讲师
曾负责多个互联网金融、地级市门户网站、汽车租赁购买的客户、商户端的WEB、移动端的研发和开发，对HTML5、CSS3，JavaScript前端语言有深入认识和丰富实践经验，曾参与开发湖北省艺术高考在线打分系统，并且该系统仍在湖北省各大高校中运行使用。
学习+就业 一站式服务
与20000家企业建立人才输送关系，助力职场顺通
-
没基础怕学不会？
-
自制力差难以坚持？
-
没实战经验落地难？
-
不懂面试就业难？
京公网安备 11010802035719号