课程亮点
NO.01
零基础可学
零基础大专学历均可入学。
NO.02
三个月速成
正式学习时长3个月。
NO.03
全程直播,学习无忧
全程直播,根据在线学习特点定制课程体系,短平快全程项目实战教学驱动。
NO.04
就业无忧
学完即可享受面试、就业一条龙服务,保障就业,免除一切后顾之忧。
NO.05
涵盖知识全面
整套课程包含企业Web前端开发所需全部知识点,学完后能够胜任初/中级Web前端工程师岗位,具备独立完成Web前端的全部能力。

名师介绍

徐朝波

  • 全栈工程师,从事IT行业8年有余
  • 积累了丰富的软件开发、项目管理经验
  • 精通Java、前端以及Python技术,H5开发经验丰富
  • 原华为无线部门高级研发工程师,并担任项目SE角色
  • 擅长系统架构、 应用架构以及Web前端技术
  • 曾参与大型互联网项目开发数次,对前后端开发有深入的见解,对高并、高可用、分布式架构设计有着丰富的经验
  • 从事教学工作多年,擅长引导学生去思考,喜欢图形化的教学方式。教学方法独特,为人平和, 广获学员喜爱

为什么选择Web前端以及岗位薪资数据

行业钱景

成都Web前端开发

职友网数据

¥ 10.0k

本数据来源于职友网 / 可信度:高
薪资
占比
3K-4.5K
4%
4.5K-6K
5.5%
6K-8K
17.3%
8K-10K
19%
10K-15K
38.7%
15K-20K
9.1%
20K-30K
4.2%

重庆Web前端开发

职友网数据

¥ 9.0k

本数据来源于职友网 / 可信度:高
薪资
占比
3K-4.5K
1.4%
4.5K-6K
6.9%
6K-8K
25.9%
8K-10K
26.1%
10K-15K
30.5%
15K-20K
5.1%
20K-30K
2.4%

西安Web前端开发

职友网数据

¥ 10.3k

本数据来源于职友网 / 可信度:高
薪资
占比
3K-4.5K
1.4%
4.5K-6K
6.5%
6K-8K
17.6%
8K-10K
19.937.4%
10K-15K
37.4%
10K-15K
11%
20K-30K
4.7%

上海Web前端开发

职友网数据

¥ 14.9k

本数据来源于职友网 / 可信度:高
薪资
占比
4.5K-6K
1.3%
6K-8K
3.4%
8K-10K
7.4%
10K-15K
36.2%
15K-20K
28.5%
20K-30K
19.1%
30K-50K
3.1%

全国Web前端开发

职友网数据

¥ 11.8k

本数据来源于职友网 / 可信度:高
薪资
占比
4.5K-6K
4.6%
6K-8K
12.2%
8K-10K
15%
10K-15K
35.8%
15K-20K
17%
20K-30K
9.9%
30K-50K
2.9%
项目案例
农村电商平台
农村电商产品包括PC网站、手机客户端、微信端、商户运营系统和平台运营支撑系统共5大部分。通过平台可将当地有特色的、绿色的、有机的农副产品直接 销售给最终消费者,去掉所有中间环节,把实惠直接让利给广大消费者,同时为企业拓展了更广阔的销售渠道。雅安熊猫公社和汉源阳光汉源即是购买的本 公司电商产品,现在已经上线运营。其中熊猫公社运营效果非常明显,完全超出客户的预期。国家农业部长、国家供销社领导、省市领导先后到熊猫公社参 观考察,充分肯定了电商平台在发展农村电商方面的贡献。
生活消费O2O
生活消费O2O产品是一款根据用户的地理位置(LBS)为用户方便快捷的查找附近的美食、娱乐、休闲、影院、酒店等生活服务的互联网平台。用户通过手机获取打算去消费的商户的折扣优惠,消费完毕,刷卡支付直接享受折扣优惠抵扣现金的便利。天天约惠和大成无忧即购买本公司产品,目前天天约惠已经上线正式运营,并开通了广元、成都和绵阳的业务,正在大力推广市场,市场认可度挺高。大成无忧正在筹划上线运营。
WoniuLearn微信小程序
蜗牛学院的小程序版本,包括视频点播直播,包含Java全栈开发、Java高级架构师、Python测试开发、Python数据分析、 Python人工智能、Web前端开发、UI全链路设计、Java测试开发、C++物联网等方向课程。

