本课程是 JavaScript for Beginners 专项课程专项课程的一部分

4.8
星
41 个评分
•
18 条评论

William Mead

3,881 人已注册

提供方

JavaScript for Beginners 专项课程加州大学戴维斯分校

课程信息

20,761 次近期查看

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.

可灵活调整截止日期

根据您的日程表重置截止日期。

可分享的证书

完成后获得证书

100% 在线

立即开始，按照自己的计划学习。

第 2 门课程（共 4 门）

JavaScript for Beginners 专项课程

初级

完成时间大约为13 小时

英语（English）

字幕：英语（English）

您将学到的内容有

Introduces learners to the popular jQuery library and explores the syntactical differences between JavaScript and jQuery using small projects.

您将获得的技能

Jquery
JavaScript
animations

可灵活调整截止日期

根据您的日程表重置截止日期。

可分享的证书

完成后获得证书

100% 在线

立即开始，按照自己的计划学习。

第 2 门课程（共 4 门）

JavaScript for Beginners 专项课程

初级

完成时间大约为13 小时

英语（English）

字幕：英语（English）

授课教师

授课教师评分

4.73/5 （16 个评分）

William Mead

提供方

加州大学戴维斯分校

UC Davis, one of the nation’s top-ranked research universities, is a global leader in agriculture, veterinary medicine, sustainability, environmental and biological sciences, and technology. With four colleges and six professional schools, UC Davis and its students and alumni are known for their academic excellence, meaningful public service and profound international impact.

授课大纲 - 您将从这门课程中学到什么

周

周 1

完成时间为 4 小时

Manipulating Web Pages Elements with jQuery & JavaScript

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.

完成时间为 4 小时

21 个视频（总计 91 分钟）, 8 个阅读材料, 1 个测验

21 个视频

Welcome to this Course!39

Module Introduction45

Introduction to jQuery7分钟

jQuery Libraries6分钟

Plugging Into jQuery Libraries5分钟

Basic jQuery Syntax5分钟

Using jQuery to Access Elements8分钟

jQuery Events5分钟

Introduction to Folding Sidebar Menus Using JS4分钟

Challenge 1 Solution3分钟

Challenge 2 Solution7分钟

Challenge 3 Solution2分钟

Challenge 4 Solution2分钟

Challenge 5 Solution3分钟

Challenge 6 Solution2分钟

Challenge 7 Solution2分钟

Challenge 8 Solution3分钟

Introduction to jQuery Sidebar Folding Navigation4分钟

Getting the Next UL4分钟

The Whole Script5分钟

JavaScript and jQuery Challenges Intro1分钟

8 个阅读材料

A Note From UC Davis10分钟

Start Files: Introduction to jQuery 10分钟

PDF of Presentation10分钟

Start Files: Folding Sidebar Menus with JavaScript10分钟

PDF of Presentation10分钟

Start Files: Folding Sidebar Menus with jQuery10分钟

PDF of Presentation10分钟

JavaScript and jQuery Challenge Activities10分钟

1 个练习

Module 1 Quiz30分钟

周

周 2

完成时间为 4 小时

Animating Web Page Elements with jQuery & JavaScript

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.

完成时间为 4 小时

21 个视频（总计 117 分钟）, 7 个阅读材料, 1 个测验

21 个视频

Module Introduction50

Introduction to the jQuery Effects Library4分钟

Example 1 Continued4分钟

Example 25分钟

Example 2: Plugin Architecture8分钟

Example 3: Fading Buttons4分钟

Example 3: Fade To4分钟

Example 4: Custom Animations - Part 14分钟

Example 4: Custom Animations - Part 25分钟

Doing All Animations at Once6分钟

Introduction to Tabbed Interface Using jQuery5分钟

Styling the Anchor Tags5分钟

Tab Styling and Colors6分钟

Clicking and Fading Tabs4分钟

Whole Script7分钟

Getting the CSS Ready5分钟

Making the Tabs Work6分钟

New Tab and Old Tab7分钟

Handling the Switch4分钟

Fixing a Bug6分钟

Cleaning Up the Code7分钟

7 个阅读材料

Start Files: Introduction to the jQuery Effects Library10分钟

Additional Resources20分钟

PDF of Presentation10分钟

