HTML5, CSS3 og responsive rammeverk

Omtrent alt vi ser på internett i dag, er bygget opp med HTML og CSS i en eller annen form. For å kunne utvikle gode nettsider, er det både nyttig og nødvendig å kjenne til noen av de mange ulike metodene som blir benyttet. I dette kurset tar vi for oss mange av de teknikkene som webutviklere benytter til daglig.

Duration
2 day(s)
Price
12 500
Instructor
Tore Dahl

Tore Dahl har vært ansatt i Bouvet siden januar 2007. Han er utdannet master i informatikk ved Universitetet i Oslo, og arbeider som utvikler i avdeling KO - Kundeopplevelser. Tore har tidligere arbeidet med applikasjonsutvikling hos SINTEF ved institutt for Anvendt Matematikk, men har de siste årene jobbet for Bouvet på portaler laget i Python og åpen kildekode. Han er i dag primært frontendutvikler med HTML, CSS og JavaScript som hovedarbeidsområde, og har også utviklet mobile applikasjoner.

Prerequsites

Ingen forkunnskaper nødvendig

Content

Omtrent alt vi ser på internett i dag, er bygget opp med HTML og CSS i en eller annen form. For å kunne utvikle gode nettsider, er det både nyttig og nødvendig å kjenne til noen av de mange ulike metodene som blir benyttet. I dette kurset tar vi for oss mange av de teknikkene som webutviklere benytter til daglig.

Dette kurset passer for personer som ønsker å lære grunnleggende HTML og CSS, samt få en innføring i hva som er nytt i HTML5 og CSS3.

Målgrupper

-Nybegynnere
-Utviklere som ønsker å oppdatere gammel kunnskap
-Designere og prosjektledere som ønsker litt mer teknisk innføring

Lærestoff

I kurset gjennomgår vi HTML og CSS fra det helt grunnleggende, til avanserte teknikker som er nyttig å kjenne til - enten du skal kode selv, eller kommunisere med utviklere. Underveis i kurset vil det bli gitt en rekke praktiske oppgaver som kursdeltagerne vil løse under veiledning.   

I løpet av de to dagene kurset var tar vi i bruk de vanligste HTML-elementene, fra de opprinnelige som fremdeles er i utstrakt bruk, til de nyeste som ble introdusert i HTML5. Vi ser på forskjeller mellom semantiske og ikke-semantiske elementer og på inline og block-elementer. Det vil bli gitt en innføring i hvordan man debugger kode ved hjelp av verktøy. Vi stiler HTML med CSS, og lærer å bruke ulike selektorer innført i CSS3. 

Vi ser på hvordan man kan lage responsive nettsider ved hjelp av Media Queries og hvordan vi tilpasser stiler for ulike skjermstørrelser og mobile enheter. Vi ser på enkle CSS-animasjoner  med transisjoner og transformasjoner.  Vi får en innføring i bruk av avanserte preprosessorer som SASS og LESS.  Vi ser på de reponsive rammeverkene Foundation og Bootstrap, og tar i bruk ett av dem. Vi ser på hvordan vi kan tilpasse nettsider til mobil, tablet og desktop ved hjelp av slike rammeverk. Avhengig av tilgjengelig tid ser vi også på absolutt posisjonering, floats og flexbox, web fonts og krav til universell utforming for webløsninger, samt helt nye egenskaper som CSS grids. 

Oppsummering

HTML5

              - gamle og nye HTML-elementer
              - semantisk HTML vs layout HTML
              - inline og block elementer
              - validering
              - debugging med Chrome inspector

 CSS3:

              - CSS selektorer
              - CSS hierarkiet
              - stiler
              - størrelser
              - responsivt design
              - posisjonering
              - transisjoner
              - flexbox
              - preprosessering: SASS og LESS
              - universell utforming
              - rammeverk: Bootstrap og Foundation
              - CSS grids