K9109 JavaScript Grundlæggende Kursus

JavaScript er nemt at lære og er en integreret del af alle seriøse hjemmesider. Dette begynderkursus giver dig en bred viden og de nødvendige redskaber…

| 4 dage | Afholdes i hele Danmark |

Om det grundlæggende JavaScript kursus

Kurset giver dig en bred basisviden om JavaScriptudvikling. Du lærer konkret kode igennem praktiske hands-on øvelser, men du får også en teoretisk ballast og viden overblik over mere avancerede muligheder i JavaScript.

Se oversigt over alle JavaScript kurser her

Hvad er JavaScript?

JavaScript gør en hjemmeside eller mobile webapp interaktiv. Med JavaScript kan brugeren interagere med websiden. Som webudvikler kan du lægge en masse intelligens ud til brugeren uden at belaste serveren eller netværket.

Efter kurset kan du

Kurset er en bred JavaScript introduktion for programmører. Efter endt kursus kan du ubesværet udvikle og vedligeholde websider med JavaScript. Du forstår de vigtigste facetter af sproget, og du kan selvstændigt vedligeholde og udvikle ny kode.

Indhold af kurset i JavaScript Grundlæggende

1 | Introduktion til JavaScript

Modulet giver et overblik over JavaScript. Vi får sat et udviklermiljø op, og vi får testet de første eksempler

• • • Introduktion, koncepter og eksempler
    • Ecmascript
    • Hello World
    • Opsætning af udviklermiljø og valg af editor
    • Objekter – bl.a. window og window.document
    • Events grundlæggende
    • Kommentarer i koden

2 | Browser Object Model

Modulet giver et overblik over objektmodellen i browseren. Hvordan kan man tilgå skærmens bredde, image attributter, knappers tilstand, baggrundsfarve m.m.

• • • • Window objektet
      • Document objektet
      • Screen objektet
      • History objektet
      • Location objektet
      • Navigator objektet
      • Console objektet

3 | Sprogets arkitektur

Modulet giver et overblik over sproget og kodemuligheder. Flere af delemnerne behandles senere både på dette kursus og efterfølgende kurser.

• • • • • Variable, konstanter og operatorer
        • Comparasions – sammenligninger
        • Betingelser
        • Loops
        • Inline JavaScript contra separat .js-fil
        • Nøgleord (keywords). Intro til this, void, new, var

4 | Variable og konstanter

Variable bærer data. Variable kan være af bestemte typer og virke inden for en given kontekst (scope). Modulet viser, hvordan variable erklæres, benyttes og i hvilke sammenhænge variable fungerer.

• • • • • • Brug af og forskelle på let, const, var
          • Erklæring af variable
          • Variabelscope

5 | Objekter

Modulet om objekter er helt centralt i JavaScript. På grundkurset får du en introduktion til emnet.

• • • • • • • Overblik over objekter
            • Objekttyper: Number, Boolean, Strings, Math, Arrays (intro), Date
            • Konvertering mellem datatyper og objekter
            • Eksplicitte og implicitte datatyper
            • Regular Expressions
            • Type coercion
            • Type checking – typeOf()

6 | Operatorer

Operatorer er indbyggede i JavaScript. Hvorfor skelner man mellem =, == og === ? Hvilke regneoperatorer findes, og hvad er bitwise operators?.

• • • • • • • • Arimetiske operatorer
              • Sammenligningsoperatorer
              • Logiske operatorer
              • Nye operatorer

7 | Kontrolstrukturer

Modulet omhandler kontrolstrukturer (branching). Hvordan laves simple if-statements, og hvordan laver man komplekse if-statements inden i andre if-statements.

• • • • • • • • • If og else
                • Switch
                • Ternary operatorer

8 | Loops og kontrolstrukturer

Løkker er essentielle i JavaScript. Løkker gør koden levende og muliggør bl.a. gentagelse af kode, sålænge en betingelse er opfyldt.

• • • • • • • • • • For løkke
                  • While løkke
                  • Do-While løkke
                  • For in, For of
                  • Brug af Break og Contintue
                  • If Else
                  • Switch Case
                  • Brug af tællere

