Share
Teori er bra, men noen ganger er den beste måten å lære ved å dykke inn i et praktisk prosjekt. Så i denne artikkelen skal jeg gi deg en rask introduksjon til åtte kurs som er laget for å la deg lære ved å bygge ting selv - med omfattende veiledning underveis, selvfølgelig.
I disse kursene lærer du om ulike aspekter av webdesign, fra animasjon til brukergrensesnittdesign. Og enda bedre, du vil fullføre en rekke nyttige prosjekter, bygge alt fra menyer og skyveknapper til bildegallerier og varslingsfelt.
CSS Flexbox-modellen begynner å se mer utbredt bruk, og støttes nå i alle de store nettleserne. I dette kurset vil Craig Campbell bygge videre på CSS: Flexbox Essentials kurset, da han skisserer seks praktiske CSS-prosjekter for daglig bruk.
I dette kurset bruker du CSS3 til å fullføre ti branding og presentasjon prosjekter, fra et personlig visittkort til en PowerPoint-stil presentasjon. Disse prosjektene hjelper deg med å forstå noen av de nyeste designteknikkene CSS3 bringer til bordet. Kezz Bracey vil lede deg gjennom de ti prosjektene, og du vil bruke CodePen til å bygge hver enkelt.
I dette kurset skal du lage ti brukergrensesnitt og layoutprosjekter som hjelper deg med å lære noen av de fantastiske nye designteknikkene som CSS3 bringer til bordet. Du bruker CodePen-hver gang, instruktør Kezz Bracey vil be deg om å lage en kopi av basen "penn", hvoretter du kan følge med etter hvert som hun bygger sluttproduktet. Se videoen under for en liten forhåndsvisning av de ti prosjektene du skal gjøre.
Dagene med animasjonstunge nettsteder er fading, men det er fortsatt noe å si for et nettsted med små mengder subtile, iøynefallende bevegelser for å hjelpe brukerne til å tolke grensesnitt. I dette kurset vil Craig Campbell vise deg praktiske måter å lage animasjoner for knapper, prisbord og andre webelementer, ved hjelp av kortfattet CSS og jQuery å gjøre det.
GreenSock er et JavaScript-rammeverk som gjør det enkelt å animere HTML-elementer. I løpet av dette kurset vil du ta dine første skritt i å lære hvordan du bruker dette kraftige rammeverket. Så lenge du har en forståelse av HTML og CSS, sammen med en grunnleggende kunnskap om JavaScript, vil du være utstyrt med alt du trenger å følge med.
I dette kurset går du utover det grunnleggende ved GreenSock-animasjon, ettersom Craig tar deg med på en tur i plugins som leveres med GSAP.
I dette kurset vil Craig gå deg gjennom tre prosjekter hvor du lærer å lage programmatiske animasjoner, i virkelige scenarier, ved hjelp av GreenSock Animation Platform. Du lærer hvordan du oppretter en animert forhåndsinnlasting, en SVG-logo animasjon og et tilpasset innholdsregulator.
I denne Coffee Break Course vil Craig vise deg alt du trenger å vite for å komme raskt i gang med å lage animasjoner ved hjelp av CSS-overgangseiendommene. På bare ti minutter lærer du å lage bevegelse ved å bruke noe mer enn noen få CSS-egenskaper.
Du kan ta en av våre kurs med en gang med et abonnement på Envato Elements. For en enkelt månedlig avgift får du tilgang ikke bare til disse kursene, men også til vårt voksende bibliotek med over 1000 videokurser og bransjeledende e-bøker på Envato Tuts+.
I tillegg får du ubegrensede nedlastinger fra det store Envato Elements-biblioteket med 200.000 + bilder og 26.000 + designmateriell og maler. Lag med unike skrifttyper, bilder, grafikk og maler, og lever bedre bedre prosjekter raskere.
Accentsconagua