Frontend

Valgfag, 3. semester

Citat

— Studerende på 2. semester

Jeg skal ikke på Frontend, det er jeg ikke klog nok til.

Hvordan det føles...

Hvordan det i virkeligheden forholder sig.

Hvad forventes af dig?

Forudsætninger

  • Nysgerrighed
  • Engagement
  • Indstilling

Et vigtigt mål

Målet er at opbygge en vis tolerance for frustration og blive komfortabel med udfordringerne i webudvikling, så læringen prioriteres over at fokusere på resultaterne.

Citat

— Studerende på 2. semester

Jeg er træt af, at jeg kun kan lave noget i Figma. Jeg vil også kunne gøre det færdigt.

Fra prototype til produkt

Ikke bare teori - vi bygger ægte projekter

Hvad lærer du?

Du lærer at bygge frontend-apps med brancherelevante værktøjer...

... det ved vi fordi

Indholdet er i høj grad inspireret af branchens behov og samtidig formet af den stadigt skiftende udvikling, der konstant driver faget fremad.

Kilder

  • Digitale bureauer
  • "frontenders.dk" (en facebook gruppe)
  • Frontend Masters
  • Tech-community'et
  • mm.

Valgfagets emner

Fokus på moderne værktøjer og best practices

  • JavaScript
  • CSS/TailwindCSS og animationer
  • React & Next.js

Citat

— Studerende på 2. semester

Nåå, det der Frontend, det kan jeg da selv lære...

Hvad er på
hylderne?

😵‍💫

Tech Stack

Citat

— Studerende på 2. semester

Jeg har hørt, at man stiller sig selv bedre, hvis man både kan designe og kode.

Hvorfor dette valgfag?

Frontend

Karrieremuligheder

Fokus på moderne værktøjer og best practices

  • Frontend-udvikler

  • Web-designer

  • UI-engineer

Undervisere

Valgfagets filosofi

Det skal se godt ud, det skal virke, det skal føles rigtigt

Frontend Logic

1. tema

Klaus Mandal (klmh)

The Vanilla School Of JavaScript

Fundamentet som valgfaget bygger på

Frontend Frameworks

To-Do app

Slutmål

Efter dette tema er du i stand til at

  • Analysere et problem
  • Regne ud hvordan du kan løse det
  • Selvstændigt

Frontend Frameworks

Frontend Design

2. tema

Dannie Vinther (davi)

En 3-uger lang "UI engineer bootcamp"

Få styr på CSS. Juster dine mentale modeller.

Frontend Design

Animation

Frontend Design

Responsivitet og layout

Frontend Design

Vide, hvordan vi fikser UI

Frontend Design

Slutmål

Efter dette tema er du i stand til at

  • Have kontrol over grid/flex (stop med at gætte)
  • Anvende og vurdere best practices

Frontend Frameworks

3. tema

Troels Rasmussen (tras)

Next.js, React & beyond

Byg apps med brancherelevante værktøjer

Frontend Frameworks

3. tema

Troels Rasmussen (tras)

React er alle steder

Tænk Astro på steroider.

I kan allerede mega meget af det.

Frontend Frameworks

React / Next.js

Frontend Frameworks

React / Next.js

Frontend Frameworks

React / Next.js

Frontend Frameworks

React / Next.js

Frontend Frameworks

React / Next.js

Frontend Frameworks

React / Next.js

Frontend Frameworks

React / Next.js

Frontend Frameworks

Slutmål

Efter dette tema er du

  • Attraktiv i branchen
npm install frontend-skills --save-dev --force

Kom og hør mere...