Älva's group
Sammanfattning
10 kurser
137 lektioner
4 quiz
6h 53m videomaterial
Älva's group
Mentor:
Anett Kansanen
Group for Alva
Bootcampsinnehåll
Vad är HTML? |
Ditt första projekt med HTML |
Att jobba med Visual Studio Code |
Projekt i Visual Studio Code, VSC |
Hello World! |
DOM:en, webbläsaren och inspektorn |
Skriv snygg kod med HTML |
Kommentera din HTML-kod |
Mappstruktur med HTML |
Valideringsverktyg för HTML |
Filvägar |
HTML-element och taggar |
Vanligt förekommande taggar: texter och ”lådor” |
Layout med semantiska taggar |
HTML: Attribut |
HTML: Länkar |
HTML: Bilder |
HTML: Media-taggar |
Övning: Google Fonts |
Övning: Twitter Bootstrap |
Användning av ikoner |
Material Icons (Google Fonts) |
Font Awesome |
Övning: Font Awesome |
Lägg till en favicon |
Formulär med HTML |
Listor med HTML |
Tabeller med HTML |
Vad är CSS? |
Var skrivs CSS? |
CSS - att kommentera kod |
CSS-syntax: Regler och egenskaper |
CSS-syntax: Selektorer |
CSS-syntax: Klasser och id |
CSS - Block- och inline element |
Vad är responsivitet? |
Övning: Alfabet med flexbox |
Färg och bakgrund |
Form och storlek |
Boxmodellen |
Text och typsnitt |
Övning: Google Fonts |
Storleksenheter |
Ramar och skuggor |
Positionering (2) |
JSON och Javascript |
Vad är ett API |
Hämta data med fetch() |
FETCH - INTRO |
FETCH - POST |
FETCH - GET |
FETCH - DELETE |
Roligt med arrays |
Övning: Adressbok med .fetch() |
Övning: Teams och hjältar |
Övning: Random user |
Övning: Visa dina repos i ditt CV |
Övning: Uppdatera ditt CV med JSON |
Övning: Blogga med JSON stringify och JSON parse |
Fördjupning i asynkrona anrop |
Async och Await i Javascript |
Serverkommunikation med en SPA |
Vad är Typescript? |
Kom igång med Typescript |
TypeScript Origins: The Documentary |
Grundläggande typning |
Explicit typning med Typescript |
Funktioner i Typescript |
Type aliases i Typescript |
Interfaces med Typescript |
Type assertion i Typescript |
Generics i Typescript |
Tuples i Typescript |
Introduktion till React |
React 101 - Vad är react |
Starta ett React projekt |
React med Vite |
React-create-app |
React: JSX |
React: State |
React: Props |
Unidirectional Data Flow och tillståndshantering i React |
React: Life cycle methods |
Övning: Meddelandesystem med React |
Övning: Poängräknare (react) |
Guide: Learning React |
Om React Router |
React Router |
Övning: React Router |
CSS och React |
React: Hooks! |
Lokal lagring av data i React |
Övning: React - Spara ditt namn med Hooks! |
React: Lär dig jobba med Map() |
Debugging i webbläsaren |
Övning: Översättningsapplikation med React |
Guide: Tänk React |
Bygga spel med React |
React med Vite |
Vad är Typescript och varför? |
Nytt React projekt med Typescript |
Deklarationsfiler med D.TS |
TicTacToe med React och Typescript |
Introduktion till Next |
Filstruktur i Next : app, page och layout |
Routing med app router |
Styling i Next |
Övning: Skapa en NextPage |
RSC - React Server Components |
Server components och Client components i Next |
Route Handlers - Intro |
Route Handlers - GET |
Route Handlers - POST |
Route Handlers - PATCH |
Route Handlers - DELETE |
Renderings-paradigm |
Server side rendering (SSR) och metadata för SEO |
Next.Js: Server Actions och forms |
Installera mongoDB lokalt |
GUI för MongoDB |
Vad är MongoDB |
Skapa mock data med Mockaroo |
Querys med MongoDB |
Städa ditt resultat |
MongoDB: ObjectId |
Deploya din MongoDB databas till molnet |
Mongoose – Schema med MongoDB |
Exempel: Star Wars qutoes med Node, Mongo och Express! |
Kom igång med MongoDB |
Vad är Git och GitHub? |
Installera Git lokalt |
Kom igång med GitHub |
Testa så att Git är installerat lokalt |
Lansera en webbsida på Github pages via upload |
Git och GitHub via Terminalen |
GitHub Flow |
TEST LESSON (3) |
Plugga.tech™
Allt material på denna sida är skyddat enligt lagen om upphovsrätt. Det innebär att endast du får använda kurserna och dess material. Det är inte tillåtet att kopiera, ladda ned och dela med sig av material till andra. Du får inte använda något av detta innehåll i kommersiellt syfte.
Powered by @HiveAndFive
© Plugga.tech™
