图文模块(1)

备注1.png    开班时间:滚动开班

图文模块(1)(1)

备注1.png    培训时长:5个月

图文模块(1)(1)(1)

备注1.png    培训地址:成都市武侯区科园南二路2号院3栋3层(8号线殷家林地铁站旁)

文本
适合人群
图片
文本
对前端感兴趣
文本
零基础社会人员,想要学习web
图片
文本
在校大学生
文本
即将步入社会,想要学就业技术
图片
文本
有编程基础
文本
接触过编程,想要提升进阶
图片
文本
理工科背景
文本
逻辑思维能力好,不排斥代码
文本
职业发展路径
文本
网页制作工程师
文本
web前端开发工程师
文本
高级web前端开发工程师
文本
技术岗位
文本
资深web前端开发工程师
文本
全栈工程师
文本
web构架师
文本
前端leader
文本
项目经理
文本
技术总监
文本
交互设计师
文本
产品经理
文本
自主创业
文本
训练营特色
图片
文本
标准化
文本
制定项目研发标准、授课标准、考核标准,避免知识点冗余、重复和堆叠,避免授课质量严重依赖讲师个人能力,影响学员学习效果。
图片
文本
多元化
文本
课程设计科学合理,多维度培养学员动手能力、实践能力、分析能力,不管是零基础还是转行提升,不同层次学员皆能有所收获。
图片
文本
梯度化
文本
课程站在学员角度设计,平滑的学习曲线,细化知识点的颗粒度,精研课程内容设计、并且以“分钟”为单位对知识点进行精细化讲解,全面解构,由浅入深。
图片
文本
实战化
文本
渐进式学习,企业级项目全端实现,以一个项目为主(深度),将知识点讲深讲透。辅助多样化的项目,查漏补缺、开拓视野(广度),科学和合理地衔接每一块内容。
文本
大前端交互工程师课程目录
文本
第一阶段 前端页面重构
文本
阶段目标:熟练使用前端开发IDE:vscode编辑器;掌握HTML5基础和HTML5进阶中的常用标签;掌握CSS基本语法和文字字体属性;掌握盒模型属性在网页中的应用;掌握浮动语法和清除浮动影响的方法;掌握四种定位的语法和应用场景;掌握CSS精灵图实现的原理及优缺点;掌握CSS3中2D/3D变形函数、动画、框模型、文本阴影、背景属性;掌握弹性盒相关属性的语法和应用场景;掌握企业级PC端项目的开发流程和规范;掌握移动端REM多种布局方案的原理和实现的步骤;掌握响应式布局的核心技术。
第一阶段(1)
课程主题
课程内容实战案例求职方向
HTM5基础
  • HTML简介

  • HTML语法

  • HTML属性和值

  • HTML注释

  • HTML基本结构

  • 排版布局标签(区块划分div、标题标签h1-h6、段落标签p、图片img、超链接a、无序列表、有序列表、定义列表、加粗strong和b、倾斜em和i、span、强制换行br、表格、表单)

  • 标签属性(img、a、ul、ol、表格常用属性、合并单元格、form属性、表单元素属性)

  • 标签属性的实战应用

  • HTML语义化

百科详情页

腾讯企业站专题页

新浪新闻详情页

表格个人简历

腾讯游戏充值页

百合网注册页

QQ会员活动页

京东首页首屏

Web前端开发工程师

网页制作

网站布局与重构工程师

CSS3基础
  • CSS介绍和基本语法

  • 引入CSS的方式

  • 选择器(标签选择器、id选择器、类选择器、子代选择器、后代选择器、交集、并集选择器、伪类选择器、相邻选择器、属性选择器)

  • 字体

  • 文本属性

  • 列表属性

  • 权值

  • CSS继承性

  • 优先级

  • 层叠性

  • 标准盒模型(border、margin、padding)

  • 背景

  • 元素显示模式

  • 浮动及原理

  • 清除浮动的方法

  • 定位(相对定位、绝对定位、固定定位等)

  • z-index

  • 图片居中

  • 图片间隙问题处理

  • 透明

  • 鼠标样式

  • 用户界面

  • 浏览器内核

  • 浏览器兼容

  • CS hack

  • BFC

  • CSS实现三角

  • CSS精灵

  • CSS传统经典布局方案(等高布局、双飞翼布局、圣杯布局)

  • 颜色表示方法

