|
|
|
Du får lära dig att
- Skriva och avlusa JavaScript på klientsidan med hjälp av beprövade utvecklingstekniker
- Lägga till interaktivitet och dynamisk grafik
- Skapa interaktiva formulär som fångar och validerar input från användarna
- Utveckla webbsidor i DHTML
- Personalisera sidor med cookies
- Utnyttja kraften i unobtrusive JavaScript and Ajax
Sammanfattning Visuellt tilltalande webbsidor är en viktig del i en framgångsrik webbstrategi. Kursen ger ingående praktisk erfarenhet av att skriva JavaScript på klientsidan. Du får lära dig hur man integrerar JavaScript med dina webbsidor för att skapa en interaktiv och dynamisk webbplats. Du får även lära dig att dra nytta av bästa praxis och utvecklingstekniker.
Vem bör delta De som är delaktiga i att skapa, utveckla eller underhålla en webbplats. Erfarenhet av att utveckla webbsidor med HTML i nivå med kurs 470, " Utveckla en webbplats", förutsätts. En förståelse för begrepp inom programmering underlättar.
Praktiska övningar Fallstudien omvandlar med JavaScript en statisk webbplats till en dynamisk. Övningarna omfattar:
- Skapa effekter med rollover-grafik
- Förinstallera bilder för att snabba på rollover- och animeringseffekter
- Skapa interaktiva, själv-validerande formulär
- Implementera ett interaktivt användargränssnitt med dialogrutorna alert, confirm och prompt
- Lägga till DHTML-effekter på dina webbsidor
- Implementera animeringar med hjälp av JavaScript
- Skapa dropdown-menyer
- Använda cookies för att personalisera sidor
Kursinnehåll Introduktion och översikt
Vad är JavaScript?
- Kapaciteten hos JavaScript
- Överblicka begränsningar
JavaScriptets tillämpningar
- Klientsidan
- Serversidan
- Skriva JavaScript som stöds av flera olika webbläsare
JavaScriptets grunder
JavaScriptets programmeringsmodell
- Formatera och koda konventioner
- Bädda in JavaScript i HTML
JavaScriptets syntax
- Fastställa variabler och rader
- Satser, operatörer och relationsuttryck
- Fatta beslut med if och else
- Utföra slingor med while och for
- Definiera och anropa funktioner
Använda inbyggda objekt
- Strängobjektet och strängmanipulationer
- Datumobjektet
- Dynamiskt uppdatera en webbsida med hjälp av dokumentobjektet
- Komma åt olika delar av webbsidan
Skriva JavaScript för klientsidan
Skapa snygga animeringar och grafik
- Utveckla dynamiska länkar
- Skapa rollover-grafik
- Använda off-screen-bilder vid animering
- Hantera bilder dynamiskt
Interagera med webbläsaren
- Använda webbläsarobjekt
- Använda extrafönster och mana användaren att ge input
- Öppna, stänga och skriva till nya webbläsarfönster
- Hantera datum och klockslag
- Skriva till webbläsarens statuslinje
- Avgöra webbläsartyp och -version
Hantera webbläsarhändelser
- JavaScripts händelsehanterare
- Utlösa interaktion med användarhändelser
- Planera framtida uppgifter med timer-händelser
Använda cookies
- Hur cookies fungerar
- Skapa, tolka och hantera cookies
- Implementera personalisering med cookies
JavaScript-säkerhet
- Denial-of-service-attacker och spoofing-attacker
- Säkerhetshål och webbläsarprinciper
Skapa intelligenta formulär
Formulärvalidering på klientsidan
- Komma åt och modifiera formulärfält med JavaScript
- Snabbt kontrollera formulärfält
- Validera input från användare med klientside-skript
- Komma åt alternativ för dropdown-ruta
- Styra formulärpresentation
Förbättra användarupplevelsen
- Validera formulär vid tidigast möjliga tillfälle
- Minska svarstiden för felaktigt ifyllda formulär
Lägga till interaktivitet till formulär
- Tilldela JavaScript-funktioner till formulärdelar
- Implementera en dropdown-meny för sajtnavigering
- Utföra åtgärder baserade på formulärhändelser
- Bästa praxis för formulärvalidering
Skapa webbsidor med dynamisk HTML
Översikt över DHTML
- Att använda Cascading Style Sheets (CSS)
- Kapacitet hos DHTML
- DHTML och dokumentobjektmodellen (DOM)
Implementera DHTML
- Dynamiskt omplacera olika delar av sidan
- Dynamiskt modifiera dokument
- Hantera bilder
- Minimerbara översikter, dynamisk omflödning av dokument samt inre HTML
Komplementära tekniker
- Utforska funktionalitet hos tillgängliga JavaScript-bibliotek
- Introducera icke påträngande JavaScript
- Separera JavaScript från webbsidan
- Utnyttja kraften hos Ajax
|
<< Tillbaka till Webbutveckling
Liknande kurser
JavaScript är ett varumärke som ägs av Sun Microsystems, Inc.
|
|
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 interaktivt formulär.
|
|
Kursdeltagarnas genomsnittsbedömning
|
De senaste 12 månadernas bedömningar |
|
5 stjärnor:
|
|
79 % |
|
4 stjärnor:
|
|
19 % |
|
3 stjärnor:
|
|
2 % |
|
2 stjärnor:
|
|
0 % |
|
1 stjärna:
|
|
0 % |
|
|
 |
|