hi,小慕
课程

中国大学MOOC,为你提供一流的大学教育

hi,小mooc
Web编程技术
第14次开课
开课时间: 2025年02月17日 ~ 2025年06月30日
学时安排: 3
进行至第6周,共20周 已有 699 人参加
认证学习
认证成绩和证书
智能问答和解析
视频学习辅助
立即参加
课程详情
课程评价(167)
spContent=西安交通大学推出的《Web编程技术》课程能够帮您认识并构建Web体系框架,熟悉Web前端与后台,并结合云端实验,使您能快速搭建属于自己的Web站点。结合我国自主知识产权的HarmonyOS(鸿蒙操作系统),最新推出了基于HarmonyOS的移动应用开发和设备应用开发。要了解详细内容,那就快进来看看吧!
西安交通大学推出的《Web编程技术》课程能够帮您认识并构建Web体系框架,熟悉Web前端与后台,并结合云端实验,使您能快速搭建属于自己的Web站点。结合我国自主知识产权的HarmonyOS(鸿蒙操作系统),最新推出了基于HarmonyOS的移动应用开发和设备应用开发。要了解详细内容,那就快进来看看吧!
—— 课程团队
课程概述

在互联网与信息技术高速发展的今天,我们已深切感受到学习、工作和生活方式上的巨大变化。了解互联网的运行机制、掌握一些基本的Web编程技能、了解并亲自尝试云端Web实验、在我国拥有自主知识产权的操作系统——鸿蒙上尝试开发APP,对大多数学习者来讲,都是一件有趣且必要的事情。


该课程紧扣网络与信息技术发展的趋势,以“前台+后台+云+移动应用”为支撑,以“能力+项目”为驱动,使学习者既了解Web基本框架,培养基本的Web编程技能,又了解云端开发与应用和移动APP开发。


在内容组织上,该课程主要包括WEB原理、开发过程和环境部署;HTML语言; CSS技术、JavaScript、PHP技术、数据库技术、HarmonyOS移动应用开发;重点介绍JavaScript、PHP、数据库及移动应用开发。


本课程紧跟技术前沿、框架清晰、结构合理、讲解清楚、实验丰富,并提供多种实验方案供学习者选择,是学习者快速了解与学习Web编程知识的最佳选择。


学完该课程,学习者将具备独立的Web平台搭建能力和初步的Web平台及移动应用开发能力。

授课目标

课程以能力为导向、以案例和项目为驱动,向学习者介绍关于Web编程的相关知识,带领学习者逐步了解并掌握Web编程过程中涉及到的后台(服务器)服务、前台技术、云端应用、移动应用开发,帮助学习者建立关于Web的知识体系架构,更重要的是在项目实践中培养学习者初步的综合设计能力、项目管理能力和自主创新能力。


该课程具体目标包括以下方面:


1、建立Web体系结构的概念;

2、掌握Web编程的相关语言代码,如HTML、CSS、JavaScript、PHP;

3、了解BootStrap开发框架并能开发简单的Web系统;

4、了解流行的前端三大框架,并能进行简单的开发设计;

5、了解HarmonyOS,并能进行简单的移动应用开发和设备应用开发;

6、了解Web中的常见关系型数据库、云端数据库和非关系型数据库。

课程大纲

第1章 因特网与万维网基础

本章学习目标

1.1 因特网与万维网简介(1)

1.2 因特网与万维网简介(2)

1.3 IIS的安装和配置

1.4 Xampp的安装和配置

1.5 Nginx的安装和配置

1.6 Node.js的安装和配置

1.7 云端服务器及简单应用

互评作业:安装IIS或xampp

互评作业:阿里云ECS的简单应用

本章单元测验

第2章 HTML基础

本章学习目标

2.1 HTML页面结构和块元素

2.2 行内元素和列表

2.3 表格和其它元素

2.4 HTML案例实现

2.5 HTML5概述及语法

2.6 HTML5全局属性及事件

互评作业:40金!浇铸中国荣耀

本章单元测试

互评作业:一个简单网页的制作

第3章 CSS

本章学习目标