切图
  • PS切图

  • PS首选项设置

  • PS新建工作区

  • PS常用工具(移动、选区、文字、矢量、放大镜、抓手工具、拾色器、切片工具)

  • PS图层操作

  • PS填充前景、背景色

  • cutterman

  • 蓝湖协同平台介绍

  • 蓝湖标注(查看标注、标注多选、标注百分比、切换标注单位、复制标注信息)

  • 蓝湖切图(下载切图、多选切图、切图压缩、切图重命名)

  • 蓝湖Photoshop插件安装、使用(设置切图、上传设计图、生成SVG)

PS绘制五环

腾讯企业站专题页(PS切图)

小U商城(切图、标注上传)

综合项目1
  • 项目开发流程介绍

  • 项目分析

  • 项目开发规范

  • CSS样式初始化

  • 浏览器样式重置

  • 模块化开发

  • web字体

  • lconfont

  • margin负值布局妙用

  • 页面TDK与SEO

  • web服务器

  • 项目发布上线

小U课堂
HTM5进阶
  • HTML5简介

  • 新增的结构化标签(header、nav、article、section、aside、footer等)

  • 删除的标签

  • 音频和视频标签及常用属性

  • 新增表单元素

  • 新增表单属性

  • html5shiv.js

新浪积分商城QA界面

H5语义化

个人登记预留H5表单

CSS3小开关

CSS3文字填充效果

CSS多彩渐变

响应式报纸

拆红包

CSS3进度条

CSS3气泡动画导航

3d翻转导航

CSS3进阶
  • CSS3简介

  • CSS3新特性

  • CSS3新增选择器(属性选择器、结构伪类选择器、状态伪类选择器等)

  • 背景(背景图尺寸、背景定位原点、背景裁剪、多背景)

  • 用户界面属性

  • 渐变(线性渐变、重复线性渐变、径向渐变、重复径向渐变)

  • 多列布局

  • 浏览器前缀

  • autoprefix

  • 圆角

  • 阴影

  • 过渡动画

  • 2D与3D转换

  • perpective

  • transform-style

  • 关键字

  • 动画

  • Animate动画库

  • 弹性盒布局(Flex)

  • Grid网格布局

  • 自适应

  • 布局

  • calc计算函数

  • 媒体查询

综合项目2
  • 移动端浏览器及内核分析

  • 理想视口

  • 布局视口

  • 视觉视口

  • 逻辑像素

  • 设备像素

  • dpr

  • rem单位

  • vw单位

  • 屏幕适配方案

  • 2倍图

  • 刘海屏适配

  • 添加主屏

  • 禁止复制

  • 禁止弹出系统菜单

  • 1px border问题

  • iPhone及iPad下输入框默认内阴影处理

  • iOS和Android 下触摸元素时出现半透明灰色遮罩层处理

小U商城
综合项目3
  • 响应式图片

  • 响应式布局概念

  • 响应式布局适用场景

  • 响应式布局原理

  • 响应式布局方案

  • 百分比布局

  • 响应式字体

  • 响应式图片

  • Flex在响应式

  • 中的应用

  • Grid在响应式中的应用

