![web前端培训](http://img.ux20.com/uploads/newpic/202007/d40e01688873b9d6.jpg)
行业前景广 / 岗位选择宽 / 发展空间大 / 就业薪资高
-
Web开发工程师
-
前端工程师
-
网站开发工程师
-
小程序开发工程师
-
H5开发工程师
-
高级前端开发工程师
-
App开发工程师
(*以上数据源自职友集)
-
>10年
-
5-10年
-
3-5年
-
1-3年
-
应届生
为保证课程内容紧跟市场变化,课程章节将逐步更新开放,直至课程完结*
专业核心基础
Web后台技术
数据库和框架实战
移动端和微信实战
就业与补充强化
1. 熟练掌握HTML5、CSS3、Sass、响应式布局、移动端开发
2. 熟练运用HTML+CSS特性完成页面布局
3. 熟练应用CSS3技术,动画、弹性盒模型设计。
4. 熟练完成移动端页面的设计
5. 熟练运用所学知识仿制任意Web网站
6. 能综合运用所学知识完成Woniu官网设计和家居网实战
阶段项目12306网页实战、apache网站实战、豆瓣网首页实战、英雄联盟页面设计、室内装修门户网站整站、家具网站整站开发、生鲜平台整站开发、天猫商城移动端开发、苹果官网移动开发
HTML和CSS入门
熟练运用HTML和CSS样式属性完成页面的布局和美化,基于PSD原稿完成页面像素级还原布局和设计
知识要点 PhotoShop抠图切片技巧Web前端开发环境HTML常用标签表单元素CSS基础样式使用字体图标设计选择器权重计算PhotoShop抠图技巧利用PS完成APP图标设计网页的切片制作Web前端开发环境HTML常用标签表单元素表格列表HTML5音频视频iframe框架浏览器加载网页的流程CSS的结构和语法CSS基本属性字体(字体引用技术)字体图标背景文本超链接锚点布局实战和H5控件
熟练掌握网页布局设计,理解动画的原理,掌握动画的基础设计并完成网页动态效果设计
知识要点 选择器样式继承IFCBFCCSS兼容处理见布局技巧CSS新增特性选择器权重CSS属性继承CSS布局盒模型(标准和模型、怪异盒模型)浮动概念和设计4种定位的使用网页布局实战BFCIFC三列布局圣杯布局双飞翼布局等高布局H5新增表单控件语意化标签浏览器兼容原理CSS处理兼容性的方案hack代码CSS3新增样式补充圆角背景线性变化和径向变化盒子阴影设计兼容处理CSS3新特性和动画
使用集合完成项目重构,实现保存棋谱及复盘功能
知识要点 弹性布局transtion过渡tranform动画Animation动画使用技巧2D动画和3D动画设计弹性盒模型基础弹性布局弹性空间富裕控件弹性因子过渡的基础2D动画的设计transformrotateskew矩阵3D坐标透视基本概念动画设计关键帧Animation动画轮播图设计原理豆瓣网整站布局和设计在线课堂设计移动端、SASS和BootStrap
独立完成移动端页面设计、能够熟练使用 Less、Sass完成项目开发,深入了解BootStrap
知识要点 响应式布局原理移动端页面设计预编译CSS技术LessSassBootStrap源码分析media媒体查询使用响应式页面设计移动端布局原理pxemrem的概念和区别viewport常用meta设置LessSass预处理器安装及编译变量运算继承混合父选择器循环语法BootStrap栅格系统源码常用组件BootStrap组件和插件轮播图插件tab页面切换模态框LayUI框架项目实战及优化
通过项目掌握第一阶段HTML、CSS的内容、完成PC端页面设计和移动端页面设计
知识要点 使用HTMLCSSLESSSASS等技术完成家具网项目实战页面需求分析设计切图搭建项目骨架网站主页设计导航轮播图商品动画效果设计商品详情页面设计商品放大镜效果商品图片切换购买页面支付页面设计个人中心包括个人的基本信息个人订单页面项目验收和答辩1. 了解JavaScript的发展历史、掌握Node环境搭建及npm使用
2. 熟练掌握JavaScript的基本数据类型和变量的概念
3.熟练掌握JavaScript中的运算符使用、结构语句和循环语句
4. 掌握数组的使用和常见算法、掌握函数的使用
5. 掌握DOM、BOM的技术,完成网页各种动态效果的设局
6. 掌握ES5面向对象、ES6面向对象和ES6新特性。
7. 熟练使用H5技术来开发音频视频、地图。掌握异步编程和http协议
阶段项目JS贪吃蛇游戏、视频播放器、小麦网整站、电影购票网站整站
Node.js基础和JS基础
掌握 Node.js的基本操作、熟练掌握JavaScript的基础知识
知识要点 Node概念环境搭建npm操作算法变量数据类型控制结构数组和函数Nodejs环境安装变量概念输出浏览器环境输入运算符基本数据类型及其转换控制结构一维数组数组常见api及实现二维数组冒泡排序选择排序函数基础箭头函数函数嵌套arguments递归快速排序函数作用域声明提升IIFElet和constWebAPI核心编程
熟练使用BOM的各种对象、熟练操作DOM的对象
知识要点 BOM操作DOM操作JavaScript原生对象属性和方法DOM树DOM选择器innerHTML和innerText事件基础Node&Element类常用属性和方法正则表达式闭包window对象historynavigatorlocationscreen弹出框定时器DOMCSS事件基础事件流event对象touch事件事件委托jQuery基础选择器常用apijQuery插件开发面向对象和ES678
熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容
知识要点 JavaScript面向对象基础(ES6)异常处理机制常见对象apijs的兼容性ES6新特性面向对象概念类和对象基础属性和行为构造函数及this对象数组类属性和行为继承特性重写super内存空间垃圾回收JavaScript异常处理机制JavaScriptES5模拟面向对象(原型和原型链)apply内置对象apiObject类深克隆浅克隆严格模式ES6特性解构赋值扩展运算符set&map数据结构H5实战和前后端分离
熟练使用所学知识来完成电影城项目开发
知识要点 H5相关apicanvasajax异步编程Promise数据模拟mockjscanvas上下文容器矩形绘制路径绘制样式控制创建图片图片裁剪requestAnimateFrameh5音频视频本地及离线存储拖拽H5定位百度地图api百度地图出行规划百度地图地址解析HttpHttps协议mockjs数据规范fastmock使用同步和异步原生ajax设计jQuery-Ajax封装ES6-PromiseES7-AsyncGenerator函数项目设计和优化
熟练使用所学知识来完成电影城项目开发和小麦网项目开发
知识要点 使用HTML、CSS、LESS、SASS、JavaScript、jQuery、Ajax等技术完成项目实战1. 综合运用Web前端技术进行页面布局与美化
2. 综合运用Web前端开发框架进行Web系统开发
3. 熟练掌握Mongodb数据库的发开
4. 熟练掌握vue.js、webpack、elementui等前端框技术
5. 熟练运用Node.js开发后台应用程序
6. 熟练使用MySQL,掌握数据库高级操作
7. 熟练使用JDBC,掌握开源工具DbUtils的使用
8. 对Restful,Ajax,JSON,开发过程有深入的理解,掌握git的基本技能
阶段项目珠宝首饰在线购买、宠物寄养管理系统、电脑维修管理系统
Node基础和MongoDB
熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发
知识要点 模块系统函数路由全局对象文件系统请求处理Web模块Express框架MongoDB数据mongose插件Node.js回顾缓存处理npm命令常用API(http、os、path)http的数据获取文件的读取fsrequire模块化异步请求数据渲染模版引擎atr-templateexpress框架Nosql数据库MongoDB环境安装创建数据库文档集合CRUD-APIMongoDB条件查询分页查询效率优化多表联合查询mongose插件安装以及使用Node.js进阶Webpack
熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发,熟练使用打包工具
知识要点 RestfulAPI文件上传状态管理处理方案Webpack打包loaderplugins配置RestfulAPIMVC三层架构设计文件上传和下载Restful风格接口设计跨域处理SessionCookieJWTToken状态管理打包概念grunt和gulpwebpackentryoutputDevServerwebpackloaderplugins插件安装的配置框架和库RestfulAPI文件上传状态管理处理方案Webpack打包loaderplugins配置vueMVVM环境搭建常用指令Vue.js框架实战
对Vue.js框架的基本使用有清晰的理解,能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发,对MVVM模式有深刻理
知识要点vue的组件生命周期路由前端工程化vuexelementui框架vue事件绑定属性操作属性动态计算过滤器常用api学习vue生周期钩子函数组件传值SPA单项数据流vue-cli脚手架单文件组件props虚拟dom和跨域axiosaxios请求和响应vuerouter导航守卫vuexVueX工作流程MutationsActionsModelselementui引入基础布局组件sourcetree安装sourcetree使用项目设计和优化
基于Node.js+Vue.js+Webpack+MongoDB+Git,实现整站项目完整功能并上线发布
知识要点 需求分析数据库设计使用vue、node完成pc和移动端整站开发1. 熟练掌握React.js框架,熟练使用React.js完成开发
2. 掌握移动端开发原理,理解原生开发和混合开发
3. 熟练使用react-native和Flutter框架完成移动端开发
4. 掌握微信小程序以及uni-app一站式开发
5. 基于学院项目池,完成租车系统
阶段项目todolist任务管理、豆瓣电影APP、Woniu跑腿APP、停车缴费小程序、WoniuCarRental微信小程序和APP
React实战
熟练使用react全家桶完成项目开发
知识要点 组件propsstate事件生命周期hooksReduxReactRouterReact(MVC、VirtualDOM、Diff算法)脚手架工具React元素与JSX函数组件和类组件propsstate(设置state、修改state)事件合成事件受控组件与非受控组件生命周期pureComponenthooks(useState、useReducer、useEffect、自定义hook)reactrouter(路由的设置、路由嵌套、路由跳转、路由传参)redux(action、reducer、store)设置数据初始值react-redux组件获取数据并渲染redux中操作数据react搭配fetch连接服务端中间件(logger和thunk/saga)React-native和Flutter框架
Flutter:环境搭建、widget、statefullwidget和statelesswidget、事件、网络请求、列表刷新、底部tab导航栏、路由、打包 APK
知识要点 ReactNative环境搭建组件样式表单事件网络请求列表刷新导航底部tab导航栏打包APK移动端开发原理移动端开发模式ReactNative开发环境搭建基础组件样式屏幕适配输入框处理事件网络请求页面数据动态渲染列表下拉上拉ReactNavigation页面跳转及传参标题栏配置TabNavigationFlutterwidget屏幕适配静态页面练习轮播插件flutter-swiper生命周期网络请求dio路由fluro的配置页面跳转传参APK打包uni-app和微信小程序
uni-app:开发工具、基本使用、vuex、地图功能
知识要点 微信小程序开发工具wxml和wxss全局配置和页面配置自定义组件本地存储网络请求导航云开发小程序发布布局基础样式基础组件使用视图容器组件表单组件多媒体JSON配置data和setData事件自定义组件组件通信页面和组件生命周期页面跳转网络请求数据渲染(列表渲染和条件渲染)列表刷新加载本地存储云开发云数据库云存储云函数uni-app介绍底部导航栏页面组件样式data数据事件生命周期地图组件和腾讯地图API相册拍照图片上传和预览Vuex的引入和使用各平台条件编译插件库毕业项目综合实战
WoniuCarRental,整个项目前后端分离开发, 整个项目分为四部分:PC端网页、移动端APP、小程序、后台管理,团队协作开发,使用git进行版本控制
知识要点 团队协作完成毕业项目1. 基于学院的项目池继续拓展和积累实战项目经验
2. 基于学院的视频课程和直播课程完善知识体
3. 完成职业素养类课程,让学员成为一个职场专业人士
4. 在就业老师的指导下,进行面试准备并去企业面试,最终完成就业
持续学习 理论+实战实力 涨薪每一步
![](http://img.ux20.com/uploads/newpic/202103/474f78cd7cee4771.jpg)
修炼设计模式的最高境界是心中无模式,你写出来的代码再也不像一个毛线团一样难以维护,而是像一篇优美的散文诗,那清晰的逻辑结构和正确的模块划分会让你如获至宝。
![](http://img.ux20.com/uploads/newpic/202103/b73cdccd63fc9335.jpg)
麻雀虽小,却五脏俱全,这本书涵盖:编程风格(基本格式化、注释、语句和表达式、变量),编程实践(UI层松耦合、避免使用全局变量等等)第三部分自动化。
![](http://img.ux20.com/uploads/newpic/202103/e5efa58b34496613.jpg)
Web前端开发入门难度并不高,但是初学者如果没有一个很好的学习和编码习惯,则开发水平的提高速度会变得很慢,初学者非常需要一些能帮助他们快速、正确地进行Web前端开发的最佳实践方法。
![](http://img.ux20.com/uploads/newpic/202103/c1c7596844f05929.jpg)
译者提到大师有些小知识点和实际运行有出入,不妨碍这本书成为经典,想了解ES6的强烈推荐来看,作者真的良心,看这本书有种成绩很好有很热心肠的同学教你功课的感觉。
讲师教授内容严谨、实用,一切以真实提升学员实战能力为导向
![web前端培训班讲师简介及答疑](http://img.ux20.com/uploads/newpic/202103/4d1fc5c1e2a6868b.jpg)
- 01 WEB前端开发前景怎么样
Web前端是互联网时代软件产品研发中不可缺少的角色,从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都属于前端工程师的专业领域。
- 02 web前端可以自学吗
身为外行人不懂这行,隔行如隔山,在遇到问题的时候无法及时求解,容易将时间没日没夜地浪费在不必要的死磕上,所以除非有人愿意及时帮你解惑,否则靠自学会走很多弯路。
- 03 初学者应该用什么编程软件
BBEditMac (HTML和文本编辑器)是一款运行在MacOS平台上的文本编辑器,是领先的专业的HTML和文本编辑器。特别适合Web开发和软件开发人员的需求。
- 04 WEB前端有哪些实用的工具
JavaScript秘密花园--一个一直更新的JavaScript的语法文档,主要会写如何去避免一些常见的错误,以及找到很难发现的 bug ,比较深入 JavaScript 的语言特性。