图片加载中...

图片加载中... 十六年IT教育机构

图片加载中... 软件定制开发

首页>课程中心

WEB前端全栈开发

web前端开发课程介绍

本课程是专门为零基础学习Web前端开发的朋友准备的,老师将多年的教学经验与案例相结合,深入浅出,循序渐进,让大家轻松的进入Web开发行业。 Web前端工程师,主要职责是用代码的形式,还原UI设计师设计的界面,并实现各种交互效果。利用各种专业技术进行客户端产品的开发,然后结合后台开发技术模拟整体效果,为网站上提供的产品和服务实现一流的Web界面,优化代码并保持良好兼容性,致力于通过技术改善用户体验。

第一阶段PC+移动端网页布局

网页布局

HTML基础语法、排版标签、路径、多媒体标签、链接标签、列表标签、表格标签;
表单标签、布局标签、语义化标签、选择器、外观、文字、背景;
标准流、三大特性、盒模型、伪元素、浮动、伪类、定位;
圆角、阴影、透明、过渡、精灵图、文档编码、SEO、性能优化

移动端布局

HTML5、CSS3 基础、CSS3 进阶、完整的多页面开发、复杂网页结构排版技巧;
Rem、vw/vh,flex布局模型、Less基础语法、视口、分辨率、二倍图;
移动适配、媒体查询,bootstrap框架、栅格系统、组件、响应式网页布局、2D转换、3D转换、动画;
电商类常见布局问题解决方案 、 将电商项目部署到 web 服务器;
移动端页面设计规范,兼容Android、ios系统;
WEB APP原生hbuilder布局、ftp上传测试;

第二阶段JavaScript 开发

JavaScript

变量、基本数据类型、数据类型的转换、运算符、if分支、switch分支、三元表达式;
while循环、for循环、数组、函数、对象、内置对象、DOM树、DOM对象、获取元素、innerHTML;
style className、classList、间歇函数、延迟函数、事件监听、鼠标事件、键盘事件;
高阶函数 环境对象、节点操作、事件流、事件委托、元素位置、BOM、window对象、swiper插件;
本地存储、自定义属性、正则表达式 字面量、构造函数、单体对象、面向对象、原型、class、getter、setter;
柯里化、解构、箭头函数、Object、Array、let、const 严格模式、闭包、选择器、节点方法、动画、动画队列;
事件、事件委托、链式操作、插件、插件机制 客户端与服务器、axios、请求与响应报文、接口;
form表单、拦截器、FormData、文件上传、XMLHttpRequest、防抖、节流、跨域;
安装和配置Git、Git本地操作的常用,命令、.gitignore 忽略文件、Git分支与常用命令、远程仓库的使用、数据可视化

阶段项目实战

360首页、京东首页、详情页;
运动类动画:匀速运动、缓冲运动、加减速度动运、弹性运动、跳动效果、 模拟其他物理运动;
轮播幻灯片效果大全:平移、滑动、渐隐渐现、跳动、手风琴;
菜单效果大全:仿 FLASH 式滑动菜单、联级无限扩展菜单、缓冲跟随菜单 仿桌面应用程序效果;
任意扩展功能的放大镜、图片放大效果,磁性拖拽特 效、淡入淡出效果等多种效果;
彻底玩转网页特效、随心所欲制作各类网站交互效果;
高手进阶--向jquery框架看齐:用面向对象和闭包开发的方式开发自己的JS 框架;
建立函数库,命名空间,对象直接量(命名参数);
原型对象、 深入探讨JSON、 JS中的封装、继承,闭包开发。

第三阶段Node.js

Node.js

NodeJS基础与NodeJS核心模块、 NodeJS介绍、 NodeJS环境搭建与入门;
ES6在 NodeJS中的应用、 CommonJS模块 fs与path模块、stream socket.io http模块;
API URL模块、数据的本地存储Node.js和浏览器的区别、Node.js环境的安装、终端的常用命令;
在Node.js中执行JS代码、 fs模块、path模块、模块化的基本概念、CommonJS;
模块的分类、模块作用域、包的基本概念; npm、包管理配置文件、全局包、项目包;
常用的npm命令、模块的加载过程、Express的安装和配置;
处理GET请求、处理POST请求、获取参数、处理跨域、中间件、REST API、json-server、ES6模块化;
Promise、async/await、EventLoop、宏任务、微任务、工程化开发的概念、webpack的基本配置;
常用loader、webpack-dev-server、html-webpack-plugin、babel。

AngularJS

基础知识(ng-app,Modules,Controller,$apply,$watch);
指令(ng-repeat,ng-class,ng-show,ng-hide);
过滤器(date,limitTo,filter);
表单(NgModelController,表单验证);
服务(自定义服务,Angular提供的服务:$log,$timeout,$q,$http);
其他(Controller as 语法,安全的依赖注入方法);
directive(指令,组件);
ng-router;
标准项目结构设计.

第四阶段Vue.js

Vue.js

NPM、NPM初始化项目与package.json配置文件、MVVM;
模块的安装方式和局部安装模块操作;
SPA、开发环境模块安装;
Vue调试工具、批量下载;
查看模块命令、查看本地已安装模块方式、查看远程模块最新版本;
卸载模块;
淘宝镜像加速、虚拟DOM;
详解vscode 界面布局插件;
diff算法;
MVVC模型;
模板数据绑定渲染、指令系统;
v-model原理;
数据选项、生命周期、样式穿透、动态样式、插槽、组件系统、组件通信;
元素绑定指令和事件绑定指令;
监听器;
v-for遍历数组对象、自定义指令、事件处理函数;
ref、动态组件、自定义事件;
计算属性、条件渲染、组件库、组件封装、过渡动画和自定义指令;
路由系统、导航守卫、自定义指令使用场景和语法规则;
工程化基础、钩子函数、Axios 的使用;
vue-resource、过滤器和插件;
Vue技术栈进行项目开发;
vue-Router 路由、组件化开发、源代码管理工具的使用、集成应用;
vue-loader工具打包;
vue-cli脚手架;
vuemock、项目环境搭建、会员管理系统实战;
easymock生成数据、修改密码案例、需求分析;
全局设置数据加载;
vuex 状态管理;
vuex 版会员管理系统实战.

第五阶段React.js

React.js

深入了解React虚拟DOM;
虚拟 DOM 中的 Diff 算法;
React 中 ref 的使用;
React的生命周期函数及使用场景;
使用Charles实现本地数据mock;
React 中实现 CSS 动画效果;
react-transition-group 实现动画;
Redux 概念简述和工作流程;
Action 和 Reducer 的编写;
ActionTypes 的拆分;
使用 actionCreator 统一创建 action ;
UI组件和容器组件及无状态组件;
使用Redux-thunk 中间件实现ajax数据请求 ;
Redux-saga 中间件使用;
React-redux 中间件使用。

第六阶段小程序

小程序实战

移动端页面开发;
JQuery快速开发;
面向对象编程、AJAX编程、MySQL;
Vue.js基础、小程序基础、小程序项目;
PC端项目、移动Web项目;
掌握小程序的开发基础;
独立开发小程序项目;
掌握小程序的部署与发布;
掌握微信支付的使用;
掌握小程序开发框架的使用;
掌握第三方AI平台的使用。