jQuery

Using jQuery to Enhance Your Site

Web Development4.8(79)3h 9m13 lectures4 sections

What you'll learn

  • Understand the basics of the jQuery library
  • Write jQuery commands in a single line
  • Apply different effects to elements
  • Work with HTML elements and edit them
  • Update page content dynamically
  • Work with dimensions in code
  • Add interactive tasks to the site
  • Connect with Servlet and JSP

About this course

This course teaches the jQuery library. It is a small, fast library built on JavaScript that makes adding tasks and animations to your site much easier. It follows the principle of write less, do more, because it shortens long operations into a single line of code. You start with highlights from the course, then learn the basics of jQuery in six lectures, and move on to the different effects, then working with HTML elements, editing and updating them, and then working with dimensions. At the end you learn how to connect with Servlet and JSP, and you will find the course attachments to download. This course suits anyone who designs or develops websites and wants to make them interactive with as little code as possible. It is better to have a simple knowledge of HTML and JavaScript before you start. The lessons are divided into short lectures, so it is easy to follow and to practice each command yourself. By the end you will be able to use jQuery commands to apply effects, edit page elements dynamically, and improve the user experience on your site.

Expected outcomes

  • Master the use of the jQuery library for interactive web development.
  • Ability to apply advanced effects to enhance user experience.
  • Handle HTML elements for easy modification and updates.
  • Work with dimensions and dynamic elements to design professional websites.
  • Acquire advanced web development skills using jQuery.

Learner reviews

These reviews are from learners who bought the content and completed at least 50% of it — there are no reviews from anyone who hasn't gone through the material.
4.8
★★★★★
79 reviews
5★
61
4★
17
3★
1
2★
0
1★
0
  • ★★★★★Baraa E.·منذ 2 شهرشاهد 54٪

تم عرض كل التقييمات (1)

Course content

1

jQuery Basics

7 lectures
  1. Course HighlightsExplains how to get the jQuery library in its compressed and uncompressed versions, add it to a project, and write the first code inside a script using document ready with a button and a click event.14:12
  2. JQuery Basics (1)Introduction to jQuery: a library that simplifies working with web page components, the benefits of reusing styles, and the need to know JavaScript basics before starting.11:16
  3. JQuery Basics (2)A simple introduction to JavaScript in web pages: how code is written between script tags, with examples of a loop that prints values and an input-validation example.13:48
  4. JQuery Basics (3)Explains setting up jQuery: getting the library in compressed or uncompressed form, adding it to the project as a JavaScript file or through an online link, then linking it to an HTML page.18:01
  5. JQuery Basics (4)The first hands-on jQuery code: linking the library to the page, writing the code between script tags inside document ready, and hiding the page's paragraphs when a button is clicked.9:14
  6. JQuery Basics (5)Explains the ways to select elements in jQuery: by id, by class and by element type, and how an action can apply to a single button only or to a group of elements sharing one class.19:58
  7. JQuery Basics (6)Explains events in jQuery and how functions are attached to them, such as mouseenter when the pointer enters an element and focus when a text field gains focus, plus click and double click.10:47
2

Advanced Tasks

3 lectures
  1. EffectsExplains jQuery effects on page elements, such as showing and hiding an element when a button is clicked, how a function is attached to each button, and how elements are selected to apply the effect.30:22
  2. Working with HTMLExplains working with HTML page elements through jQuery to read and change their content, such as adding bold text and concatenating strings, and adding content before or after an element.27:46
  3. Working with DimensionsExplains measuring element dimensions in jQuery such as width and height, getting the browser window dimensions and changing properties, with a practical example of filtering a list of items.15:46
3

Supplementary Lectures

2 lectures
  1. ServletThe idea of a Java Servlet: connecting an HTML login page to a Java class on the server, reading the values sent from the page through the request object and printing the user name.8:29
  2. JSPThe idea of Java JSP (Java Server Pages): writing Java code inside an HTML page between special tags, with a loop example and a login page example that reads the field values.10:01
4

Add-ons

1 attachments
  1. Download Attachments from Here

Instructor

Eng. Azab Mohamed Azab

Eng. Azab Mohamed Azab

Lecturer at the Arab Academy for Science, Technology and Maritime Transport, and the Egyptian Ministry of Interior, specializing in technology and information.
68.8K views28 courses

This course is part of the diploma

Related courses