课程时长：7周
课程负载：3.5小时/周
内容类型：视频 文档 随堂测验 富文本 讨论
课程分类：工程技术 基础科学
页面制作课程以解决实际案例为导向，从基础表现到原理深入再到实际应用，教授如何使用HTML、CSS来编写静态页面。
课程的核心内容有PS切图、HTML标签、CSS选择器、CSS文本、CSS盒模型、CSS背景、CSS布局、CSS动画等。
学完本课程后你可以：
1.掌握Photoshop切图技巧，独立完成切图
2.掌握HTML，能编写语义化的网页
3.掌握CSS，能完成网页布局和排版
能独立完成从效果图到网页的编码实现
课程时长：8周
课程负载：2.5小时/周
内容类型：视频 文档 随堂测验 富文本 讨论
课程分类：工程技术 基础科学
Javascript程序设计课程以ECMAScript 5.1为标准，从基本语法到原理深入，教授如何理解和编写Javascript程序。
课程的核心内容有语言简介、调试器、类型系统、内置对象、基本语法、变量作用域、闭包、面向对象编程等。
学完本课程后你可以：
1.掌握如何编写和调试Js程序
2.掌握Js的类型和语法
3.掌握Js各种内置对象的使用
掌握变量作用域及闭包原理，灵活运用闭包解决实际问题
掌握原型继承及原型链原理，使用面向对象思想编写js代码
课程时长：8周
课程负载：2.5小时/周
内容类型：视频 文档 随堂测验 富文本 讨论
课程分类：工程技术 基础科学
DOM编程是使用W3C定义的API来操作HTML文档，使用户可以与页面交互。
在本课程中，你将学习节点、属性、样式等基本DOM操作，DOM事件模型，数据存储(cookie、storage)与数据通信(ajax)，JS动画，音频、视频、canvas等HTML5特性，表单、列表操作。带你进入前端开发实践，领略前端DOM的神奇。
学完本课程后你可以：
1.掌握DOM操作、事件模型，做易交互的页面。
2.掌握数据通讯与存储，玩转数据。
3.掌握JS动画原理，制作炫酷动画。
4.掌握音频、视频接口，给页面增加视听效果。
5.掌握Canvas接口，绘制精美图画。
课程时长：5周
课程负载：4-6小时每周
内容类型：视频 文档 随堂测验 富文本 讨论
课程分类：工程技术 基础科学
页面架构课程从实际需求出发，深入浅出讲解多种需求的多种解决方案和优缺点，讲解各种页面优化方案以及如何为团队或产品制定规范等，帮助你完成产品的页面架构，进一步提升前端页面技术。
课程内容包括：布局解决方案、响应式、页面优化、规范与模块化等。
学完本课程后你可以：
1.掌握多种布局方式并了解其优缺点
2.掌握响应式原理和实现，轻松实现网页的多端适配
3.对你的产品网页进行页面优化，提升网页速度和开发维护效率
4.为你的团队和产品制定规范，提升团队协作效率
课程时长：4周
课程负载：1.5小时/周
内容类型：视频 文档 随堂测验 富文本 讨论
课程分类：工程技术 基础科学
本课程主要专注于引导前端工程师去主导团队高效协作，去引领团队规范化、工程化构建复杂系统的实践过程
本课程的核心内容包括：
多角色低耦合的协作流程、协作规范
多角度分析选择适合具体项目的技术解决方案
工程化的版本管理、系统构建案例分析
通过本课程的学习，你可以：
1.高效的与团队中其他角色进行协作
2.引领团队规范化、工程化的构建系统
3.了解多种解决方案不同实现的优缺点
4.学习如何运用所学的知识技能构建可维护、可扩展的复杂系统
课程时长：4周
课程负载：3小时/周
内容类型：视频 富文本
课程分类：工程技术 基础科学
本课程提供了一个产品需求，包含交互、视觉、功能要求等，学生需要将前面五门课程所学的知识应用到具体产品开发中，最终完成产品的开发任务，老师将亲自阅卷并给出评价。 本课程主要考察学生对前端技术的掌握情况，并将其运用于产品实践：包括阅读交互、视觉稿，练习页面制作、js交互、通讯、SEO、规范、代码优化等。
