做优质教育·育智慧人才
咨询热线:028-83328890
菁瑞优智h5培训

毕业了工作未定,
高薪无门?

菁瑞优智h5培训

入行IT行业
门槛高?

菁瑞优智h5培训

是否还在为就业和
找工作方向迷茫?

菁瑞优智h5培训

传统行业中自身竞
争力不强?

菁瑞优智h5培训

薪资太低?
想转行?

菁瑞优智h5培训

技术荒废,
能力变弱?

菁瑞优智h5培训

我要走出迷茫

前端是什么

前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

前端开发工程师是协调UI设计师、后端程序员实现网站页面或程序的界面美化、交互体验的一个职位。比美工懂技术,比技术懂交互,掌控Web前端开发全局。

  • web前台
  • web后台
  • 移动端开发
  • 框架与项目管理
  • 小程序开发

“钱”景不可估量

互联网时代,几乎所有行业都离不开前端技术人才

应用范围广

从PC端到移动客户端,H5前端已渗透到各行各业。

岗位需求大

H5前端作为一项新时代前沿技术,对每一个IT企业而言,都是不可或缺的存在。

就业薪资高

2020年,H5前端技术人才的人均月薪起步已超8000元,远超大部分行业的平均水平。

哪些人适合学H5前端

只要你感兴趣,有一定思维逻辑,那么当下就是最好的学习时机。

有具象思维
相比较逻辑思维,前端工程师更需要具体、形象的思维能力。
有好奇心
喜欢接触新兴事物,对互联网行业有好奇心和探索欲望。
耐心细致
前端应用是触达用户的第一入口,用户体验十分重要。
应届毕业生
前端工程师岗位需求多、前景好、上手快,适合作为应届生的第一职业。

从0到大牛,只做优质的课程

课程由菁瑞优智教学团队独家研发,整套课程的内容设计以企业技术需求为核心,注重培养学员的实战能力,适用于各种中大型企业,实现学员与企业的无缝对接。

web静态网站基础(前端开发初窥)

HTML+CSS
课程内容

掌握HTML基本语法、标签、语义化、路径等知识,在 HTML 结构的基础上,通过浮动、定位控制网页布局,掌握BFC、IFC、层叠上下文等布局的概念问题,达到精准的掌握页面。

项目实战

起点小说网:通过完整的完成一个大型页面,进入前端开发页面制作的初级门槛。熟练运用HTML语法 、语义化的本质 , 合理使用 HTML 标签编写网页的结构 ,能够编写大型静态网页并兼容性良好。

PS界面设计
课程内容

掌握前端必会的PS操作技巧,能够处理图片、文字、色彩、图标等。掌握栅格布局的原理,掌握界面设计的基本法则,掌握Cutterman切片插件的用法,掌握图片的不同格式和优化方法。了解设计与前端是如何配合工作的。

项目实战

原画猫:利用前面学习的HTML、CSS、PS知识,完成一个大型完整的企业官网原画猫的制作,掌握PS稿件切片优化,HTML结构页面的书写,CSS样式的布局和美化等,掌握整站开发流程。

阶段项目
项目实战

原画猫少儿美术教育品牌企业官网——利用前面学习的HTML、CSS、PS知识,完成一个大型完整的企业官网原画猫的制作,从PS稿件的切片优化输出,到HTML结构页面的书写,再完成CSS样式的布局和美化,一共14个页面,可以完整的掌握一个整站是如何开发的。完成之后,可以对项目前期的准备规划、规范的制定、页面的规划和模块划分、代码的复用和精简、开发中遇到的问题如何查找和解决、最后的网站优化有全面的认识。

web编程基础(学有小成)

JavaScript初体验
课程内容

掌握JavaScript的基础语法、三大流程结构、自定义函数、对DOM元素的查找、事件的处理、对元素的内容和CSS样式的添加、修改等基本控制。

项目实战

完成起点小说网、原画猫的交互效果,页面交互行为,利用DOM查找元素、绑定事件、利用js实现对页面结构和样式的控制。