Start Files: Creating a Tabbed Interface with jQuery10分钟

PDF of Presentation10分钟

Start Files: Creating a Tabbed Interface with JavaScript10分钟

PDF of Presentation10分钟

1 个练习

Module 2 Quiz30分钟

周

周 3

完成时间为 3 小时

Intermediate Document Manipulation & Animation

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.

完成时间为 3 小时

18 个视频（总计 102 分钟）, 5 个阅读材料, 1 个测验

18 个视频

Module Introduction32

Basic Slider6分钟

Making the Script General5分钟

Window Load Function7分钟

Click Handler for Next Button8分钟

Next Click Handler with If Statement3分钟

Challenge Solution5分钟

Strategy for Version 24分钟

Cloning the Unordered List4分钟

Setting the Left Position4分钟

Adding a Callback Function7分钟

Previous Button Click Handler - Part 17分钟

Previous Button Click Handler - Part 25分钟

Slider Using JavaScript6分钟

CSS for Slides and Adding Variables8分钟

Adding More Variables5分钟

Event Handler for the Next Button7分钟

Solution for the Previous Button Challenge4分钟

5 个阅读材料

Start Files: jQuery Image Sliders10分钟

PDF of Presentation10分钟

Start Files: JavaScript Image Sliders10分钟

PDF of Presentation10分钟

1 个练习

Module 3 Quiz30分钟

周

周 4

完成时间为 3 小时

Timers and Recursion in JavaScript & jQuery

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.

完成时间为 3 小时

13 个视频（总计 60 分钟）, 5 个阅读材料, 1 个测验

13 个视频

Module Introduction45

Example Script #1 - Part 15分钟

Example Script #1 - Part 24分钟

Example Script #22分钟

Example Script #3: Recursion5分钟

Converting a Slider2分钟

Putting Slides on a Timer Solution - Part 15分钟

Putting Slides on a Timer Solution - Part 27分钟

Project Set-up6分钟

Starting the Script4分钟

The If/Else Statement - Part 16分钟

The If/Else Statement - Part 25分钟

Course Summary52

5 个阅读材料

Start Files: Introduction to Timers & Recursion10分钟

PDF of Presentation10分钟

Start Files: Recursive Content Rotator10分钟

PDF of Presentation10分钟

1 个练习

Module 4 Quiz30分钟

审阅

4.8

18 条评论

5 stars
77.77%
4 stars
17.77%
3 stars
4.44%

来自ANIMATION WITH JAVASCRIPT AND JQUERY的热门评论

由 SA 提供Apr 30, 2022

Easy to follow, good pace, basics are covered. THANK YOU !

由 KZ 提供Nov 3, 2021

The course is well organzied and has the complete content where we can follow and understand thoroughly

由 TS 提供Sep 1, 2021

The concept may be a difficult to understand and follow for a beginner, but the instructor did a nice job in explain everything and walk us through the script.

由 TH 提供Dec 11, 2021

Great intro to JQuery and exploration of different JavaScript functions

查看所有评论

关于 JavaScript for Beginners 专项课程

This Specialization is intended for the learner with no previous programming experience or the career changer transitioning to software development. JavaScript is generally the first programming language you will need to learn and this Specialization will help you practice and build your skills through a gentle progression of modules and courses.

常见问题

我什么时候能够访问课程视频和作业？
讲座和作业的访问权限取决于您的注册类型。如果您以旁听模式参加课程，则可以免费查看大多数课程资料。要访问评分作业并获得证书，您需要在旁听期间或之后购买证书体验。如果看不到旁听选项：
课程可能不提供旁听选项。您可以尝试免费试用，也可以申请助学金。
课程可能会改为提供'完整课程，没有证书'。通过此选项，您可以查看所有课程材料、提交所要求的作业，以及获得最终成绩。这也意味着您将无法购买证书体验。
我订阅此专项课程后会得到什么？
您注册课程后，将有权访问专项课程中的所有课程，并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中，您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容，可以免费旁听课程。
有助学金吗？
是的。如果您负担不起学习计划的注册费，则可以在选择学习计划时申请助学金或奖学金。如果您选择的学习计划提供助学金或奖学金，则您将在描述页面上看到一个申请链接。

还有其他问题吗？请访问学生帮助中心。

Animation with JavaScript and jQuery