“Web系统”就是基于网站形式的具有一定功能的系统，例如新浪、淘宝、携程等。这些系统中以网页形式呈现给用户的部分，就是“前端”。随着Web系统的普遍应用，包括移动端APP的快速发展，“Web前端开发”已经成为近些年最为重要的技术之一，人才需求量巨大。本门课程将介绍Web系统前端开发的核心技术。

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

课程以校企联合主讲的形式，两位主讲教师分别来自于北京林业大学与达内时代科技集团，更好地融合了学院派的理论与企业级的应用，让课程深入浅出的由基础过渡到实际应用。

课程由百度前端技术学院负责人提供技术支持，在课程最后将针对未来的学习路线与前端工程师需要具备技能与素质等问题进行讲解。

课程顾问团队包括三位教师，以及助理研究生一名，将对课程内容、教学、练习、答疑、考试、评价等环节进行全方位支持与服务。

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

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

课程支持进入在线编程页面，学生在线编辑源代码后，直接浏览到结果。

1. 掌握Web前端开发相关概念、流程、工具、思想

2. 掌握HTML5

3. 掌握CSS3

4. 掌握JavaScript

5. 掌握JQuery
   

成绩按百分制计分，60～79为合格，80～100分为优秀。

1. 单元测验占20%；
2. 单元作业共占20%；
3. 讨论占10%；（教师在每个知识单元中发起的讨论，而不是讨论区的讨论） 4. 期末考试占50%。

1. w3c官方学习网站 https://www.w3school.com.cn/ 
   

2. Web设计与前端开发秘籍：HTML CSS JavaScript jQuery 构建网站.Jon Duckett 著，刘涛，陈学敏译.清华大学出版社.
   

1. 什么是Web前端开发？

   【答】“Web前端开发”起源于“网站设计”，早期Web技术下，静态网站较多，网站前端、后端界限模糊，网站设计主要指设计与制作网站中网页的过程。随着技术发展，很多系统由网站形式呈现，前端就是用户接触到的界面，后端就是对数据进行存取和处理的部分。这时就逐步细分出web前端开发了。

2. 没有学过编程，可以学习这门课程吗？

   【答】可以的。Web前端开发技术3个核心的构成是：HTML、CSS、JavaScript。前两个部分的程序设计不涉及结构化、面向对象程序设计思想，JavaScript部分则涉及到这些，所以HTML和CSS相对而言容易掌握。而JavaScript部分，没有程序设计基础的同学，需要更多练习与实践才能够掌握。

3. 这门课使用到的软件与环境？

   【答】课程中的代码都可以使用记事本编辑。本门课程主要用到的程序编辑器是Sublime Text，这个软件最新版本是Sublime Text3，使用之前的版本Sublime Text2也可以。软件是收费软件，但是有试用版，可以在网上自行搜索下载。
           此外，课程还提供了在线编辑平台，基本涵盖了Sublime的功能，域名是https://webcourse.club/。