Les 6: Responsive & templates

Websites moeten op allerlei apparaten netjes worden weergegeven. Of het scherm nu zo groot is als een muur, of zo klein dat het in je binnenzak past. Responsive design zorgt dat er maar 1 code is om alle klanten te serveren. Maar hoe je je website responsive krijgt, daar zijn wel verschillende oplossingen voor. In deze les gaan we dieper […]

Les 4: Javascript

Javascript is de programmeertaal voor het web. Het is een vrij bijzondere taal, die net iets anders is dan de meeste programmeertalen. Veel concepten die in javascript voorkomen, vind je ook terug in andere talen. Daardoor kun je, als je javascript eenmaal kan, heel makkelijk ook andere programmeertalen leren, zoals Python, java, C++ etc. Javascript als taal wordt beschreven als […]

Brackets automatisch aanvullen uitzetten

Sommige mensen vinden het fijn als de editor hun code aanvult, anderen houden er niet van. Mocht je het uit willen zetten, volg dan onderstaande stappen. Je kunt aanvullen ook alleen voor bepaalde tags uitzetten. Ga naar Debug > Open Preferences fileAan de rechterkant wordt brackets.json geopend. Aan de linker kant opent een hulpbestand (defaultPreferences.json). Beide zijn in de taal json, […]

LessonUp

LessonUp is een website waar docenten interactieve lessen kunnen maken voor hun studenten. Het is een soort slideshare en kahoot in 1, speciaal ontwikkeld voor het faciliteren van onderwijs. De volgende lessen zijn beschikbaar: HTML review 1: https://LessonUp.app/invite/h/PJPMZqZPnMNeSyAcLHTML review 2: https://LessonUp.app/invite/h/CNMhcEwS4iDXEkKXv  HTML & CSS: https://LessonUp.app/invite/h/XhGZMt3JtiRniLu7c bovenstaande Lessen bevatten ongeveer 10 meerkeuze vragen die testen in hoeverre je HTML en CSS […]

Extra: Hoe werkt het internet?

Je hebt nu een website gebouwd en online gezet, maar hoe werkt het internet eigenlijk? En hoe is het ontwikkeld? Voor de volgende twee huiswerkopdrachten moet je online informatie zoeken en dit in een korte tekst samenvatten: Opdr 4. Hoe werkt het internet? Schrijf een stukje van 250 – 400 woorden over bovenstaande vraag.m.b.v. je stukje moeten de volgende vragen […]

Brackets FTP

Installatie van de extensie Druk in Brackets rechts bovenaan op het lego-blokje om het plugin scherm te openen. (of kies FILE > Extension Manager)Type FTP in het zoekveld en klik op install achter Brackets Website  Admin Verbinding maken met de FTP-server Klik op het groene HTML-5 icoon dat nu links op het scherm zit, boven de live preview en plugin-knoppen. In de settings, op […]

3. Je online website

Maak een online website van minstens 3 pagina’s die aan elkaar gekoppeld zijn. CSS moet in een apart document staan. Oftewel: zet de website die je voor opdracht 2 gemaakt hebt online. Volg onderstaande stappen om dit voor elkaar te krijgen. Uitwerking Scheid de CSS van je HTML-document door:Alle gebruikte stijl die als attribuut in de HTML staat naar de […]

Les 3: FTP

ONLINE MET FTP Je hebt nu een simpele website gemaakt die op je computer staat. Bekijk hem eens in de browser zonder Brackets te gebruiken. Je kunt je website nu online gaan zetten. Of hij nu ‘af’ is of niet, je kunt ook aan je site verder werken als hij al online staat. Online zetten doen we met FTP: de File […]