Giter Club home page Giter Club logo

frontend-basic's Introduction

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

frontend-basic's People

Contributors

aavroc avatar jkhb64 avatar jurgenlouvris avatar meesterdaaf avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.