SPOC学校专有课程
Web 程序设计基础 B
分享
spContent=Web前端开发是创建网页或APP界面呈现给用户的过程。Web前端开发技术主要包括HTML，CSS及JavaScript、JQuery以及衍生出来的各种技术、框架。
—— 课程团队
课程概述

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

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





授课目标

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

  2. 掌握HTML5

  3. 掌握CSS3

  4. 掌握JavaScript

  5. 掌握常见前端库与框架

成绩要求

  网络授课：采用课堂提问给定成绩，课后留作业提交检查

  线下授课：出勤+考查作业情况

课程大纲
预备知识

计算机基础

参考资料

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

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

  3. 后续课程大家可以学习   “移动开发技术”

    https://www.icourse163.org/course/BJFU-1205989803

常见问题

  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也可以。软件是收费软件，但是有试用版，可以在网上自行搜索下载。
            此外，课程还提供了在线编辑平台，基本涵盖了Sublime的功能，域名是https://webcourse.club/。