Grundläggande handledning HTML, CSS och JavaScript

Välkommen till kursen!

För att förstå HTML bättre är det till hjälp att förstå exakt vad HTML egentligen är. Denna lektion behandlar just denna fråga.

Den avgörande frågan när du precis börjar: Hur skapas, visas eller ändras HTML-dokument? I den här videon hittar du svaret.

Grundläggande för HTML-dokument är så kallade taggar. Du kommer lära dig detta koncept i den här lektionen.

HTML-dokument består av en huvudsektion med information om dokumentet och det synliga innehållet. I den här lektionen handlar det först om huvudsektionen (head).

De faktiska innehållen placeras i body-området. Denna grundläggande uppdelning måste du ha förstått noga. Denna lektion är därför obligatorisk i alla fall!

Just stora dokument gynnas av kommentarer som inte visas på själva webbplatsen. De kan göra koden mer överskådlig och dokumentera. Lär dig att skapa dem.

På webben stöter du ständigt på sökvägar - i två varianter: som relativ eller absolut sökväg. Kolla på den här lektionen för att förstå konceptet.

Hänvisningar inom en webbplats är extremt vanliga. Implementeringen hittar du i det här inlägget.

Hänvisningar till andra webbplatser är lika viktiga och är också en del av vardagen på internet. Dessutom finns det en specifikation med "target" om hur länkarna ska öppnas. Lär dig hur du implementerar det.

Hänvisningar inom ett dokument kallas också för ankar. Lär dig att placera dem och hänvisa till områden på den aktuella sidan.

Till en hierarkisk struktur hör bland annat rubriker. Här lär du dig känna de tillgängliga elementen.

Mellanslag och radbrytningar i HTML-dokument är viktiga. Det är viktigt att du känner till detta koncept.

I en text spelar stycken en viktig roll. Här lär du dig att ställa in dem.

Just på webben måste texter vara överskådliga. Listor hjälper betraktaren att snabbt skumläsa. Därför är lektionen om ordnade och oregerade listor absolut nödvändig.

Tabeller är enormt viktiga för att strukturera data i tabellformat. Här lär du dig grunderna.

En webb utan bilder är otänkbar. Här lär du dig hur du infogar bilder.

Lär dig att inkludera specialtecken som HTML-entiteter i dina dokument.

Med iframes kan du bädda in andra webbsidor direkt på din webbplats.

JavaScripts inkluderas i HTML-dokument. Här lär du dig hur man gör det.

I den första HTML-övningen handlar det om textformatering och att placera rubriker.

Här skapar du ett recept som HTML-dokument och använder grundläggande HTML-element.

Kunskapen om tabeller tillämpas nu här i praktiken.

Lär dig konceptet med Cascading Style Sheets.

Lär dig att tilldela CSS-anvisningar direkt till elementen.

Intern stilmall är ett annat sätt att lägga till instruktioner direkt i dokumentet.

En mycket vanlig företeelse: stylesheetsen flyttas till externa filer och inkluderas.

För styling är attributen "class" och "id" extremt viktiga. Lär känna dem här.

Just nu spelar container en viktig roll när man arbetar med CSS. Här lär du dig konceptet genom exemplet med div-taggen.

Med float-attributet kan element placeras på olika sätt. En central del av designen. Obligatorisk lektion!

Också position-attributen är extremt viktigt och bör finnas med i varje CSS-utbildningsplan.

Lär dig de olika termerna för avstånd ("padding" och "margin").

Bredd och höjd (height och width) är ämnen i den här lektionen.

HTML-element kan visas med en ram. Där finns attributet border, som du kommer att lära känna i den här videon.

Olika typsnittsstorlekar har alla använt någon gång. Efter den här lektionen kan du ställa in dem med CSS.

Typsnitt är inte alltid tillgängliga på varje dator. Därför definieras i stället typsnittsfamiljer på webben. Lär dig i den här videon hur det fungerar.

Grundlagen av textformatering: fet, kursiv och understruken text. I den här lektionen presenterar jag CSS-reglerna för dig.

Textjustering är också känt från textbehandling och är inte ovanligt på webben. Ta reda på hur det fungerar med CSS.

Standarddesignet av länkar kan förbättras avsevärt med hjälp av CSS. Lär dig de olika tillstånden av länkar och de motsvarande CSS-instruktionerna.

En kort översikt över frågan: "Vad är JavaScript egentligen?

I denna snabbinlärning lägger du in JavaScript i ett HTML-dokument. Först lär du dig att göra detta direkt i dokumentet.

Extern JavaScript är också viktigt och ständigt närvarande på webben.

Lär känna "Document Object Model".

Du behöver inte skicka data på det sättet i TVML/TVJS, men det är ändå viktigt för de kommande exemplen.

En väsentlig funktion av JavaScript är styrningen genom händelser. Här lär du dig konceptet med hjälp av klickhändelser.

Lär dig hur du kan komma åt element och ändra värdet.

Variabler - ett centralt begrepp i varje programmeringsspråk. Här lär du dig hur de skapas i JavaScript.

Även om JavaScript inte använder explicita datatyper vid deklarationen, bör du ändå förstå konceptet.

En dator (på tyska kallas det "Rechner") kan inte beräkna något utan enkel aritmetik. JavaScript kan naturligtvis också göra det.

Oavsett om du inte använder dem direkt själv, kommer du ofta att stöta på sammansatta/kombinerade tilldelningar i praktiken. Bra om du kan läsa syntaxen!

Utan villkor är programmering bara svårt att tänka sig.

Också begreppet upprepning är enormt viktigt. Här lär du dig en variant i JavaScript.

Också while-loopar har sin användning. Bra om du också känner till dem.

Funktionerna kommer du också att använda i TVJS. Ett viktigt koncept som du behöver förstå.

För att kunna navigera dig på ett smart sätt i koden måste du känna till JavaScripts omfång (scopes).

Här handlar det igen och lite mer i detalj om evenemang.

Strängar möter dig förmodligen i varje app. De bör därför absolut inkluderas i en snabbkurs.

Ämnen som slumpmässiga tal och andra avancerade beräkningar är också viktiga.

Också arrays kommer säkerligen att dyka upp för dig i JavaScript- och TVJS-miljön. Bra om du känner till dem.

Också i TVJS används objekt. Så du borde känna till åtminstone JavaScript-implementationen.

Egenskaper hör till objektorientering och bör i grunden förstås.

Också metoder är viktiga och du kommer att stöta på dem oftare i TVJS-exemplen.