HTML5+CSS3
课程内容

通过背景、圆角、阴影、渐变等装饰美化网页内容,结合转换、过 渡、动画高级特性增强网页的动画效果和交互体验,利用Media - Queries实现响应式网页布局。利用Flex、Grid新型的布局方式代 替早期的浮动布局,能够编写大型的符合现代潮流的动画响应式网页。

项目实战

Ant Design响应式网站:完整大型单页响应式布局页面,利用Fl ex、Grid最新布局技术、结合rem、em单位、视口和媒体查询完成响应式布局,结合CSS3动效实现酷炫的具有动画效果的网站。

JavaScript中级及DOM操作
课程内容

彻底掌握JavaScript ES5规范,了解JavaScript发展史、语法演变、 数据类型、运算符和流程控制、引用类型(对象)、数组的多种方法、函数声明及函数表达式、变量提升、作用域、垃圾回收机制, 对JavaScript的语法规范、工作原理有一个完整详细的认识。掌握 DOM文档对象模型,对DOM元素的增删改查、对CSS样式的控制。

项目实战

行程日历:利用Date日期对象、数组对象、事件、x和y坐标的偏移值等实现。
网易邮箱:对邮件列表的批量操作,利用DOM实现对节点的删除、CSS样式的控制。
京东手机频道:根据不同的条件挑选商品和排序。利用Array数组对象,结合事件,实现对数据的筛选和排序。利用DOM添加删除文档节点。

JavaScript BOM/Event
课程内容

掌握window、location、history、navigator、document、F-orm、Table等对象的使用,掌握JavaScript最具有控制性的事件对象。

项目实战

2048小游戏:利用onkeydown事件、Math.random()实现游戏功能。
思维导图XMind:结合Event事件控制DOM文档,结合window对象控制缩放的范围和位置。
百度网盘:利用jQuery封装好的方法,结合Event事件,实现对DOM元素的node节点的操作。

jQuery+TweenMax.js
课程内容

熟悉选择器;属性与样式;jQuery基本DOM操作;事件处理;文档处理;数组和对象操作。学会使用jQuery的动画效果制作,借助 TweenMax.js打造强大的动画效果。利用 jQuery 提升开发的效率,同时借鉴和学习 jQuery 的封装实现思想,巩固面向对象的相关知识,加深对面向对象的理解。

项目实战

diagnosite整屏切换动画网站,利用jQuery和TweenMax.js,实现展示性的整屏切换动画网站,鼠标滚动事件触发动画效果。

Bootstrap
课程内容

掌握来自Twitter工程师开发的目前流行度很高的前端响应式框架,包括内置样式、组件和JavaScript插件。

项目实战

电影网:利用HTML5+CSS3+Bootstrap快速打造能够在多端使用的,具有丰富动画效果的信息展示型网站。

阶段项目
项目实战

学生在线课程后台管理系统(HTML5+CSS3+jQuery+Bootstrap)——基于Bootstrap 4.5 以及js/jQuery库所搭建的响应式的后台管理系统,支持IE9+以上的现代浏览器,利用该框架可以更快速的完成阶段性项目开发。

web编程高级及全栈开发(渐入佳境)

JavaScript高级
课程内容

掌握面向对象的原型设计原理及使用。了解JavaScript程序的编译原理;掌握递归、惰性载入、匿名、闭包及回调等高级函数的使用。深入理解 ECMAScript 的知识体系及工作机制,熟悉 ES6+ 新的语法特性,Map、Set数据结构,箭头函数,新增数据和字符串方法,c-lass的继承等,实现组件的封装,注重抽象思维的培养,具备面向对象编程的能力。

Es6高级特性
课程内容

Promise对象,Async函数和await,Iterator遍历器和for of循环,模块化编程,mvvm框架核心原理。

项目实战

明星形象墙:通过组件化开发,可以自由拖拽各个组件模块,掌握面向对象的原型和原型链,面向对象的拖拽,自定义事件的拖拽组件等开发。