小U商城后台管理系统
文本
第二阶段 前端交互设计
文本
阶段目标:掌握JavaScript基础语法、运算符、表达式、数据类型、流程控制语句的应用;掌握函数式编程在生产环境下的应用;掌握JavaScript内置对象api的应用场景和使用方式;掌握DOM针对于节点的增删改查操作;掌握BOM的基本应用;掌握事件类型,触发机制和事件传播原理;掌握递归、闭包、回调函数特性及应用;掌握面向对象编程在生产环境下的应用;掌握jQuery、Zepto库的使用;掌握Bootstrap在响应式网页开发中的应用;掌握Web常见底层或常用算法。
第一阶段(1)(2)
课程主题
课程内容实战案例求职方向
JavaScript基础语法
  • JavaScript简介

  • JavaScript引入方式

  • JavaScript变量

  • 变量命名规则

  • 变量提升

  • 变量作用域

  • JavaScript数据类型

  • 数据类型转换(强制、隐式)

  • 表达式

  • 运算符

  • 运算符优先级及结合性

  • 单分支语句

  • 双分支语句

  • 多分支语句

  • 嵌套分支

  • for循环语句

  • for-in语句

  • while语句

  • do-while语句

  • break

  • continue

  • JavaScript操作页面属性(标签、标签内容、标签属性、标签样式)

  • 函数的概念及作用

  • 函数声明及调用

  • 函数参数

  • arguments

  • 函数返回值return

  • 全局函数定时器,

  • 函数复用

  • 运动函数封装

  • 轮播图效果

  • this对象

  • 自定义属性

  • 选项卡效果

在线聊天框

商城购物车效果

左右切换轮播图效果

淡入淡出轮播图效果

网站商品筛选排序(按最新、按价格)

图片懒加载

每日必抢(倒计时)

简易计算器

随机验证码(验证码随机,60秒禁用)

注册页面正则表达式验证

面向对象选项卡、拖拽

网易云歌曲选择(添加、删除、全选)

Web前端开发工程师

移动端开发工程师

JS交互设计师

网站开发工程师

WEBAPI编程
  • 对象及api概念

  • Math对象

  • 取整方式

  • 数学方法

  • 随机数

  • 随机抽奖

  • 随机验证码

  • Date对象

  • Date对象方法

  • 倒计时

  • momentjs格式化时间

  • String对象

  • String对象方法

  • 字符串转JSON数据

  • Array对象

  • Array创建方式

  • Array对象方法

  • 数组栈方法

  • 数组迭代方法

  • 数组排序算法

  • 对象排序

  • 中文排序

  • 时间排序

  • 日期排序

  • RegExp对象

  • RegExp正则表达式验证方法

  • 元字符

  • 量词

  • 前瞻后顾

  • 常用表单验证

  • DOM概念

  • DOM作用及使用场景

  • DOM树

  • 节点类型

  • 节点操作

  • 节点的增删改查

  • 属性操作

  • 表格操作

  • BOM简介

  • window对象

  • document对象

  • 窗口操作

  • location

  • history

  • client

  • offset

  • scroll

  • 窗口事件

JavaScript高级
  • 事件对象

  • 事件对象兼容性

  • 事件绑定

  • 取消绑定

  • 事件捕获机制

  • 事件冒泡机制

  • 阻止事件冒泡

  • 事件默认行为

  • 事件代理

  • 键盘与滚轮事件

  • JS特性动画

  • 拖拽效果

  • 碰撞检测

  • 匀速运动

  • 缓冲运动

  • 轮播图

  • 匿名函数

  • 自执行函数IFE

  • 闭包

  • 闭包解决的问题

  • 闭包经典案例

  • 闭包优缺点

  • 递归函数

  • 递归阶乘

  • 递归斐波那契数列

  • 数组快排

  • 回调函数

  • 防抖(debounce)与节流(throttling)

  • call与apply

面向对象编程
  • 面向对象的概念

  • 三大特征

  • 优缺点

  • 构造函数

  • new关键字

  • 实例对象创建

  • prototype对象

  • 原型与原型链

  • instanceof运算符

  • 对象与继承

  • 对象操作与拷贝

  • 原型链继承

  • 对象冒充继承

  • 寄生式组合继承

  • 模块与封装

  • 设计模式

  • constructor

  • 面向对象编程实例

