2021版精品课程
250+小时
学习周期
90+学习日
培训合格率
100%
就业率
100%
平均就业薪资
12000/月
WEB 4.0
大前端重新认识一下新Web前端
WEB DEVELOPMENT
Web大前端技术应用领域广泛

企业信息化的“标准配置”

不限行业, 不管是军事、游戏、电商、金融、医疗、社交、教育等,在互联网时代,建设信息化全部采用的都是WEB系统, 还有大数据可视化都需要掌握Web开发技术。

企业基础配置:PC系统 + H5页面 + 移动端适配

企业升级配置:微信公众号 + 小程序 + APP

Web前端 + 后端业务 = 软件系统

为什么要杀向大前端
给你一个理由,让你去追求
行业需求应用领域适合学习职业发展

前端的需求占比近40%

在国内所有开发技术中前端的需求占比

全国前端企业周招聘需求153479个岗位

企业需求旺盛,一线城市急需Web人才,二线城市紧跟其后

几乎所有的行业都稀缺独挡一面的前端人才

从pc到移动端, 屏幕上的一切都由前端实现

应用领域

电商 教育 社交 旅游 游戏 医疗

所有行业全部需要

小程序

微信、支付宝小程序

所有平台的小程序
几乎都是前端业务

门户网站

各种官网,产品平台

企业官网、新闻发布
产品展示、信息公告

公众平台

订阅号、服务号

公众号进行二次开发
嵌入网站进公众号

APP开发

WebAPP应用、原生APP

通过前端技术封装APP
已成为主流模式

H5页面

炫酷的推广页面

对营销页面要求很高
H5技术的用武之地

网页游戏

打开网页就可以玩

网页游戏
是一些上班族热爱

大数据可视化

BI图、各种统计图

用前端图示
展示数据分析结果

管理平台

企业信息化管理平台

企业内部系统
网站后台界面开发

桌面应用

PCAPP的界面转型

使用前端开发实现
桌面应用APP界面开发

前后端分离

现在开发的主流模式

前端的发展趋势
展示后端动态数据

在互联网的影响下,移动互联网产业的发展也突飞猛进,越来越多的企业开始攻击移动互联网的大蛋糕。 前端开发是一个热门的前沿技术,而且势头很猛。

010基础就可以学

和后端开发语言相比,Web前端需要更少的逻辑思维,对数学、英语、计算机和物联网的基础知识要求也不多。

前端行业稳定

02更容易学的会

Web前端是基于浏览器的。可见即可得,代码好理解,咋写不出错,只需要有UI编辑能力,以及一定程度的营销创造力。

前端薪资高

03学习周期可以短

前端迭代快,中途优胜劣汰,留下的技术趋于稳定发展,选择正确主流的技术内容学习,和后端相比可节省一半时间。

前端逻辑思维

04后端开发前端要会

前端程序员只要了解Web原理,掌握API即可,后端程序员掌握一部分前端,配合融洽外,有升级改动可以独立完成。

前端可转大数据人工智能

就业方向

涉及行业广、就业方向多、薪资待遇好

前端岗位新手接纳度高

岗位增长迅速、晋升空间大

咨询更多行业信息
核心模块企业需要的前端人才需具备的技能
8 core modules
知识点对接企业需求

WEB前端
核心模块

  • WEb前端技术架构

    -搭建满足一定周期内需求目标的架构
    -架构的技术选型要以需求为主
    -重视项目的开发流程
    -保持项目的一致性和可维护性

  • 小程序和App开发技术

    -掌握多种平台的小程序开发技术
    -掌握WebApp的开发技术
    -掌握公众平台的应用开发
    -掌握App打包上线的流程

  • Web前端高级开发框架

    -Vue3、React17两个主流开发框架
    -掌握框架脚手架的应用
    -掌握Web框架的全家桶技术
    -掌握框架的组件化编程思想

  • Web工程化开发

    -掌握软件包管理工具的使用
    -掌握打包工具的使用
    -掌握模块化开发的能力
    -掌握ES6技术应用

  • 前端开发基础

    -HTML、CSS和JS为前端开发基础组合
    -HTML5元素和属性的应用
    -CSS3选择器、属性及单位
    -JavaScript的编程应用

  • 页面布局和交互技术

    -企业级样式库开发
    -掌握和布局相关的元素
    -掌握主流的页面布局技术
    -掌握常用的JS特效编写

  • 前端基础框架应用

    -掌握两个以上的前端基础框架
    -BootStrap框架应用
    -jQuery框架应用

  • 异步网络请求

    -前后端分离是现在主流的开发模式
    -掌握异步数据请求和数据格式转换
    -掌握API的使用和标准的API格式
    -axios\ajax的应用处理细节

