青岛web开发前端培训

苐一阶段：PC端

Photoshop

photoshop切图基础

HTML/css

1.**ml基本标签/块级元素vs内联元素

2.*SS基础语法/选择器/基础属性/有效宽度/浮动

3.盒模型/文字/背景/列表/

4.定位/显示/伪类

5.优先级/页面布局规范流程/分组继承层叠/雪碧图/表单样式

JavaScript

1.基础语法（变量/数据类型/运算符/typepf/类型转换 )

2.对象/数组/函数/闭包/

3.条件语句/循环语句/

4.对象操作方法

5.*OM操作、绑定/移除事件

6.*OM、定时器

jQuery

1.****ry引用/基础语法/选择器/事件/事件委托

2.属性样式/DOM树遍历/DOM操作

3.****ry动画原理/内置动画/自定义动画

4.表单操作/数据提交/表单验证

5.常用插件layer/swiper等常用插件

CSS3

1.**S3支持/文字/字体图标/盒模型/背景/边框/圆角

2.2***************过渡效果

项目实战

PC大型商城项目

第二阶段：移动端web开发

flex弹性布局

1.传统布局的局限性、Flex布局优势、父级容器常见属性设置

2.子级项目常见属性设置

移动端布局

1.移动端屏幕介绍、移动端介绍、移动端操作系统介绍、真机调试

2.******rt 视口、rem/vw/vh单位的使用、媒体查询

3.响应式适配解决方案、常见移动端样式兼容方案

bootstrap

1.基础使用、栅格系统、CSS基础样式、插件系统

小项目

1.基于媒体查询的uemo响应式网站

HTML5 API

1.***l5支持/新元素/新属性/拖拽事件/自定义标签

2.****as 基础绘制语法/canvas动画

3.***L5多媒体相关（Video/Audio）

4.本地存储/离线应用程序

5.f*****ader对象/获取地理位置坐标/百度地图API

6.触摸事件/hammer.js触摸插件

项目实战

1.移动端微商城/web APP

第三阶段：Nodejs与AJAX

后端API开发

1.*****js 一天快速入门（安装/common规范/npm常用指令）

2.*****ss开发框架--安装与初始化、静态资源处理

3.路由系统、调试 Express 应用、常用 API

4.前后端分离架构模式、API接口设计、接口测试工具

5.***QL数据库环境搭建、Navicate MySQL界面化工具

6.常用SQL语句、CRUD、关联表查询

7.***QL包安装以及使用

AJAX

1.**AX原理分析、同步与异步、GET/POST

2.**ON数据/AJAX操作/拓展的XMLHttpRequest API方法

3.****ry 的 AJAX 相关 API 使用

4.前端模板引擎artTemplate

5.跨域请求及解决方案

小项目

基于jQuery+bootstrap的员工、客户管理系统

第四阶段：MVVM框架

ECMAScript新语法

1.E*****ript标准、let/const、解构赋值

2.字符串、对象、函数、数组的扩展语法

3.面向对象思想、工厂模式、构造函数、原型以及原型链、原型继承

4.***ss类、Module模块

5.回调函数、Promise 对象、Async 函数

Vue

1.*ue 实例、Vu**.0新特性、文本与属性绑定、Class 与 Style 绑定、条件渲染、列表渲染

2.事件处理、表单输入绑定、计算属性 computed

3.*ue 实例生命周期、Vue 过渡和动画

4.模块化开发、Vue组件系统

5.*****LI安装、创建项目、目录解析、配置项

6.*SS预处理器SASS

7.V*****uter基础路由、路由传参、嵌套路由

8.编程式导航、路由组件传参、导航守卫、路由元数据

9.**AX通信Vue-axios/Vue生命周期/路由跳转获取数据

10******nt UI框架构建商品管理后台

11***eX仓库管理，权限管理

12***eX仓库管理，权限管理

项目实战

1.基于vue+axios+vue-router+Element UI的商品后台管理系统

React

1.***ct 框架介绍、安装与初始化、create-react-app 脚手架工具

2.***ct 组件系统、JSX 语法、事件处理

3.条件渲染、列表渲染和 key、表单处理

4.***ct Router 路由系统

5.***ux 状态管理架构

6.***os 请求库、生命周期

7.*SS Modules

8.***ct Hooks

项目实战

基于react框架的移动端商城系统

第五阶段：Hybrid APP 开发

微信小程序

1.微信4种平台区别、注册流程

2.创建基础项目、目录解析、配置文件

3.视图层-页面样式布局、WXSS

4.逻辑层--数据渲染、绑定事件、事件传参、获取/修改data

5.调试面板，调试

6.网络通信配置、封装AJAX方法、数据交互

7.路由组件、路由传参、编程式导航

8.小程序登录流程、授权、获取用户信息

9.微信支付流程/打包、发布版本

项目实战

1.基于小程序的购物商城