综合项目1
  • 项目简介

  • 项目人员组成及分工

  • 项目开发流程

  • 项目分析规划

  • CSS预处理

  • Less简介

  • Less编辑

  • 导入

  • 注释

  • 变量

  • 混合(Mixin)

  • 嵌套

  • 运算

  • 内置函数

  • 分页效果

  • H5新API接口

  • 音频和视频API

  • 视频播放器

  • 函数封装

  • 代码与性能优化

  • 封装JavaScript工具库

小U课堂
jQuery基础
  • jQuery简介

  • jQuery优缺点

  • 版本问题

  • 顶级对象$

  • 入口函数ready

  • jQuery对象与DOM对象关系

  • jQuery常用选择器

  • jQuery遍历节点(next、prev、 siblings、parent)

  • 排他思想

  • jQuery操作节点内容、属性、样式

  • jQuery隐藏迭代

国美首页楼层滚动监听

手风琴效果

图片悬浮效果

百度新闻导航

插件实现轮播图

jQuery进阶
  • jQuery遍历方法(map、each)

  • jQuery BOM操作

  • 获取节点宽高及位置

  • jQuery DOM操作(节点创建、添加、删除、复制、替换)

  • jQuery事件

  • 事件绑定on与事件取消off

  • 事件代理

  • 组合事件

  • 一次性事件

jQuery高级
  • jQuery预制动画

  • jQuery自定义动画

  • 动画队列

  • 动画方法

  • 手风琴效果

  • 滚动监听

  • $.extend()

  • 深拷贝

  • 深拷贝的方式总结

  • 递归实现深拷贝

  • jQuery插件

  • 第三方插件使用

  • 自定义类级别插件

  • 对象级别插件

Zepto
  • Zepto介绍

  • 环境配置及编译

  • Zepto模块

  • 选择器及事件模块

  • Zepto

  • 的touch模块

  • Zepto项目应用

综合项目2
  • jQuery添加网站动态交互效果
小U商城
Bootstrap
  • Bootstrap简介

  • Bootstrap网格系统

  • Bootstrap排版

  • Bootstrap表格

  • Bootstrap表单

  • Bootstrap按钮组

  • Bootstrap下拉菜单

  • Bootstrap输入框组

  • Bootstrap导航栏

  • Bootstrap面包屑导航

  • Bootstrap分页

  • JavaScript插件

  • 响应式图片

  • Bootstrap组件(字体图标、导航条)

  • 轮播图

vscode官网
综合项目3
  • 效果分析

  • 响应式布局

  • 网格系统使用

  • 验证响应式网站效果

  • 采用媒体查询调整局部

文本
第三阶段 服务器端开发
文本
阶段目标:Git版本管理工具,熟练使用Git进行项目文件托管到远程仓库;ECMAScript6新特性,不局限于(let、const、新的数据类型和数据结构、ES6模块化、promise、class语法);掌握Node.js环境配置,熟练使用cmd运行可执行程序;掌握文件的读写操作;掌握Commonjs规范、包管理,通过模块化思想进行快速开发项目;Express框架、Express中间件原理、Express脚手 架快速搭建项目;掌握Cookie、Session、文件上传等原理;深入理解Http协议,前后端交互流程及原理;掌握Rest Client接口测试工具;掌握MySQL数据库存储方式,通过SQL进行数据的操作;掌握Webpack打包原理。
第一阶段(1)(2)(3)
课程主题
课程内容实战案例求职方向
Git
  • 版本的概念

  • 管理版本

  • Git介绍

  • Git安装步骤

  • Git操作步骤

  • Git命令

  • 文件忽略

  • 分支

  • 文件冲突

  • 远程仓库

  • ssh访问

  • Git与SVN区别

使用Git管理项目

创建自己的远程仓库

使用Git上传自己的

项目到远程仓库

Web前端开发工程师

网站开发工程师

全栈开发工程师

Node开发工程师