.学习线路图
学习路线有方向有目标,快速修炼大厂必备技能
LEARNING PATH
全方位提高个人能力,完善个人技术栈纬度
service
1. 从HTML5开始
任何一个页面都离不开发的技术
icon
service
2. CSS3要打前站
没有CSS你的页面就是在裸奔
icon
service
3. 各种页面布局技术
做个好前端,布局是关键
icon
service
4. JavaScript基本语法
没用上JS页面还有灵魂吗?
service
8. Ajax/Axios异步网络请求
按需取数据,和后端打通没它可不行
icon
service
7. BootStrap框架
用上前端框架写个页面也太轻松了
icon
service
6. jQuery框架
让你用最少的代码完成尽量多的功能
icon
service
5. DOM和BOM操作
没有这两个库,JS啥也不是
service
9. ES6新语法
JavaScript新应用不会就别往后学了
icon
service
10. Node.JS
虽是后端技术,前端工程化需要借助一点
icon
service
11. npm/yarn包管理工具
掌握这个就相当于有座代码矿山
icon
service
12. WebPack打包工具
没有打包工具何谈前端工程化开发
service
16. 微信小程序/Uni-app
移动互联网的时代这些已是主流
icon
service
15. React框架
生态很好,和Vue并驾齐驱
icon
service
14. 前端Vue框架
现在想在国内做前端必须要会
icon
service
13. SASS/LESS/TypeScript
多接触一些技术,在开发中也会用到
融职教育
Web大前端课程能学到什么
融职教育
企业所需技能培养 课程设计以就业为导向
我要获取详细课程
  • 第一阶段

    Web前端开发基础

  • 第二阶段

    夯实JavaScript原生编程技术

  • 第三阶段

    前端基础开发框架

  • 第四阶段

    Web工程化开发

  • 第五阶段

    新版Vue3高级框架全家桶

  • 第六阶段

    新版React17高级框架全家桶

  • 第七阶段

    小程序开发与应用

  • 第八阶段

    App开发与应用

01 Web前端开发基础
需要学习HTML5和CSS的设计与应用、掌握多种标准的网页布局系列技术,按企业级开发标准自定义前端样式框架。
课程列表:
技术点 项目实战
  • 1. 课程内容和项目介绍
  • 2. Web的开发模式演变过程
  • 3. Web前端的学习方法
  • 4. 开发工具安装和使用技巧
  • 5. HTML重点元素的设计与应用
  • 6. CSS和HTML结合的方式,常用选择器
  • 7. 常用属性和CSS3的新属性
  • 8. 各种主流页面布局技术
  • 1. 防BootStrap自定义前端框架
  • 2. 首页的布局与首页组件开发
  • 3. 内容分类页面
  • 4. 文章详情页面
  • 5. 购物车页面
  • 6. 定单处理页面
  • 7. 登录和退出,个人中心页面
  • 8. 个人设置和个人信息详情页面
02 夯实JavaScript原生编程技术
学习JS语言核心技术,及DOM和BOM编程模式,通过各种常见的特效开发,掌握JS开发技能和交互编写模式。
课程列表:
技术点 项目实战
  • 1. Js的基本语法
  • 2. js的函数及对象
  • 3. js的内置对象
  • 4. js中的事件处理
  • 5. BOM的常用属性和方法
  • 6. DOM的编程思想
  • 7. DOM的选择器
  • 8. DOM的节点操作
  • 9. DOM的位置相关属性
  • 1. 跑马灯效果
  • 2. 漂浮的菜单
  • 3. 选择卡
  • 4. 伸缩菜单
  • 5. 表单验证
  • 6. 购物车操作
  • 7. 城市级联操作
  • 8. 贪吃游戏案例
  • 9. 表单前端验证
