1、Web Applications“Web前端开发”课程建设2Web课程与教育教学计划3Web前端开发课程1河北地质大学信息工程学院目录CONTENTS2Web课程与教育教学计划3Web前端开发课程1河北地质大学信息工程学院目录CONTENTS河北地质大学011953-1971021971-1996031996-2016042016-宣化地质学校宣化地质学校河北地质学院河北地质学院石家庄经济学院石家庄经济学院2003199619931981信工系改为信信工系改为信息工程学院息工程学院成立信息工程成立信息工程系系，开始，开始招收招收计算机应用技计算机应用技术专业本科生术专业本科生招收第一届计招收第
2、一届计算机专业专科算机专业专科学生学生计算站和原物计算站和原物探系的电子技探系的电子技术教研室术教研室信息工程学院办学历史 国家级专业综合改革试点国家级专业综合改革试点1河北省二级学院综合改革试点河北省二级学院综合改革试点26Part1计算机科学与计算机科学与技术技术*（挑战性成果）（挑战性成果）Part2软件工程Part 6光电信息科学与工程Part3网络工程Part4电子信息工程Part5通信工程6个专业师资与硕士点情况副教授教授博士231224计算机软件与理论计算机应用技术计算机体系结构2006年，获批计算机科学与技术一级学科硕士学位授予点并开始招收研究生。目前，研究生导师导师1515人
3、人。计算机在地计算机在地学中的应用学中的应用人工智能与人工智能与机器学习机器学习0105地质大数据地质大数据地质机器人地质机器人与地质仪器与地质仪器0206计算智能及计算智能及其应用其应用嵌入式系统嵌入式系统与结构与结构0307复杂网络与复杂网络与复杂系统复杂系统光纤光栅传光纤光栅传感器感器0408主要研究领域2Web课程与教育教学计划3Web前端开发课程1河北地质大学信息工程学院目录CONTENTS教育教学计划总体设计第四学年第四学年第三学年第三学年第二学年第二学年第一学年第一学年专业（方向）专业（方向）“习习”系统知识系统知识+系统能力系统能力准通识准通识教育教育+系统知识系统知识专业（方
4、向）专业（方向）“学学”系统知识系统知识+系统系统能力能力准通识准通识教育教育+系统知系统知识识分专业，每专业三个方向分专业，每专业三个方向专业（方向）设计：方向交叉、个性化培养第四学年第四学年Web应用02大数据03云计算04网络安全05软件工程网络工程企业应用01校内“习”：项目实战企业“习”：学分置换WebWeb应用方向课程架构应用方向课程架构第五阶段框架技术第四阶段Web前端高级第三阶段服务器端技术第二阶段JS开发第一阶段Web前端基础第六学期第六学期第五学期第三学期第二学期HTML5基础CSS3、PS原型工具代码优化浏览器JavaScriptDOM/BOM代码调试HTTP协议PHP/
5、JSP/ASPAJAXHTML5高级编程JQueryAngularJSExtJSBootStrapJquery.mobileWebAPPPhoneGap分专业分专业2Web课程与教育教学计划3Web前端开发课程1河北地质大学信息工程学院目录CONTENTS“Web前端应用”教学目标建立自信培养兴趣1HTML+CSS容易学生接触互联网多建立学生编程自信培养学生专业兴趣2理解万维网通过此门课程，认识万维网。理解万维网的工作原理。3奠定基础 在专业方向上奠定基础。4独立完成前端能独立完成一个前端应用意识意识见识见识知知识识技识技识工作工作职业职业15“Web前端应用”课程知识体系6-126-12课时
6、课时6-8/6-126-8/6-12课时课时4-64-6课时课时6 6课时课时解剖解剖式式自自学学16设计思路：实际案例驱动17设计思路：实际案例驱动(cont.)Ver5.0Ajax实践Ver4.0HTML+CSS+JS+Jquery代码优化、效果提升Ver3.0HTML+CSS+JS动态效果Ver 2.0HTML+CSS实现DIV布局Ver1.0HTML实现表格布局4432118基于“软件过程”的教学过程管理（沉浸式过程管理）项目是指一系列独特的、复杂的并相互关联的活动相互关联的活动，这些活动有着一个明确的目标明确的目标或目的，必须在特定的时间、预算、资特定的时间、预算、资源限定内源限定内
7、，依据规范完成。项目课程教学课程教学项目吗？！19沉浸式过程管理(cont.)教师团队管理、沟通管理A教学质量管理、进度(时间)管理B范围管理（教学内容管理）C风险管理：如何动态调整教学行为/方式/内容D过程管理平台（以禅道为平台）1234随时跟踪备课进度过程透明，动态可见学生在学习，也在体验项目管理沉浸式根据反馈及时调整进度、内容等进度可控协作、共同进步、共赢发展团队意识21课程组备课里面有什么？22课程资料准备情况（以HTML部分为例）23总体进展情况PPT+代码PPT+代码+部分视频JS的PPT+代码+部分视频完成24教学方式以教为主以教为主A以学以学为主为主如何落实如何落实？B12345线上平台平台学知识线下实操实操学技识课上互动学脉络网络拓展学见识团队协作学意识(结对编程）12课上讲脉络Code Review25教学方式：全链条的以学为主CDEF原型设计（墨刀、Axure）兼容性测试代码优化切图设计图部署代码编写（以前的教学）（以前的教学）AB26教学方式：嘀嗒教育（内网访问）27考核方式A知识考核*网站分析网络原理B技能考核*原型设计任务实现（过程管理平台）项目实现C软能力考核*团队协作代码规范课程贡献28课程实施难点观念与理念01管理水平02实施能力03