ECMAScript6
  • ECMAScript6简介

  • let和const

  • 解构赋值

  • 数组解构

  • 对象解构

  • 解构默认值

  • 模板字符串使用

  • spread和rest运算符

  • Array.from使用

  • 对象属性名简写

  • 对象属性名表达式

  • Object.assign

  • Object.values

  • Object.keys

  • 函数默认值

  • 剩余参数

  • 箭头函数

  • symbol数据类型

  • set和map用法

  • iterator迭代器

  • for...of

  • 面向对象概念

  • class语法

  • 成员属性和静态属性

  • 继承extends

  • super

  • ES6模块化语法

  • ES7-ES10特性

使用Es6语法渲染页面

数组去重新方式

使用Symbol方式定义对象

使用class封装工具方法

使用面向对象分析

Jquery原理

对象部署迭代器

Node.js开发
  • Node简介
  • Node安装配置

  • cmd

  • 环境变量

  • Node特点

  • 第1个Node程序

  • Node模块化

  • 自定义模块

  • path模块

  • url模块

  • querystring模块

  • Commonjs规范

  • 包安装

  • 包的使用

  • 包的加载机制

  • 全局包

  • package.json

  • npm命令使用

  • 淘宝镜像

  • 二进制

  • fs模块文件读写操作

  • fs目录操作

  • 递归删除目录实现

  • 前后台交互过程

  • 服务器

  • 客户端

  • url

  • 端口概念

  • DNS

  • HTTP协议

  • request和response对象

  • get和post

  • Node创建服务器实现流程

使用fs对文件按要求进行读写操作

使用模块化思想封装去除空格方法

使用npm下载第3方包

把markdown文件转为HTML

使用http模块创建服务器

递归删除目录

Express框架
  • Express的特性介绍

  • Express路由使用

  • GET请求

  • POST请求

  • 路径动态参数解析

  • 模块化路由

  • 中间件使用

  • 错误处理中间件

  • express.static

  • express.json

  • express.urlencoded

  • EJS模板引擎

  • 文件上传

  • cookie原理

  • session会话

  • 浏览器小图标

  • nodemon工具

  • REST Client接口测试工具

  • Express脚手架

  • Koa脚手架

使用Express定义服务路由

使用Express接收get和post请求

实现文件上传

登录注册

使用EJS渲染数据

Promise与异步、async函数
  • 同步
  • 异步

  • Promise简介

  • Promise实现步骤

  • Promise链式操作

  • Promise状态

  • then函数

  • catch函数

  • 回调函数

  • Promise.all方法

  • async函数

  • await

把异步变同步
MySQL数据库
  • 数据库介绍

  • 常见数据库

  • 存储数据方式

  • 关系型数据库

  • MySQL的优缺点

  • MySQL安装配置

  • Navicate工具使用

  • 数据库设计

  • 备份与还原

  • CRUD操作指令

  • 数据库操作指令

  • 多表连接查询指令

  • Node操作MySQL

  • Promise封装MySQL操作

  • RESTful API

  • 接口开发

数据的增、删、改、查

使用Node操作数据库

使用Express、MySQL搭建接口

Ajax前后端交互
  • Ajax介绍
  • Ajax原理

  • 实现步骤

  • 跨域

  • cors

  • jsonp原理

  • Ajax之get和post

  • jquery的Ajax

  • $.get、$.post

  • promise封装Ajax

Ajax请求接口

Promise封装Ajax渲染页面

Ajax之注册

综合项目
  • Node进阶

  • 项目介绍

  • 项目初始化

  • 开发流程

  • 安装模块包

  • 接口编写规范

  • 权限系统设计

  • token令牌设计

  • 本地存储

  • 登录拦截

  • 加密

  • 接口联调

  • 接口工具使用

  • 前后台分离设计的优势

  • AJAX跨域请求接口

  • 前端渲染

  • 登录注册

  • 视频播放

  • 项目部署

  • Git团队协作