Web前端开发课程体系及知识点( PBET )

第一阶段

网页核心设计

阶段目标

1. 熟练掌握HTML5、CSS3、Less、Sass、响应式布局

2. 熟练运用HTML+CSS特性完成页面布局、掌握常见的兼容性处理

3. 熟练应用CSS3技术,动画、弹性盒模型设计

4. 熟练应用CSS3技术,动画、弹性盒模型设计

5. 完成响应式布局设计、移动端页面的设计和编写

6. 掌握BootStrap框架的使用以及布局技巧

7. 能综合运用所学知识完成Woniu家具网站、Woniu生鲜网站开发

HTML和CSS入门
课程目标

基于PSD原稿完成页面像素级还原布局和设计

知识要点
  • 前端行业、体系生态、安装工具、讲解PhotpShop
  • PS的抠图技巧、利用PS完成APP图标设计、网页的切片和雪碧图的制作
  • Web前端开发环境,HTML常用标签,表单元素、表格、列表、等等
  • HTML5音频视频、iframe框架、浏览器加载网页的流程、CSS的结构和语法
  • CSS基本属性、字体(字体引用技术)字体图标、背景、文本、超链接、锚点
  • 本周知识体系梳理、周考和总结
H5和CSS3新特性
课程目标

熟练掌握网页布局技巧,熟悉CSS3新特性完成页面设计和优化

知识要点
  • 选择器分类(基础选择权和组合选择器)、选择器权重、CSS属性继承
  • CSS布局、盒模型(标准和模型、怪异盒模型)、浮动的概念和设计、网页布局实战
  • 定位的使用、静态定位、相对定位、绝对定位、固定定位
  • BFC、IFC概念的讲解、H5新增表单控件、HTML5音频视频、语意化标签
  • 浏览器兼容原理与处理方案、CSS3新增样式补充:圆角、阴影、背景线性渐变和径向渐变
  • 本周知识体系梳理、周考和总结
CSS3动画SASS和BootStrap
课程目标

熟练掌握网页布局设计,理解动画的原理,掌握动画的基础设计并完成网页动态效果设计

熟练使用 Less、Sass完成项目开发,深入了解BootStrap

知识要点
  • 弹性盒模型基础、弹性布局、弹性空间、富裕空间、弹性因子、后台管理系统实战
  • 过渡的基础、2D动画的设计、translate、rotate、scale、skew的使用
  • 3D坐标、透视基本概念、动画设计
  • 关键帧的概念、Animation动画、轮播图设计原理、Less、Sass预处理器、安装及编译、变量
  • 响应式布局原理、媒体查询的概念、BootStrap入门概述、栅格系统源码的分析
  • 常用组件的介绍、插件的使用,轮播图插件、tab页面切换、模态框
  • 本周知识体系梳理、周考和总结
项目实战
课程目标

通过项目掌握第一阶段HTML、CSS的内容、完成PC端页面设计和移动端页面设计

知识要点
  • 使用HTML、CSS、LESS、SASS等技术完成蜗牛家具网项目实战

第二阶段

网页动态交互

阶段目标

1. 了解JavaScript的发展历史

2. 熟练掌握JavaScript的基本数据类型和变量的概念

3. 熟练掌握JavaScript中的运算符使用、结构语句和循环语句

4. 掌握数组的使用和常见算法、掌握函数的使用

5. 掌握DOM、BOM的技术,完成网页各种动态效果的设计

6. 熟练掌握jquery框架的使用,了解源码设计

