- Here I am with a sample website…called Reporter's Notebook.…We're going to write a jQuery plugin…using this as our first example.…So let's take a look at what we have here,…and what we're gonna do with it.…You'll find this in the Exercise files,…in the Chapter 02 folder, Chapter 02, Video 1.…So, loading this index.html file for Reporter's Notebook,…I can see that we have a series of stories.…And these boxes for each of these stories,…has a different height.…Now, many times we like to even these things out…so everything is the same height.…
Let's take a look at the structure of the page,…and see what's there,…so that then we can address it using a jQuery plugin.…So I'm going to right click this and Inspect this Element…here in Chrome.…So now with my web inspector open,…I can mouse over these different elements,…and they highlight on the page,…showing me all kinds of stuff.…Including the sizes, where the margins and padding are,…and all that sort of thing.…So I can see that I have these three story divs,…and they all have different sizes.…
- Writing basic jQuery filters
- Converting filters to plugins
- Converting code to plugins
- Making plugins configurable
- Adding appearance options and functions
- Distributing jQuery plugins
Skill Level Intermediate
1. Foundations of jQuery Plugins
2. Writing Your First Plugin
3. Diving Deeper with a Complex Plugin
4. Advanced Topics
Wrapping up3m 17s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.