小U课堂
WebSocket
  • WebSocket介绍

  • socket.io的使用

  • 一对一聊天

  • 在线聊天室

在线聊天室
Webpack
  • Webpack概念介绍

  • Webpack优缺点

  • Webpack安装配置

  • Webpack中的模块和插件使用

  • Webpack打包HTML、CSS、JS

  • 打包Less

  • 打包Sass

  • Webpack拆分CSS

  • 处理图片

  • Webpack中使用jquery

  • 打包字体图标

  • 配置热更新

  • ES6模块化和CommonJS模块化对比

  • import和export的使用

配置Webpack

ES6模块化封装

文本
第四阶段 前端框架
文本
阶段目标:掌握什么是Vue、优缺点和核心以及它的设计模式;掌握Vue基本指令的使用;掌握事件的绑定方法和流程;掌握事件修饰符、生命周期、过滤器、watch侦听器、计算属性以及动画的原理和使用;掌握组件的创建和注册以及组件通信的使用;掌握脚手架的创建以及使用;掌握基本路由、路由嵌套以及高阶路由用法;掌握vuex状态管理以及辅助性函数的使用;掌握数据交互之第三方库axios的使用以及高阶拦截器的实战;掌握ElementUl和Vant第三方UI框架的使用;掌握Vue相关知识的综合使用;熟悉Vue后台管理项目以及移动端项目的开发、部署流程;掌握React的概念、特点以及jsx的基本使用;掌握React组件的概念以及注册;掌握React的事件处理,state状态机以及props属性;掌握React基本路由、路由嵌套以及高阶路由用法;掌握AntedPC端和移动端第三方UI框架的使用;掌握数据交互之第三方库fetch的使用;掌握Hook的概念基本使用以及定义规则;熟悉React状态管理Redux的原理和流程以及实战应用;熟悉React项目优化、部署流程。
第一阶段(1)(2)(3)(1)
课程主题
课程内容实战案例求职方向
Vue基础
  • Vue简介

  • Vue.js的下载及使用

  • 实例化Vue对象

  • 数据和方法

  • MVC和MVVM设计模式

  • Vue模板语法

  • Vue指令

  • 事件绑定

  • 属性绑定

  • 动态样式绑定

  • 表单元素数据绑定

  • 事件修饰符

  • 表单元素修饰符

  • 键盘修饰符

  • Computed计算属性

  • Watch监听器的定义和使用

  • Filter过滤器的定义和使用

  • 组件的基本使用

  • 组件嵌套

  • 生命周期钩子函数

  • 过渡与动画

百度搜索部分数据展示

实现、双for遍历数据

学员信息登记表案例

百度搜索案例的监听

模拟京东购物车案例

模拟后台管理项目

小U商城后台管理项目

小U商城移动端项目

Web前端开发工程师

移动端开发工程师

网站开发工程师

Vue开发工程师

React开发工程师

Vue进阶
  • Vue-cli脚手架的安装

  • 初始化项目

  • 项目目录结构

  • 组件通信

  • DOM节点操作

  • jQuery在Vue中的使用

  • slot插槽

  • 动态组件

  • 路由基础

  • 路由嵌套

  • 路由导航

  • 编程式导航

  • 动态路由

  • 路由传参

  • 路由导航守卫

  • 网络请求Axios简介

  • 使用Axios发起GET/POST请求

  • 谷歌浏览器插件Vue-DevTools的安装和使用

  • Vuex状态管理

  • Element-Ul的安装和使用

  • iView安装和使用

  • Vant-UI安装和使用

综合项目1
  • 小U商城后台管理
  • UI框架(ElementUl)的安装和使用数据可视

  • Echarts

  • HighCharts的使用

  • 项目初始化

  • 项目需求分析

  • 项目角色管理

  • 项目角色权限管理

  • 商品管理

  • 库存管理

  • 订单管理

  • 数据统计

  • 项目测试

  • 项目优化和打包

  • 项目部署和发布

  • 移动端小U商城:Swiper轮播图的使用

  • UI框架(Vant-UI)的安装和使用

  • 项目初始化

  • 首页展示

  • 商品分类

  • 购物车

  • 个人中心

  • 用户登录注册

  • 项目优化

  • 项目打包和部署

