预科课程
| 课程大纲 | 课程名称 | 学习目标 |
|---|---|---|
| 计算机基础 | 认识计算机硬件 | 【学习要求】了解 【学习成果】本模块是前端开发工程师的预科课程，通过本模块课程的学习，学员可以了解计算机理论、网络基础及硬件基础知识。 |
| 计算机组成原理 | ||
| 计算机软件知识 | ||
| 计算机网络知识 | ||
| 常用网络应用操作 | ||
| 认识计算机病毒 |
前端开发基础
| 课程大纲 | 课程名称 | 学习目标 |
|---|---|---|
| 网页制作基础 | 走进HTML | 【学习要求】掌握 【学习成果】通过本模块课程的学习，学员可以制作简单的网页，并使用CSS美化页面布局 |
| 网页穿上美丽外衣 | ||
| 列表表格及表单 | ||
| 盒子模型 | ||
| 浮动 | ||
| 定位 | ||
| PS切图 | ||
| 制作1号店首页 | ||
| HTML5基础开发 | HTML5新增元素及属性 | 【学习要求】掌握 【学习成果】能够使用HTML5和CSS3的新增元素更好的制作网页元素和效果 |
| CSS3基础 | ||
| CSS高级特效 | ||
| CSS3动画 | ||
| 用CSS3制作QQ会员页面 | ||
| 阶段项目 | 1号店完整版 | 【学习要求】掌握 【学习成果】综合使用H5+CSS3相应内容实现综合项目 |
| JavaScript基础 | JavaScript基础语法 | 【学习要求】掌握 【学习成果】能够掌握JavaScript客户端脚本语言的基础语法、逻辑流程、函数等相关内容，实现网页特效 |
| 选择结构 | ||
| 循环结构 | ||
| 双重循环与跳转 | ||
| JS内置对象（上） | ||
| JS内置对象（下） | ||
| 函数、函数进阶 | ||
| JavaScript高级 | JavaScript操作BOM&DOM | 【学习要求】掌握 【学习成果】能够利用JavaScript操控HTML页面元素，制作网页特效 |
| DOM—节点操作（一） | ||
| DOM—节点操作（二） | ||
| JavaScript事件（一） | ||
| JavaScript事件（二） | ||
| 正则表达式&表单验证 | ||
| cookie和Ajax | ||
| JS面向对象 | ||
| JS面向对象高级 | ||
| 闭包 | ||
| 项目实战-手风琴画册 | ||
| 项目实战-课工场导航页 | ||
| 原型和原型链 | ||
| 作用域和闭包 | ||
| 异步和单线程 | ||
| Ajax和跨域 | ||
| 使用jQuery制作网页特效 | jQuery基础 | 【学习要求】掌握 【学习成果】能够使用jQuery实现更炫酷的动画效果，制作网页特效 |
| jQuery基本操作 | ||
| jQuery事件与特效 | ||
| 使用jQuery处理Ajax | ||
| 定制化jQuery | ||
| 阶段项目 | 使用jQuery实现1号店特效 | 【学习要求】掌握 【学习成果】综合使用H5+CSS3+JavaScript+jQuery相应内容实现综合项目 |
| HTML5高级开发 | 多媒体播放 | 【学习要求】掌握 【学习成果】掌握Canvas的使用并完成相关游戏应用 |
| 使用Canvas绘制图形 | ||
| 用Canvas绘制风景时钟 | ||
| 项目实战-见缝插针游戏 | ||
| 项目实战-QQ彩贝 | ||
| Bootstrap框架 | Bootstrap入门及布局 | 【学习要求】熟悉 【学习成果】能够使用Bootstrap框架构建出非常优雅的前端界面，而且占用资源非常小 |
| CSS组件 | ||
| JavaScript插件 | ||
| Bootstrap综合案例 | ||
| 阶段项目 | 制作PC端爱旅行网 | 【学习要求】掌握 【学习成果】综合使用H5+CSS3+JS/jQuery相应内容实现综合项目 |
| 嗨果视频网 | ||
| 极果网站面 | ||
| 课工场前端LP页面 |
移动开发
| 课程大纲 | 课程名称 | 学习目标 |
|---|---|---|
| 移动开发 | 移动端基础 | 【学习要求】掌握 【学习成果】通过本模块课程的学习，学员可以轻松地进行移动端网页的布局等，并能够熟练使用zepto制作移动端网页 |
| 自适应布局和响应式布局 | ||
| Flex弹性盒布局 | ||
| 移动端页面布局 | ||
| 移动端事件 | ||
| zepto框架 | ||
| 开发技巧 | ||
| 阶段项目 | 制作爱旅行APP | 【学习要求】掌握 【学习成果】综合使用H5+CSS3技术实现综合项目 |
前端高级开发
| 课程大纲 | 课程名称 | 学习目标 |
|---|---|---|
| ES6项目实战 —淘宝双11数据分析系统 |
需求及需求分析 | 【学习要求】掌握 【学习成果】通过本模块的学习，学员可以掌握ES6的语法以及使用方法，高效快速的完成网页功能开发 |
| 详细设计 | ||
| 环境搭建 | ||
| 登录与用户信息修改 | ||
| 公共类封装 | ||
| Portal界面设计 | ||
| Panel组件设计 | ||
| 项目功能整合 | ||
| Vue.js框架开发 | 初识Vue | 【学习要求】掌握 【学习成果】能够熟练使用Vue2框架开发实战项目 |
| Vue.js指令 | ||
| TodoList练习 | ||
| 交互与实例的生命周期 | ||
| 生命周期交互练习 | ||
| 组件（一） | ||
| 组件（二） | ||
| 项目环境配置及单文件组件 | ||
| 路由配置 | ||
| webpack文件配置 | ||
| webpack模块处理和插件 | ||
| Vue.js项目实战（一） | ||
| Vue.js项目实战（二） | ||
| Vue.js项目实战（三） | ||
| webpack | 课程介绍及Webpack安装 | 【学习要求】掌握 【学习成果】能够掌握webpack项目创建以及配置文件的使用；掌握webpack插件、服务器、转化器的配置以及对webpack联合vue的使用；掌握webpack打包以及联合第三库的使用。 |
| 项目创建和配置文件 | ||
| Webpack插件、DevServer及Loader | ||
| 配置与优化、Webpack+Vue | ||
| 优化前端页面 | 代码语义性与可读性 | 【学习要求】熟悉 【学习成果】能够掌握前端页面优化方法，提升自身代码质量，在加载速度、性能上都有更好的用户体验 |
| 代码扩展性与伪元素 | ||
| HTMLCSSJS文件打包、压缩 | ||
| 图片与特殊字体 | ||
| 文件放置位置，预加载与懒加载 | ||
| JavaScript代码性能优化（上） | ||
| JavaScript代码性能优化（下） | ||
| 前端页面优化-面向对象 | ||
| React框架开发 | 浅谈前端工程化 | 【学习要求】熟悉 【学习成果】在前端开发过程中，能够通过构建工具使项目构建方便快捷，React库能够提高页面加载性能并减少重复代码，优化前端重构 |
| 初识Node.js | ||
| 学习Gulp | ||
| 搭建前端框架 | ||
| 学习React | ||
| 使用React开发TodoList | ||
| React+Flux | ||
| SinglePageApplication | ||
| 阶段项目 | 使用React制作爱旅行网 | 【学习要求】熟悉 【学习成果】综合使用前端知识及React完成企业真实项目开发 |
| AngularJS2.0框架开发 | TypeScript概述 | 【学习要求】了解 【学习成果】了解TypeScript以及AngularJS2.0框架开发 |
| 常量、解构、函数以及面向对象一 | ||
| 面向对象二 | ||
| 面向对象封装关键词和webpack | ||
| 装饰器、导入导出和模块化开发 | ||
| 接口和模块化开发二 | ||
| AngularJS2环境搭建和概述 | ||
| 路由、组件、常用指令 | ||
| 服务 | ||
| jQuery和其他插件的应用 | ||
| 搭建起点项目 | ||
| 实战项目 | Git入门 | 【学习要求】掌握 【学习成果】综合使用Vue全家桶+ES6+axios+Webpack+node+git+snailmock+mockJS相应内容实现综合项目 |
| Git高级 | ||
| HTML5本地存储 | ||
| HTML5离线缓存 | ||
| 地理定位GeolocationAPI | ||
| 实战项目-大麦网 |
微信小程序开发
| 课程大纲 | 课程名称 | 学习目标 |
|---|---|---|
| 使用Nodejs进行全栈开发 | NodeJS介绍和安装 | 【学习要求】掌握 【学习成果】了解nodeJs在服务器端开发的基本知识 |
| 搭建后台 | ||
| 前后端交互 | ||
| 第三方模块 | ||
| Express框架 | ||
| buffer模块 | ||
| 事件模块events | ||
| 即时通讯 | ||
| 微信小程序 | 初识微信公众平台 | 【学习要求】掌握 【学习成果】了解微信小程序及小游戏开发掌握微信小程序块开发过程常用组件、API等内容掌握微信小程序上线流程 |
| 微信JS-SDK综合练习 | ||
| 微信小程序起步 | ||
| 组件与常用API | ||
| 小程序综合练习 | ||
| Nodejs+小程序实战：深入理解前后端交互 | ||
| 微信小游戏 | ||
| Python接入微信 | ||
| 实战项目一盒马生鲜 | ||
| 人脸识别案例 |
全栈式开发
| 课程大纲 | 课程名称 | 学习目标 |
|---|---|---|
| MySQL数据库 | 初识MySQL | 【学习要求】掌握 【学习成果】综合使用MySQL数据库,能够熟练使用MySQL数据库进行数据库的增删改查等操作，可以利用数据库的相关知识完成系统数据库的搭建等 |
| MySQL数据管理 | ||
| 使用DQL查询数据(一) | ||
| 使用DQL查询数据(二) | ||
| MySQL事务和索引&数据恢复和备份 | ||
| 数据库设计 | ||
| 项目实战-银行ATM存取款机系统 | ||
| Python基础 | Python开发基础 | 【学习要求】掌握 【学习成果】Python语言以语法简单、容易上手著称，掌握Python的使用方法，掌握一门后端语言非常重要，能够使用Python开发在线投票系统 |
| 变量和数据类型 | ||
| 流程控制语句 | ||
| 常用数据结构 | ||
| 函数与模块 | ||
| 项目实训-在线投票系统 | ||
| 程序调试方法 | ||
| 面向对象编程 | ||
| 文件读写 | ||
| 项目：升级在线投票系统 | ||
| Django框架 | 初识Django | 【学习要求】掌握 【学习成果】Django框架是以Python为基础开发的专门开发前端的框架，使用Django框架可以快速开发项目，学习完成Django框架可以完成项目的开发 |
| Django中模型的应用 | ||
| Django中视图的应用 | ||
| Django中模板的应用 | ||
| Django+XAdmin与中间件 | ||
| Django阶段项目 | ||
| KE生鲜全栈项目 | Vue前端项目 | 【学习要求】熟悉 【学习成果】综合使用前端知识及后端只是完成企业真实项目开发 |
| Djangorestframework实现前端功能 | ||
| xadmin后台管理系统 | ||
| Linux操作系统 | 使用Linux操作系统 | 【学习要求】了解 【学习成果】了解Linux的安装及项目发布 |
| Linux系统软件安装及项目发布 | ||
| Python爬虫 | 使用第三方库实现页面抓取 | 【学习要求】了解 【学习成果】了解Python爬虫的原理，能使用相关技术实现简单的爬虫功能 |
| 了解scrapy爬虫框架 | ||
| 提取网页数据 | ||
| Scrapy数据保存 | ||
| 反爬及反反爬策略 | ||
| 项目实训——爬取招聘网站数据 | ||
| 使用mongodb | MongoDB的基础语法 | 【学习要求】了解 【学习成果】了解MongoDB的安装以及对数据数据的操作 |
| 使用MongoDB操作数据表 | ||
| 使用Redis | redis数据类型 | 【学习要求】了解 【学习成果】了解redis的作用、特点以及应用场景 |
| redis数据备份和恢复 | ||
| 安全、性能测试 |
就业扩展
| 课程大纲 | 课程名称 | 学习目标 |
|---|---|---|
| 网站SEO与前端安全 | 网站SEO技巧—关键词选取秘籍 | 【学习要求】了解 【学习成果】掌握SEO各种常用技巧，并了解网站安全相关内容 |
| 网站SEO技巧—代码基础及优化 | ||
| 网站SEO技巧—内链结构分析 | ||
| 网站SEO技巧—内容质量优化 | ||
| 网站SEO技巧—网站外链全解析 | ||
| 前端安全-CSRF | ||
| 前端安全-XSS | ||
| 企业面试指导 | 职场第一步从礼仪开始 | 【学习要求】了解 【学习成果】迈入职场前，从职场礼仪、电话礼仪、简历开始，并通过企业面试题的积累，塑造一个完美准职业人 |
| 电话礼仪 | ||
| 这样做简历能进互联网公司 | ||
| 用互联网思维打造个人简历 | ||
| 就业面试题库 | 前端知识点兼容性 | 【学习要求】熟悉 【学习成果】熟悉常见的面试题以及基本的面试技巧 |
| 常规面试题解析 | ||
| 面试技巧 |