node.js(koa2+Nunjucks+MySQL)
课程内容

掌握node.js环境的搭建及基于服务端模块化编程;了解node.js基础知识、特性。掌握npm生态圈搭建及使用。掌握node.js作用域、事件编程、异步编程及文件操作。掌握HTTP协议、客户端数据传输方式;熟练使用网页模板技术来简化开发。了解基于node.js的框架koa2,Nunjucks模板引擎,MySQL数据库,WebSocket协议。

版本控制工具SVN&GIT
课程内容

掌握SVN/GIT版本控制工具来维护项目的整个蓝图;熟练使用git-hub来管理云端代码仓库,快速项目组成员多人协作。

前后端交互
课程内容

XMLHttpRquest、FormData、upload,Ajax的封装,jsonp、cors跨域设置,后端代理。

项目实战

头条新闻后台管理系统——利用koa2框架,node.js,MySQL,打造新闻的后台管理系统,实现前后端数据的交互,实现全栈开发。通过实现客户端与服务端的交互,快速搭建服务器,具备大前端的基本功。掌握后端的数据处理能力,打通从UI到前端到后端的链路,才能掌握大前端的思维。

移动端开发(得心应手)

HTML5高级
课程内容

掌握HTML5时代音视频多媒体、Web存储技术,cookie的操作和封装,localStorage和sessionStorage,离线存储技术使用及基于浏览器的(LBS)地理定位技术,熟悉基于高德地图、百度地图等地图API的应用开发;介绍H5图形技术SVG和Canvas;拖拽API,FileReader,能够动手编写图形报表和使用百度Echarts地图API的能力。

项目实战

自定义音乐播放器:HTML5制定了audio和video的标准,结合JavaScript控制音乐的播放、暂停等功能。
百度网盘文件拖拽:利用HTML5自带的拖拽API,结合JavaScript,完成本项目功能。
Canvas图片滤镜系统:利用HTML5自带的canvas画布,结合JavaScript完成功能。
行走的足迹:基于HTML5的地理定位技术,结合百度地图API,实现定位。

移动端开发深度揭秘
课程内容

深入理解屏幕相关知识,了解 PC 屏幕与移动屏幕本质上的差异,结合视口、媒体查询、rem 等基础知识整合出稳定高效的移动屏幕适配方案。结合Flex、Grid布局、CSS3动画、多指操作、移动端事件、滑屏、摇一摇等,实现移动端界面开发。

better-scroll
课程内容

目前最好用的移动端滚动插件,掌握better-scroll的基本使用方法,实现滚动条、幻灯片、上拉加载、下拉刷新等操作。

项目实战

国庆黄金周景区评选活动:Flex、Grid布局、rem适配,CSS3动画,移动端touch事件,幻灯片无缝滑动,结合JavaScript完成实战项目。掌握移动端界面开发能力及移动端插件使用。

阶段性项目
项目实战

大学生就业信息统计可视化系统——Echarts数据可视化项目,结合Vue2实现流行的图形可视化项目。

框架与项目管理(游刃有余)

webpack模块加载器&打包工具
课程内容

webpack安装,基础打包功能和结构分析,入口起点和输出,Loaders和plugins,Babel和配置打包环境。

TypeScript
课程内容

过滤器、监听器、I18N国际化、连接池、Postman、Jackson、缓存技术、Nginx、Linux。学习JavaWeb中的高级技术,掌握和理解该知识点的使用场景,学习和使用第三方技术更快速的提升项目的开发效率。

Vue全家桶(Vue+Vue-router+Vuex+axios)
课程内容

掌握Vue2框架的环境搭建,指令,表达式,生命周期和组件开发,Vue插件与过滤器,脚手架Vue-cli,Vue-Loader,Vue-router,Vuex状态管理,Vue-Devtools,熟练使用基于Vue2前端视图框架ElementUI,高效打造大型复杂的用户界面。掌握数据驱动视图的思想。

