Web前端开发技术

Appearance

课程说明 ​

教学目标 ​

掌握基本的WEB应用的前端开发知识；能够运用主流的WEB前端开发工具，遵循一般的WEB前端开发流程，设计和实现具有常见功能的WEB前端应用，并为结合AI工具打下坚实基础。

教学内容 ​

Web ​

  • 不是物联网、不是C/S(客户端-服务器)，不是TCP、FTP、QQ
  • 运行在浏览器之中，基于http等通讯协议，以及html/css/javascript等一系列标准

前端应用 ​

Web应用是网络软件，所谓前、后，是相对于与人类用户的距离而言

  • 前端：处理人与机器之间的交互。比如人机界面、前端机器(浏览器)资源调用和开发
  • 后端：处理机器与机器之间的交互。比如Web API、后端机器资源的调用和开发

开发 ​

  • 是编码与实现，不是内容策划、美术设计等
  • 由计算机学院开设，不是数字媒体学院开设

技术 ​

  • 不是面向理想场景的讨论，而是针对特定的场景或需求
  • 不是解决从0到1，而是解决从1到100

AI ​

  • AI生成Web界面是当前的热点，是竞争的加分项，但没有扎实的前端基础知识，则无法正确地指导和驾驭AI
  • 互联网是信息的源泉，AI是挖掘信息的强大工具，两者相辅相成

职业方向 ​

  • WEB应用开发工程师（前端 + 后端）
    • 理解前端，对于后端开发十分重要
    • 富客户端应用是Web应用开发的趋势
  • 前端应用开发工程师
    • Web技术是当前最为成熟的开发技术栈，正在扩展到全端各个平台，如移动端、桌面端、嵌入式端等等。Web前端技术仍然处于活跃和向上的生命周期。
  • AI应用工程师
    • 前端的自动生成、测试等是未来AI的重要应用领域。
    • AI大模型是统一的后端，AI应用开发的关键在于前端

学习模式 ​

Web前端知识覆盖面广，细节庞杂，在短短的一学期内不可能穷尽。因此，本课程仅仅是一个导引，更多的资料需要自行去阅读，更多的项目需要课外去动手实践。课堂一般由如下几部分构成：

  • 课堂讲授 ：要点讲解，一是逻辑，即从为什么到是什么？二是结构，即怎么做的基本框架，但具体细节交由学生阅读参考资料或询问AI
  • 动手实训：包括课堂实训+学期个人项目，以帮助学生获得感性体验、使用工具、深化知识、综合应用
  • 课堂活动：包括对实训过程指导与点评、在线小测试等等，以答疑解惑，联接理论与实践。

前置知识 ​

  • 熟练的电脑日常使用技能、丰富的互联网使用经验、计算机网络基础知识

后续课程 ​

  • WEB后端开发类课程
  • 高级前端开发课程，如：移动应用开发、小程序开发、第三方应用开发、云应用(Serverless)开发等

课时 ​

  • 32理论课时 + 16实训课时

教学大纲 ​

B0512070 WEB前端开发技术教学大纲.docx

考核方式 ​

  • 平时表现 10分 ： 各类课堂活动的参与度、互动质量、思政言行
  • 项目表现 30分 ： 项目的提交过程和最终成果
  • 期末书面考试 60分 : 源于项目开发过程中的测验题和场景题

参考教材 ​

  • Web前端设计基础 HTML5、CSS3、JavaScript 张树明 清华大学出版社 9787302453512
  • 前端工程化：体系设计与实践 最新 周俊鹏 电子工业出版社
  • 高效前端：Web高效编程与优化实践 最新 李银城 机械工业出版社
  • Web前端技术丛书：新时期的Node.js入门 最新 李锴 清华大学出版社

前端技术尚处于快速发展和重构阶段，技术知识及工具变化较大，以上仅为入门参考

课堂资源 ​