30 + Eye-Opening Web Utvikling Screencasts

Vi har alle følt den tåke som danner rundt øynene dine når du prøver å studere linjer og linjer med kode fra en skriftlig opplæring. Etter en time eller så blir øynene dine for svake for å fortsette å lese. Derfor er jeg en så stor fan av videoopplæringsprogrammer. Du kan lene deg tilbake og lære i ditt eget tempo. Jeg har samlet en liste over over tretti screencasts som er garantert å hjelpe deg.

jQuery for designere

  • Coda Slider Effect

    "Selv om Panic ikke virkelig fant ut effekten, er glideskiltene på Coda en god implementering av denne effekten. Denne artikkelen vil plukke ut brikkene som kreves for å skape effekten, og hvordan du kan forbedre den."

    Se demonstrasjonen

    Se på video

  • Image Cross Fade Transition

    "En hyppig forespørsel og forespørsel jeg mottar (og har meg selv) som utvikler, er:" Hvordan kan jeg forsvinne ett bilde til et annet? ". Spesielt trengte Nathan Wrigley fra pictureandword.com et metoden ett bilde i en annen musekast over, og langsomt fade tilbake når musen har forlatt. "

    Se demonstrasjonen

    Se på video

  • Bildeinnlasting

    "Denne opplæringen viser hvordan du legger bilder i bakgrunnen, og en gang lastet håndterer hendelsen og lag ditt eget svar."

    Se demonstrasjonen

    Se på video

  • jQuery-faner

    "For denne opplæringen har jeg opprettet to screencasts som viser hvordan du raskt kan bruke et dash of jQuery til forskjellige oppsett av markup, som hvis markeringen er godt utformet, vil den automatisk nedbrytes pent uten JavaScript aktivert."

    Se demonstrasjonen

    Se på video


CSS-triks

  • Utforming for WordPress: Del 1

    "WordPress er et enormt populært CMS for blogging. Bloggdelen av CSS-Tricks kjøres på WordPress, og jeg er veldig fornøyd med det. Ved populær forespørsel skal vi gå gjennom å designe for WordPress."

    Se på video

  • Konvertere en Photoshop Mockup

    I denne tredelte serien vil Chris vise deg nøyaktig hvordan du konverterer en psd til html. Denne serien er sterkt anbefalt for de som bare kommer inn i feltet.

    Se på video

  • Utforming av en unik side for Twitter-oppdateringer

    "Jeg tar deg gjennom etableringen av en enkel nettside for å vise de siste" Tweets "fra Twitter fra start til slutt. Dette dekker designen i Photoshop, for å inkludere JavaScript-innholdene fra Twitter til merkingen, til CSS til stil siden."

    Se på video

  • Introduksjon til Google Analytics

    "Google Analytics er en gratis tjeneste for å spore all slags informasjon om de besøkende på nettstedet ditt. Jeg har nylig hatt en merkelig opplevelse med Analytics på CSS-Tricks, så jeg trodde det ville være en god tid å introdusere det til folk som kanskje vet ikke mye om det og deler også den opplevelsen. "

    Se på video

  • Google Søk etter nettstedet ditt

    "Integrerende søk på et nettsted kan være et utrolig komplekst emne som ligger langt utover mine webutviklingsferdigheter. Heldigvis tilbyr Google en tjeneste som heter" Custom Search Engine ", som du kan integrere direkte inn i ditt eget nettsted. Dette utnytter Googles fantastiske søkekraft, og det kan alt skje direkte på ditt eget nettsted! "

    Se på video


NETTUTS

  • Slik lager du miniatyrbilder dynamisk

    "I denne ukes skjermbildet viser jeg deg hvordan du laster opp filer, og da har PHP dynamisk opprettet et miniatyrbilde. Uansett om du bygger et e-handelsnettsted, eller bare et enkelt galleri, vil disse teknikkene absolutt være nyttige."

    Se på video

  • Slik konverterer du en PSD til XHTML

    "Jeg fortsetter å bli overrasket over hvor bra Collis '" Build a Sleek Portfolio Site From Scratch "-tutorial fortsetter å utføre. Det har vært måneder, men det stiller fortsatt sterke numre hver uke. I betraktning bestemte jeg meg for å lage en skjermbilde som viser deg nøyaktig hvordan du konverterer en PSD til perfekt XHTML / CSS. "

    Se på video

  • Opprett et fotoadministratorsted ved hjelp av PHP og jQuery

    "Vi henter bilder fra en database, lager et enkelt innloggingsskjema med autentisering, og vil da tillate at databasen vår blir asynkront oppdatert. Det høres bra ut? Hvis det er tilfelle, la oss komme inn på det."

    Se på video

  • Slik leser du et RSS-feed med PHP

    "I dagens videoopplæring viser jeg deg nøyaktig hvordan du gjør dette ved hjelp av PHP. I omtrent femti minutter kan du ta en rask" pre-screencast boblebad ".

    Se på video

  • Slik søker du et nettsted ved hjelp av ASP.NET 3.5

    "I denne skjermbildet viser jeg deg hvordan du implementerer en enkel søkefunksjonalitet i ditt personlige nettsted. Vi går over mange av de nye funksjonene i ASP.NET 3.5, som LINQ og mange av AJAX-kontrollene som leveres med Visual Studio / Web Developer. "

    Se på video