7. 熟练使用H5技术来开发音频视频、地图

JavaScript基础
课程目标

了解JavaScript的发展,熟练掌握JavaScript的基础知识

知识要点
  • JS的发展历史、体系、组成,Nodejs概念,环境安装,变量概念、输出
  • 浏览器环境、输入,运算符,基本数据类型及其转换、控制结构
  • 冒泡排序、选择排序、函数基础,箭头函数,函数嵌套、arguments
  • 递归、快速排序、函数作用域,声明提升、IIFE、let和const
  • 项目:WoniuShop编程项目实战、周考及总结
WebAPI核心编程
课程目标

熟练使用BOM的各种对象、熟练操作DOM的对象

知识要点
  • JavaScript原生对象、属性和方法、window对象、history、navigator
  • location、screen、弹出框、String类方法
  • 定时器对象、DOM概念、DOM选择器、innerHTML和innerText、value
  • 定位的使用、静态定位、相对定位、绝对定位、固定定位
  • DOM CSS 、 事件基础、事件流 、event对象、touch事件、事件委托
  • 正则表达式、正则表达式应用、DOM综合应用、Math&Date内置对象api
  • 项目:完成家具网站的功能开发、周考及总结
H5+移动端开发
课程目标

熟练使用所学知识来完成蜗牛电影城项目开发

知识要点
  • jQuery基础,选择器、常用api,jQuery插件开发
  • canvas介绍、上下文容器、矩形绘制、路径绘制、样式控制
  • 创建图片、图片裁剪、requestAnimateFrame
  • H5音频、视频、本地及离线存储、拖拽
  • H5定位,百度地图api、百度地图出行规划、百度地图地址解析
  • 移动端页面设计、页面适配、视口、像素单位区别
项目实战
课程目标

完成影城项目设计

知识要点
  • 基于HTML+CSS+JavaScript+h5完成影城的动态设计

第三阶段

vue框架实战

阶段目标

1. 综合运用Web前端技术进行页面布局与美化

2. 综合运用Web前端开发框架进行Web系统开发

3. 理解JavaScript面向对象编程思想,熟练掌握面向对象设计流程

4. 熟练掌握vue.js、webpack、elementui等前端框技术

5. 熟悉http的工作流程,熟练掌握前后端交互流程

6. 对Ajax,JSON,异步开发过程有深入的理解,掌握git的基本技能

JavaScript高级特性
课程目标

掌握高级特性概念以及运用,熟练使用ES6的新增特性

知识要点
  • 作用域&作用域链、函数嵌套、闭包、递归
  • IIFE、内存空间、对象深浅克隆、ES6 特性、let-const、严格模式、箭头函数this
  • 扩展运算符、解构赋值、set&map、for-of和for-in
  • 面向对象概念、类和对象、属性和行为、构造函数、this、this的汇总
  • 面向对象继承、原型&原型链、异常处理、try-catch
  • 项目:完成出租车系统实现
异步编程+webpack
课程目标

熟练掌握网页布局技巧,熟悉CSS3新特性完成页面设计和优化

知识要点
  • http协议概念、请求和响应、ajax、json
  • 回调地狱、promise、then&catch、async&await、模拟数据、fastmock
  • webpack概念、基本使用、webpack基础配置、webpack常用插件
  • vue事件绑定、属性操作、属性动态计算
  • 过滤器、常用api学习、vue生周期钩子函数
  • 组件的概念、组件传值、SPA概念、单项数据流
  • 练习:完成组件的封装
Vue.js框架实战
课程目标

对Vue.js框架的基本使用有清晰的理解,能够运用Vue.js完成基础前端开发

熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发

对MVVM模式有深刻理解 Less、Sass完成项目开发,深入了解BootStrap

