各函授站(教学点):
随着互联网+时代来临,互联网已经越来越复杂,纷繁复杂的互联网业要求职业分工越来越精细。为更加适应在职成人学生的学习需求,遵从培养开发、维护实用型专门人才的培养目标,经学院研究决定,自2016级的学生起,将《web前端开发工程师》这套实操型MOOC系列课程纳入到高起专、专升本层次的教学计划内。
本学期暂时选择《web前端开发工程师》中两门阶段课程《Web前端开发基础》和《Web前端开发进阶》作为学生的自主选修课程,面向学习对象为全体学生,其中,计算机专业的学生选修相应课程并且考核成绩合格,可以顶替教学计划规定的相应课程,顶替课程如下:
计算机科学与技术(专升本)顶替课程一览表
序号 |
《Web前端工程师》课程 |
顶替教学计划课程 |
1 |
基础阶段Web前端开发基础——HTML+CSS |
计算机导论 |
2 |
进阶阶段Web前端开发进阶——JavaScript+HTML5编程 |
软件工程导论 |
计算机应用技术(专科)顶替课程一览表
序号 |
《Web前端工程师》课程 |
顶替教学计划课程 |
1 |
Web前端开发基础——HTML+CSS |
微机原理与接口技术 |
2 |
Web前端开发进阶——JavaScript+HTML5编程 |
Oracle数据库 |
1. 平台选修时段:按照每学期开课计划进行。2017年3月20日后,学生可到
平台进行学习。
2. 平台地址: http://os.open.com.cn/Account/User/Login
请各函授站(教学点)通知到相关学生,关于本课程详细内容请查阅附件《WEB前端开发工程师》课程学习介绍。
2017年3月8日
沈阳航空航天大学 继续教育学院成教部
附件:
《WEB前端开发工程师》课程学习介绍
课程介绍
Web前端工程师,是近年来一个新兴起的职业,随着互联网+飞速的发展,社会需求越来越大。本课程为分为五模块,前四个模块从基础入门→技能进阶→高级技能→开发实战,课程由浅入深,由易到难,第五个模块是对前四个模块知识的综合运用,详细内容如下。
课程内容介绍
1. 基础阶段:本阶段课程讲授如何使用HTML、CSS来编写静态页面。课程的核心内容有HTML标签、CSS选择器、CSS文本、CSS盒模型、CSS背景、CSS布局、PS切图等。
本阶段课程包括7门小课:
课题 |
主要内容 |
(一)HTML+CSS基础 |
从最基本的概念开始讲起,带领大家学习HTML、CSS样式基础知识,了解各种常用标签的意义以及基本用法,讲解CSS样式代码添加。 |
(二)前端开发工具—Dreamweaver |
以Dreamweaver CS6为例,讲授Dreamweaver的使用技巧和重要实用模块,覆盖实际开发过程中90%以上的功能。 |
(三)开发实例1—制作分页页码 |
使用HTML、CSS样式技术制作出分页页码的效果。包括最简单的直角分页页码效果,修复行内元素之间的间隔bug问题分析,代码整理,为分页页码插入小图标。 |
(四)网页布局基础 |
本课程将讲解CSS中三种定位机制——标准文档流、浮动和绝对定位,并对标准文档流、盒子模型、float属性以及position属性等进行详细分析。 |
(五) 用CSS进行网页布局 |
用CSS进行网页布局,学习三大布局技巧——流式布局、浮动布局及绝对定位布局,对不同的网页进行布局结构划分。 |
(六)前端工程师必备的PS技能——切图 |
使用Photoshop从网页设计师提供的psd中获取网页前端开发过程中所需要的资源,并进行简单的调整和处理。 |
(七)开发实例2—企业网站综合布局实战 |
重点介绍HTML/CSS实现常见企业网站布局的方法、布局中常用的基本盒子模型、三列布局、两列自适应高度及基于jQ的开源图片幻灯片切换效果插件的使用。让您快速掌握企业网站的基本布局方法,同时对HTML、CSS等知识的综合运用和提升。 |
2. 进阶阶段:本阶段课程从JS基础知识到DOM编程再到HTML5,由浅入深,教授如何理解和编写完整的JS程序,体验HTML5技术带来网页动态效果。
本阶段课程包括8门小课:
课题 |
主要内容 |
(一) JavaScript入门 |
快速认识JavaScript,熟悉基本语法、窗口交互方法和通过DOM进行网页元素的操作,学会如何编写JS代码,如何运用JavaScript去操作HTML元素和CSS样式。 |
(二) JavaScript进阶 |
学习JS基础语法、语法、函数、方法等,让你掌握JS编程思路、知识的使用等,实现运用JS语言为网页增加动态效果,达到与用户交互的目的。 |
(三) DOM基础 |
全面介绍DOM基础知识,了解如何判断元素的节点类型,掌握元素节点的继承层次及各种元素节点的分类和规则。 |
(四) DOM事件 |
讲解DOM事件的具体相关知识,DOM事件的使用方法及应用。 |
(五)开发实例1—商城分类导航效果 |
仿京东商城分类导航,详细分析并讲解制作过程,掌握运用CSS技巧及JavaScript动态改变CSS样式的两种实现方法,同时扩展讲解其它商城分类导航的不同及制作方法。 |
(六) HTML5基础 |
主要讲解HTML5的标签结构,与传统的HTML4相比,新增和删去的标签及相关属性, |
(七) CSS3全解 |
系统学习CSS3的相关知识,轻松制作出各种绚丽的效果。 |
(八) 开发实例2—HTML5和CSS3扁平化风格博客 |
通过CSS3扁平化风格博客的实例详细讲解,让大家更容易理解常规网页的组成部分,灵活的使用不同部分WEB组件,理解它的构成思想,以及网页灵活的布局和设计。 |
3. 高级阶段:本阶段课程重点介绍一个快速、简洁的JavaScript框架—jQuery框架的基础知识,包括样式、DOM、事件、动画、Ajax及其应用等核心内容,有效提高网站前端开发速度。
本阶段课程包括8门小课:
课题 |
主要内容 |
(一)jQuery 基础—样式 |
主要介绍jQuery的基础语法,选择器以及jQuery的一些属性和样式。 |
(二)jQuery基础—DOM |
主要讲解jQuery中节点的创建、插入、删除与替换,了解jQuery中遍历节点的方法。 |
(三)jQuery基础—事件 |
主要讲解鼠标事件,表单事件,键盘事件,事件的绑定和解绑以及自定义事件。 |
(四)jQuery基础—动画 |
主要讲解jQuery当中的动画处理,制作出以下效果:隐藏和显示、上卷下来、淡入淡出。 |
(五)Ajax全解 |
介绍Ajax的相关概念、原理、实现方式和应用方法,包含HTTP请求的概念、PHP的简单语法、JSON数据格式、Ajax的原生和jQuery实现、跨域等知识点。 |
(六)jQuery基础一Ajax应用与常用插件 |
介绍如何用jquery实现ajax应用,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。 |
(七)开发实例1—制作搜索框 |
使用jQuery和JavaScript两种技术实现搜索框效果功能,并对jQuery和JavaScript两种技术进行对比,了解JQ与JS实现Ajax技术的不同点。 |
(八)开发实例2—网页定位导航特效 |
如何使用jQuery、JavaScript两种方式实现网页定位导航,提升HTML、CSS、JavaScript、jQuery的综合应用能力。 |
4. 实战阶段:本阶段课程介绍怎样对产品网页进行页面优化,提升网页速度和开发维护效率,并以两个综合网站开发实例介绍网站制作的开发流程和规范,增加开发经验。
本阶段课程包括5门小课:
课题 |
主要内容 |
(一)WEB调试工具—Firebug |
运用Firebug 编辑HTML、处理CSS、调试Javascript、监听Ajax、评估页面速度等。 |
(二)SEO在网页制作中的应用 |
通过对网页结构以及前端代码两个方面介绍前端SEO知识,教你怎样让更多的人来访问你的网站。 |
(三)网站性能优化—Yahoo军规 |
介绍网站性能优化的规则,如何提高网站性,学习网站性能优化工具Yslow。 |
(四)开发实例1—实现电商网站开发 |
主要介绍整站制作的流程、整站兼容性的系列知识。通过电商网站分步的教学让大家了解和掌握电商网站制作的流程和注意事项。并且运用网站内学习过的知识点,更加快速的掌握整站的开发过程,增加开发经验。 |
(五)开发实例2—电商网站前端架构 |
通过一个垂直电子商务网站,介绍前端架构搭建和实现的步骤和方法,以及在这个过程中我们需要做什么才能帮助项目最终从设计走向实现。 |
5. 综合开发考核阶段:本阶段提供一个产品需求,学生要将前面课程所学的知识应用到具体产品开发中,最终完成产品的开发任务。
课程作业
1. 所有作业均为在线作业,题型为单选题、多选题和判断题,每套作业20题。
2. 一门小课对应一次作业。如基础阶段的课程有7门小课,即发布7次作业。
课程考核形式
1. 每个阶段课程的考核成绩满分100分。
2. 成绩组成由该阶段的若干门小课的成绩之和与一次线上期末考试成绩组成,评分标准为:该阶段课程内小课总成绩的平均分50%+期末考试成绩50%。
3. 小课成绩的计算标准是:课程完成分50%+作业分50%。
辅导答疑
1. 平台设置有讨论区,学生可通过讨论区发布需要解决的问题,辅导老师会及时解答学生的问题。
2. 学生也可以通过邮件wangxianl@mail.open.com,提出疑问,辅导老师会及时进行回复。