Bootcamp HTML, CSS en JavaScript

Algemene omschrijving

Elke website die je ziet is gebaseerd op drie technieken: HTML, CSS en JavaScript. In deze training leer je de basis van deze technieken. Je kunt daarmee nieuwe websites en -applicaties vanaf het nulpunt opzetten. Je leert hoe huidige websites zijn gemaakt en je kunt bestaande sites analyseren.

Natuurlijk is er ruimte om zelf te oefenen met allerlei tools die de basis vormen van je gereedschapskist als webdesigner. Je leert een aantal eenvoudige technieken waardoor je mock-ups er direct al beter uitzien; na deze bootcamp ben je een betere gesprekspartner voor andere professionals waar je mee te maken kan krijgen in projecten, zoals designers en marketeers. Je kunt visuele ontwerpen vertalen naar HTML- en CSS-code.

Je krijgt inzicht in de ontwikkelingen op het gebied van HTML5 en CSS3. Je begrijpt de mogelijke consequenties voor architectuurkeuzes in applicaties die via het web/mobiel toegankelijk zijn. Je hebt de verschillende mogelijkheden toegepast en getest in verschillende browser-versies.

De laatste fase van de training is er op gericht om je design tot leven te wekken met JavaScript. Dan krijgt je website enige 'intelligentie' en herken je welke vervolgstappen op basis hiervan mogelijk zijn zoals interactieve websites, animaties en e-commercetoepassingen.

Alle technieken die we bespreken pas je tijdens de training toe in een website die je zelf bouwt en steeds verder uitbreidt. Deze website maak je in eerste instantie met de meest basale technieken, waarbij je toch de scheiding tussen structuur en opmaak in het oog houdt.

Daarna ga je de site verder uitbreiden met specifieke HTML5- en CSS3-technieken en leer je hoe JavaScript en jQuery hier aan worden toegevoegd. Op de laatste dag bespreken we ook hoe je gegevens uit een backend (API) kunt verwerken in je website.

De studie wordt afgesloten met een case waarin alle besproken onderdelen aan de orde komen. In één week wordt jij een complete webontwikkelaar.

Doelgroep

Deze training is bedoeld voor beginnende webontwikkelaars: degenen die zich willen verdiepen in front-end code en technieken. Het gaat dieper dan 'zelf een website bij elkaar klikken in WordPress'. Het is handig als je structureel kunt denken en enige gebruikerservaring hebt met websites en applicaties.

De training is vooral gericht op code, niet op ontwerp (geen Photoshop en Indesign). Er wordt wel besproken hoe je een visueel ontwerp omzet naar HTML- en CSS-code. De training is daarmee vooral geschikt voor ontwikkelaars. Maar ook zonder harde programmeerachtergrond kun je instappen en deelnemen.

Leerdoelen

Je leert in de Programming in HTML5 with JavaScript and CSS3-training het volgende:

• Websites en applicaties opzetten met een gescheiden indeling voor structuur, opmaak en gedrag/logica.
• De technieken: HTML, CSS en JavaScript die de basis vormen voor elke website en applicatie.
• Aanvullende tools als Bootstrap (om je website er beter uit te laten zien) en jQuery (om je website eenvoudiger van intelligentie te kunnen voorzien).
• Hoe je een backend (API) benaderd om gegevens uit een database te halen.
• Op welke manier je deze gegevens via JavaScript in de website toont.
• Hoe je websites op het web kunt publiceren.
• Op welke manier je websites kunt analyseren met Google Analytics.
• Een aantal eenvoudige tips en trucs om je website beter te laten scoren in de zoekresultaten van Google.
• Welke tools de moderne webdeveloper gebruikt om websites te programmeren.

Voorkennis

• Algemene gebruikerservaring met websites en browsers.
• Enige kennis van de Engelse taal. Veel websites en online bronnen zijn alleen in het Engels beschikbaar.
• Affiniteit met code en programmeren.
• Gestructureerd en probleemoplossend denken.

