千锋HTML5大前端

剑指极峰 前端培训扛把子

  • 22周标杆课程

    大前端六维深度赋能

  • 170+企业级项目

    多学科联合开发

  • OMO教学模式

    “好程序员+”企业加薪课

  • 300位大咖导师

    智慧课堂强势赋能

  • 终身技术提升

    前沿职后课定期直播

  • 架构师梦工厂

    提升学员职场竞争力

课程优势 标杆课程优势矩阵联动,学员终身赋能

5分钟了解

HTML5大前端课程

17623人了解过

六维全息课程体系

基础课、专业课、项
目课、企业课、就业
课、职后课,学员终
身免费提升

OMO教学模式创新

16周“好程序员+”线上
加薪课,提升品质教学
与学习体验

大前端全栈赋能

全面覆盖前后端、原
生APP开发、混合APP
开发、桌面APP开发

十大核心技术深挖

囊括多端小程序、混合
开发及前端架构等大前
端核心内容

业内技术大神全程
亲授

行业技术大神、总监级
导师亲授,原百度、阿
里、去哪儿网技术大神

大厂主流框架及项
目库

企业级大型实战项目,
融入阿里主流技能
16类项目贯穿始终

终身免费职后课

每周大咖在线技术公
开课,根据需求实时
更新课程内容

架构师梦工厂

致力于培养中高级开发,
学员高品质就业,蜕变
技术精英

查看课程优势详情

多元班型 量身打造高效课堂,满足不同学员需求

面授实战
就业班
好程序员
大厂共建班
在线实战
就业班
  • 适合非计算机相关专业
    或无任何前端基础的人群
  • 针对零基础学员开发
    更易入门学习
  • 技术点系统详细
    细微粒讲解
  • 授课时间长
    学习内容全
  • 阶段性考核精进
    针对性补课答疑
  • 考核不过重新学
    直到学会为止
  • 培养项目研发能力
    项目设计能力
  • 适合计算机相关专业
    或有一定前端基础人群
  • 与大厂合作共建
    共同实施教学
  • 技术体系更深入
    对标大厂需求
  • 降低时间经济双成本
    学习效率高
  • 深度融入大厂
    真实项目案例
  • 直通大厂offer
    收割绝尘薪资
  • 培养架构设计能力
    项目管理能力
  • 适合无法脱产学习的
    在校生或者在职人群
  • 直播+录播
    随时随地可学习
  • 讲师阶段性
    在线直播答疑
  • 保姆式监学督学
    拒绝怠学
  • 1对1实战指导
    真实项目经验
  • 7*24小时
    无休答疑
  • 学完就能用的技能
    提升竞争力
了解更多班型差异

项目驱动 大厂级实战案例,学员获得真实开发经验

01 项目优势
  • 多学科协作

    覆盖前端、中台、后台全流程,
    提升高难度大型项目实战能力

    查看详情
  • 跨平台实施

    项目交叉融合PC端、移动端、
    智能终端,各平台功能实现

    查看详情
  • 真场景实操

    还原企业真实开发场景
    职场过渡无压力

    查看详情
  • 全流程参与

    覆盖企业项目开发全流程
    从立项到部署上线全链路参与

    查看详情
  • 高标准验收

    超高验收标准,确保项目
    无BUG,流畅运行

    查看详情
  • 广

    广行业覆盖

    项目覆盖领域宽广
    成就实战高技能人才

    查看详情
02 项目展示 更多>>
教学项目 学员作品
  • web前端培训机构

    锋蜜外卖管理端

  • web前端培训机构

    锋蜜音乐助手

  • web前端培训机构

    公安警情数据大屏可视化

  • web前端培训机构

    锋蜜嗨购管理平台

  • web前端培训班

    票时代后台管理系统

  • web前端培训班

    电商系统设计与实现

  • web前端培训班

    盲盒交友设计与实践

  • web前端培训班

    飞猪旅行项目设计与实践