03 前端基础开发框架
掌握前端基础框架的设计模式和开发思想, 课程中学习BootStrap样式框架和jQuery的JS开发框架。
课程列表:
技术点 项目实战
  • 1. bootstrap 安装与应用
  • 2. Bootstrap CSS库、布局组件
  • 3. Bootstrap 插件应用与管理
  • 4. jQuery 各种选择器
  • 5. jQuery 操作DOM元素
  • 6. jQuery 事件与应用
  • 7. jQuery 动画特效
  • 8. jQuery 实现Ajax应用
  • 1. 使用BootStrap实现整套前台模版
  • 2. 对BootStrap进行二次开发
  • 3. 使用BootStrap完成组件开发
  • 4. 通过jQuery实现各种页面特效
  • 5. 通过jQuery中的Ajax获取和展示数据
  • 6. BootStrap结合jQuery实现静态网站开发
04 Web工程化开发
主流的开发模式,是学习前端高级框架基础,包括Nodejs、NPM、CommonJS、ES6、SASSLESS、Axios、Git...
课程列表:
技术点 项目实战
  • 1. Node.js安装和介绍
  • 2. CommonJS应用
  • 3. NPM包管理工具
  • 4. Git的常用功能使用
  • 5. ES6的新语法应用
  • 6. JSON的新应用
  • 7. webpack安装和基本体验
  • 8. webpack打包各种资源
  • 9. devServer配置与应用
  • 1. 配置可用的基本开发环境
  • 2. SASS和LASS基础应用
  • 3. ES6中Promise的原理和应用
  • 4. axios的应用处理并发请求
  • 5. axios的post和get请求方式
  • 6. axios的全局配置方案
  • 7. axios的实例封装
  • 8. axios的拦截器应用
  • 9. 重新封装axios的应用
05 新版Vue3高级框架全家桶
掌握Vue开发思想、脚手架的应用、组件化开发思想、路由应用、状态管理,以及新版中的组合API的应用。
课程列表:
技术点 项目实战
  • 1. 新版Vue3的安装和基本使用
  • 2. Vue-cli的安装与应用
  • 3. Vue3的模版语法
  • 4. 组件化开发思想与应用
  • 5. 前端路由router的应用
  • 6. Vuex状态管理与应用
  • 7. Vue3组合API的应用
  • 8. 组件库的安装与应用
  • 1. 项目的基本架构搭建
  • 2. 封装网络请求
  • 3. 标准API的请求和使用
  • 4. 实现商品展示页面
  • 5. 实现购物的业务流程
  • 6. 实现定单独的管理流程
  • 7. 项目的优化处理
  • 8. 项目管理和上线部署
06 新版React17高级框架全家桶
掌握react的企业级别开发流程,包含react基础、高级的知识以及状态管理和路由(react全家桶)
课程列表:
技术点 项目实战
  • 1. 新版React17的基本应用
  • 2. React的基本语法结构
  • 3. React的组件开发思想与应用
  • 4. React 的TodoList的应用
  • 5. React的路由应用管理
  • 6. React的redux状态管理
  • 7. React中封装网络请求
  • 1. 项目的环境搭建和初始化
  • 2. API的应用与管理
  • 3. UmiJS的应用
  • 4. AntdPro的安装与使用
  • 5. 项目的登录流程
  • 6. 项目的管理模版开发
  • 7. 内容管理流程开发
  • 8. 项目打包上线部署
  • 9. 项目管理与优化
07 小程序开发与应用
在真实的开发环境和业务需求中进行开发,打造企业级微信小程序的开发与应用。
课程列表:
技术点 项目实战
  • 1. 原生微信小程序的开发流程
  • 2. 微信开发者工具的应用
  • 3. 小程序的模版语法
  • 4. WXSS的应用
  • 5. 开源组件库的应用
  • 6. 路由和数据缓存
  • 7. 界面交互和网络请求
  • 8. 小程序的注册和上线流程
  • 1. 开放接口的应用
  • 2. 项目初使化和Vant Weapp的引入
  • 3. 封装网络请求
  • 4. 小程序数据展示开发
  • 5. 用户中心处理和openid的管理
  • 6. 处理商品购买流程
  • 7. 处理定单管理流程
  • 8. 真机调试和发布小程序
