1. 学习目标
  2. 基础:实现自定义布局,具有(一定)美感的静态内容网页

    进阶:使用javascript或者衍生框架实现(简单)交互

    高级:使用python框架实现一些(基础)功能

    实用级(努力方向):参考一些知名互联网公司招聘要求,如 前端开发工程师, web前端开发方向

  3. 考核
  4. 平时成绩:40%,大作业:60%(分技术、设计、技术设计混合不同类型考察)

    课堂报告:加分项

  5. 参考资料 top

  6. 课程内容相关参考资料

    类别 主题 参考资料
    HTML/CSS HTML/CSS Head First HTML 与 CSS(第2版)
    (Head First HTML and CSS)
    作者:Elisabeth Robson / Eric Freeman
    译者:徐阳 / 丁小峰
    出版社:中国电力出版社
    ISBN: 978-7-512-34477-8

    原版 中文版
    Bootstrap4 框架 官方文档
    JavaScript JavaScript JavaScript高级程序设计(第3版)
    (Professional JavaScript for Web)
    作者:Nicholas C·Zakas
    出版社:人民邮电出版社
    译者:李松峰 / 曹力
    ISBN:978-7-115-27579-0

    中文版
    VUE.JS 框架 官方文档
    Python Python Head First Python
    (Head First Python)
    作者:Barry.P.
    译者:林琪 等
    出版社:中国电力出版社
    ISBN: 978-7-512-32223-3

    中文版
    Python编程:从入门到实践
    (Python Crash Course)
    作者:Eric Matthes
    译者:袁国忠
    出版社:人民邮电出版社
    ISBN: 978-7-115-42802-8

    中文版
    Django Web 框架 官方文档
    自强学堂

    参考文章

    主题 链接
    JetBrains 开发者生态调查 2018 https://www.jetbrains.com/research/devecosystem-2018/
    CSS 选择器参考手册 http://www.w3school.com.cn/cssref/css_selectors.asp
    正则表达式 30 分钟入门教程 https://www.oschina.net/question/12_9507
    理解 Virtual DOM https://www.w3cplus.com/javascript/understand-the-Virtual-DOM.html
    基于 Django 的博客系统 https://github.com/liangliangyy/DjangoBlog

    Web 开发常用参考网站

    网站 说明
    W3School
    国际版 中文版
    全球最大的 WEB 技术资源网站
    CODEPEN 前端代码托管服务,丰富前端案例

    推荐使用搜索引擎和问答类网站

    网站 说明
    Bing Google 比 Baidu 搜索内容更全面广泛的搜索引擎
    Stack Overflow 谨防被 Baidu 搜索结果和 CSDN 不幸误导
    最大的 IT 技术问答网站,设有投票机制
  7. 课程内容top

  8. 类别 内容
    HTML/XHTML/CSS
    深入浅出html源码
    pdf
    1引言
    2 XHTML和CSS基础
    3标签<head>
    4添加内容
    5使用图像
    6链接到Web
    7使用表格
    8创建表单
    9文档添加样式CSS
    10 Javascript基础
    JavaScript高级程序设计(第3版)


    概述
    基本概念、变量和作用域
    引用类型
    面向对象的程序设计和函数表达式
    浏览器对象模型
    文档对象模型
    流利的Python
    Python基础, Python 教程
    Python和JavaScript的比较
    Django
    Django基础
    课程要求&步骤示范
    DEMO
    Bootstrap
    VUE

    关于Html5 瞬间之美——Web界面设计如何让用户心动 关键设计报告

  9. HW( Commit )

  10. 注意提交文件名规则:“学号-姓名-理论/实验-次数.rar/zip”,如:1011-学生-实验-1.rar

    时间 内容 作业 截止时间
    实验1 实验1 一周后
    实验2 实验2
    实验3 实验3
    实验3 实验4
  11. 大作业(第17周周日,24:00)

    • 做一个展示技术/设计的网站,努力提高web开发水平
    • 不超过5人组队
    • 候选优秀大作业最后一次实验课需要ppt,不少于5分钟,展示已有结果和计划
    • 大作业还包括相关文档报告(具体要求
  12. 作业时间表:

  13. About browser

  14. chrome Firebug