03 CREA项目研发模型
  • 企业项目引入

    企业项目联盟、企业
    技术合作发展联盟

  • 实战项目研发

    企业项目研发、新基建项目
    研发、热门互联网项目研发

  • 生态项目库打造

    企业实战项目库、学科项
    目研发库、高校实训项目
    库、企业内训项目库

  • 联合项目实战

    单学科实战项目
    多学科联合实战项目

04 多学科联合项目研发

11个学科覆盖UI+前端+后台+运维+测试
学员全链路参与

技术开发 团队协作 沟通表达 项目管理
web前端培训机构
云之家 PROJECT
  • 项目介绍

    基于组织通讯录的即时消息、签到、请假、文件、公
    告及应用接入服务,提高工作效率。

  • 技术难点

    cookie的传递
    websocket
    数据过滤

  • 功能规划

    登录注册、智能审批、聊天管理、朋友圈等

web前端培训机构
SOUL PROJECT
  • 项目介绍

    基于心灵的社交应用,用户可以真实表达自己,打造
    全新社交身份。通过“化学反应的匹配算法”一键推荐
    用户可能喜欢的人。

  • 技术难点

    项目管理和项目底层目录搭建全局组件制作:
    动画,鉴权封装公共方法,编写开发规范

  • 功能规划

    发布,动态列表,好友动态,我的信息

web前端培训机构
Q爱宠 PROJECT
  • 项目介绍

    聚集百万铲屎官的宠物社区,Q爱宠以宠物社区、
    用品及活体交易为核心的宠物交流平台。

  • 技术难点

    react-router-dom
    redux、immutable
    axios、swipe

  • 功能规划

    搜索框、banner、分类、活动区、猜你喜欢

获取实战项目源码

职业路径 学员就业高起点,职业发展路径宽广

  • 初级web前端工程师
  • 中级web前端工程师
  • 资深web前端工程师
  • 高级web前端工程师
  • 全栈工程师
  • 大前端架构师

学习资源

web前端培训机构

初学者必备web前端教…

8756人学习 入门

web前端培训班

jQuery入门到精通全套…

8756人学习 中级

web前端培训班

VUE.JS全套教程从入门…

8756人学习 高级

web前端培训班

全球新闻发布管理系统

8756人学习 项目

查看更多教学视频

学习顾虑 一键获取报名攻略,助你轻松提升

学完Web大前端

工资什么水平?

点击咨询

新手

能学Web大前端吗?

点击咨询

怎样确定自己

适不适合学web大前端?

点击咨询
本页面数据来源于职友集、千锋内部CRM系统统计结果,数据样本选取截止日期为2022年6月1日
web前端培训机构

基础课

基础课程,每天一个有趣案例

{ 第一天 }
课程内容 课程案例 掌握能力

1、学习方法介绍

2、软件安装相关使用和快捷键(浏览器、 Hbuilder)

3、项目开发流程(产品的原型图需求文档、 设计的效果图、技术的开发文档)

4、web 网页的组成部分

费曼学习法、响应式、阅读案例结构搭建

1、熟悉项目开发流程

2、熟练掌握浏览器控 制台和 Hbuilder 软件 的应用

3、熟练掌握 HTML 常 用标签,会搭建基础的 页面结构

{ 第二天 }
课程内容 课程案例 掌握能力

1、 CSS 是什么? CSS 的作用? CSS 的语法

2、 CSS 的内部、外部引入方式 link 的语 法和区别

3、 CSS 类型选择器、class 选择器、包含 选择器的使用和语法

4、 CSS 常用文本属性和 margin

千锋教育和健康页面搭建书写

1、掌握基础的 css 语 法和引入方式

2、熟练并且使用 css 选择器和相关属性

3、能够独立搭建简单 的页面

{ 第三天 }
课程内容 课程案例 掌握能力

1、 padding 属性的使用场景的单独设置

