Website-ontwikkeling met HTML, CSS, JavaScript en Angular
Tijdens deze training leren we hoe je een webapplicatie kunt maken door HTML, CSS, JavaScript en Angular te combineren. In deze achtdaagse ABIS-cursus bestuderen we de basisprincipes van elk van deze onderwerpen, evenals hoe je deze kunt integreren met een back-endapplicatie via een API-call.
HTML (Hypertext Markup Language) is het standaard bestandsformaat waarin pagina's en sites worden gecreëerd voor het World Wide Web. Hoewel eenvoudige pagina's tegenwoordig doorgaans worden gemaakt met een grafisch productiviteitshulpmiddel, blijft kennis van de syntax van HTML een noodzaak voor het bouwen van meer gesofisticeerde sites.
Naast HTML-tags gebruikt een webpagina CSS (Cascading Style Sheets) voor de vormgeving en bevat deze vaak interactieve elementen, zoals links, formulieren en JavaScript-functionaliteit.
JavaScript is een eenvoudige, objectgeoriënteerde programmeertaal die binnen de browser wordt uitgevoerd. Hierdoor kunnen websites ontwikkeld worden die dynamischer en interactiever zijn dan pure HTML.
Hoewel HTML het ideale hulpmiddel is voor het creëren van statische webpagina's, is deze taal niet echt geschikt voor het maken van een dynamische interface. Angular, een open-source framework dat gebruik maakt van TypeScript, helpt ons bij het creëren van front-end webapplicaties. We leren hoe we een volledige "single-page web application" (SPA) schrijven, in overeenstemming met de "best practices" voor web-ontwikkeling. We leren werken met de belangrijkste bouwstenen van Angular: modules, components, templates, metadata, data binding, directives, services en dependency injection.
Aan het einde van de cursus zal de deelnemer:
- in staat zijn om een webapplicatie te maken door HTML, CSS, JavaScript en Angular te combineren
- weten hoe je een API-aanroep integreert in een applicatie
Opleiding inplannen?
Een interactieve, live training - gegeven in een fysiek klaslokaal of online, of in een hybride vorm. De cursus kan gegeven worden in het Nederlands, Engels of Frans.
| BEDRIJFSOPLEIDING AANVRAGEN |
| Publieke opleidingskalender | |||||
|---|---|---|---|---|---|
| datum | duur | taal | plaats | prijs | |
| 12 nov | 8 | Leuven | 4650 EUR (excl. BTW) | ||
| 12 nov | 8 | web based | 4650 EUR (excl. BTW) | ||
| SESSIE-INFO EN INSCHRIJVEN | |||||
Doelgroep
Deze cursus richt zich tot beginnende front-end web-ontwikkelaars die hun website aantrekkelijker en interactiever willen maken.
Voorkennis
Enige ervaring met programmeren is vereist (zie cursus Programmeren: basiscursus).
Met de online zelftest "inleiding programmeren" kan u zelf bepalen of u voldoende voorkennis bezit om deze cursus te volgen.
Inhoud
- HTML5
- Basisstructuur van een HTML-document
- Tekstopmaak van HTML-elementen
- Opmaak-stijlen en CSS (Cascading Style Sheets)
- Afbeeldingen en andere ingebedde objecten
- Hyperlinks naar andere webpagina''s
- Tabellen
- Formulieren en HTML-controls
- Nieuwe HTML5-features
- JavaScript
- Hoe scripts toevoegen aan een HTML-pagina
- Syntax: variables, data types en operations
- program flow: if-else, switch, while, do while, for
- functies: declaratie, rest parameters, functie expressies, arrow functions
- Document Object Model (DOM)
- Event based programmeren: event listeners
- OO programmeren: JSON, classes, objects, modules
- Standaard JavaScript objects
- Forms, validatie en navigatie
- Error Handling
- Angular
- Angular Introductie: geschiedenis, installatie en tooling, applicatie opzet
- TypeScript
- Binding, Pipes en Directives
- Gebruik van models
- Components: Input/Output
- Angular Modules
- Reactive en Template-driven forms
- Routing
- User input en form validatie
- Services en Dependency Injection
- Observables en RxJS: Change Events en API calls
Verloop van de cursus
Klassikale opleiding waarbij niet enkel de elementaire theorie onderwezen wordt, maar waar vooral de nadruk gelegd wordt op praktijkgerichte oefeningen.
Certificaat
Na afloop van de sessie ontvangt de deelnemer een 'Certificate of Completion'.
Duur
8 dagen.
Docent
| SESSIE-INFO EN INSCHRIJVEN |