Glad you could make it! We start with some context about how we'll be approaching JQUERY and what you can use this wonderful API for.
We introduce our very first JQUERY product. Get ready to take that left at Albuquerque and start using the JQUERY library to create a lightbox effect on our photos.
Here, we've provided you all the important files and programs you're going to need to accomplish this project. We're the best, aren't we?
In this lesson, we get familiar with our code and the formatting that is going to make your JQUERY libraries both functional and readable. Comments encouraged!
Prepare to lock and load (our lightbox and JQERY libraries)! We cover how to create the correct file structure and input these into our code, and how use dev tools to confirm everything's ready to go. Are you?
Time to tag your heart out. In this lesson, we go through how to implement lightbox in each of our images, as well as some of the options available to customize it.
Now that you've become familiar with the shininess of lightbox, it's time to practice.
Welcome back! In this section, we're going to actually start writing JQUERY code, and in this lesson, we'll go over the project we're going to build.
Don't comment out this video, because it's time to dive into the code and begin adjusting our starter code to include JQUERY interactivity.
It's time for the main event! Or, at least the click event. We start writing our JQUERY by looking at the interactivity triggered by a mouse click.
Think you can handle the handlers? In this video, we go over the JQUERY documentation for different events and how to input selectors into our code.
As we continue writing our code, we cover the importance of logging our functions so that our jQUERY is wonderfully bug-free. We also start incorporating the effects that will reveal the answers in our FAQ project.
Don't stop now! In this video, we go through some of the additional effects you can employ with jQUERY.
Stiff upper lip! In this lesson, we cover how jQUERY classes interact with CSS and allow us to toggle between elements.
We step back from coding and get a little Element-ary. This video holds everything you need to know about DOMs - the magical interface that allows all of our Javascript and jQUERY functions to interact with HTML.
Are you ready for THIS? In this video, we cover This, the keyword that allows us to quickly reference the original jQUERY object while engaging with different functions of it. Basically, we learn how to cheat so we only have to code a function once.
Our journey continues, by learning about traversing! In this video, we cover how to move through the Dom tree and distinguish the parents, siblings, and children of all our jQUERY elements.
Now that we have a grasp on all the (special) effects we can do with jQUERY, it's time for you to get animated and combine multiple effects into our FAQ project.
Now that we're half-way through the course (!), we review what we've learned so far and cover the project we're about to build. Put it on your to-do list.
Before we get started coding, we review the project files and sample code. The last thing you want is to get lost in the jQUERY library.
Hi! This lesson is all about the proper form. We cover how to make our own actions actually happen, and avoid the browser's defaults.
We actually start creating items in our to-do list in this video, by intercepting inputs and retrieving them with jQUERY variables. They may not be as cute as a golden retriever but they're way more efficient.
In this lesson, we cover how to capture inputs and insert them into the HTML's unordered list. Don't worry, though. We go through it in the right order.
If/else you watch this video, you'll learn all about the conditional statements that will keep the to-do page ordered and how to account for all eventualities in our code.
Time for some target practice! We discuss how to code for dynamically created events within our to do list.
In this lesson, we check all the boxes and cross all the lines. Or we code animations for dynamic interaction with items on our to-do list, at least.
If you're a fan of the Brothers Grimm, you'll love what we're about to do to all of the parents in this list. In this video, we learn how to remove items from the Dom, and from the to-do list.
Now that we have a functional to-do list, we cover how to save and update the local storage so that we can hold onto all our changes.
One step forward, two steps updated. We continue discussing how to save changes in local stores so that it reflects removals and well as additions, and every scenario in between.
Your third challenge, should you choose to accept it, and we hope you do, is to liven up the to-do with a more lively transition or effect.
Welcome to our final project! We're going to build our most complex and realistic application yet, so check out this video for a roadmap of where we're going.
Meet JSON, an easy language in which we can transfer data. In this video, we familiarize ourselves with the objects and arrays which JSON can return to our site - he's super sweet that way.
In this lesson, we get into the console and play with objects and arrays in order to build a solid understanding of them. There's (Javascript) method to the madness, we promise.
In this lesson, we cover bootstrap and how to take advantage of the types of front-end frameworks and streamlined html and css. Don't be late to the third party(s).
No need to reload the page. In this lesson we cover how AJAX allows us to use the most current version of libraries and server information.
The sky doesn't have to fall if the server goes down. In this video, we format AJAX to debug unsuccessful data requests.
In this lesson, we discuss how to iterate code for each object in our various arrays. No need to check the index.
Join the list group! Now that we're ready to append HTML to the Dom, we cover the pre-built bootstrap components that will make our lives easier.
We continue adding bootstrap styling in order to neatly display the data of each of our apartment objects. It's definitely easier than finding a new apartment.
Before we move forward, we cover best practices for handling failure from the server and how to create filters to make our arrays more searchable.
Which of these elements is not like the specified criteria? In this lesson, we start implementing our plan to create filters which will remove results.
In this lesson, we finish up filtering and lay the groundwork for our apartments to not only be searchable but selectable.
Do you have your IDs on you? In this video, we go through how to make each listing clickable.
We're at the end of jQUERY. Well done! This door has closed, but now many others are now open to you.
You up for one more challenge? We can make our application more interesting and unique with Javascript from bootstrap.
Well done, you!
Already have an account?
Don't have an account yet?