jQuery: omfattande introduktion

jQuery: grunderna

Utvärdera fördelarna med jQuery

• Navigera HTML med jQuery()-funktionen
• Introduktion till CSS-selector-motorn Sizzle

Navigera i HTML-dokument

• Hitta noder med hjälp av taggnamn, ID, klass, position, innehåll, beteende och sammanhang
• Kedjeanrop till jQuery()-funktionen

Hantera Document Object Model (DOM) för webbläsar-oberoende DHTML

Lägga till och ersätta innehåll med jQuery

• Uppdatera, lägga till och ta bort tagginnehåll och attributvärden
• Lägga till noder i DOM och navigera till parent, child och sibling-element

Tilldela CSS-egenskaper dynamiskt

• Lägga till och ta bort CSS-regler och CSS-klasser
• Hitta och ändra taggars storlek och position

Skapa tillgänglig, unobtrusive JavaScript

• Använda .ready()-funktionen
• Tilldela event handlers programmatiskt
• Bibehålla en webbplats tillgänglighet samtidigt som avancerade användargränssnitt används

Animera webbsidor med jQuery Effects

Förbättra sidor med enkla animeringar

• Visa och gömma taggar med .hide(), .show() och .toggle()
• Skapa snygga animeringar och borttoningseffekter
• Kombinera animeringar och svara på callbacks

Programmera avancerade animeringar

• Förbättra animeringar med mjuka rörelser
• Använda object literals för att styra animeringar
• Utveckla anpassade animeringar med .animate()

Bygga lättnavigerade sidor med Ajax

Uppdatera sidkomponenter asynkront

• Ladda ner HTML med metoden .load()
• Anropa Web services med .get() och .post()
• Använda globala event handlers för Ajax-anrop

Omvandla serialiserad serverdata till HTML

• Hämta JSON med .getJSON()
• Returnera och manipulera XML med .ajax()

Designa användarvänliga formulär

Utforska jQuery-verktyg för att hantera formulär

• Välja och fokusera på första fältet
• Hantera focus och blur
• Styra funktionsanrop i realtid med hjälp av tangentbordshändelser

Integrera tilläggsprogram för formulärvalidering

• Använda fördefinierade regler från CSS-klasser
• Validera onsubmit och onblur
• Specificera anpassade regler och felmeddelanden

Utöka jQuery med tilläggsprogram

Använda populära tilläggsprogram

• Använda jQuery community
• Extrahera inbäddad data från semantisk HTML med Metadata Plug-in
• Visa bilder med tilläggsprogram som slideshows och carousels

Utveckla egna tilläggsprogram för jQuery

• Använda sig av god praxis och namnkonventioner
• Hantera många element samtidigt
• Skapa metoder som kan användas tillsammans med andra metoder
• Använda alias för $-funktionen för att undvika namnkonflikter
• Använda object literals för att ändra standardinställningar

Skapa avancerade användargränssnitt med jQuery UI

Hantera stilar för ett enhetligt utseende

• Ladda ner och anpassa jQuery UI
• Välja fördefinierade teman

Integrera widgets i interaktiva webbapplikationer

• Få plats med mycket innehåll på liten yta med hjälp av dragspelsmenyer och tabbnavigering
• Skapa dialogrutor och modala lager
• Förenkla datumval med datepicker
• Hjälpa användaren att fylla i fält med statisk och dynamisk autocomplete

Implementera effekter

• Skapa animeringar i färg med .animate()
• Använda avancerade animeringseffekter

Lägga till kraftfull Web 2.0-funktionalitet

• Ändra storlek på HTML-komponenter
• Skapa användargränssnitt med dra-och-släpp-funktioner