React基础与进阶
  • React介绍和JSX语法

  • 组件基础

  • 组件进阶

  • 组件优化

  • 高阶组件HOC

  • 动画react-transition-group

  • 路由

  • 路由基础

  • 路由高阶

  • 第三方UI库(ant design)的安装和使用

  • react数据交互

  • 网络请求Axios简介

  • 使用Axios发起GET/POST请求

  • 网络请求fetch简介

  • 使用fetch发起GE T/POST请求

  • 配置代理和fetch

  • Redux基础

  • react-redux

  • Redux高阶

  • HOOK

汽车品牌列表渲染

模拟美团案例

汽车品牌通过fetch调用并渲染

小U优选项目

综合项目2
  • Swiper轮播图的使用

  • UI库(Ant- Design)的安装和使用

  • 项目初始化

  • 首页展示

  • 商品分类

  • 购物车

  • 个人中心

  • 用户登录注册

  • 项目优化

  • 项目打包和部署

TypeScript
  • TypeScript简介

  • 基础类型

  • 变量声明

  • 接口

  • 函数

  • 泛型

  • 枚举

  • TS接口

TS基础类型的使用

变量声明的使用

接口、类、函数、泛型、枚举的使用

VUE扩展进阶
  • 发布订阅者模式

  • SSR

  • Nuxt

  • Vue3.0

独立写出底层原理性内容
React扩展进阶
  • React虚拟DOM和diff算法

  • Dva

  • Umi

  • React结合TS

文本
第五阶段 微信小程序+数据可视化
文本
阶段目标:掌握微信小程序账号注册流程、熟练使用微信开发者工具;掌握微信小程序json配置,视图层和逻辑层的操作;掌握微信小程序模块化及组件化的操作;掌握微信小程序常用API及开放能力的使用;掌握微信小程序云开发的使用;掌握微信小程序原生语法结合Promsie进行业务开发的使用;掌握微信小程序拓展能力,如组件库、computed、 骨架屏的使用;掌握微信小程序部署发布上线的能力;掌握uni-app框架基础语法、熟练使用HBuilderX开发工具;掌握环境判断、运行期判断、条件编译,实现跨平台兼容;掌握uni-app其他三方UI库的使用;掌握uni-app-套代码, 开发项目发布到多个终端的能力;掌握Canvas、svg绘图容器使用;掌握d3.js、echarts.js绘图工具使用;掌握echarts.js结合vue框架及socket即时通讯,实现数据可视化多图表开发,大屏项目开发的能力。
第一阶段(1)(2)(3)(1)(1)
课程主题
课程内容实战案例求职方向
微信小程序
  • 微信开发简介

  • 小程序应用场景

  • 小程序账号注册

  • 微信开发者工具

  • 工程创建

  • 工程目录

  • 小程序配置

  • 场景值

  • 小程序实例注册

  • 页面注册

  • 生命周期

  • 模块化

  • WXML语法

  • WXSS样式

  • 事件系统

  • WXS脚本

  • 基础组件

  • 自定义组件

  • 缓存

  • 网络请求

  • Promise

  • 界面交互

  • 开放接口

  • WeUI组件库

  • 云开发

  • Behavior

  • Computed

  • 分包加载

  • 基础库低版本兼容

  • 骨架屏使用

  • 小程序发布

自定义Swiper

WeUI自定义导航

获取用户手机号

购物车自定义组件封装

云开发用户管理系统

表单调查问卷

网络请求Promise封装

小U商城

移动前端App开发工程师

小程序开发工程师