9 | Events / begivenheder

Events reagerer på brugerhandlinger og tilstande på skærmen eller i koden. Med events kan man udføre handlinger, når et eller andet opstår. Der findes mange, mange events. F.eks. når man klikker på et felt, når man lukker skærmen eller bruger musen.

• • • • • • • • • • • Overblik over typer af events
                    • Håndtering af events
                    • DOM-events – brug og manipulering
                    • Mouse events, Key events, Form events
                    • Eventhandler – addEventHandler()
                    • Best practice for events

10 | Fejlsøgning

Modulet lærer dig, hvordan du finder fejl i din kode. Hvordan debugges JavaScript kode? På kurset benytter vi nogle af de mest almindelige redskaber som f.eks. Developer Tools i Google Chrome.

• • • • • • • • • • • • Introduktion til værktøjer til debugging
                      • Developer Tools
                      • Brug af console.log
                      • Test af variable og objekter
                      • Try-Catch-Throw – egne fejl

11 | Funktioner

Hvordan laver man en JavaScript funktion? Funktioner bruges overalt i JavaScript. Funktioner muliggør gentagen kald af kode. Funktioner kan arbejde med egne eller lokale variable. Dette modul giver en grundlæggende rutine i brug af funktioner.

• • • • • • • • • • • • • Funktioner
                        • Opbygning af funktioner og forskellige typer
                        • Validering
                        • Subrutiner
                        • Callback-funktioner
                        • Scopes

12 | Introduktion til Arrays og Objekter

Arrays og objekter bruger overalt i JavaScript. Lige fra indbyggede objekter og arrays til egne arrays. Modulet gennemgår de grundlæggende teknikker.

• • • • • • • • • • • • • • Hvad er et array?
                          • Hvad er arrays og objekter? Forskelle og ligheder
                          • Opret et array med [] eller new Array()? Array Indeksering
                          • Tilføj og fjern elementer. Indeksnummering
                          • push(), pop(), shift(), unshift() til at manipulere arrays
                          • Definition og brug af objekter i JavaScript
                          • Oprettelse af objekter med {} og new Object()
                          • Tilgå objekters egenskaber og ændring af disse
                          • Dot notation (objekt.egenskab) og bracket notation (objekt[“egenskab”])
                          • Brug af for, for…of, og forEach() til at iterere over arrays
                          • Indlejrede arrays og objekter i flere niveauer

13 | DOM Manipulation

Med DOM kan man tilgå alle HTML-elementer som objekter. Herfra kan man manipulere med egenskaber, metoder og events.

• • • • • • • • • • • • • • • Hvad er DOM (Document Object Model)?
                            • Simple DOM manipulationer
                            • Brug af GetElementById(), getElementByName(), querySelector()
                            • Image manipulation med JavaScript, Rollover-effekt
                            • Dynamisk CSS-manipulation
                            • Real-time opdatering af objekter
                            • Dynamisk ændring af et objekts egenskaber
                            • Eksempel: Et simpelt tennisspil

Online JavaScript kursus for begyndere

Kurset kan afholdes som online kursus. Online kurser kører med helt ned til 1 deltager. Online kurser er fokuserede og meget fleksible, da instruktøren og kursusdeltagerne kan være geografisk spredte.

Omfattende bibliotek af kodeeksempler

På kurset og efter kurset udleveres et omfattende bibliotek af kodeeksempler, som kan benyttes som en tutorial til selvstudie.

Kontakt ZoomTek for mere information

Ring på telefon 4250 5040 eller send en e-mail til info@zoomtek.dk. Du kan også udfylde formularen nederst.

Praktisk information

Google, Java, JavaScript, Zoom (and others) are either registered trademarks or trademarks in the United States and/or other countries. On this page you may find other trademarks and/or registered trademarks that belong to third parties and are the property of their respective owners. ZoomTek does’nt have an affiliation, endorsement, sponsorship, or approval with or by any of these companies and their respective trademarks. ZoomTek has developed all courses on this website or passes the courses on to an external course provider. Read more about the use of trademarks on ZoomTek.dk