‹Revenir à la recherche

WEEK 1 - INFORMATICA

week 1 les 1
1 / 32
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolhavoLeerjaar 4

Cette leçon contient 32 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 90 min

Éléments de cette leçon

week 1 les 1

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

STARTKLAAR
  • TELEFOONS WEG IN JOUW ZAKKIE, RECHTS OP TAFEL
  • JAS UIT, OVER DE STOEL EN OP JOUW PLEK ZITTEN
  • INDIEN VAN TOEPASSING OP JOUW PLEK ZITTEN
  • JOUW SCHOOLSPULLEN KLAAR OP TAFEL
  • CHROMBOOK, LAPTOP NOG GESLOTEN
  • SCHOOLMAP OPEN + SCHRIJFWAREN KLAAR

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Deze periode
Werken aan het project
- Scrum
- HTML & CSS
- Programmeren
- Version Control System

Slide 3 - Diapositive

Cet élément n'a pas d'instructions

Voorkennis activeren

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Waar gebruiken wij een version control systeem

Slide 5 - Question ouverte

Cet élément n'a pas d'instructions

Wat is het verschil tussen Fork en Clone?

Slide 6 - Question ouverte

Cet élément n'a pas d'instructions

git status, wat doet deze commando en noem een paar andere commando's?

Slide 7 - Question ouverte

Cet élément n'a pas d'instructions

Wat is het verschil tussen remote en lokal repository?

Slide 8 - Question ouverte

Cet élément n'a pas d'instructions

hoe zit de basisstructuur van HTML eruit?

Slide 9 - Question ouverte

Cet élément n'a pas d'instructions

Waarom hebben css nodig als wij een website maken?

Slide 10 - Question ouverte

Cet élément n'a pas d'instructions

Benoem het proces van scrum

Slide 11 - Question ouverte

Cet élément n'a pas d'instructions

LEERDOELEN
  • De leerling kan HTML en Externe CSS framework gebruiken om zijn schermontwerp om te zetten in  code




Slide 12 - Diapositive

Cet élément n'a pas d'instructions

Laravel
Is een php framework (een soort gereedschapkist)
Is om snel applicatie mee te bouwen
Is al nagedacht over de veiligheid
Maakt gebruikt van MVC 
en nog veel meer ...

Slide 13 - Diapositive

Cet élément n'a pas d'instructions

MVC design pattern
Staat voor Model View Controller
Onderscheid in verantwoordelijkheden
Beter onderhoud van code

Slide 14 - Diapositive

Cet élément n'a pas d'instructions

route (web.php)
Als jij een URL intypt en op enter drukt dan gaat de routing kijken welke controller, model en view nodig zijn om aan jouw verzoek te voldoen

URL

Slide 15 - Diapositive

Cet élément n'a pas d'instructions

Welke mappen en bestanden
Controller
Models

web.php

[naam].blade.php
.env
Voor vandaag voornamelijk in de map resources->view

Slide 16 - Diapositive

Cet élément n'a pas d'instructions

Wat was blade ook alweer
Blade is een template engine
hij genereert html met laravel code een scherm voor de gebruiker

Slide 17 - Diapositive

Cet élément n'a pas d'instructions

Verder met jouw blade
 In prinicle kan je de kennis  van vorig jaar gebruiken, maar mocht het nodig zijn om te oefenen dan ka je dit via w3schools doen.

Slide 18 - Diapositive

Cet élément n'a pas d'instructions

Samenvatting
Klasikaal invullen met leerlingen

Slide 19 - Diapositive

Cet élément n'a pas d'instructions

week 1 les 2

Slide 20 - Diapositive

Cet élément n'a pas d'instructions

STARTKLAAR!
Tellie in zakkie

Slide 21 - Diapositive

Startklaar zitten.
Voorkennis activeren

Slide 22 - Diapositive

Cet élément n'a pas d'instructions

Wat is bootstrap css?

Slide 23 - Question ouverte

Cet élément n'a pas d'instructions

LEERDOELEN
  • De leerling is bekend met het algemene layout concept  van bootstrap framework en weet welke zaken/componenten meespelen in het definieren van een layout met bootstrap framework
  • De leerling is bekend met de breakpoints van bootstrap en haar dimensions en weet welke breakpoint voor welke device bedoeld is
  • De leerling is bekend met het component container van bootstrap en kan dit toepassen
  • De leerling is bekend met grid van bootstrap en kan dit toepassen a.d.h.v. zijn eerder gemaakte ontwerp



Slide 24 - Diapositive

Cet élément n'a pas d'instructions

Layout Bootstrap
Een aantal zaken en componenten die helpen bij het maken van een layout

Breakpoints 
bij welke moment van schermgrote moet de layout wijzingen

Container  & Container-fluid
Gebruik van volledig scherm of niet volledig scherm (een kleine deel van beide zijkanten worden niet gebruikt voor layout )

Grid
De indeling van jouw layout in rij en colom 

Slide 25 - Diapositive

Cet élément n'a pas d'instructions

Bootstrap Breakpoint
Wordt gebruikt om een scherm te ontwikelen voor verschillende devices. 

Slide 26 - Diapositive

Cet élément n'a pas d'instructions

Bootstrap Breakpoint

Slide 27 - Diapositive

Cet élément n'a pas d'instructions

Bootstrap container
Je begint altijd met het maken van een container in jouw HMTL
In de container ga je verder met jouw ontwerp 


Slide 28 - Diapositive

Cet élément n'a pas d'instructions

Bootstrap container

Slide 29 - Diapositive

Cet élément n'a pas d'instructions

Bootstrap Grid (row en Column)

Slide 30 - Diapositive

Cet élément n'a pas d'instructions

Bootstrap Grid (row en Column)

Slide 31 - Diapositive

Cet élément n'a pas d'instructions

Bootstrap Grid (row en Column)

Slide 32 - Diapositive

Cet élément n'a pas d'instructions

Plus de leçons comme celle-ci

WEEK 4 - INFORMATICA

- Leçon avec 34 diapositives
InformaticaMiddelbare schoolhavoLeerjaar 4

WEEK 2 - INFORMATICA

- Leçon avec 14 diapositives
InformaticaMiddelbare schoolhavoLeerjaar 4

WEEK 8 - INFORMATICA

- Leçon avec 14 diapositives
InformaticaMiddelbare schoolhavoLeerjaar 4

WEEK 2 - INFORMATICA

- Leçon avec 14 diapositives
InformaticaMiddelbare schoolhavoLeerjaar 4

WEEK 5 - INFORMATICA

- Leçon avec 32 diapositives
InformaticaMiddelbare schoolhavoLeerjaar 4

WEEK 3 - INFORMATICA

- Leçon avec 27 diapositives
InformaticaMiddelbare schoolhavoLeerjaar 4

WEEK 1 - INFORMATICA

- Leçon avec 20 diapositives
InformaticaMiddelbare schoolhavoLeerjaar 4

6 HTML: Lay-outs

- Leçon avec 18 diapositives