3.1 CSS简介及基本语法

3.2 CSS引入方式及颜色属性

3.3 Font属性及text属性

3.4 其他属性、ID和类选择器

3.5 页面划分及上下文选择器

3.6 页面布局及盒模型

3.7 float元素及多列布局

3.8 定位及元素可见性

3.9 CSS案例实现

3.10 利用NAS搭建个人网盘

3.11 CSS3

本章单元测试

互评作业:利用NAS搭建个人网盘

互评作业:最美逆行者

互评作业:旅行时光报

第4章 JavaScript

本章学习目标

4.1 JavaScript基本概念

4.2 DOM及JavaScript基本语法

4.3 JavaScript基本语法

4.4 JavaScript程序逻辑

4.5 数组与函数

4.6 全局DOM对象(1)

4.7 全局DOM对象(2)

4.8 DOM元素对象(1)

4.9 DOM元素对象(2)

4.10 JavaScript案例实现

本章单元测试

互评作业:猜字游戏

第5章 主流前端框架简介

5.1 Bootstrap

5.2 Vue.js

5.3 React

5.4 Angular

5.5 利用BootStrap创建简单页面

本章单元测试

互评作业:利用BootStrap创建简单页面

第6章 HarmonyOS移动应用开发

6.1 认识HarmonyOS

6.2 HarmonyOS开发环境搭建

6.3 JS及JS FA应用开发

6.4 界面设计与组件

6.5 数据存储与访问

第7章 PHP

本章学习目标

7.1 PHP概念及基本语法

7.2 数据类型和运算符

7.3 字符串函数和布尔逻辑

7.4 控制结构

7.5 PHP与HTML的关系

7.6 函数

7.7 数组

7.8 PHP文件操作

7.9 PHP案例实现

单元测试

互评作业:带图片的每日单词

第8章 数据库及SQL

本章学习目标

8.1 数据库基础

8.2 SQL概念及基本语法

8.3 SQL语法扩展

8.4 聚合函数及增改删语句

8.5 多表查询

8.6 查询设计

8.7 PHP中的数据库操作(1)

8.8 PHP中的数据库操作(2)

8.9 数据库基础案例实现

8.10 阿里云数据库PolarDB的简单应用

8.11 非关系型数据库

单元测试

第9章 Cookie和Session

本章学习目标

9.1 Cookies基础

9.2 Cookies编程

9.3 Sessions基础及编程

9.4 Cookies和Sessions案例实现

单元测试

第10章 综合设计——博客系统的设计与实现

本章学习目标

10.1 需求分析和系统功能

10.2 数据库的设计原则和实现

10.3 注册及登录模块的实现

10.4 博文及图片管理的实现

10.5 评论、公告及用户管理模块的实现

博客系统代码

课程PPT

展开全部
预备知识

学习该课程,您应该具备以下条件:

1、熟悉高级语言程序设计基础知识(任何语言均可);

2、了解因特网与万维网运行基本原理;

3、对B/S及C/S有较清晰的认识;

4、能够分清楚前端与后台的概念。

参考资料

[1] Marty Stepp. Web programming step by step[M]. Washington:University of Washington, 2012.(指定教材)

    此教材是课程学习的指定教材,教材内容跟课程内容架构基本一致,是课程学习的主教材。该教材不包含ASP.NET的教学内容,同学学习课程中除ASP.NET之外的内容都会用到此教材。

[2] https://www.w3school.com.cn 

    此站点是学习Web的重要参考网站,里面包含了课程中几乎所有的Web编程语言的使用,而且配有实例,能让学习者轻松理解相应概念及语法。同学学习课程中除Web安全的内容外,都可参考此网站。

[3] 徐礼文. 鸿蒙操作系统开发入门经典[M]. 北京:清华大学出版社,2021.(指定教材)

   此教材结构合理,资源丰富,点面结合,是学习鸿蒙操作系统启蒙教材。

[4] 潘凯华,刘中华. PHP从入门以精通(第2版)[M]. 北京:清华大学出版社,2010.(选学教材)

    此教材是学习PHP和MySQL的选学教材,结构合理、重点突出、配有相关的练习,是一本学习PHP的好教材。同学学习PHP及MySQL部分的内容都可参考此教材。

