Web前端开发课程建设课件

1、Web Applications“Web前端开发”课程建设2Web课程与教育教学计划3Web前端开发课程1河北地质大学信息工程学院目录CONTENTS2Web课程与教育教学计划3Web前端开发课程1河北地质大学信息工程学院目录CONTENTS河北地质大学011953-1971021971-1996031996-2016042016-宣化地质学校河北地质学院石家庄经济学院2003199619931981信工系改为信息工程学院成立信息工程系，开始招收计算机应用技术专业本科生招收第一届计算机专业专科学生计算站和原物探系的电子技术教研室信息工程学院办学历史 国家级专业综合改革试点1河北省二级学院综合改

2、革试点26Part1计算机科学与技术*（挑战性成果）Part2软件工程Part 6光电信息科学与工程Part3网络工程Part4电子信息工程Part5通信工程6个专业师资与硕士点情况副教授教授博士231224计算机软件与理论计算机应用技术计算机体系结构2006年，获批计算机科学与技术一级学科硕士学位授予点并开始招收研究生。目前，研究生导师15人。计算机在地学中的应用人工智能与机器学习0105地质大数据地质机器人与地质仪器0206计算智能及其应用嵌入式系统与结构0307复杂网络与复杂系统光纤光栅传感器0408主要研究领域2Web课程与教育教学计划3Web前端开发课程1河北地质大学信息工程学院目录

3、CONTENTS教育教学计划总体设计第四学年第三学年第二学年第一学年专业（方向）“习”系统知识+系统能力准通识教育+系统知识专业（方向）“学”系统知识+系统能力准通识教育+系统知识分专业，每专业三个方向专业（方向）设计：方向交叉、个性化培养第四学年Web应用02大数据03云计算04网络安全05软件工程网络工程企业应用01校内“习”：项目实战企业“习”：学分置换Web应用方向课程架构第五阶段框架技术第四阶段Web前端高级第三阶段服务器端技术第二阶段JS开发第一阶段Web前端基础第六学期第六学期第五学期第三学期第二学期HTML5基础CSS3、PS原型工具代码优化浏览器JavaScriptDOM/B

4、OM代码调试HTTP协议PHP/JSP/ASPAJAXHTML5高级编程JQueryAngularJSExtJSBootStrapJquery.mobileWebAPPPhoneGap分专业2Web课程与教育教学计划3Web前端开发课程1河北地质大学信息工程学院目录CONTENTS“Web前端应用”教学目标建立自信培养兴趣1HTML+CSS容易学生接触互联网多建立学生编程自信培养学生专业兴趣2理解万维网通过此门课程，认识万维网。理解万维网的工作原理。3奠定基础 在专业方向上奠定基础。4独立完成前端能独立完成一个前端应用意识见识知识技识工作职业15“Web前端应用”课程知识体系6-12课时6-8

5、/6-12课时4-6课时6课时解剖式自学16设计思路：实际案例驱动17设计思路：实际案例驱动(cont.)Ver5.0Ajax实践Ver4.0HTML+CSS+JS+Jquery代码优化、效果提升Ver3.0HTML+CSS+JS动态效果Ver 2.0HTML+CSS实现DIV布局Ver1.0HTML实现表格布局4432118基于“软件过程”的教学过程管理（沉浸式过程管理）项目是指一系列独特的、复杂的并相互关联的活动，这些活动有着一个明确的目标或目的，必须在特定的时间、预算、资源限定内，依据规范完成。项目课程教学课程教学项目吗？！19沉浸式过程管理(cont.)教师团队管理、沟通管理A教学质量

6、管理、进度(时间)管理B范围管理（教学内容管理）C风险管理：如何动态调整教学行为/方式/内容D过程管理平台（以禅道为平台）1234随时跟踪备课进度过程透明，动态可见学生在学习，也在体验项目管理沉浸式根据反馈及时调整进度、内容等进度可控协作、共同进步、共赢发展团队意识21课程组备课里面有什么？22课程资料准备情况（以HTML部分为例）23总体进展情况PPT+代码PPT+代码+部分视频JS的PPT+代码+部分视频完成24教学方式以教为主A以学为主如何落实？B12345线上平台学知识线下实操学技识课上互动学脉络网络拓展学见识团队协作学意识(结对编程）12课上讲脉络Code Review25教学方式：全链条的以学为主CDEF原型设计（墨刀、Axure）兼容性测试代码优化切图设计图部署代码编写（以前的教学）AB26教学方式：嘀嗒教育