Animation with JavaScript and jQuery

所在平台: Coursera

课程主页: https://www.coursera.org/learn/animation-javascript-jquery

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:使用JavaScript和jQuery进行动画制作 课程概述:本课程在第一门课对JavaScript进行一般介绍的基础上,重点关注JavaScript库,特别是jQuery。课程中的脚本将主要针对文档对象模型(DOM)进行操作。学习者将描述最受欢迎的JavaScript库,并区分哪些库最适合用于实施和加速网页动画的开发。 课程目标包括介绍课程的最终产品——一个使用jQuery元素来操作HTML文档并提升用户体验的登陆页面风格网站。深入探讨将要创建的登陆页面,并将其分解为各个jQuery项目。同时,将介绍jQuery事件和效果,并探索jQuery与HTML文档之间的关系。最后,重点关注插件,并继续分析jQuery在操作HTML和CSS方面的能力。 课程大纲: 1. 随着模块“使用jQuery和JavaScript操作网页元素”的学习,您将了解jQuery及其基本语法,并将其与JavaScript语法进行对比。您将能够引入jQuery库,讨论jQuery的历史及其与JavaScript的关系。还将使用jQuery中的选择器和过滤器来访问DOM元素,并能够创建一个可在网站上使用的交互元素,同时识别和修复其编码和逻辑问题,展示您在访问和操作网页元素方面的JavaScript和jQuery的熟练程度。 2. 在模块“使用jQuery和JavaScript动画网页元素”中,您将进入jQuery效果库、辅助函数、动画和回调函数的介绍。您将能够利用jQuery的特点来动画化网页上的元素,并使用回调函数在动画完成时触发其他函数。此外,您将能够创建JavaScript和jQuery版本的标签式界面。 3. 在模块“中级文档操作与动画”中,您将利用jQuery语法和内置效果库创建可以集成到网页中的图像滑块。同时,您还将通过仅使用普通JavaScript语法和CSS进行动画,来比较jQuery和JavaScript的语法。 4. 在模块“JavaScript和jQuery中的定时器与递归”中,您将被介绍到JavaScript中定时器和递归的使用,并利用这些技术制作在定时器上运行的界面元素。您将练习使用jQuery语法和递归来构建一个简单的内容轮播器,可以作为任何网页的界面元素使用。

课程大纲

Name:Manipulating Web Pages Elements with jQuery & JavaScript

Description:In this module, you will be introduced to jQuery and basic jQuery syntax and we will compare it to JavaScript syntax. You will be able to plug-in the jQuery library and discuss the history of jQuery and its relationship to JavaScript. You'll also use some of the selectors and filters available in jQuery to access DOM elements. You will be able to create an interactive element that could be used on a website and be able to identify and fix coding and logic problems while working on a project. You will be able to demonstrate proficiency with both JavaScript and jQuery for accessing and manipulating elements on a web page.

Name:Animating Web Page Elements with jQuery & JavaScript

Description:In this module, you will be introduced to the jQuery effects library, helper functions, animations and callback functions. You will be able to use features in jQuery to animate elements on a web page. You will be able to use the callback functions to trigger a function when an animation is completed. You will be able to create a tabbed interface in both JavaScript and jQuery.

Name:Intermediate Document Manipulation & Animation

Description:In this module, you will be able to use the jQuery syntax and the built-in effects library to create image sliders that could be integrated into web pages. You will also be able to compare the jQuery syntax to the JavaScript syntax by building a similar image slider using only plain JavaScript syntax and using CSS to perform the animation.

Name:Timers and Recursion in JavaScript & jQuery

Description:In this module, you will be introduced to the use of timers and recursion in JavaScript and use these techniques to make interface elements that run on a timer. You practice using jQuery syntax and recursion to build a simple content rotator that could be used as an interface element on any web page.

课程评论(0条)

课程详情

With the general introduction of JavaScript in the first course, this course will focus on JavaScript libraries, specifically jQuery. The scripts will be geared toward Document Object Model (DOM) manipulation. Learners will describe the top JavaScript libraries and differentiate which would work best to implement and accelerate development of web page animation. Course objectives include being introduced to the end product of the course – a landing page style website using jQuery elements to manipulate HTML documents and enhance user experience. Diving deeper into the landing page that will be created and break it out into individual jQuery projects. jQuery events and effects will be covered while exploring more jQuery’s relationship with HTML documents. Finally, a focus on plugins and continue to breakdown jQuery's ability to manipulate HTML and CSS.

课程标签

0人关注该课程

主题相关的课程