本门课程将介绍Web系统前端开发的核心技术。课程内容涵盖Web系统前端开发技术的HTML5 、CSS3、JS及框架 等组成部分，其中HTML决定网页的结构，CSS决定网页的样式，JS决定网页的交互。课程采用其最新技术标准与应用。

    课程包括知识点、知识型案例、综合案例，可支持两种主线进行学习，一种是以知识点为主，循序渐进的方式；一种案例式教学，课程中所有知识点均内嵌于案例中，可以由案例快速入门，带动知识点系统学习。在第二种方式下，也可以将部分知识点作为SPOC中，课下学习的部分。

    课程知识点按照难易程度，分为两个等级，支持两种不同基础的学习。例如零基础的同学，建议从“Web前端开发”概论部分开始学习，有一定基础的同学，可以直接进入HTML部分学习。

1. 掌握Web前端开发相关概念、流程、工具、思想
2. 掌握HTML5
3. 掌握CSS3
4. 掌握JavaScript
5. 掌握常见前端库与框架

成绩按百分制计分

1.讨论占10%；

2. 实验及测验占40%；

3. 期末考试占50%。

计算机基础、C语言程序设计，Python程序设计

 参考资料

1. w3c官方学习网站 https://www.w3school.com.cn/ 
2. Web设计与前端开发秘籍：HTML CSS JavaScript jQuery 构建网站.Jon Duckett 著，刘涛，陈学敏译.清华大学出版社.
3. 

1. Q : 什么是Web前端开发？A : “Web前端开发”起源于“网站设计”，早期Web技术下，静态网站较多，网站前端、后端界限模糊，网站设计主要指设计与制作网站中网页的过程。随着技术发展，很多系统由网站形式呈现，前端就是用户接触到的界面，后端就是对数据进行存取和处理的部分。这时就逐步细分出web前端开发了。
2. Q : 没有学过编程，可以学习这门课程吗？A : 可以的。Web前端开发技术3个核心的构成是：HTML、CSS、JavaScript。前两个部分的程序设计不涉及结构化、面向对象程序设计思想，JavaScript部分则涉及到这些，所以HTML和CSS相对而言容易掌握。而JavaScript部分，没有程序设计基础的同学，需要更多练习与实践才能够掌握。
3. Q : 这门课使用到的软件与环境？A : 课程中的代码都可以使用记事本编辑。本门课程主要用到的程序编辑器是Sublime Text，这个软件最新版本是Sublime Text3，使用之前的版本Sublime Text2也可以。软件是收费软件，但是有试用版，可以在网上自行搜索下载。
4.     此外，课程还提供了在线编辑平台，基本涵盖了Sublime的功能，域名是https://webcourse.club/。