@artman328
2019-09-16T07:50:14.000000Z
字数 1458
阅读 957
web 前端
| 课程 | 内容 |
|---|---|
|
第一阶段 HTML与CSS：网页展现的艺术 就业目标： 设计和实现各种风格的站点网页 可选横向扩展课程： Bootstrap 框架的使用； Materialize CSS 框架的使用 扩展目标： 利用现有优秀框架快速设计和实现响应式站点网页 |
1. 网页设计必备知识：各种设备介绍 |
| 2. 网页设计的各要素：内容、布局和风格 | |
| 3. 网页设计实现：HTML与CSS介绍 | |
| 4. 学习环境的准备 | |
| 5. 网页——HTML文档的内容结构：各种网页元素 | |
| 6. 样式定义选择器 | |
| 7. 文本元素样式 | |
| 8. 颜色和背景 | |
| 9. 内外边距：盒子模型 | |
| 10. 图片：形状与滤镜 | |
| 11. 布局：浮动与定位 | |
| 12. 布局：FlexBox 和 Gird | |
| 13. 布局：响应式设计 | |
| 14. 过渡、变形和动画 | |
| 15. 综合案例一 一个单页网站 | |
| 16. 综合案例二 一个博客网站 | |
| 17. 综合案例三 一个电商网站 | |
| 18. 站在巨人之肩膀：Bootstrap 和 Materialize 样式框架介绍 | |
|
第二阶段 JavaScript 与 jQuery：赋予网页生命 就业目标： 完成前端程序逻辑编程（AJAX技术应用，数据校验，增强用户体验等） 可选横向扩展课程： Phaser引擎游戏开发； Dart语言与Flutter移动应用开发； NodeJS平台Web应用开发 扩展目标： 游戏引擎应用； 掌握Flutter移动开发； 掌握JS后台开发（成为Web全栈工程师） |
1. JavaScript 语言简介 |
| 2. 学习环境准备 | |
| 3. 学习项目的建立 | |
| 4. 类和对象的初步认识 | |
| 5. 语句、变量、常量和基本数据类型 | |
| 6. 条件、分支和循环语句 | |
| 7. 对象类型 | |
| 8. 数字信息的处理 | |
| 9. 字符串信息处理 | |
| 10. 日期信息处理 | |
| 11. 逻辑信息的处理 | |
| 12. JavaScript 的面向对象编程 | |
| 13. JavaScript 的异步编程 | |
| 14. 文档对象模型 DOM 编程 | |
| 15. jQuery 库的使用 | |
| 16. 前端编程实践（雇员管理，决战太空游戏） | |
| 17. 成为JS全栈工程师：NodeJS 平台介绍 | |
|
第三阶段 VueJS SPA开发：JS框架的威力 就业目标： 前端单页应用（SPA）开发 可选横向扩展课程： PWA 渐进式 Web 应用开发 扩展目标： 掌握 PWA 开发技巧 |
1. Vue 介绍 |
| 2. Vue 实例 | |
| 3. 模板 | |
| 4. 计算属性及观察者 | |
| 5. 类与样式绑定 | |
| 6. 条件渲染 | |
| 7. 列表渲染 | |
| 8. 事件处理 | |
| 9. 表单 | |
| 10. 组件基础 | |
| 11. 组件注册 | |
| 12. 组件属性 | |
| 13. 定制事件 | |
| 14. 插槽 | |
| 15. 动态和异步组件 | |
| 16. 过渡和动画 | |
| 17. 组件功能组合 | |
| 18. 用工具进行开发 | |
| 19. 路由 | |
| 20. 状态管理 | |
| 21. Vue 样例程序：联系人管理 | |
| 22. React 框架介绍 | |
|
第四阶段 Framework7：JS移动应用开发框架 就业目标： 跨平台移动应用开发 可选横向扩展课程： Ionic 移动开发 扩展目标： 用另一种杂合移动应用开发框架进行移动开发 |
1. Framework7 介绍 |
| 2. Framework7 的页面架构 | |
| 3. Framework7 应用的初始化 | |
| 4. Framework7 的 View 和 Page | |
| 5. Framework7 的路由 | |
| 6. Framework7 的各种组件的使用 | |
| 7. Framework7 的 List 组件 | |
| 8. Framewor7k 的 Data Table 组件 | |
| 9. Framework7 的 Form 组件 | |
| 10. Framework7 的 DOM 处理库: Dom7 | |
| 11. Framework7 的模板语言：Template7 | |
| 12. Framework7 的事件总线 | |
| 13. Cordova 项目介绍 | |
| 14. 一个样例程序：联系人管理 | |
| 15. 将样例程序打包发布到 iOS 和 Android 平台 | |
| 16. 介绍 Framework7-Vue | |
| 17. 将样例程序用 Vue 进行改写 | |
| 18. Ionic 框架介绍 |