知识要点
  • vue-cli脚手架搭建、单文件组件、props、虚拟dom和跨域
  • axios介绍、axios的请求和响应、vue router、导航守卫
  • vuex的基本概念、VueX的工作流程、Mutations、Actions、Models
  • elementui引入、基础布局、组件、sourcetree安装、sourcetree使用
  • Git概念、git配置、git基本使用、分支设置、冲突解决、
  • 练习:完成学生管理系统设计
项目实战
课程目标

基于Node.js+Vue.js+Webpack+MongoDB+Git,实现整站项目完整功能并上线发布

知识要点
  • 需求分析,数据库设计,后台开发,使用vue、node完成pc和移动端整站开发

第四阶段

React框架和微信小程序

阶段目标

1. 熟练掌握React.js框架,熟练使用React.js完成开发

2. 掌握移动端开发原理,理解原生开发和混合开发

3. 熟练使用react-native框架完成移动端开发

4. 掌握微信小程序以及uni-app一站式开发

5. 基于蜗牛学院项目池,完成毕业系统开发

React框架实战
课程目标

熟练使用react全家桶完成项目开发

知识要点
  • React 基本介绍(MVC、Virtual DOM、Diff 算法)
  • 脚手架工具、React 元素与 JSX、函数组件和类组件
  • props、state(设置state、修改state)、事件
  • 合成事件、受控组件与非受控组件、生命周期、pureComponent
  • hooks(useState、useReducer、useEffect、自定义 hook)
  • react router(路由的设置、路由嵌套、路由跳转、路由传参)
  • redux(action、reducer、store)设置数据初始值
  • react-redux的基本使用,组件获取数据并渲染
  • redux 中操作数据、react搭配fetch连接服务端
  • 中间件(logger和thunk/saga)
  • redux,使用react完成基本练习
Redux+React-Native
课程目标

熟练使用react-native开发移动端app

知识要点
  • redux 中操作数据、react搭配axios连接服务端
  • 中间件(logger和thunk/saga)
  • react-redux使用、redux中间件、redux文件拆分、reducer拆分
  • 基础组件、样式、flex布局 组件通信
  • createStackNavigator使用使用 rn本地缓存
  • 练习:电影详情展示和刷新功能、搜索查询
  • 练习:完成豆瓣app设计
uni-app和微信小程序
课程目标

uni-app 开发工具、基本使用、vuex、地图功能

Less、Sass完成项目开发,深入了解BootStrap

知识要点
  • 微信小程序基本介绍、开发工具、布局基础、样式基础
  • 组件使用、视图容器组件、表单组件、多媒体、JSON配置、静态页面练习
  • data 和 setData、事件、自定义组件、组件通信、页面和组件生命周期
  • 页面跳转、网络请求、数据渲染(列表渲染和条件渲染)、列表刷新加载、本地存储
  • 云开发、云数据库、云存储、云函数、云开发练习
  • uni-app介绍、开发工具的使用、json配置、底部导航栏
  • 页面组件、样式、data数据、事件、自定义组件
  • 综合练习查漏补缺
毕业项目综合实战
课程目标

团队协作完成毕业项目

知识要点
  • 整个项目前后端分离开发
  • 整个项目分为四部分:PC端网页、移动端APP、小程序、后台管理
  • 团队协作开发,使用git进行版本控制
提升课程和就业辅导
课程目标

TypeScript介绍、基本数据类型、接口、类、函数、模块化、JSX语法

TypeScript在Vue中源码分析,Vue虚拟dom实现原理、MVVM实现流程、数据劫持

网页性能优化方案,脚本性能优化方案,框架性能优化方案,浏览器底层内核、内存分配管理、垃圾回收

知识体系梳理、简历项目指导、简历人事指导

针对每个学生进行模拟面试,针对每个学生基础进行查漏补缺

咨询QQ:3068609995

关注微信公众号

添加好友

咨询电话:19150192914

友情链接: 蜗牛创想 阿多比设计学院
版权所有 © 成都凡云科技有限公司 蜀ICP备15014130号-12 网络文化经营许可证 站长统计