|
|
|
Du får lära dig att
- Utveckla kraftfulla och lättanvända Web 2.0-sajter med hjälp av Ajax-tekniker
- Skapa robusta användargränssnitt som är tilltalande, lättförståeliga och lättillgängliga
- Skapa effektivt, dynamiskt innehåll som kan integreras med dina webbapplikationer
- Förbättra applikationens funktionalitet med biblioteken JQuery, Prototype och Dojo
- Tillämpa bästa praxis för att skapa standardiserade och kraftfulla webbapplikationer
- Förbättra säkerheten hos de Ajax-baserade webbapplikationerna
Sammanfattning Moderna webbplatser måste vara logiska, lättillgängliga för alla användare samt ha applikationser som främjar arbetsflödet utan avbrott. Ajax är ett kraftfullt verktyg för att skapa interaktiva webbapplikationer som kan leva upp till dessa krav. Genom att förbättra din organisations befintliga webbplats med Ajax ökar användbarheten och kundnöjdheten samtidigt som du behåller din konkurrenskraft. På den här kursen får du de kunskaper och praktiska färdigheter som behövs för att på ett effektivt sätt designa, skapa och implementera Ajax-aktiverade Web 2.0-sajter.
Vem bör delta De som utvecklar och underhåller webbapplikationer. Erfarenhet av JavaScript i nivå med kurs 489, " JavaScript för webbutveckling", förutsätts.
Praktiska övningar Du deltar i en fallstudie som går ut på att skapa en Ajax-aktiverad webbsida. Övningarna omfattar:
- Lägga till Ajax-funktioner till en befintlig webbplats
- Skapa intuitiva användargränssnitt med dra och släpp-funktioner
- Markera och mappa med hjälp av geolokaliserings-API:er från tredje part
- Förbättra sajtsökningen med autoförslag
- Påverka webbläsarens tillbakaknapp-funktioner med ramverket RSH
- Förhindra stöld av JSON-data
Kursinnehåll Utforska grunderna i Ajax
Identifiera kärnkomponenter i Ajax/Web 2.0
- XHTML
- XML
- JavaScript
- CSS
- DOM
- JSON
- Utbyta information med XMLHttpRequest-objektet
Bygga rika och interaktiva webbapplikationer
- Mäta affärsfördelarna med Ajax
- Förbättra effektiviteten för datautbyte
- Effektivisera dataregistrering och presentation
Använda Ajaxtekniker på klientsidan
Implementera kommunikation enligt Ajax
- Utbyta data med servern med hjälp av XHR
- Välja metoden GET eller POST
- Bearbeta svaret från servern
- Hantera kommunikationsfel
Utvecklings- och avlusningsmetoder
- Övervaka kommunikationer
- Använda webbläsarverktyg
Utveckla dynamiskt innehåll
Utforska funktionerna i DOM
- Åtkomst till sidkomponenter
- Modifiera HTML-innehåll
- Undvika minnesläckor
- Söka och manipulera XML med DOM
Förbättra användarupplevelsen
- Latency och återkoppling
- Säkerställa att datan är uppdaterad med cache defeat
- Komprimera för optimal nedladdningshastighet
Utnyttja bibliotek från tredje part
Optimera funktionaliteten
- Använda kraften i klient-bibliotek
- Utöka standardobjekt
- Minska leveranstid med återanvändning av kod
- Definiera och konfigurera JavaScript-objekt med JSON
Utnyttja bibliotek från tredje part
- Dra nytta av fördelarna med JavaScript bibliotekskod
- Använda urvalskriterier för bibliotek
- Introducera JQuery, Prototype och Dojo
Förenkla sidlogik
- Effektivisera manipulering av sidinnehåll
- Ge respons till användaren med händelsehantering
- Rensa HTML med icke påträngande JavaScript
- Kapsla in Ajax-frågor
Göra användargränssnittet lättillgängligt
Möta åtkomststandarder
- Skapa arkitektur för progressiv förbättring och feltolerans
- Överensstämmelse med W3C och föreskrivna lagar
Förbättra användarvänligheten
- Lösa begränsningar för tillbaka-knappen
- Lägga till bokmärkesfunktioner
Hantera säkerhet och validering
Minska säkerhetshot
- Analysera säkerhetsmodellen XHR
- Förebygga stöld av JSON-data
Validera indata från användare
- Kontrollera formulärdata
- Lösa begränsningarna för validering på klientsidan
JavaScript-funktioner på begäran
Dölja komplexitet
- Dynamiskt injicera skript-block
- Skapa självständiga JavaScript-bibliotek
Konstruera frågor över flera domäner
- Använda taggen (script) för att komma åt JSON-data från en annan sajt
- Integrera RSS över flera domäner med en proxy på serversidan
Maximera verktygslådor för att förbättra användargränssnitt
Dra nytta av kodbibliotek
- Lägga till en grafisk kalenderkontroll
- Aktivera dra och släpp
- Förena data och presentation via inline-redigering
- Utforska specialeffekter för att leverera det lilla extra
Utveckla ett avancerat användargränssnitt
- Fylla i formulär med hjälp av dynamiska frågor
- Hjälpa användaren med automatiska förslag
- Förkomprimera dataformulär med avancerade textredigerare
|
<< Tillbaka till Webbutveckling
Liknande kurser
|
|
Kursschema
När du ska gå en AnyWare-kurs bör du anmäla dig minst 10 dagar före kursstart.
Fler datum och platser.
|
|
|
|
Företagsintern &
anpassad utbildning
Denna och alla andra Learning Tree-kurser kan ges på plats hos er och/eller anpassas för er organisation.
|
Kursdeltagare skapar ett
Ajax-aktiverat kundgränssnitt.
|
|
Kursdeltagarnas genomsnittsbedömning
|
De senaste 12 månadernas bedömningar |
|
5 stjärnor:
|
|
80 % |
|
4 stjärnor:
|
|
20 % |
|
3 stjärnor:
|
|
0 % |
|
2 stjärnor:
|
|
0 % |
|
1 stjärna:
|
|
0 % |
|
"Jag rekommenderar Learning Tree eftersom instruktörerna vet vad de sysslar med. Man går från kursen med känslan av att verkligen ha lärt sig något." |
|
 |
|