页面制作课程以解决实际案例为导向，从基础表现到原理深入再到实际应用，教授如何使用HTML、CSS来编写静态页面。
课程的核心内容有PS切图、HTML标签、CSS选择器、CSS文本、CSS盒模型、CSS背景、CSS布局、CSS动画等。
学完本课程后你可以：
1.掌握Photoshop切图技巧，独立完成切图
2.掌握HTML，能编写语义化的网页
3.掌握CSS，能完成网页布局和排版
能独立完成从效果图到网页的编码实现

Javascript程序设计课程以ECMAScript 5.1为标准，从基本语法到原理深入，教授如何理解和编写Javascript程序。 课程的核心内容有语言简介、调试器、类型系统、内置对象、基本语法、变量作用域、闭包、面向对象编程等。
学完本课程后你可以：
1.掌握如何编写和调试Js程序
2.掌握Js的类型和语法
3.掌握Js各种内置对象的使用
掌握变量作用域及闭包原理，灵活运用闭包解决实际问题,掌握原型继承及原型链原理，使用面向对象思想编写js代码

DOM编程是使用W3C定义的API来操作HTML文档，使用户可以与页面交互。
在本课程中，你将学习节点、属性、样式等基本DOM操作，DOM事件模型，数据存储(cookie、storage)与数据通信(ajax)，JS动画，音频、视频、canvas等HTML5特性，表单、列表操作。带你进入前端开发实践，领略前端DOM的神奇。
学完本课程后你可以：
1.掌握DOM操作、事件模型，做易交互的页面。
2.掌握数据通讯与存储，玩转数据。
3.掌握JS动画原理，制作炫酷动画。
4.掌握音频、视频接口，给页面增加视听效果。
5.掌握Canvas接口，绘制精美图画。

页面架构课程从实际需求出发，深入浅出讲解多种需求的多种解决方案和优缺点，讲解各种页面优化方案以及如何为团队或产品制定规范等，帮助你完成产品的页面架构，进一步提升前端页面技术。
课程内容包括：布局解决方案、响应式、页面优化、规范与模块化等。
学完本课程后你可以：
1.掌握多种布局方式并了解其优缺点
2.掌握响应式原理和实现，轻松实现网页的多端适配
3.对你的产品网页进行页面优化，提升网页速度和开发维护效率
4.为你的团队和产品制定规范，提升团队协作效率

本课程主要专注于引导前端工程师去主导团队高效协作，去引领团队规范化、工程化构建复杂系统的实践过程
本课程的核心内容包括：多角色低耦合的协作流程、协作规范多角度分析选择适合具体项目的技术解决方案工程化的版本管理、系统构建案例分析
通过本课程的学习，你可以：
1.高效的与团队中其他角色进行协作
2.引领团队规范化、工程化的构建系统
3.了解多种解决方案不同实现的优缺点
4.学习如何运用所学的知识技能构建可维护、可扩展的复杂系统

本课程提供了一个产品需求，包含交互、视觉、功能要求等，学生需要将前面五门课程所学的知识应用到具体产品开发中，最终完成产品的开发任务，老师将亲自阅卷并给出评价。
本课程主要考察学生对前端技术的掌握情况，并将其运用于产品实践：包括阅读交互、视觉稿，练习页面制作、js交互、通讯、SEO、规范、代码优化等。