P/3 Codecademy

Een website maken? Dat kan tegenwoordig op verschillende manieren. Je maakt gebruik van software zoals WordPress, Fireworks of Dreamweaver. Je hoeft dan zelf bijna niets meer te programmeren. Echter, wil je een site maken die je helemaal zelf hebt ontworpen, dan moet je leren programmeren. Je moet de taal leren waarmee een computer communiceert.

Om deze taal te leren, maken we gebruik van Codecademy. Dit is een Amerikaans programma dat je gratis mag gebruiken. Dus ook thuis kun je hier mee aan de slag. De cursussen zijn in het Engels. Hier moet je misschien even aan wennen, maar het niveau is prima. In Google Chrome kun je de pagina’s ook laten vertalen, maar zorg wel dat je de codes in het Engels gebruikt. Codecademy is geschikt voor beginnende en gevorderde programmeurs.

We gaan starten met het bouwen van een website met de computertaal HTML en de opmaak of lay-out taal CSS. Daarna kun je dieper in HTML en CSS duiken, maar je kunt ook kiezen voor andere talen met andere doelen, zoals SQL.

codecademy

VOORBEREIDING

  1. Je kan op deze site trainingen volgen en je ervaringen bijhouden.
  2. Je zult daarom moeten inloggen om je proces zichtbaar te maken.
  3. Je hebt voor school een apart Google account aangemaakt. Dit had je nodig om je filmpjes voor school op een YouTube kanaal te zetten. Gebruik dit account om verder te gaan.

WERKWIJZE

A. Keuze

  1. Onderaan deze pagina staan de deelopdrachten.
  2. Je begint natuurlijk met de eerste B-opdrachten en werkt zo door en doet daarmee ervaring op.
  3. terwijl je aan deze opdracht werkt maak je regelmatig screenshots of foto’s die je opslaat op je OneDrive Elzendaal of direct in je bericht op WordPress.

B. WordPress

  1. Je maakt een nieuw bericht met de zelfde titel als de opdracht waar je nu in werkt, bijvoorbeeld B1 of als je die in leerjaar 2 al hebt gemaakt een volgende
  2. Voor elke nieuwe B-opdracht maak je een nieuw bericht op je blog
  3. Je past je menu aan zodat dit bericht te vinden is onder ‘leerjaar 3’, onder ‘D&I’, onder ‘P/3 Codecademy’
  4. Je plaatst de screenshots van je proces en je foto’s en video’s van je eindresultaat in je blog.
  5. Je sluit af met een reflectie.

C: Reflectie

  1. Geef antwoord op deze vragen:
    • Wat heb je voor het eerst gedaan tijdens het maken van deze opdracht?
    • Wie heeft jouw geholpen bij het maken van deze opdracht? Vertel bij welk onderdeel dat was.
    • Wie heb jij geholpen om deze opdracht te maken? Vertel bij welk onderdeel dat was.
    • Nu ben je klaar. Wat zou je de volgende keer anders doen?

D: Teams

  1. Kopieer de link van je bericht via SITE BEKIJKEN
  2. Ga naar TEAMS, naar D&I, naar thema PROGRAMMEREN en lever daar je link in.

Opdrachten Beginner

De onderstaande cursussen bestaan allemaal uit een aantal hoofdstukjes. Maak niet overal maar 1 hoofdstukje van, maar kies een onderdeel, dat je leuk of interessant lijkt, en maak dat onderdeel compleet zodat je echt ervaring op doet. Wanneer je een onderdeel compleet hebt afgerond verdien je een badge. Zet deze badges (door middel van screenshots) in je berichten.

BEGINNER

Codecademy B1: Make a Website

Codecademy B2: HTML

Codecademy B3: CSS

GEVORDERD

Codecademy G1:  SQL

Codecademy G2: Java

Codecademy G3: JavaScript

EXPERT

Codecademy E1: Python

Codecademy E2: C++

Codecademy E3: Ruby

Codecademy E4: C#

Codecademy E5: PHP

Codecademy E6: Go