2、 背景相关属性

红英页面、知乎案例、小鹿、视觉差页面搭建

1、熟练掌握盒子模型 的相关概念和应用

2、熟练掌握背景相关 属性的用法和使用场景

3、能够独立搭建视觉 差效果

{ 第四天 }
课程内容 课程案例 掌握能力

1、 浮动属性的使用场景和语法

2、 高度塌陷的原理和 overflow 的解决方法

3、 ps 的切图、取色、测量的使用

启梦科技布局搭建

1、熟练掌握浮动的原 理和使用场景

2、掌握基本的 pc 端页 面的布局

3、熟练利用 ps 切图、 取色、测量景

{ 第五天 }
课程内容 课程案例 掌握能力

启梦科技页面带练

启梦科技媒体报道页面书写

1、能够独立的搭建 pc 端页面

2、熟悉页面布局过程 中的 bug 和解决方式

{ 第六天 }
课程内容 课程案例 掌握能力

1、dpr 的认识和计算

2、视口的认识和 meta 标签设置

3、婚礼纪移动端页面搭建

婚礼纪首页 - 移动端页面

1、了解 dpr 的计算和 meta 设置视口设置

2、独立开发简单的移 动端页面

{ 第七天 }
课程内容 课程案例 掌握能力

1、offcie 办公软件使用

2、常用配置介绍,例如扩展名、文件类型、 图片格式等

3、xmind 思维导图以及 processon 使用

1、寻找一个主题作为分 享内容,利用 ppt 进行制作

2、利用思维导图把已经完成的内容进行整理和制作

1、熟练使用办公软件 制作对应的主体内容

2、对于计算机的基础 配置内容认识和熟悉

{ 第八天 }
课程内容 课程案例 掌握能力

1、jQuery介绍:封装、调用

2、dom 获取、事件绑定、 removeClass()、addClass()

3、js 初体验 : 完成手风琴效果

武汉加油,解封武汉JS动态交互页面

1、掌握 JS 的基本用途

2、掌握基本的编程方法

3、掌握 DOM 操作

{ 第九天 }
课程内容 课程案例 掌握能力

1、jQuery 完成换肤效果

2、css3 多列布局讲解

3、css3 多列完成瀑布流

4、讲解 jQuery 瀑布流实现思想

瀑布流布局效果

1、掌握 jQuery 样式操作

2、掌握瀑布流布局

3、掌握 jQuery 动画

{ 第十天 }
课程内容 课程案例 掌握能力

impress.js 插件使用

网页版的 keynote,制作个人简历

1、掌握 JS 与自定义属性 的结合

2、掌握 JS 操作 CSS3 样 式

专业课

深度学习大前端,具备全栈开发能力

{ 阶段一 }
课程内容 课程项目

PC端网站布局

HTML5+CSS3基础

WebApp页面布局

《世纪佳缘用户注册页》

《卧龙控股网站项目》

《华帅灯饰网站项目》

《关注民生--爱种网整站》

《千锋互联网站项目》

《京东首页》

《腾讯游戏首页》

《王者荣耀首页》

《英雄联盟首页》

《BOSS直聘》

《麦田国际项目》

《探路者页面》

《2D相册》

《3D相册》

《CSS3绘制机器猫》

《CSS3绘制自行车》

《骰子布局》

《2D之吉祥物》

《Ghost 开源博客平台页面的响应式》

《萌宠商城响应式网站》

《足球圈M站布局》

《千锋圈》

《千锋学习站》

{ 阶段二 }
课程内容 课程项目

原生JavaScript交互功能开发

面向对象进阶与ES5/ES6/ES7应用

JavaScript工具库自主研发

jQuery经典交互特效开发

Node 服务端开发

前端工程化与模块化应用

PC端全栈开发项目

《蘑菇街瀑布流》

《打砖块游戏开发》

《淘宝商品查询》

《微信飞机大战游戏开发》

