主要讲述web前端开发JavaScript核心技术及其优秀框架jQuery。
JavaScript主要实现页面动态效果，增强交互性和用户体验，是web前端开发的主流编程语言，主流浏览器几乎都支持它。
随着互联网应用的普及和深入，JavaScript发展迅猛，其框架层出不穷。jQuery是JavaScript的优秀框架，目前许多主流JavaScript框架都是基于jQuery的，它对JavaScript进行封装，使开发简化、方便、快捷，并且很好地解决了浏览器兼容性问题。
本课程在讲述知识和技能的同时，强化思想政治教育，将思政元素融入案例中，润物细无声，使广大青年坚定不移听党话、跟党走，怀抱梦想又脚踏实地，敢想敢为又善作善成，立志做有理想、敢担当、能吃苦、肯奋斗的新时代好青年。
l 第1章主要讲述JavaScript脚本的基本结构、放置位置和引用方式，JavaScript的组成、特点及应用，Web前端编程的开发工具和集成开发环境。
l 第2章主要讲述JavaScript的核心语法和程序调试方法等。包括：变量、数据类型、输入和输出、运算符、控制语句等。案例主要包括：判断变量或值的数据类型，输出个人信息，两个数的四则运算，输出成绩单，打印倒正金字塔和倒正三角形等。
l 第3章主要讲述JavaScript函数及其应用。包括：函数的定义、调用、参数、返回值，箭头函数，匿名函数，变量作用域。案例主要包括：简易计算器、数的算术运算、图片上下翻动特效等。
l 第4章主要讲述对象的属性、方法和分类，自定义对象和JavaScript内置对象，内置对象中的Date日期对象、Math数学对象、Array数组对象，JSON对象等。案例主要包括：时钟特效、简易科学计算器、省市二级级联特效、使用JSON显示列表信息等。
l 第5章主要讲述浏览器对象模型BOM以及BOM中的window对象、screen对象、history对象、location对象和存储对象。案例主要包括：弹出窗口特效、带数字的图片循环轮播特效、页面跳转效果、使用客户端存储对象实现注册登录效果等。
l 第6章主要讲述DOM的相关概念、DOM树、节点类型，核心DOM中节点的查找、遍历、创建、添加、替换、删除以及属性操作，HTML DOM，及Table对象、TableRow对象、TableCell对象等。案例主要包括：商品详情页、留言板、订单处理、淘宝购物车等。
l 第7章主要讲述JavaScript事件（事件注册、事件对象、事件流、事件冒泡）和元素样式操作等。案例主要包括：京东选项卡特效、鼠标移入移出时菜单特效、页面元素的显示和隐藏效果、手风琴动画特效、漂浮广告特效等。
l 第8章主要讲述表单验证的意义、步骤和内容，以及String对象、正则表达式、HTML5验证特性、Form对象等。案例主要包括：邮箱登录验证、网易免费邮箱注册页面验证、开心网注册页面验证、信用卡申请页面验证、招聘网注册页面验证等。
l 第9章为阶段项目，模拟延安革命纪念馆网站首页特效，实现首页Banner区滑动轮播特效、首页公告滚动显示特效、首页通告区数字轮播特效、首页通告区Tab切换特效、首页革命人物滚动显示特效等。
l 第10章主要讲述jQuery库、jQuery对象、jQuery语法结构、jQuery选择器等。案例主要包括：延安革命纪念馆特效（红色之旅、banner图轮播、下拉菜单）、京东京觅杨桃主图切换效果、选择喜欢的农特果品、大美中国图片轮播效果、城市排行榜隔行变色效果、鸢尾花数据集隔行变色效果、开心网注册页面验证等。
l 第11章主要讲述jQuery中的DOM应用，包括样式操作、内容操作、Value属性操作、节点属性操作、节点遍历、节点操作、CSS-DOM操作等。案例主要包括：全选/不全选特效、延安革命纪念馆视频图文效果、经典古诗词赏析、ChatGPT风景排名效果、经典古诗词欣赏、订单管理与特效、经典古诗词填词、Tab切换效果等。
l 第12章主要讲述jQuery事件与动画及其方法。案例主要包括：延安革命纪念馆在线点播效果、邮箱登录全键盘操作、树形菜单特效、自定义动画、停止动画等。
l 第13章为课程综合项目，实现京东商城网站特效，包括：首页顶图及导航栏二级菜单特效、首页头部购物车二级级联特效、首页banner图轮播特效、首页京东秒杀倒计时特效、登录页面验证与特效、购物车管理与特效等。
人们需要通过页面获取信息，相互交互，处理事务，进行工作、生活、学习、娱乐等各方面活动，迫切要求页面具有良好的交互性和用户体验感，同时人们对用户体验和个性化的要求也越来越高。如何使你的页面特色鲜明，个性张扬，交互友好、便捷、快速，增强用户体验感和交互性是本课程要解决的问题。同时这些需求在各行各业都变得越来越重要，产生了对web前端开发人员的大量需求。
本课程适应新一代信息技术发展的需求，对接新技术、新规范，对接行业、产业、职业、岗位，主要讲述web前端开发核心技术JavaScript及其优秀框架jQuery。课程特色和亮点如下。
l 新，紧跟新技术，新标准。依据职业教育国家教学标准和职业标准，及时纳入行业产业发展的新技术、新规范、新标准，体现行业产业发展新进展和新成果，内容科学先进。
l 实，内容详实、实用，体系科学、清晰。根据Web前端开发工程师所需知识、技能和能力，以网站中主流的网页特效、典型工作任务、案例等为载体构建内容和体系。内容详实实用，体系逻辑严谨、线索明晰，将知识和技能串起来，使读者将书越读越薄。
l 美，画美、情美、境美。欣赏页面效果画面美，诗情画意。欣赏美术精品，画美、景美。欣赏诗词之美，情美、境美。培养审美和发现生活之美的能力，美入眼、美入心。
l 案例项目贯穿。按照“基本案例—技能训练案例—阶段项目—课程综合项目”进行案例项目贯穿。同时，案例、项目多为企业真实案例项目和典型工作任务，将学习内容在企业实际场景中进行应用，增强职业情境，提升项目经验，培养职业能力、职业素养。
l 理实一体、强调转化。每章每节都有案例引领和贯穿，突出理论与技能操作融会贯通，理实一体。学习的关键是转化，将外界要学习的东西转化为自己内在具有的东西。通过“教”和“学”掌握核心知识和技能；通过技能训练，自己独立地“做”，将知识和技能转化；再通过阶段项目、课程综合项目，进一步巩固、转化学习成果。
l 易教易学、教学资源立体丰富。配套完整的教学资源，包括省级精品课程资源、视频、PPT、案例项目源代码、教师教学资源、学生练习资源、拓展资源、TIY资源、题库、作业、答案等。满足教师信息化教学、翻转课堂、线上+线下混合式教学、线上教学、线下教学需求。满足项目学习、案例学习、模块化学习等不同学习方式要求。内容难易梯度明晰，满足分层次教和学的需求，易教易学。
围绕互联网+、新兴技术行业带来的 Web前端开发技术技能人才需求，培养具有良好职业道德和人文素养，掌握Web前端开发基础知识，具备动态网页设计、开发、调试、维护等能力，能从事 Web 前端软件编码、软件测试、软件技术服务等工作的技术技能人才
HTML、CSS
| 0.0 |
共 0 条评价 |
本次开课
查看全部
|
|
安徽财贸职业学院
|
邮箱：ahmooc@ustc.edu.cn
电话：0551-63607943、66197609
客服QQ：3224114574、3265176516
搜索
