Webprogrammering frontend
Ugens resultat
Efter denne uge har I været igennem følgende:
- Introduktion til UX/UI og mockups
- Generering af dynamiske HTML sider med JSP
- JSP basiselementer, herunder scriptlet kode, jstl og expression language
- Servlet-JSP og flerlagsarkitektur
Oversigt over ugen:
| Dag | Emne |
|---|---|
| Mandag | Feedback fra sidste uge og forberedelse til tirsdag |
| Tirsdag | Undervisning |
| Onsdag | |
| Torsdag | Undervisning |
| Fredag | Opgave / Cupcake projekt |
Frontend betyder det der sendes til browseren
HTML sider bliver genereret på Tomcat webserveren ved hjælp af JSP filer.
JSP er en template engine der erstatter brugen af servletter til at danne HTML til brugeren. Med JSP får vi en Java fil (under overfladen en servlet), som vi kan skrive i, som om vi skrev HTML med noget indlejret Java. På Tomcat omdannes JSP koden til HTML, som bliver sendt via internettet til brugerens browser.
Browseren indlæser HTML siden og renderer et visuelt billede til brugeren (Det vi kalder en webside/web page).
Øvelse
Cupcake projekt (sættes i gang onsdag)
Her kan du læse projektbeskrivelsen.
Oversigt over ressourcer:
| Emne | Kort version | Lang version |
|---|---|---|
| 1. HTML | HTML template | HTML Quick guide |
| 2. JSP | JSP basic | Dynamiske sider med JSP |
| 3. JSP | Standard Tag Library (JSTL Core Tags) | JSTL core |
| 4. MVC pattern | Pattern for struktur i præsentationslag | |
| 5. JUnit test | JUnit Cookbook | JUnit Developer Guide |
| 6. Test case teknikker | Boundary Value Analysis & Equivalence Partitioning | |
| Adober XD | Expand your design skills to include UX and UI | Denne video varer en time og 37 minutter og er en grundigere introduktion til Adobe XD. I videoen vises nogle tricks, som forudsætter, at man har en fuld licens til Adobe Cloud. Det har I ikke, så de dele skal I bare se hurtigt igennem eller springe over. Det drejer sig primært om brug af såkaldte “Assets” fra andre Adobe programmer. Det er slet ikke noget vi har brug for. |