https://github.com/codebloodedmama/afe_exam
Advanced front end eksamen
https://github.com/codebloodedmama/afe_exam
angular nextjs pwa react
Last synced: 2 months ago
JSON representation
Advanced front end eksamen
- Host: GitHub
- URL: https://github.com/codebloodedmama/afe_exam
- Owner: CodeBloodedMama
- Created: 2024-12-30T12:58:48.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-07T01:22:26.000Z (over 1 year ago)
- Last Synced: 2025-01-14T20:12:00.838Z (over 1 year ago)
- Topics: angular, nextjs, pwa, react
- Language: TypeScript
- Homepage: https://codebloodedmama.github.io/AFE_exam/
- Size: 50 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AFE-Eksamen
### CodeBloodedMama
### aka: Elisabeth Lennert
### studienummer: 202100064
## [Spørgsmål 01 – Angular generelt](./q01/README.md)
- Forklar de grundlæggende Angular-koncepter (komponenter, direktiver, moduler, services, pipes)
- Forklar hvordan dependency injection bruges i Angular
- Forklar hvordan komponent-til-komponent kommunikation kan implementeres
## [Spørgsmål 02 – Reaktiv programmering](./q02/README.md)
- Forklar reaktiv programmering ved hjælp af RxJS
- Forklar hvordan netværkskommunikation udføres i Angular i henhold til bedste praksis (brug af HttpClientModule)
## [Spørgsmål 03 – Routing og SSR](./q03/README.md)
- Forklar hvordan routing fungerer i Angular
- Forklar modul-routing og lazy-loading
- Forklar hvordan man får ruteinformation i den navigerede komponent
- Forklar hvordan man beskytter ruter med guards
- Forklar hvorfor og hvordan man bruger Server-Side Rendering (SSR)
## [Spørgsmål 04 – Angular forms og testning](./q04/README.md)
- Forklar template-drevne forms i Angular
- Forklar reaktive forms i Angular
- Diskuter fordele og ulemper ved de forskellige tilgange
- Forklar hvordan man tester Angular apps
## [Spørgsmål 5 – Styling og tredjepartsbiblioteker](./q05/README.md)
- Forklar og diskuter responsivt webdesign (Flexbox, Grid og medieforespørgsler)
- Forklar hvordan tredjepartsbiblioteker kan bruges til at udvikle webapplikationer (eksempler: NgRx, Tailwind og Angular Material)
## [Spørgsmål 6 – Progressive Web Apps](./q06/README.md)
- Forklar konceptet Progressive Web Apps.
- Vis hvordan man implementerer en Progressive Web App med Angular eller React
(studenten er fri til at vælge hvilket framework der skal bruges til forklaring og demonstration af hvordan man bygger en PWA)
## [Spørgsmål 7 - Next](./q07/README.md)
- Giv et overblik over Next.js.
- Forklar de forskellige typer af komponenter i Next, og hvordan man blander dem.
- Forklar hvordan man bruger App router, og hvordan den adskiller sig fra Pages router.
## [Spørgsmål 8 - Søgemaskineoptimering](./q08/README.md)
- Forklar hvad søgemaskineoptimering er. Hvorfor og hvornår det er vigtigt.
- Hvad påvirker SEO ranking?
- Hvad er Core Web Vitals? Og hvorfor er de vigtige?
## [Spørgsmål 9 - GraphQL](./q09/README.md)
- Forklar principperne for GraphQL.
- Diskuter fordele og ulemper ved REST vs GraphQL.
- Vis hvordan man tilgår en GraphQL Web API fra React.
- Vis hvordan man tilgår en GraphQL Web API fra Next, og forklar hvorfor det er anderledes end at gøre det samme i React.
## [Spørgsmål 10 - Native web component](./q10/README.md)
- Forklar hvad en native web component er.
- Hvilken funktionalitet kræves af browseren?
- Vis hvordan man bygger en native web component.
- Hvordan kan Lit hjælpe med at bygge webkomponenter?