Onderwerpen

In de Programming in HTML5 with JavaScript and CSS3-training komen de volgende onderwerpen aan de orde:

• Structuur van de website instellen met HTML5.
• Belangrijke tags voor: kopteksten, alinea's, lijsten, opsommingen, afbeeldingen en hyperlinks.
• Vormgeving van een website instellen met CSS3.
• Werken met CSS-selectors voor id's, klassen en elementen.
• Websites van intelligentie voorzien met JavaScript.
• Basisbeginselen van JavaScript: variabelen, lussen, functies, arrays en objecten.
• De CSS-bibliotheek Bootstrap.
• Snel CSS-klassen uit Bootstrap toepassen op je ontwerpen.
• De JavaScript-bibliotheek jQuery.
• JQuery inzetten om zonder veel code intelligentie toe te voegen aan je webpagina's.
• Mock-ups maken in HTML.
• Werken met moderne tools als Visual Studio Code en Google Chrome extensies.
• Google Analytics toevoegen aan je site.
• Websites online publiceren.
• Gedurende de training maak je een case die op de laatste dag wordt besproken.

Deze training is bedoeld voor beginnende webontwikkelaars: degenen die zich willen verdiepen in frontend code en technieken. Het gaat dieper dan 'zelf een website bij elkaar klikken in WordPress'. Het is handig als je structureel kunt denken en enige gebruikerservaring hebt met websites en applicaties.

De training is vooral gericht op code, niet op ontwerp (geen Photoshop en Indesign).
Er wordt wel besproken hoe je een visueel ontwerp omzet naar HTML- en CSS-code.
De training is daarmee vooral geschikt voor ontwikkelaars. Maar ook zonder harde programmeerachtergrond kun je instappen en deelnemen.

Je leert in de training Programming in HTML5 with JavaScript and CSS3 het volgende:

• Websites en applicaties opzetten met een gescheiden indeling voor structuur, opmaak en gedrag/logica.
• De technieken: HTML, CSS en JavaScript die de basis vormen voor elke website en applicatie.
• Aanvullende tools als Bootstrap (om je website er beter uit te laten zien) en jQuery (om je website eenvoudiger van intelligentie te kunnen voorzien).
• Hoe je een backend (API) benaderd om gegevens uit een database te halen.
• Op welke manier je deze gegevens via JavaScript in de website toont.
• Hoe je websites op het web kunt publiceren.
• Op welke manier je websites kunt analyseren met Google Analytics.
• Een aantal eenvoudige tips en trucs om je website beter te laten scoren in de zoekresultaten van Google.
• Welke tools de moderne webdeveloper gebruikt om websites te programmeren.

In de training Programming in HTML5 with JavaScript and CSS3 komen de volgende onderwerpen aan de orde:

• Structuur van de website instellen met HTML5.
• Belangrijke tags voor: kopteksten, alinea's, lijsten, opsommingen, afbeeldingen en hyperlinks.
• Vormgeving van een website instellen met CSS3.
• Werken met CSS-selectors voor id's, klassen en elementen.
• Websites van intelligentie voorzien met JavaScript.
• Basisbeginselen van JavaScript: variabelen, lussen, functies, arrays en objecten.
• De CSS-bibliotheek Bootstrap.
• Snel CSS-klassen uit Bootstrap toepassen op je ontwerpen.
• De JavaScript-bibliotheek jQuery.
• JQuery inzetten om zonder veel code intelligentie toe te voegen aan je webpagina's.
• Mock-ups maken in HTML.
• Werken met moderne tools als Visual Studio Code en Google Chrome extensies.
• Google analytics toevoegen aan je site.
• Websites online publiceren.
• Gedurende de training maak je een case die op de laatste dag wordt besproken.

• Algemene gebruikerservaring met websites en browsers.
• Enige kennis van de Engelse taal. Veel websites en online bronnen zijn alleen in het Engels beschikbaar.
• Affiniteit met code en programmeren.
• Gestructureerd en probleemoplossend denken.