项目实战

美食电商系统(豆果美食)——利用Vue全家桶(Vue+Vue-router+Vuex+axios)完成一个美食+电商的一个系统平台,掌握Vue全家桶项目架构。

React全家桶
课程内容

ReactDOM.render,JSX,create-react-app脚手架,组件、数据流、事件、表单,React生命周期,react-router路由,Redux,React Redux,redux-thunk,Redux-DevTools,React-Hooks。

antd
课程内容

阿里巴巴旗下的开源的UI组件库,掌握通用组件、布局组件、导航组件、数据录入、数据展示、反馈等组件。

项目实战

移动端在线教育应用系统——利用React、axios、better-scroll、proxy代理服务器、touchEvent原生移动端事件完成项目内容,熟练掌握React全家桶项目架构。

小程序及工程化开发(出类拔萃)

小程序
课程内容

小程序开发环境搭建,小程序项目结构,小程序核心组件,小程序核心API,小程序相关权限说明,mpvue框架使用。

小程序实战(mpvue+node)
课程内容

掌握微信小程序的基本配置,rpx适配,模板使用,图标处理,无限列表,掌握小程序开发的思考方式,处理及解决业务的逻辑能力,前后端数据交互逻辑,授权流程,视图交互,组件和API的使用技巧。

项目实战

大众点评小程序:通过小程序实战,完成门户类网站微信小程序,通过本阶段学习掌握微信小程序和支付宝小程序开发能力。

Vue+Node实战
课程内容

Vue核心知识点、Vue-router、Vue全家桶,Cors解决跨域数据请求,jwt实现权限认证,快速搭建koa2项目,构建RESTful接口、Nodejs连接MySQL显示curd操作。

git
课程内容

git简介和安装,工作区、暂存区、仓库,git的分支管理,git版本控制,git远程仓库同步。

项目实战

Trello:通过该项目掌握Vue全家桶开发相关知识,掌握前后端交互中涉及的各类问题,解决跨域问题,深入了解koa2构建后端逻辑及提供各种项目所需接口,知识点贯穿项目,真正成长为一名全栈工程师。

就业指导-闯荡江湖

就业指导
课程内容

企业通用面试技巧、知识点面试技巧、模拟面试、项目面试技巧、语言表达联系、互面总结、总结与复习面试题。

面试直通车
课程内容

面试经验交流、面试技术解惑、面试项目跟踪。

售后服务
课程内容

随时随地为同学们提供全方位工作问题解决方案。

契合企业需求,高新技术实时更新

定期对当下行业新兴的大热知识点进行研发,紧贴互联网发展潮流,H5前端前沿技术。

AngularJs

全能型前端框架

Bootstrap

目前最流行的响应式前端开源工具库

Node.JS

各大企业分离前后端的主要手段

React Native

优秀的移动前端框架

React.js

UI层解决方案

vue.js

最流行的渐进式Java-Script框架

Weex

简单易用的跨平台开发方案

TypeScript

微软开发的开源、跨平台的编程语言

真实企业项目实战,让你轻松就业拿高薪

