WEEK 7 - INFORMATICA

week 7 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 7 les 1

Slide 1 - Diapositive

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

DIT JAAR
HEEL HET JAAR PROJECT MATIG WERKEN
  • WE BOUWEN EEN WEBAPPLICATIE 
  • IEDEREEN WERKT INDIVIDUEEL
  • MAAR WE BOUWEN WEL SAMEN AAN 1 WEBAPPLICATIE
  • WE GAAN PROBEREN WEBAPP. VAN ANDERE KLASSEN TE HACKEN

Slide 3 - Diapositive

DEZE PERIODE
PROJECT MATIG WERKEN

  • SCRUM METHODIEK
  • INTERACTIE EN USABILITY
  • PROGRAMMEREN
  • HTML & CSS
  • SECURITY
  • NETWERK

Slide 4 - Diapositive

Voorkennis activeren

Slide 5 - Diapositive

welke van de vier zaken uit richtlijn 1 van heuristiek is hier niet goed over nagedacht?

Slide 6 - Question ouverte

Welke 4 zaken horen bij richtlijn 1 Biedt eenvoudig toegang van de Heuristieken

Slide 7 - Question ouverte

Wat waren de Heuristieken Richtlijnen ook alweer

Slide 8 - Question ouverte

Standup meeting
Wat he b je gemaakt
wat ga je vandaag maken
loop je tegen iets aan

Slide 9 - Diapositive

DEZE PERIODE
PROJECT MATIG WERKEN

  • SCRUM METHODIEK
  • INTERACTIE EN USABILITY
  • PROGRAMMEREN
  • HTML & CSS 
  • GIT
  • SECURITY
  • NETWERK

Slide 10 - Diapositive

LEERDOELEN VANDAAG
  • De leerling kan uitleggen wat een version control system is
  • De leerling kan uitleggen wat Repository, fork en clone is in een version control system
  • De leerling kan een aantal van de git basiscommando's uitleggen en deze gebruiken
  • De leerling kan de basis structuur van HTML uitleggen en toepassen
  • De leerling kan enkele basis HTML tags toepassen




Slide 11 - Diapositive

Version Control System
Is een software systeem dat helpt ontwikkelaars hun code en wijzingen in hun code bij te houden. Ook helpt het ontwikkelaars elkaars code samen te voegen als zij aan het zelfde project werken

Slide 12 - Diapositive

Version Control System - repository
Een repository is een een opslagruimte voor software. Het is meer dan alleen het opslaan van software. Daar zal je tijdens het ontwikkelen van de app achterkomen.

Lokale repository = is op jouw laptop
Remote repository = online

Slide 13 - Diapositive

Version Control System - FORK
Is een kopie van een andere Repository naar jouw eigen Repository. Wijzigingen hierin zijn alleen van toepassing in jouw eigen Repository en niet van waar jij de kopie hebt gemaakt

Slide 14 - Diapositive

Version Control System - CLONE
Is een kopie van een Repository die online staat naar jouw eigen Repository op jouw laptop. Wijzigingen hierin zijn van toepassing op Repository lokaal op jouw laptop en kunnen gepushed worden naar de remote repository

Slide 15 - Diapositive

Version Control System - Basis commando's
Om met een Version Control System te werken  zal je vaak gebruik maken van een aantal commando's via een prompt 




in teams een cheat sheet van de meeste commando's.

Slide 16 - Diapositive

Voorkennis activeren

Slide 17 - Diapositive

Waarvoor gebruik je HTML?

Slide 18 - Question ouverte

De afkorting HTML staat voor...

Slide 19 - Question ouverte

HTML beginnen
Het is een bestand zoals jij een word of excel bestand aanmaakt.

Een makkelijke manier om te beginnen is met een kladblok of een code edit programma.

HTML heeft altijd de extentie .html
zoals jij jouw word document verslag-nederlands.docx noemt zal jouw html bestand ook een naam moeten krijgen, bijvoorbeeld home-pagina.html

Slide 20 - Diapositive

Waarom extentie
zodat de computer weet in welke programma het geopend kan worden

een .docx wordt in Word geopend
een .pdf wordt in acrobat reader geopend
een .html wordt in een webbrowser geopend (bijvoorbeeld chrome)

Slide 21 - Diapositive

HTML basis structuur
HTML bestaat voornamelijk uit HTML tags en begint altijd met een basisstructuur

een html tag is bijvoorbeeld 
<html> </html>
<head> </head>

er bestaan heel veel html tags


html basisstructuur

Slide 22 - Diapositive

Slide 23 - Diapositive

andere informatie en bestanden die html nodig heeft 

Slide 24 - Diapositive

Doe mee met HTML
Luister en doe mee wat de docent voor doet.
Het is belanrijk zodat je in ieder geval weet waar en hoe je moet beginnen. De volgende les krijg je mini opdrachten die jij dan zelf moet maken.

Slide 25 - Diapositive

Code editor starten
visual code

Slide 26 - Diapositive

Map aanmaken
in visual code gaan we een map aanmaken
hier komt onze html bestand

Slide 27 - Diapositive

Jouw eerste html
In de map gaan wij een eerste html pagina maken
deze noemen wij mijn-eerste-website.html

Slide 28 - Diapositive

basis structuur zetten
kijk en luister naar de docent en doe wat hij ook doet

Slide 29 - Diapositive

wij werken vanaf nu allen in bodyy sectie

Slide 30 - Diapositive

wij werken vanaf nu allen in body sectie
h1, h2, h3
p, hr, b, br, 
input, image

Slide 31 - Diapositive

Ga nu zelf op zoek naar wat HTML tags en probeer ze uit
zelf zoeken op internet naar andere html tags.
hint ga naar w3schools

Slide 32 - Diapositive