Frontend
Med forbehold for mindre ændringer!
Læringsmål for frontend
Mandag
- Review af sidste uges fredagsopgave og hvad der ellers måtte opstå af spørgsmål.
Tirsdag (frontend intro)
Forberedelse
Der er en del forberedelse I skal have gjort inden tirsdag. Du skal have set 3 videoer, installere et mockup værktøj og have set et lynkursus i det:
Intro-videoer:
Se først disse 3 videoer. Det er hyggevideoer, som giver dig et overblik over www’s historie, hvad full stack web development er, og hvad UX/UI er. Altsammen vigtige begreber, som skaber begreber og kontekst for det vi skal i gang med.
Figma
Download og installer mockup værktøjet Figma:
- Opret en konto på Figma (gratis) med din cphbusiness email: Figma apply for educational
- Download og installer Figma Desktop App
- Se dette lynkursus om Figma (11:06)
I klassen (det gør vi sammen)
- UX/UI øvelse. Vi bruger Laws of UX og sætter os ind i begreberne.
- Overraskelse. Vi får besøg af en “kunde” som vil have en hjemmeside. Her er de indholdselementer vi skal bruge.
- Figma session.
Onsdag (CodeLab)
Forberedelse
Se disse videoer og kod med hele vejen. De er MEGET vigtige for at komme i gang med HTML og CSS:
- HTML basics - kod med tutorial. Eksempelkode fra videoen
- CSS basics - kod med tutorial
- Bonus: Hvis du er i stødet, så lav denne lille opgave for at teste din forståelse: Booking formular
- Skim dette dokument om Paper Prototyping af Caroline Snyder
- Læs denne opsummering i vores værktøjskasse: Paper Prototyping
I klassen til CodeLab
Torsdag (responsivt design)
Forberedelse
Se disse videoer: