Published using Google Docs
PROG 3sem 2023 efterår ugeplan
Updated automatically every 5 minutes

Programmering, 3. semester (PROG)

Planen opdateres løbende.

Kig på planen ofte. Sørg for at bookmarke planen i din browser (Ctrl-d)

Uge 35, 28.08 + 31.08

Læsning

Opgaver

Administration

Uge 36, 04.09 + 07.09

Læsning

Software.komponenter

Opgaver

  1. Calculator part 1: DLL 
  2. Calculator part 2: User interface 
  3. Test-first: LineSegment

Uge 37, 11.09 + 14.09

Læsning

Opgaver

Uge 38, 18.09 + 21.09

Læsning

Eksempler

Opgaver

Uge 39, 25.09 + 28.09

Læsning

Eksempler

  1. W3Schools en masse eksempler på Bootstrap ….

Opgaver

  1. Quick: w3schools.com/html prøve nogle [men bestemt ikke alle] "Try it Yourself" (den grønne knap) eksempler
  2. Brug W3C HTML validator til at validere nogle web-sider f.eks. http://anbo-easj.dk/ og https://www.zealand.dk/ 
    Hvis du finder en web-side med en masse ulovligt HTML, så prøve at vise siden i forskellige browsere. Måske er der forskel på hvordan browserne viser siden.
  3. HTML Quiz
  4. Download og installer Visual Studio Code 
  5. Brug Visual Studio Code til at lave et par web-sider med links mellem siderne.

Husk at validere dine web-sider.
Emmet kan hjælpe dig med at lavet et HTML “skelet”: Gem din fil som index.html og tast ! (udråbstegn)

  1. w3schools.com/css prøve nogle [men bestemt ikke alle] "Try it Yourself" (den grønne knap) eksempler
  2. Tilføj in-line styles til nogle HTML elementer på en af dine HTML-dokumenter.
  3. Tilføj et internt stylesheet til et af dine HTML dokumenter
  4. Lav et eksterne style sheet (css fil) og link det til mindst to af dine HTML-dokumenter.
  5. Upload dine HTML og CSS filer til Azure. Brug FTP,
    Eller brug     Kudu console (“Upload files and folder using drag and drop”)
    How-to video om hvordan man laver et tomt web app projekt i Azure
    How-to video om hvordan man uploader projekt til web app i Azure
  6. Validate dit CSS
  7. CSS Quiz, har du lært tilstrækkelist CSS ....
    Lad være med at gætte - find svarne     w3schools.com/css
  8. Installer Git (måske har du allerede gjort det … måske uden at vide det …)
  9. Live Server en god extension til Visual Studio Code
  10. Check om din (eller min)  web-side er mobile friendly
  11. https://www.w3schools.com/bootstrap5/ prøve nogle [men bestemt ikke alle] "Try it Yourself" (den grønne knap) eksempler

Uge 40, 02.10 +05.10

Readings

Eksempler

  1. SayHelloVue3

Opgaver

  1. Gennemgå (læs + udfør) Microsoft: Get Started with Vue ELLER Vue Mastery: Intro to Vue 3 (up to section 6 Event handling)
  1. Gennemgå Dynamic page display with Vue.js
  2. Gennemgå Work with data and event in Vue.js
  1. Collect words with JavaScript + Vue.js | løsningsforslag
  2. Calculator with JavaScript + Vue.js | løsningsforslag
  3. Tilføj noget Bootstrap til din løsning på Collect Words og Calculator opgaverne
  4. Upload dine web-applikationer til Microsoft Azure.
    Brug FTP eller Kudu console (“Upload files and folder using drag and drop”)

Uge 41, 09.10 +12.10

Readings

  1. UI testing web applications (PowerPoint)
  2. Ekstra / baggrund: Selenium documentation (brug CSharp tab i eksemplerne)

Eksempler

  1. Vue3Examples
  2. List-Detail
  3. UI Test: SayHelloVue3 + WebTestSayHello2

Opgaver

  1. Download en driver der passer til din(e) browser: Chrome | FireFox | Microsoft Edge
    Unzip driver-filen og gem den i en folder f.eks. C:\webDrivers.
    Hvis din browser bliver opdateret, så skal du downloade en ny version af driveren (Chrome opdateres ofte …)
  2. UI testing: Collect Words | løsningsforslag
  3. UI test af din Calculator web-applikation
    Hjælp: Selenium, Working with Select list elements 
    Hjælp2: NuGet package: Selenium.Support to get class SelectElement

Uge 42, efterårsferie hele ugen

Uge 43, 23.10 + 26.10

Læsning

  1. Extra: W3Schools Collapsible List
  2. Extra: W3Schools JavaScript HTML DOM
  1. DOM Methods
  2. DOM Documents
  3. DOM Elements
  1. GitHub Axios dokumentation
  2. Joy Waguru: Asynchronous Javascript using Async - Await
  3. Ekstra: Travis Horn Building json2table: Turn JSON into an HTML table
  4. Ekstra: GitHub offers a REST API. Lav en simpel web-applikation med Vue.js og Axios.

Eksempler DOM manipulation

  1. Ekstra GetByClassName (farver)
  2. Ekstra DOM manipulation  (ren JavaScript, uden Vue.js)    

Eksempler JavaScript + REST

  1. REST GET example (Vue Posts): JS, Vue, async/await
  2. REST GET, DELETE, POST example (Vue Cars) | REST service provider
  3. Ekstra General REST consumer (check om CORS er OK)
  4. Ekstra Generic Table

Opgaver

  1. GET data fra http://jsonplaceholder.typicode.com/todos og vis dem i en browser. Brug Axios og Vue.js.
    Kig på mit     eksempel for inspiration.
  2. Brug mit Bookstore REST API som back-end til en web-applikation
    Kig på mit      Cars eksempel for inspiration.
    Hjælp: Start med at ignorere query string parametre i REST controlleren. Dem kan du bruge senere ...
  3. Push din web-applikation til GitHub.
  4. Upload din web-applikation til Microsoft Azure.
    Brug FTP eller  Kudu console (“Upload files and folder using drag and drop”).
    Hvis din browser klager over “mixed content”, så sørg for at din bruger enten http://… eller https:// … til både web-side og REST. Du må ikke blande.
  5. Tilføj Bootstrap styling til en eller flere af dine web-applications.
    Sæt lidt pynt på knapper osv  + Vigtigt: sørg for at din web application er responsive (    adapt to browser width)
  6. Flere JavaScript projekter: Anvend de REST services du har lavet i TEK faget.

Uge 44, 30.10 + 02.11

Læsning

  1. booksSortingJavaScript, sortering + filtrering i JavaScript
  2. RESTbooksStatusCodes, REST inkl sortering
  3. booksSortingREST, JavaScript bruger REST til at sortere

Opgaver

Uge 45, 06.11 +09.11

Læsning

Opgaver

Uge 46, 13.11 +16.11

Læsning

Opgaver

Uge 47, 20.11 + 23.11

Læsning

Uge 48-50, 27.11- 15.12, Projekt

Deltagelse i projektet er en de obligatoriske studieaktiviteter.

Fredag 15.12 code freeze: Stop programmering. Fuld fokus på rapporten.

Uge 51, 20.12 + 21.12

Tirsdag: rapport-aflevering

Onsdag:  Prøveeksamen 2, obligatorisk studieaktivitet

Torsdag: Demo dag + pensum-snak

Uge 1, forberedelse til SYM og PROG+TEK eksamen

Uge 2, SYM eksamen

Uge 3, PROG+TEK eksamen