uni-app
  • 框架概述

  • 项目创建

  • HBuilderX工具

  • cli

  • 工程目录结构

  • 创建页面

  • 工程配置

  • 数据绑定

  • 条件渲染

  • 列表渲染

  • 事件处理

  • 计算属性

  • 静态资源及公共文件

  • 样式配置

  • 下拉刷新

  • 上拉触底

  • 生命周期

  • 组件通信

  • 页面通讯

  • 全局变量

  • Vuex状态管理

  • 运行环境判断

  • 平台判断

  • 网络请求

综合项目1
  • 项目介绍

  • 接口分析

  • 服务端初始化

  • 工程创建

  • uView

  • 数据展示

  • 下拉更新

  • 上拉加载

  • 快速置顶

  • 模糊搜索

  • 分享转发

  • 手机号一键登录/注册

  • 手机号验证码登录/注册

  • 权限认证

  • 登录状态检测

  • 购物车展示

  • 购物车状态管理

  • 提交订单

  • 订单列表

  • 收货地址管理

  • 订单支付

  • 消息推送

  • 会员信息管理

  • 真机调试

  • 跨平台运行

  • 客服服务

  • 工程发布

数据可视化
  • 数据可视化概述

  • 应用场景

  • 数据可视化工具

  • 认识Canvas

  • Canvas标签和Canvas对象

  • 认识线条

  • Canvas绘制图形

  • 绘制坐标轴

  • 贝塞尔曲线

  • Canvas渐变

  • 绘制钟表图形

  • SVG概述

  • SVG绘制基本图形

  • SVG渐变

  • D3.js概述

  • D3.js安装引用

  • Selections(选择集)

  • 数据绑定

  • 动态样式

  • 属性绑定

  • 节点操作

  • Echarts概述

  • Echarts绘制

  • 基础柱状图

  • Echarts常见配置项

  • EchartsInstance实例

  • Echarts事件

Canvas人物走动

Canvas钟表

Canvas坐标轴

Echarts柱状图

农业数据实时监测系统

高级Web前端工程师
综合项目2
  • 项目介绍

  • 项目初始化

  • 服务端初始化

  • Echarts安装

  • axios安装与挂载

  • 图表组件开发

  • 组件结构设计

  • 布局结构设计

  • 绘制基本图表

  • U|界面调整

  • socketio

  • 组件合并

  • 主题切换

  • 屏幕适配

文本
第六阶段 就业指导
第一阶段(1)(1)(1)(1)(1)(1)
课程名称课程章节学习内容
简历HR喜欢什么样的简历?
  • 简历到底是被如何筛选的

  • 简历的四大板块

  • 如何挑选适合自己的简历模板

  • 撰写简历的四大原则

笔试深度解析笔试常见题型
  • 逻辑推理题解析:数据推理、图形推理、文字推理

  • 数据分析题解析:数据估算、数据处理

  • 岗位认知题解析:数据运营题等

群面互联网名企群面实战模拟
  • BAT经典群面真题现场群面模拟

  • 学员表现深度点评

  • 群面解题方法讲解

  • 群面讨论中的注意事项讲解

单面深度解析单面必考题型
  • 如何回答:

  • 请做一下自我介绍。

  • 在上一份实习中学到了什么?

  • 你最大的缺点是什么?

  • 你有男朋友吗?

面试前如何高效准备
  • 面试准备基本步骤与方法

  • “峰终效应”在面试中体现

“业务面”考点解析
  • “业务面”流程与形式介绍

  • 常见题型解析

  • 如何高效备战“业务面”

“高管面”考点解析
  • “高管面”流程与形式介绍

  • 常见题型解析

  • 面试技巧解析

“HR面”考点解析
  • “HR面”流程与形式介绍

  • “HR面”经典问题解析

  • 如何让HR对你印象深刻

求职专项求职必备的逻辑表达能力
  • 金字塔原理

  • 结构化思考和表达

接offer前要知道的事
  • 薪酬包含哪些,如何计算?

  • 晋升路径有哪些?

  • “三方”“offer”“劳动合同”的区别,以及如何毁约?