HTML - CSS - Javascript - Bootstrap - Frontend Web Development

Intro
 Mededelingen
 HTML - CSS - Javascript
HTML

https://youtu.be/Yx0nrjwj4Ng

 HTML Tags
 Oefenen met HTML tags: Plaats de html tag bij de juiste beschrijving
 Video met vragen: de standaard layout van een HTML doc
 Test je (voor) kennis van HTML

De wereldwijd bekende "W3Schools" biedt een complete, gratis cursus HTML. Daar is ook een online test te vinden en deze test is gedeeltelijk overgenomen en geplaatst binnen deze module. Je mag ook direct naar de website van W3Schools voor het testen van je (voor)kennis. Ga daarvoor naar: http://www.w3schools.com/quiztest/quiztest.asp?qtest=HTML

 Kruiswoordraadsel
 HTML Galgje - raad zoveel mogelijk HTML Tags
 Behaal het certificaat HTML binnen Sololearn

Tijdens periode A heb je al gewerkt binnen www.sololearn.com en ben je begonnen met de cursus HTML waar je aan aantal XP hebt behaald. Tijdens periode B is de opdracht dat je het certificaat HTML behaald. Stuur hier de link in naar je profiel. Dat ziet er ongeveer zo uit: https://www.sololearn.com/Profile/1915679/HTML - Zorg er daarbij wel voor dat je als naam je eigen voor- en achternaam hebt gebruikt. 

 Checklist blok HTML
CSS
 Interactieve video : HTML, CSS en Javascript
 Behaal het certificaat CSS binnen Sololearn

Tijdens periode A heb je al gewerkt binnen www.sololearn.com en ben je begonnen met de cursus HTML waar je aan aantal XP hebt behaald. Tijdens periode B is de opdracht dat je ook het certificaat CSS behaald. Stuur hier de link in naar je profiel. Dat ziet er ongeveer zo uit: https://www.sololearn.com/Profile/1915679/CSS - Zorg er daarbij wel voor dat je als naam je eigen voor- en achternaam hebt gebruikt. 

 Interactieve video: starten met CSS - waarom en hoe.

 Maak de Quiz: HTML - CSS - deel 2

Ga naar join.quizizz.com (of download eerst de App op je mobiele telefoon) en gebruik code: 747421

Je zult merken dat je moet inloggen om mee te kunnen doen. Maak eerst een account aan onder je school-email en log in met die gegevens. Als je de Quiz gedaan hebt en je bent tevreden met de uitkomst (score meer dan 80%), laat dit dan hier weten door je email adres toe te sturen via deze opdracht.  

 Interactieve video: starten met CSS - waarom en hoe.
Bootstrap
 Interactieve video: Wat heeft Bootstrap met het bouwen van een gebouw te maken?

Een video over het grid systeem en het maken van en layout met Bootstrap.

https://youtu.be/Q4Wm5D4Hlzc

Een video over het uitwerken van een wireframe via Bootstrap: <div class="container"> en <div class="row"> en natuurlijk <div class="col">

https://youtu.be/nG3tYTvSBCA

Javascript
 Introductie Javascript - Video

Open Notepad++ en de browser (om uitkomst te testen), bekijk de video en test zelf de code binnen Notepad++

 Behaal het certificaat Javascript binnen Sololearn

Tijdens periode A heb je al gewerkt binnen www.sololearn.com en ben je begonnen met de cursus HTML waar je aan aantal XP hebt behaald. Tijdens periode B is de opdracht dat je ook het certificaat Javascript behaalt. Stuur hier de link in naar je profiel. Dat ziet er ongeveer zo uit: https://www.sololearn.com/Profile/1915679 - Zorg er daarbij wel voor dat je als naam je eigen voor- en achternaam hebt gebruikt. 

 Voorbeelden van eenvoudige Javascript functionaliteiten.

Hierbij enkele voorbeelden van wat je binnen een website (html) kan doen met Javascript. Dit zijn kleine stukjes javascript die een complete functionaliteit geven binnen je website en dus mini-programma's zijn.

Succes. 

 Oefening klassikaal: Javascript lampje aan - uit
PHP
 Test 1: Intro PHP

Dit is je eerste test over PHP.

Praktische Opdracht
 Checklist Praktische Opdracht periode 2
 Checklist Praktische Opdracht periode B
 Opdracht: inleveren product ter beoordeling

  1. Stuur hier de link in naar je workspace.
  2. Stuur hier een link in naar je Wireframe.

Op het moment dat je deze twee zaken hier indient, betekent dit dat je vraagt om een (tussentijdse / voorlopige) beoordeling.

 Opdracht: inleveren product ter beoordeling

Stuur hier de link in naar je workspace.

Planning en logboek
 Je LOGBOEK - voortgang en vragen
Binair rekenen
 Elementaire bewerkingen - binair rekenen
 Binair rekenen, deel 1. Presentatie

Hierbij de diavoorstelling zoals getoond in de klas.

Hierbij de quiz over binair rekenen (deel 1). Ga naar join.quizizz.com. Gebruik code 083728

Contact informatie

Samen met ons een MKB of ZZP website pakket samenstellen?

Kom dan langs op ons kantoor in Wageningen.

Spiderman Webdesign - dewebmeester.nl

Hanenhof

Costerweg 1D

6702AA, Wageningen

Tel.: 085 888 58 69

Schrijf u in voor de maandelijkse nieuwsbrief

Schrijf u in voor de nieuwsbrief en ontvang elke maand een gratis tool, software of webcontent en blijf op de hoogte wat betreft ontwikkelingen binnen MKB wat betreft websites en applicaties.

Door in te schrijven stemt u in met ons
Privacy beleid.
HTTPS, SSL en GDPR (AVG)

Is uw website al beveiligd met een SSL certificaat? Kunnen uw bezoekers uw website vertrouwen? Zorg dat uw website zonder fouten zichtbaar is via https en laat dit regelen voor 40 euro per website door dewebmeester.nl
GDPR proof? Privacy reglement en cookie meldingen geïntegreerd in uw website? Laat ook dit regelen door dewebmeester.nl

ssl secure website