《智能问答机器人》

《微信飞机大战游戏开发(升级版)》

《千锋JS工具库》

《天猫首页交互开发》

《小米商城服务端开发》

《小米手机商城开发工程化环境搭建》

《小米手机商城全栈开发》

{ 阶段三 }
课程内容 课程项目

Vue2 开发基础

应用Vue2 开发WebApp项目

vue3应用开发

React 开发基础

应用Reat开发WebApp项目

Dva+Umi

微信小程序基础

微信小程序开发

小程序高级应用

uni-app多端小程序框架

Taro 多端小程序框架

多端小程序开发

《Vue.js基础案例.》

《Vue喵喵电影项目开发》

《vue项目千锋团购前后台开发》

《Echarts+vue3数据可视化项目》

《React基础案例》

《全球新闻发布管理系统》

《基于Umi的管理系统项目》

《锋运票务系统》

《uniapp蛋糕订购项目开发实战》

项目课

真项目,真实战,多学科联合开发

· PC端全栈项目

· 基于 Node.js 后台管理系统

· 基于 Vue.js WebAPP开发 / 基于 Vue.js 管理信息 系统开发

· 基于 React WebAPP 开发 / 基于 React 管理信息 系统开发

· 小程序开发项目

企业课

企业大咖授课,热门技能学习

{ 第一阶段 团队企业拓展训练 }

· 团队建设、团队协作

· 逆境生存法则

{ 第二阶段 企业合作项目课程 }

· 项目需求分析与交互设计

· 前后端及移动端流行工具

· 框架与库的企业项目深度应用实战

· JavaScript框架设计

· 移动端组件库设计

· 项目架构与产品选型

· 大厂的项目开发流程、项目测试、部署与发布实践

· 项目安全、性能与可用性实战

· 如何与兄弟部门及项目团队各方密切合作与有效沟通

{ 第三阶段 管理课程 }

· 项目管理架构及流程

· 整合管理和范围管理

· 时间管理、成本管理和质量管理

· 人力资源管理、沟通管理、风险管理

· 基层管理者领导力提升培训解决方案

就业课

求职稳定发挥,提升职业素养

· 课前分享

· 课前模拟面试

· 自我沉淀与自我管理

· 心态修炼与自我“洗脑”

· 交际沟通与自我营销

· 职业生涯与企业关系

· 工作高效、领导满意、快速升职加薪“秘决”

职后课

职场持续提升,自身技能提升

{ 第一阶段 网络与计算机基础 }
掌握能力 课程项目

· 网络应用基础

· 常见数据结构

· 常见算法解析

《网络应用》

《常见数据结构JS实现》

《常见算法JS实现》

{ 第二阶段 前端框架 }
掌握能力 课程项目

· Angular6基础与实战

· Ionic 基础与实战

· 微信公众号开发

· 各类混合应用开发

· React Native

· Flutter开发

· Angular6基础

· 大数据可视化基础与实战

· Electron开发探索

《直播课管理系统》

《跨平台手机APP》

《起点读书》

《卖座电影项目接入微信》

《mui+h5项目实战》

《React Native豆瓣电影APP》

《Flutter版爱美食APP》

《直播课管理系统》

《跨平台手机APP》

《公安警情可视化系统》

《ReadIT项目》

师资团队

严格把关讲师“选”、“育”、“留”

  • 师资选拔

    15道
    严苛筛选
    录用率仅为
    2%

  • 教研严选

    20道
    严苛筛选
    千万级专项
    研发费用

  • 培养提升

    400小时
    小时岗前培训
    6轮专项提升
    强化执教水平

前沿技术 技术问答

在线答疑专区

常见问题 | 疑难技术 | 就业前景 | 求职攻略

专业导师线上坐镇,解答个性化学习难题
提交问题,获取答案 答疑同时可获赠助学大礼包

web大前端

14天品质课程

免费试学
立即咨询