jQuery Training Course
Course Summary
Our Web Development with jQuery course teaches you how to tap into the power of jQuery to build extremely rich, yet elegant web UIs using one of the most simple and popular cross-browser JavaScript libraries out there.
Not only will you learn by doing, but you'll have a lot of fun along the way because jQuery is all about instant gratification!
[top] Duration
3 days.
[top] Objectives
By attending this course you will:
- Understand what's so good about jQuery - Google, IBM, Netflix, and even Microsoft are all using it!
- Be able to add support for jQuery into your own UIs - and let Google host it for you
- Get how jQuery works: DOM selection, decoration, enchancing
- Be able to use jQuery's effects, animation, scrolling, and resizing capabilities
- Build lightboxes, slideshows, and manipulate images - all in JavaScript!
- Be able to render pro-looking panels, menus (including drop-down), accordions, tabs, tooltips UI widgets in your apps
- Learn about jQuery's AJAX facilities and create amazing interactive applications
- Be able to enhance your forms with hints, autosuggestions, client-side validation, star ratings, and more!
- Learn about jQuery's controls, including date pickers, sliders, progress bar, sorting, and drag'n'drop
- Be able to create/manage lists, trees, and tables - again all in JavaScript
- Understand jQuery's plugins, themes, and other advanced concepts, including best-practices
[top] Audience
Web Development with jQuery training course is for you if you are a web developer who wants to build best-of-breed web UIs with the simplicity and elegance of jQuery.
[top] Prerequisites
To get the most benefit from this training you absolutely need to be comfortable with basic JavaScript, HTML, and CSS. Don't worry, you don't need to be a guru (but you will be after this course!) to take your client-side programming skills to the next level.
Familiarity with XML, and basic server-side programming (e.g. PHP, Java, Perl, Python) is recommended, but not required.
[top] Instructors
Jon Reid is a user interface developer with fifteen years of professional experience. Early in his software career Jon was fascinated with the user interface and he found himself drawn to browser-based technologies: HTML, CSS and JavaScript. Jon is passionate about usability and accessibility and believes in making the web a better place for everyone.
Throughout his career Jon has worked in a broad range of companies, from genetic research to enterprise-class document management, a true testament to the reach and power of web technologies. Jon's experience also includes interactive agencies, including the top advertising firm Crispin Porter + Bogusky, where he was the lead developer on the Microsoft "I'm a PC" campaign. Jon's broad experience gives him valuable insight into how web technologies are applied on a daily basis by developers working in the trenches.
Though he loves programming in straight JavaScript, Jon has been using jQuery almost since it was first invented (on his birthday!) and has used it in too many projects to count. He is the author of "jQuery Mobile," published by O'Reilly Media.
More about Jon Reid...
Ken Jones has thousands of in-class hours teaching advanced technical topics, and over 20 years experience in technical training and documentation targeted towards software developers. Ken has delivered training to various software development teams within the Fortune 1000 such as Cisco, Intel, IBM, Boeing, AT&T, Ericsson/Nokia, and many more. Ken's expertise spans multiple areas of software development; he has trained teams in Java, Javascript, Android, and advanced web development with HTML, CSS, and XML.
More about Ken Jones...
Simeon has been been a software developer for a decade and a half with expertise in many old and annoying technologies like Visual Basic, Delphi, Perl and PHP. In 2007 while working as the lead developer for a web design firm he discovered Python and liked it so much he quit his job to use it!
Since then his career as a developer has been particularly focused on "big data" web applications but Python and Django have remained his favorite tools of choice.
For the last two years Simeon has been an expert instructor for Marakana, creating and teaching Python, Django, and client side Javascript courses for developers at technology giants like Cisco, Intel, and Facebook. He can be found hanging out and organizing the Python Community in the Bay Area at Baypiggies or SF Python Meetup and you can follow him on twitter @simeonfranklin or on his blog at simeonfranklin.com More about Simeon Franklin...
[top] Outline
Overview of jQuery
- What's jQuery and what's so good about it?
- Who is usng it?
- Cross-browser compatibility
- jQuery UI and Plugins
Getting Started with jQuery
- Downloading and including jQuery
- Google and Microsoft CDN
- Developer vs. Production versions (compressed vs uncompressed)
- jQuery namespace and jQuery '$' alias
- Revisiting HTML DOM
- Debugging jQuery problems
- Accessibility concerns
Using jQuery
- Making sure that the page is ready
- Selections using CSS3
- Filters
- Multiple item selectors
- Best practices
- Decorating with CSS
- Changing styles
- Adding/removing classes
- Effects with jQuery (e.g. hiding, revealing, and toggling elements)
- Basic Animations
- Callback functions
- Event handlers
- Adding and removing HTML elements
- Modifying content
Advanced Animations
- Animating with CSS
- Color animation
- Easing
- Bouncy Content Panes
- Animation Queues
- Chaining Actions
- Animating Navigation
- jQuery User Interface (UI) Library
Handling User Scolling
- The scroll event
- Floating navigation
- Scrolling the document
- Customizing scroll bars
Handling Resizing
- The resize event
- Layout switcher
- Resizable elements (textarea, plane splitter)
Images and Slideshows
- Building our own lightbox
- Using ColorBox plugin
- Cropping images with jCrop plugin
- Slideshows
- Faders (cross, rollover)
- Timers
- Using Cycle plugin
- Scrolling
- Thumbnails
- Customizing events that trigger scrolling
Menus
- Expandable and collapsible menus
- Open-closed indicators
- Expand on hover
- Hover intents
- Drop-down menus
- Accordion menus
- Simple
- Multi-level
- jQuery UI Accordion
Tabs
- Basic tabs
- jQuery UI tabs
- Tab options and controls
Panels and Panes
- Slide-downs
- Sliding overlay
Tooltips
- Simple
- Advanced (using sprites)
Ajax with jQuery
- Overview of Ajax
- Loading content asynchronously
- Fetching JSON data
- jQuery's .ajax facilities
- Common settings
- GET and POST requests
- Ajax Events
- Consuming XML
- Sending HTML form data
- Loading external scripts dynamically
- Interactive Ajax
- Spinners and progress indicators
- Endless scrolling
Forms
- Simple form validation
- The submit event
- Validation plugin
- Form hints
- Checkbox checker
- Inline editing
- Autocomplete
- Star rating input
Controls
- Date picker
- Date validation
- Sliders
- Drag and drop
- Sorting with jQuery UI's sortable
- Progress bar
Dialogs and Notifications
- Simple modal dialog
- jQuery UI dialog
- Growl-style notifications
- 1-up notification
jQuery Widgets
- Lists
- jQuery UI selectables
- Sorting
- Swapping list elements
- Searching
- Selecting
- Trees
- Expandable/collapsable trees
- Event delegation
- Tables
- Fixed headers
- Repeating headers
- Data grids
- Pagination
- Row editing
- DataTables plugin
- Selecting rows and columns
Advanced Concepts
- Best Practices
- Clean code
- Comments
- Map objects
- Namespacing
- Scoping
- Client-side templating
- Why browser-sniffing should be avoided
- Feature detection
- Plugins
- Extending jQuery
- Creating your own selectors
- Events
- The special event
- Coexisting with other JavaScript libraries (like prototype.js)
- Queing and dequeuing animations
- Themes
- Parting thoughts
[top] Student Testimonials
I went in with some experience with jQuery, but most of my understanding hodge-podge and rough around the edges. This course helped me to cement the foundations and taught me stuff I didn't know I didn't know.
Training was a great experience. Laurent really knew his stuff, but admitted that he didn't know everything (Very refreshing & reassuring). All in all, i came away with quite a few things that will help me in the future. Thanks!!!
I took the jQuery training at Marakana on March 2011 and was a great experience. The facilities are excellent, very modern and cool designed. The personnel are very friendly and the class was amazing. We learn a lot on short time. Thanks!
All great!!! You ROCK!!!
Joe Alman is very knowledgeable; well presented the course; maintained the course at optimum pace. Well prepared and provided useful course material.
I thought the initial javascript training was very helpful.
Great training! Laurent was extremely well versed in this area and provided more then the run of the mill solutions. Thanx Marakana, I have changed the way I develop and look forward to more training in the future.
Laurent was an excellent instructor. There is a difference between someone who is an expert on a particular subject and someone who can help people learn and grasp the concepts. Fortunately, Laurent is both! Great instructor and great class. Learned a lot and feel like I am ready to tackle jquery.
I was REALLY impressed that Ken Jones, the instructor is really an industry veteran--not just a kid who has been doing this for a few years. He can do this stuff in his sleep! Not only that, but he is really skilled at teaching and is personable. I felt that I got personalized attention when I needed it, and left feeling like I was armed with a new skill set!