高级前端课程
Rick
靖凯开源前端就业班,全程3.5个月,高级项目经理全日制现场亲授
所处阶段 | 主讲内容 | 技术要点 |
第一阶段: 前端基础 | Photoshop | ps,使用ps将美工设计的PSD图转成静态页面,了解网站前台页面的开发 |
HTML详解 | 浏览器与服务器的交互;HTML的语义化;HTML中常用的标签以及每个标签的语义 | |
CSS详解 | CSS语法;选择器;字体样式;边框;背景;图片格式详解;定位;浮动;CSS盒模型;常见布局 | |
HTML+CSS综合项目 | 三层分离原则,使用div+css布局完成一个完整的页面 | |
电商项目 | html+css应用、网页布局、Web服务器部署 | |
JavaScript基础 | JavaScript基本语法、算法基础、常用数据结构、企业编程规范 | |
JavaScript面向对象 | 面向对象思想、JavaScript中的对象、JSON、闭包、原型、字符串和数组的常用方法 | |
DOM基本操作 | DOM编程思想、事件、DOM节点操作、动画 | |
DOM综合项目 | 特效实现、页面布局、事件处理、浏览器兼容性处理 | |
BOM操作 | 网页重定向、定时器、history对象、navigator对象 | |
正则表达式 | 基本元字符、JavaScript中的正则表达式对象、表单验证 | |
jQuery基本操作 | jQuery的优势、jQuery选择器、jQuery中的动画、jQuery插件;jQueryUI、jQueryEasyUI、 | |
电商项目交互部分 | jQuery编程思想、编写jQuery插件、基本元素操作、事件处理 | |
第二阶段:HTML5&CSS3 | HTML5 | HTML5新语义标签、新语义标签兼容性问题及解决方案 |
HTML5新表单元素、HTML5新表单属性,HTML5新输入类型 | ||
HTML5音频播放、HTML5视频播放、HTML5DOM扩展、HTMl5自定义属性、HTML5data-*配套dom语法地理定位、文件读取、元素拖拽、多媒体加强、应用缓存、历史管理、web存储 | ||
CSS3选择器 | 属性选择器、伪类选择器、伪元素选择器 | |
CSS3特效 | 过渡属性、动画属性、第三方动画库使用 | |
CSS3新增样式 | 阴影、盒子模型、背景新增属性、颜色、2d&3d变换 | |
CSS3字体 | 字体图标、web字体、iconfont使用、iconmoon使用 | |
CSS3兼容性 | CanIUse网站使用、CSS3兼容性查询、浏览器前缀、渐进增强、优雅降级 | |
CSS3布局 | 多行布局、flex布局 | |
Sass、Less开发 | CSS预处理器、Sass变量、嵌套、混合、函数、继承、运算等 | |
Canvas小游戏案例 | Canvas基础API、绘制复杂图形报表、echart | |
第三阶段: 服务器+Ajax+移动开发综合案例 | 计算机网络基础 | 计算机基本组成、网络相关概念(IP、域名、端口、DNS)、服务器环境配置 |
了解web系统后台(数据库) | mysql数据库:数据库基本概念、基本SQL语句、php连接数据库进行基本增删改查 | |
springBoot | ||
Ajax与跨域 | 同步与异步概念、原生Ajax、jQuery的Ajax相关API使用、低层原理分析、实用案例 | |
bootstrap | bootstrap栅格系统、常用样式布局、常用jQuery插件 | |
移动前端基础 | 移动端屏幕介绍、移动端浏览器介绍、移动端操作系统介绍 | |
移动开发调试 | Chrome模拟调试、真机调试 | |
屏幕适配 | Viewport、rem、vw、主流适配方案 | |
响应式布局 | 媒体查询、设备尺寸划分、主流响应式布局框架 | |
触屏事件 | touch事件、手势封装 | |
移动端框架 | iScroll、swiper、fastclick、zepto、framework7 | |
电商综合项目 | 项目环境搭建;mysql数据库的使用;前后端分离与传统架构的区别、移动端部分使用mui搭建页面布局、下拉刷新、滚动加载效果、使用localstorage完成搜索历史记录、后台管理部分jQuery、bootstrap、文件上传、echarts报表团队协作工具的使用 | |
第四阶段: 流行框架及微信小程序 | node.js | node.js搭建,node.js入门,es6语法、从到有开发项目;webpack的使用 |
Vue | vue1.0与vue2.0的区别、指令、Vue实例上的属性、方法、事件、过滤器、事件处理、Vue组件、Vue过渡效果(动画)、路由(vue-router库)、vue-resource; | |
React | 快速入门、数据渲染、虚拟DOM、交互与动态UI、JSX 语法、组件组件化、组件复用、flux;redux、集成工具、附加模块;生命周期、state props context等 | |
微信&小程序 | 小程序入门概念及演示、小程序开发工具介绍与创建quick_start项目、小程序文件结构、wxml、wxss、常用组件(view,image,text,navigator,swiper等)、小程序常用api | |
微信小程序项目 |
靖凯开源保留对此大纲的最终解释权