[5] 陈美汝,郑森文,武延军,吴敬征. 鸿蒙操作系统应用开发实践[M]. 北京:清华大学出版社,2021.(选学教材)

    此教材是学习鸿蒙操作系统的补充教材,教材中实例、范例充足,拓展资源丰富,是学习鸿蒙移动应用编程的不错教材。

[6] 吉根林,顾韵华. Web程序设计(第3版)[M]. 北京:电子工业出版社,2012.(选学教材)

    此教材是一门综合性教材,但其开发环境是ASP.NET,因此可以作为指定教材在ASP.NET方面的有益补充。同学学习除Web安全、PHP之外的内容均可参考此教材。

常见问题

1、该课程跟其他类似课程的最大区别是什么?

    该课程每章都以案例驱动,围绕案例展开相关知识的学习。每章学习完成后,学习者应能利用所学知识对案例进行实现;课程的目标在于培养学习者的工程实践能力,因此除案例驱动外,课程将学习者的这种能力摆在首位,在结构上出现了“章案例+综合案例”这种形式;在内容上,课程与其他课程的不同之处在于,不仅介绍了Web程序设计所需要的前台技术,而且还对服务器及后台技术作了详细介绍,给学习者一个关于Web程序设计的整体架构。

2、课程中关于服务器的安装配置有多种实现方案,每个都必须知道吗?

    该课程在介绍服务器的安装及配置时介绍了多种方案,学习者可根据自身情况,或者某些具体的开发要求选择一种即可。

3、课程中涉及很多知识细节,这些内容都要求记住吗?

    该课程涉及知识细节很多,每个内容若详细介绍都可以是一门课程,但课程的目标是培养学习者的实践能力,不要求学习者对于每一知识细节都死记硬背,学习者只需知道,在具体工程实践中若遇到问题,该如何查找到相关知识及其具体用法。

4、课程讨论区提出的问题或者回复老师在什么时间内能够反馈给学生?

    课程讨论区三大版块的提问由课堂团队教师全程负责答疑,由于团队老师还有其他教学科研任务,所以无法做到对所提问题的及时响应。但我们将会尽最大努力缩短响应时间。在此,我们向各位同学郑重承诺:对于课程讨论区所提出的问题,我们承诺在问题提出72小时内给大家予以答复。请各位同学监督。也希望大家踊跃参与讨论。

5、有没有固定的答疑时间?

    课程组目前暂定的固定答疑时间为每天晚上9:30-10:30。其它时段课程组教师会不定时进行答疑。

6、如何开始课程的学习呢?

    开始该课程的学习需要从两方面着手准备:

    a. 了解课程内容组织结构。该课程从内容组织上来看,包括:教学视频、教学课件、课程讨论与答疑、自测习题、单元测试、互评作业、期末考试等环节。其中课程讨论与答疑、单元测试、互评作业和期末考试四部分是课程成绩的构成部分。因此,同学准备开始学习时,可以按照这样的思路展开学习:观看教学视频、学习教学课件、参与课程讨论、完成自测习题、完成单元测试与互评作业,完成期末考试。

    b. 做好开课前的知识储备。该课程特点是涉及面宽,但每方面并未涉及太深。因此,同学要学好此课程,需要具备相应的先修知识。这些知识主要包含两方面,一方面是关于计算机的基础知识,如果学习过大学计算机基础类的课程,相信在这方面应该不会有太大问题;另一方面是关于计算机程序设计的基础知识,课程中涉及多种与编程有关的语言,因此需要对编程基础知识有所了解。如果以前学习过程序设计类课程,那在学习该课程时会轻松很多。

西安交通大学
2 位授课老师
谢涛

谢涛

副教授

齐琪

齐琪

工程师

推荐课程

【DeepSeek适用】小白玩转AI大模型应用开发

林粒粒

188人参加

小白玩转 Python 数据分析

林粒粒

75人参加
下载
下载

下载App