Skip to content

Samy-F/FRONTEND-BASIC

 
 

Repository files navigation

FRONTEND-BASIC

Uitleg

De technieken HTML, CSS en Javascript worden vaak gebruikt als introductietalen bij software-ontwikkelopleidingen. Dit geldt ook voor jouw opleiding aan het ROC van Amsterdam. Aan het einde van deze module kan je een eenvoudige website maken die iets over jezelf vertelt.

LEERDOELEN

  • Ik gebruik de standaard tags <html>, <head>, <body> voor iedere website
  • Ik volg de regels van webdevelopment
    • De juiste informatie tussen de juiste tags
    • Ik spring tags in (indenting) om de leesbaarheid te vegroten
  • Ik style met behulp van een CSS-blok de verschillende HTML-tags: <h1>, <p>, <a>, <img>
  • Ik style specifieke HTML-tags met een id-attribuut door een # te gebruiken in de CSS-code
  • Ik style specifieke HTML-tags met een class-attribuut door een . te gebruiken in de CSS-code
  • Ik kan interactie met Javascript mogelijk maken door de popup-boxen alert, prompt en confirm te gebruiken
  • Ik codeer variabelen met het woordje let en geef deze een specifieke waarde zoals: let mijnLeeftijd = 16;

INHOUD

  • 01 - Wat is frontend?
    • Taak01 > Introductie
    • Taak02 > Wat is a Frontend Developer?
    • Taak03 > Welke beroepen zijn er voor een FD?
    • Taak04 > Wat is het verschil tussen Frontend & Backend?
  • 02 - Kijken naar design
    • Taak01 > Websites bekijken
    • Taak02 > Websites bestaan uit blokken
    • Taak03 > Websites bestaan uit blokken 2
    • Taak04 > Websites bestaan uit blokken 3
    • Taak05 > Websites bestaan uit blokken 4
    • Taak06 > Formulieren bekijken
  • Basis HTML
    • Taak01 > Hoe ga je te werk?
    • Taak02 > Wat is HTML?
    • Taak03 > De juiste informatie tussen de tags
    • Taak04 > Inspringen
    • Taak05 > Plaatje toevoegen
    • Taak06 > Links maken
    • Taak07 > Developer Tools
  • Basis CSS
    • Taak01 > Introductie CSS
    • Taak02 > CSS BLOCK
    • Taak03 > Meerdere tags stijlen
    • Taak04 > Class gebruiken
    • Taak05 > ID gebruiken
  • Basis Javscript
    • Taak01 > Introductie
    • Taak02 > Popup boxen
    • Taak03 > Variabelen 1
    • Taak04 > Variabelen 2
    • Taak05 > querySelector

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 73.9%
  • CSS 21.5%
  • JavaScript 4.6%