SampsonVideos

  • Egendefinerte PHP-funksjoner

    "Funksjoner er små kodestykker som kan behandle informasjon, oppdatere databaser, email venner eller skrive ut data til skjermen. PHP kommer ut av esken med hundrevis av flotte funksjoner til å begynne med, men i denne videoen vil vi lage noen av våre egen!"

    Se på video

  • PHP betingede uttalelser

    "I denne videoen vil vi dekke vanlige bruksområder som om, om ikke annet, bytte osv."

    Se på video

  • Cookies i PHP

    "Cookies brukes til å vedvare informasjon over lengre tidsperioder. Vanlige bruksområder inneholder ting som" husk meg "-knapper på ofte besøkte nettsteder, eller kanskje sette inn ditt foretrukne språk på en internasjonal nettside."

    Se på video


ASP.NET

  • Hvordan gjør jeg: LINQ til SQL: Oversikt

    "Nye språkfunksjoner for C # og VB støtter datatilgang direkte fra kode, uten å skrive SQL. Denne videoen viser de minste trinnene for å bruke LINQ (Language Integrated Query) for å spørre, oppdatere, legge til og slette rader fra Northwind-databasen."

    Se på video

  • Hvordan begynner jeg: Komme i gang med ASP.NET AJAX?

    "Merk at ASP.NET AJAX er inkludert som en del av .NET 3.5, så installasjonsdelen av denne videoen er bare relevant hvis du bruker .NET FX 2.0."

    Se på video

  • Sikre ditt nettsted med medlemsskap og innloggingskontroller

    "I denne leksjonen vil du utforske de nye medlemskapskapasiteten til ASP.NET 2.0. I tillegg vil du lære om rollebasert sikkerhet, og hvordan du kan bruke roller for å kontrollere tilgangen til ditt nettsted."

    Se på video

  • Lær tips og triks av eksperter

    "Se tips og triks, inkludert kryptering av sensitiv informasjon som er lagret i web.config-filen, legger inn innhold på en annen side, forenkler komplekse nettadresser ved hjelp av URL-remapping og mye, mye mer."

    Se på video


ThemeForest.net

  • jQuery for Absolute Beginners - Series

    "Jeg lanserer en daglig videoserie som lærer deg nøyaktig hvordan du bruker jQuery-biblioteket i dine egne prosjekter. Vi starter med å laste ned rammen, lage vår første funksjon, undersøke syntaks og mer. Hver dag, jeg Jeg legger inn en fem-ti minutters "treningsplan" som utvides på det du allerede har lært. "

    Se på video

  • En Crash-Course i Regular Expressions

    "Til en nybegynner webutvikler ser regelmessige uttrykk ut som den mest skummelt tingen på planeten. Hvem kan muligens demontere en slik blokk kode og dechifrere sin mening? Heldigvis er barken mye verre enn bitt. Du finner det raskt Vanlige uttrykk er ganske rett frem og lett å forstå - når du lærer syntaksen. "

    Se på video

  • Slik oppretter du et kontaktskjema ved hjelp av PHP og AJAX

    "Jeg la merke til en tråd på forumene som diskuterte nøyaktig hvordan å implementere et kontaktskjema til en nettsamliste. Så jeg tenkte til meg selv," Hvilken bedre måte å demonstrere prosessen enn med en screencast! ""

    Se på video


Killer Sites

  • Installere WordPress

    "Jeg har lagt videoene mine der munnen min er, og laget en serie videoopplæringsprogrammer på Wordpress. Jeg håper du finner dem nyttige."

    Se på video

  • Hvorfor lære Objektorientert PHP

    "Folk blir forvirret når de programmeres på grunn av manglende forståelse av det grunnleggende. Med dette i tankene vil vi sakte gå over viktige OOP-prinsipper mens du lager våre egne PHP-objekter. Med denne kunnskapen vil du kunne utforske OOP lengre."

    Se på video


Ruby on Rails

  • Opprette en weblog på 15 minutter

    "På 15 minutter går vi fra bunnen til å fullføre weblogmotor: med kommentarer og et administrativt grensesnitt. Men siden den faktiske søknaden bare tok 58 linjer for å fullføre, har vi også tid til å gjøre enhetstesting, undersøke loggene og spille rundt med domenemodellen. "

    Se på video

  • Putting Flickr on Rails

    "Ruby on Rails er ikke bare for å spille med din lokale database, det er for å ta på nettet. Så på 5 minutter oppretter vi en nettbasert søkemotor for Flickr ved hjelp av deres offentlige API med alle fades og glamour av Ajax."

    Se på video

  • Utvikle databaseskemaet uten svette

    "Før du vet det, har du data som du bryr deg om i søknaden din. Som gjør det mulig å legge til, fjerne eller endre skjemaet, er en feilkrevende, tidkrevende og frustrerende prosess. Det vil si, med mindre du bruker Ruby on Rails. I løpet av 20 minutter lærer du alt om hvordan databasemigrasjoner kan gjøre skjemaet ditt så fleksibelt som koden din uten frykt for tap av data. "

    Se på video


Django

  • Django fra bakken opp

    "Django From the Ground Up er en serie screencasts som går gjennom hele prosessen med å bygge et webapplikasjon med Django."

    Se på video

  • Sette opp et Django Development Environment

    "I denne episoden viser jeg en enkel måte å sette opp et Django utviklingsmiljø. Det dekker å installere Django, installere en gjenbrukbar applikasjon og sette opp en personlig verktøykasse av verktøy."

    Se på video

PSDTUTS

  • Web 2.0-bunntekst i Photoshop

    "Siden Web 2.0 har slått på Internett, har footers blitt viktigere enn noensinne, og det har vært noe flott arbeid som er gjort nede. I denne opplæringen vil jeg vise deg hvordan du lager en slank, seriøs sidefot i Photoshop - Daniel Lopes"

    Se på video


Noen som jeg savnet?

  • Abonner på NETTUTS RSS-feed for flere daglige webutviklinger og artikler.