Learn jQuery and jQuery UI from Scratch
🎥 04h56min - 27 lectures 🕰️ Full lifetime access 🎓 Certificate of Completion
- Basic HTML & CSS Knowledge.
- Basic knowledge of JavaScript.
- You need to install a text editor to write Code. We use Brackets in this module, but you can choose anyone you like.
Description:
In this module, you will learn jQuery in a detailed way. The curriculum is very comprehensive: It covers DOM manipulation, effects & animations, event handling and much more. We use a practical approach which will help you learn and master advanced concepts using easy and enjoyable examples based on real life scenarios.
At the end of the module, you will be able to efficiently manipulate websites by changing their content or styling using jQuery code. You will also be able to handle events and add effects and animations to your webpages using jQuery animation utilities: fading elements, highlighting selected elements, etc. This usually has a huge impact on your user's experience. Moreover, you will master jQuery UI widgets which are very practical and allow you to use ready jQuery code to add advanced features to your websites: Accordions, date pickers, progress bars, sliders, menus, and much more!
Your Instructor
Development Island is a UK based innovative company specialised in providing the best technology courses on the internet. We are proud to be teaching ~200000 students from 173+ countries. We believe our courses are the best in the market for two reasons:
- We use a practical approach that we developed over years of experience: Learning by doing.
- We make your learning experience enjoyable and fun.
Course Curriculum
-
StartIntroduction and Loading JQuery (9:05)
-
StartJQuery Chapter: Roadmap and Full Source Code
-
StartSelect HTML Elements (1) (13:01)
-
StartSelect HTML Elements (2) (11:19)
-
StartRespond to Events (12:09)
-
StartChange HTML Content and Attributes (1) (11:49)
-
StartChange HTML Content and Attributes (2) (7:13)
-
StartChange Styling (1) (11:51)
-
StartChange Styling (2) - Activity: Random Position and Color Generator (14:01)
-
StartJQuery Effects (14:46)
-
StartAjax (13:02)
-
StartJQuery UI Introduction (8:11)
-
StartDraggable and Droppable (1) - Activity: Leave me alone! Please drop me! (19:07)
-
StartDraggable and Droppable (2) - Activity: Drag Items to your basket (10:11)
-
StartResizable (9:22)
-
StartSelectable - Activity: Append selected Car Makes to a Box (9:49)
-
StartSortable - Activity: Sort and exchange Car Makes between two groups (9:05)
-
StartAccordion - Activity: Create a resizable accordion with collapsible sections (10:06)
-
StartAutocomplete - Activity: City Input with prepopulated options (7:13)
-
StartButton (13:18)
-
StartDate Picker - Activity: Outbound and return Flight Date Picker just like Expedia (13:58)
-
StartDialog - Activity: Are you sure you want to go to the previous page? (14:00)
-
StartMenu (6:07)
-
StartProgress Bar - Activity: Animated progress bar filled from 0% to 100% (10:52)
-
StartSelect Menu (7:48)
-
StartSlider - Activity: Car Mileage Range using a Slider (17:56)
-
StartMore Widgets: Spinners, Tabs and Tooltips (12:08)
-
StartjQuery Quiz