08 App开发与应用
使用Uni-app开发通用App,内容包括Vue,微信小程序,组件封装,移动端手势封装,axios,monent...
课程列表:
技术点 项目实战
  • 1. Uni-App介绍和环境搭建
  • 2. 微信小程序开发入门
  • 3. Uni-App的核心语法
  • 4. Uni-App自定义组件
  • 5. Uni-App平台配置
  • 6. Uni-App常用API应用
  • 7. Uni-App页面布局
  • 8. Uni-App底部tabbar配置
  • 9. Uni-App组件库应用
  • 1. 项目的环境初始化
  • 2. Git版本仓库的管理
  • 3. 封装网络请求
  • 4. 其他模块开发
  • 5. 项目中组件开发
  • 6. 个人中心
  • 7. 内容展示流程
  • 8. 业务处理流程
  • 9. 项目打包上线部署
课程升级
课程升级 学习更有效
2021 全面升级
紧跟行业发展趋势 掌握企业核心技术需求

升级前

  • 1. 别人没有的我们有,别人有的我们优
  • 2. Vue2\React16\Webpack4\ES6
  • 3. 商业项目和教学项目在课程中融合
  • 4. 工具、资料、题库等仅供使用
  • 5. 根据学员的学习情况千人千面
  • 6. 就业周期3周,平均薪资10K

升级后

  • 1. 根据企业今年技术应用调研反馈,优化课程部分内容
  • 2. Vue3@next\React17@next\Webpack5@next\ES12
  • 3. 商业项目增加了产品研发,教学项目增加一倍的案例
  • 4. 所有的笔记、作业、源码和题库,几乎全部更新一遍
  • 5. 制定了教学管理和服务一系列SOP,严格标准流程执行
  • 6. 就业周期缩短为2周,平均月薪资今年已经突破了12K
  • 商业项目

  • 教学项目

  • 项目驱动

课程体验 在工作中学习,在学习中工作
EDUWORK
查看全部课程
融职
好老师一线工作的高级工程师
TEACHER
由多年教学经验的行业名师研发课程,由一线技术总监级开发工程师辅导和带领学员一起开发商业项目。
高洛峰
融职教学总监 & 系统架构师 & 畅销书作者
拥有十五年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务, 具有扎实的技术功底。 国内资深技术讲师,腾讯网络人气名人讲师,累计授课长达上万课时, 培养了近百名IT名师...
01
teacher
01
05
left-arrow right-arrow
匠心巨制IT名人讲师带你从0开始学开发
EDUWORK BOOKS
融职高级开发工程师联合讲师共同编著,由浅入深打造学员技术根基,面向就业让学员在实战中建立自己的知识体系

  • 《细说PHP》
    高洛峰

    融职培训教材

    畅销书



  • 《细说网页制作》
    高洛峰

    融职培训教材

    畅销书



  • 《细说JavaScript语言》
    高洛峰

    融职培训教材

    畅销书



  • 《细说DOM编程》
    高洛峰

    融职培训教材

    畅销书



  • 《细说Ajax与jQuery》
    高洛峰

    融职培训教材

    畅销书



  • 《细说HTML5高级API》
    高洛峰

    融职培训教材

    畅销书


一键获取图书配套资源
EDUWORK
评价为企业提供可交付的人才
offer
全力成就学员,助力企业发展,才是教学真实力
< >

【模式很好】半数字化的坐班学习模式,根据自己的情况选择课程和提高学习效率;
【课程很好】课程不仅成体系,讲的也清楚,内容很新很实用,通关式学习掌握牢固;
【讲师很好】技术很强,没有解决不了的问题,辅导我们很热心也很有耐心;
【项目很好】教学项目学新技术快,商业项目解决了实战问题,我们的作品也很棒;
【氛围很好】管理比较严格,同学之间互比学习,同学互帮互助,共同进步;

EDUWORK
FAQ其他问题
Frequently Asked Questions
IT技术日新月异,Web前端多领域应用,终身学习助力职后发展
学习流程
  • 报名入班

  • 规划课程

  • 通关学习

  • 大牛辅导

  • 教学项目研发

  • 继续通关学习

  • 商业项目开发