Grunderna i Frontend-Utveckling

Utforska webben inre funktioner. Lär dig hur data färdas över nätverk, upptäck protokollens roll och lös mysterierna med IP-adresser och domännamn. Få en övergripande förståelse för hur webbläsare och servrar kommunicerar för att leverera webb-innehåll.

Upptäck kraften i taggar för att strukturera innehåll, från rubriker och stycken till listor och tabeller. Lär dig hur du förbättrar elementen med attribut.

Kärnan i HTML-dokumentstrukturen. Lär dig komponenterna i ett HTML-dokument, inklusive doctype-deklarationen, head och body. Förstå syftet med varje element och hur de bidrar till den övergripande strukturen på en webbsida.

Gör en webbsida mer tilltalande med hjälp av media som bilder, ljud och video. Arbeta med strukturerad tabulär data i form av tabeller.

Utforska mångsidigheten hos HTML-formulär. Lär dig att designa intuitiva och användarvänliga formulär genom att utnyttja viktiga koncept och tekniker. Upptäck hur formulär möjliggör användarinteraktion och dataöverföring på webbplatser.

Lär dig vad CSS är, hur det kopplas till HTML och hur HTML-element kan stylas med selektorer. Utforska grundläggande koncept som textfärger, användaraktions-pseudoklasser och variabler i CSS.

Utforska hur du kan formatera och utforma text på dina webbsidor. Lär dig att använda anpassade typsnitt och undersök olika typsnittsegenskaper för att förbättra textens utseende.

Lär dig grunderna i boxmodellen, som definierar layout och avstånd för element på en webbsida. Utforska koncept som boxstorlek, tillägg av utrymme till element, arbete med block- och inline-element samt användning av strukturella och funktionella pseudoklasser för avancerad formatering.

Utforska Flexbox, en kraftfull CSS-layoutmetod för att arrangera element i rader och kolumner. Lär dig att kontrollera riktning, justering och avstånd mellan element horisontellt och vertikalt samt anpassa enskilda flexobjekt för precisa layouter.

Lär dig hur du kan förbättra den visuella attraktionskraften på dina webbsidor med CSS. Utforska tekniker för att använda bakgrundsfärger och bakgrundsbilder, formge bilder, använda dekorativa pseudo-element samt lägga till skuggor för att skapa imponerande designer.

Utforska vad deltagare kan förvänta sig av denna kurs i avancerad HTML- och CSS-stilhantering. Vilka förkunskaper krävs innan kursstart? Vilka ämnen kommer att behandlas?

Positionera och hantera element på webbsidor. Lär dig om olika positioneringsegenskaper, upptäck hur staplingsordningen används för att kontrollera synligheten av överlappande element och hantera till sist innehåll som flödar över.

Utforska kraften i övergångar och lär dig hur du kan förbättra användarupplevelsen. Upptäck hur egenskaper kan animeras smidigt och gradvis för att skapa sömlösa tillståndsövergångar.

Lär dig om animation-egenskapen och hur den kan användas för att skapa dynamiska och engagerande designer. Upptäck hur du skapar komplexa animationer med hjälp av nyckelrutor och hur du styr animationen.

Utforska transformationsegenskapen, som möjliggör modifiering av utseende och position för element på en webbsida. Lär dig hur du skalar, roterar, skevar och translaterar element i två och tre dimensioner. Kombinera flera transformationer för att skapa mer komplexa effekter.

Principerna och teknikerna som används inom adaptiv/responsiv design syftar till att göra webbplatser och applikationer tillgängliga och visuellt tilltalande på olika enheter, skärmstorlekar och orienteringar.

Lär dig om förprocessorer i CSS och hur de kan hjälpa till att skriva mer effektiv och underhållbar kod. Förstå hur du använder förprocessorer för att förenkla arbetsflödet och generera renare CSS-kod.

Upptäck grunderna i JavaScript, inklusive dess syfte och syntax. Lär dig att arbeta med konsolen för utdata och använda kommentarer för att organisera och dokumentera din kod. Dessa grundläggande färdigheter förbereder dig för en djupare utforskning av JavaScripts möjligheter.

Utforska grunderna i JavaScript genom att särskilja mellan litteraler och variabler. Förstå de grundläggande datatyperna, inklusive null och arrayer, samt hur dessa kan hanteras med hjälp av arraymetoder.

Lär dig att manipulera JavaScripts datatyper genom grundläggande operationer. Behärska tilldelning, matematiska operationer, inkrementering och dekrementering, jämförelser, logiska operationer och strängkonkatenering.

Utforska hur du styr flödet i dina program med villkorssatser. Behärska `if`, `else` och `else if` för att instruera JavaScript att fatta beslut och köra kod baserat på olika villkor.

Effektivisera din kod genom att behärska JavaScripts loopstrukturer. Utforska `while`-, `do while`- och `for`-loopar och lär dig kontrollera deras beteende med hjälp av `break` och `continue`. Utnyttja looparnas kraft för att utföra repetitiva uppgifter effektivt.

Upptäck kraften hos funktioner i JavaScript. Lär dig att definiera funktioner, arbeta med argument och använda `return`-satsen för att skapa återanvändbar och effektiv kod. Att behärska funktioner förbättrar din förmåga att skriva ren och modulär programkod.

Få en tydlig översikt över vad som väntar, förstå förkunskapskraven och ta del av värdefulla tips för att lyckas när du fördjupar dig i objekt, arrayer och grundläggande programmeringskoncept.

Utforska kärnkoncepten för JavaScript-objekt. Detta avsnitt behandlar grunderna i objektskapande, hantering av egenskaper och implementering av metoder.

Fördjupa dig i avancerade tekniker för att arbeta med JavaScript-objekt. Detta avsnitt behandlar olika strategier för att effektivt manipulera och interagera med objekt.

Ge dig ut på en resa in i JavaScript-arrayer. Detta avsnitt ger en solid grund för att skapa arrayer, hantera element och utföra grundläggande arrayoperationer.

Behärska avancerade färdigheter för arrayhantering, med olika tekniker och metoder för att effektivt hantera arrayer i flera olika scenarier.

Lär dig grunderna i JavaScript-klasser, från klassdeklarationer till att definiera metoder som förbättrar funktionaliteten. Upptäck hur du använder parameterobjekt effektivt, hanterar privata egenskaper och kontrollerar åtkomst med getters och setters. Behärska statiska egenskaper och statiska metoder samt utnyttja kraften i klassarv med "extends" och "super()" för att skapa skalbar och återanvändbar kod.

Behärska DOM-manipulation för att skapa dynamiska, interaktiva webbapplikationer. Navigera och modifiera DOM-strukturen, uppdatera innehåll dynamiskt och tillämpa bästa praxis för säkerhet och prestanda. Skilj mellan egenskaper och attribut för att optimera din kod.

Lås upp interaktiviteten i dina webbapplikationer genom att bemästra JavaScript-händelser. Förstå händelsepropagering, kontrollera händelsebeteende och implementera effektiv händelsehantering för användarinteraktioner. Optimera prestanda med avancerade tekniker som händelsedelegering.

Fördjupa dig i asynkron JavaScript, inklusive återanrop, löften och async/await. Lär dig att hämta data från API:er, integrera tredjepartsbibliotek och hantera flera förfrågningar effektivt, vilket bygger färdigheter för att skapa datadrivna applikationer.