К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Animation with JavaScript and jQuery · LearnSpace
Назад в каталог
courseraПрограммирование

Animation with JavaScript and jQuery

Курс от University of California, Davis
Начальный≈ 13.5 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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.

Навыки, которые вы освоите

jQueryJavascript and jQueryAnimationsJavascriptEvent-Driven ProgrammingScriptingHTML and CSSFrontend PerformanceCascading Style Sheets (CSS)Hypertext Markup Language (HTML)UI ComponentsJavaScript Frameworks

Программа курса

4 модулей · 108 учебных материалов

01Manipulating Web Pages Elements with jQuery & JavaScript32 материалов

Getting Started

A Note From UC DavisЧтениеLearning GoalsОбсуждениеWelcome to this Course!Видео

Module Introduction

Module IntroductionВидео

Учитесь у экспертов

William Mead

Lecturer

Animation with JavaScript and jQuery
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 13.5 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Бенгальский, Узбекский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Урду, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета

Introduction to jQuery

Introduction to jQueryВидеоStart Files: Introduction to jQuery ЧтениеjQuery LibrariesВидеоPlugging Into jQuery LibrariesВидеоBasic jQuery SyntaxВидеоUsing jQuery to Access ElementsВидеоjQuery EventsВидеоPDF of PresentationЧтение

Folding Sidebar Menus with JavaScript

Introduction to Folding Sidebar Menus Using JSВидеоStart Files: Folding Sidebar Menus with JavaScriptЧтениеChallenge 1 SolutionВидеоChallenge 2 SolutionВидеоChallenge 3 SolutionВидеоChallenge 4 SolutionВидеоChallenge 5 SolutionВидеоChallenge 6 SolutionВидеоChallenge 7 SolutionВидеоChallenge 8 SolutionВидеоPDF of PresentationЧтение

Folding Sidebar Menus with jQuery

Introduction to jQuery Sidebar Folding NavigationВидеоStart Files: Folding Sidebar Menus with jQueryЧтениеGetting the Next ULВидеоThe Whole ScriptВидеоPDF of PresentationЧтение

Practice Challenges

JavaScript and jQuery Challenges IntroВидеоJavaScript and jQuery Challenge ActivitiesЧтение

Module Summary

Module 1 QuizЗаданиеModule 1 ReflectionОбсуждение
02Animating Web Page Elements with jQuery & JavaScript30 материалов

Module Introduction

Module IntroductionВидео

Introduction to the jQuery Effects Library

Introduction to the jQuery Effects LibraryВидеоStart Files: Introduction to the jQuery Effects LibraryЧтениеExample 1 ContinuedВидеоExample 2ВидеоExample 2: Plugin ArchitectureВидеоExample 3: Fading ButtonsВидеоExample 3: Fade ToВидеоExample 4: Custom Animations - Part 1ВидеоExample 4: Custom Animations - Part 2ВидеоDoing All Animations at OnceВидеоAdditional ResourcesЧтениеPDF of PresentationЧтение

Creating a Tabbed Interface with jQuery

Introduction to Tabbed Interface Using jQueryВидеоStart Files: Creating a Tabbed Interface with jQueryЧтениеStyling the Anchor TagsВидеоTab Styling and ColorsВидеоClicking and Fading TabsВидеоWhole ScriptВидео

Creating a Tabbed Interface with JavaScript

Getting the CSS ReadyВидеоStart Files: Creating a Tabbed Interface with JavaScriptЧтениеMaking the Tabs WorkВидеоNew Tab and Old TabВидеоHandling the SwitchВидеоFixing a BugВидео

Module Summary

Module 2 QuizЗаданиеModule 2 ReflectionОбсуждение
03Intermediate Document Manipulation & Animation25 материалов

Module Introduction

Module IntroductionВидео

jQuery Image Sliders - Version 1

Basic SliderВидеоStart Files: jQuery Image SlidersЧтениеMaking the Script GeneralВидеоWindow Load FunctionВидеоClick Handler for Next ButtonВидеоNext Click Handler with If StatementВидеоChallenge SolutionВидеоPDF of PresentationЧтение

jQuery Image Sliders - Version 2

Strategy for Version 2ВидеоCloning the Unordered ListВидеоSetting the Left PositionВидеоAdding a Callback FunctionВидеоPrevious Button Click Handler - Part 1ВидеоPrevious Button Click Handler - Part 2Видео

JavaScript Image Sliders

Slider Using JavaScriptВидеоStart Files: JavaScript Image SlidersЧтениеCSS for Slides and Adding VariablesВидеоAdding More VariablesВидеоEvent Handler for the Next ButtonВидеоSolution for the Previous Button ChallengeВидео

Module Summary

Module 3 QuizЗаданиеModule 3 ReflectionОбсуждение
04Timers and Recursion in JavaScript & jQuery21 материалов

Module Introduction

Module IntroductionВидео

Introduction to Timers and Recursion

Start Files: Introduction to Timers & RecursionЧтениеExample Script #1 - Part 1ВидеоExample Script #1 - Part 2ВидеоExample Script #2ВидеоExample Script #3: RecursionВидеоPDF of PresentationЧтение

Slider on a Timer

Converting a SliderВидеоPutting Slides on a Timer Solution - Part 1ВидеоPutting Slides on a Timer Solution - Part 2ВидеоPDF of PresentationЧтение

Recursive Content Rotator

Start Files: Recursive Content RotatorЧтениеProject Set-upВидеоStarting the ScriptВидеоThe If/Else Statement - Part 1ВидеоThe If/Else Statement - Part 2ВидеоPDF of PresentationЧтение

Module Summary

Module 4 QuizЗаданиеModule 4 ReflectionОбсуждение

Course Summary

Course SummaryВидеоSelf-ReflectionОбсуждение
PDF of PresentationЧтение
Cleaning Up the CodeВидео
PDF of PresentationЧтение
PDF of PresentationЧтение
PDF of PresentationЧтение