Web Developer from Zero to Hero

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 förståelse för de grundläggande principerna i React. Du kommer att lära dig om JSX (JavaScript XML), att bygga återanvändbara UI-komponenter och rendera element. Dessutom kommer du att utforska vikten av datainsamling och villkorlig rendering i React-applikationer. Efter denna sektion har du en solid grund i Reacts centrala koncept, vilket förbereder dig för mer avancerade ämnen i de kommande sektionerna.

Utforska olika metoder för att lägga till stilar i React-applikationer. Du kommer att lära dig hur man applicerar stilar på enskilda komponenter, använder dynamiska stilar och upprätthåller en skalbar och underhållbar stilhantering i dina projekt.

Kraftfulla funktioner inom modern React-utveckling. Hooks revolutionerar hur vi skriver funktionella komponenter genom att erbjuda ett koncist och intuitivt sätt att hantera tillstånd och utföra bieffekter. Context möjliggör delning av data genom komponentträdet utan prop-drilling. Kombinationen av hooks och Context möjliggör effektiv tillståndshantering och förenklad datadelning i React-applikationer.

Steg-för-steg-guide om hur du startar ett verkligt React-projekt. Från att konfigurera din utvecklingsmiljö till att förstå projektorganisation och viktiga verktyg får du kunskap och självförtroende att påbörja din React-resa.

Lär dig de teoretiska grunderna för begrepp som URL, domän, protokoll, frågeparametrar och mer. Förstå betydelsen av routing i webbapplikationer och varför vi behöver React Router-biblioteket.

Lär dig hur du skapar en komplett React-applikation från grunden, med möjlighet att visa innehåll som anpassas baserat på URL med hjälp av React Router-funktionalitet.

Utforska användning av frågesträngar för att dela och hantera applikationstillstånd via URL:er, arbeta med olika datatyper i frågeparametrar och utnyttja React Router för navigering och effekter baserade på URL-förändringar.