从商业价值、实际应用角度触发,以真需求启动项目开发,模拟企业真实开发环境

  • 项目名称
    Ant Design响应式网站
    项目要点
    第一个完整大型单页响应式布局页面。利用Flex、Grid最新布局技术、结合rem、em单位、视口和媒体查询完成响应式布局,结合CSS3动效实现酷炫的具有动画效果的网站。
  • 项目名称
    大众点评小程序
    项目要点
    通过小程序实战,完成微信小程序,类似“大众点评”这类的小程序。
  • 项目名称
    美食电商系统(豆果美食)
    项目要点
    利用Vue全家桶(Vue+Vue-router+Vuex+axios)完成一个美食+电商的一个系统平台,具有功能有菜谱菜单首页显示、菜谱菜单分类展示、菜谱菜单详情页展示、用户注册、用户登录、点赞、收藏、好友关注、用户个人中心、菜谱菜单发布等功能。
  • 项目名称
    电影主题页
    项目要点
    利用HTML5+CSS3+Bootstrap快速打造能够在多端使用的,具有丰富动画效果的信息展示型网站。
  • 项目名称
    景区评选活动
    项目要点
    Flex、Grid布局、rem适配,CSS3动画,移动端touch事件,幻灯片无缝滑动,结合JavaScript完成表单处理、信息展示、星级评分、图片视频上传等功能。
  • 项目名称
    形象墙
    项目要点
    通过组件化开发,可以自由拖拽页面上的各个组件模块,打造你心中的形象墙。需要掌握面向对象的原型和原型链,面向对象的拖拽,自定义事件的拖拽组件等开发。
  • 项目名称
    小说网
    项目要点
    通过完整的完成一个大型页面,进入前端开发页面制作的初级门槛。熟练运用HTML语法 、语义化的本质 , 合理使用 HTML 标签编写网页的结构 ,能够编写大型静态网页并兼容性良好。
  • 项目名称
    Trello
    项目要点
    Trello看板、列表和卡片使团队能够以一种有趣、灵活和有益的方式,组织项目并划分它们的优先顺序。通过该项目掌握Vue全家桶开发相关知识,掌握前后端交互中涉及的各类问题,解决跨域问题,深入了解koa2构建后端逻辑及提供各种项目所需接口,知识点贯穿项目,真正成长为一名全栈工程师。
  • 项目名称
    移动端在线教育应用系统
    项目要点
    利用React、axios、better-scroll、proxy代理服务器、touchEvent原生移动端事件实现登录及注册功能、学员作品列表数据获取、讲师列表数据获取、作品详情数据获取、点赞、留言功能,以及界面方面的菜单展开功能、换屏幻灯片交互、上滑加载等功能。
  • 项目名称
    品牌企业网站
    项目要点
    利用学习的HTML、CSS、PS知识,完成一个大型完整的企业官网制作,完整的掌握一个整站的开发流程。对项目前期的准备规划、规范的制定、页面的规划和模块划分、代码的复用和精简、开发中遇到的问题如何查找和解决、最后的网站优化有全面的认识。

用心服务,就业无忧

不忘初心,方得始终,以匠心精神不断完善课程,优化课程体系及学习系统,提升学习服务

技术高度贴合
课程由菁瑞优智教学团队独家研发,整套课程的内容设计以企业技术需求为核心,注重培养学员的实战能力,适用于各种中大型企业,实现学员与企业的无缝对接。
符合市场需求人才
课程设计来自于对用人单位调查和招聘需求分析,不定期根据老学员的反馈及市场需求对课程进行更新升级。结合不同地区的企业技术人才需求,以就业为前提的培养人才。
教、学、练、战四维一体
科学完善的教学体系包含四个维度:教理论体系、学知识点、练习消化,实战项目演练。让学员提前接触企业级真实大项目,紧贴企业实际需求。培养学员独立完成项目的能力。
紧贴高新技术
定期对当下行业新兴的大热知识点进行研发,紧贴互联网发展潮流,Java前沿技术。面试必备技术让就业更轻松。
底层原理剖析
“知其然不知其所以然”是中国教育的通病,了解代码底层原理,更有利于科技创新。
名师指导
大厂工程师,技术大牛亲自授课
严管严教
严抓课堂纪律,细致课后辅导
内容全面
涉及各大热门知识和实用技术
定制服务
班主任全程陪伴,帮助对抗惰性
就业保障
就业老师全面辅导,签订就业保障协议
售后服务
毕业后同步更新课程,终生享受就业服务

免费预约,试听课程

即将开班,名额有限,火热预约中

免费提升

课程升级,老学员免费学习

免费指导

老学员遇到技术难题,提供技术支持

免费探讨

不定期开展线上、线下公开课

免费吃喝

学员交流会(免费吃喝玩儿乐交友)