Get to know about DOM Traversal and also about manipulation and how events respond to the user actions using jQuery. You will get to examine and implement animation using jQuery library to the web page.
The core capabilities of the library will be explored, including demonstrations of various points of DOM manipulation and traversal; using jQuery to manipulate events and change how the user interacts with the page; working with animations; AJAX calls, and more.
About The Author
He founded and created a portal that allows the user to learn to program in pair programming fashion. InitLearn help users to find a proper teacher that will devote all time especially for them. Lessons are conducted in pair programming fashion, using tools that allow teaching and learning to program in a collaborative way (e.g. Screenhero). He was involved in the backend of initLearn which is built on Spring Boot technology. The platform is hosted on Heroku. Frontend was created using ReactJS, Redux, Sass.
Besides programming, he practices football and Crossfit. "Talk is cheap. Show me the code.” - Linus Torvalds Currently, he is working on rewriting front end - Swedish most complete TV guide for over 200 channels. Also, recently worked on technologies such as react, react router, redux.
To bootstrap a new project initiate a simple project from scratch—project root and structure, and create a new project using generators.
To setup a development environment create a webpack configuration file and create dev server.
What is a bootstrap framework, how to use it in the project? Provide specific loaders and plugin that make it work.
What is a jQuery library, when and why use this library? What is a DOM and DOM API? Explain jQuery library—features that the library contains and when and why to use this library. Explain what is a DOM, DOM API and how we can use DOM API in the browser.
How to select, filter elements from HTML? Using specific jQuery selector, select jQuery collection and using specific jQuery filter, filter jQuery collection.
How to change element CSSclass, attributes? How to manipulate DOM? How to set/get element attributes, properties? Use different types of jQuery methods.
What are events? What are browser events and document loading? Explain what are events, explain and use browser events jQuery methods, explain and use document loading jQuery method.
How to attach multiple events to the event handler? How to detach an event? How to trigger an event? Explain and use specific types of jQuery event handler attachment.
What is an event object? How to respond to user clicks and keyboard keys? Explain an event object, explain and use most common use jQuery mouse and keyboard events.
How to do basic effects? How to create a simple slideshow? Explain basic jQuery effects and show examples, implement a simple slideshow using fadein and fadeout effects.
How to improve page elements with animation? How to use animate method? Explain animate method and properties, implement animation for page elements.
What is an AJAX? How to do a get and post request using the jQueryajax method? How to fetch remote data using the ajax method from football data org API? Explain what is an AJAX, show simple example of get and post request, using jQueryajax create a get request for teams data and players data.
What is a promise?What is a Deferred object?When to use Deferred objects? Briefly explain what is a promise, explain what is a Deferred object, explain Deferred object use cases, and show a couple of examples of using a Deferred object.
How to improve our application in a development and production environment? How to improve application? What we did during the course? Add scripts to thepackage.json file, prepare webpack configuration for production, add Bootstrap modal component to application, and summarize what we did and what you learned during the course.
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.