30+ Screencast-uri de Dezvoltare Web Eye-Opening

Am simțit cu toții acea ceață care se formează în jurul ochilor dvs. atunci când încercați să studiați linii și linii de cod dintr-un tutorial scris. După aproximativ o oră, ochii tăi devin prea slabi pentru a continua să citești. De aceea sunt un mare fan al tutorialelor video. Puteți să vă relaxați și să învățați în propriul ritm. Am compilat o listă cu peste treizeci de sesiuni care sunt garantate că vă vor ajuta.

jQuery pentru designeri

  • Coda Slider Effect

    "Deși Panic nu a inventat cu adevărat efectul, panourile glisante de pe Coda sunt o mare implementare a acestui efect. Acest articol va alege piesele necesare pentru a crea efectul și cum să-l îmbunătățească".

    Vizualizați demonstrația

    Vizionați videoclipul

  • Tranziția trecătoare a imaginii

    "O întrebare frecventă și o solicitare pe care o primesc (și o am pe mine în calitate de dezvoltator) este:" cum pot să estompez o imagine în alta? ". În special, Nathan Wrigley de la pictureandword.com, avea nevoie de o metodă într- peste, și încet încet înapoi după ce mouse-ul a plecat. "

    Vizualizați demonstrația

    Vizionați videoclipul

  • Încărcarea imaginilor

    "Acest tutorial va arăta cum să încărcați imagini în fundal și, odată încărcat, să gestionați evenimentul și să creați propriul răspuns."

    Vizualizați demonstrația

    Vizionați videoclipul

  • jQuery Tabs

    "Pentru acest tutorial am creat două scenarii care demonstrează cum să aplici rapid o margine de jQuery la diferite machete ale marcajului, care, dacă marcajul este bine proiectat, se va degrada în mod automat frumos fără activarea JavaScript".

    Vizualizați demonstrația

    Vizionați videoclipul


CSS-trucuri

  • Proiectarea pentru WordPress: Partea 1

    "WordPress este un CMS extrem de popular pentru blogging." CSS-Tricks se ocupa de WordPress si sunt foarte multumit de aceasta.

    Vizionați videoclipul

  • Conversia unui machet Photoshop

    În această serie cu trei părți, Chris vă va arăta exact cum să convertiți un psd în html. Această serie este recomandată pentru cei care intră pe teren.

    Vizionați videoclipul

  • Proiectarea unei pagini unice pentru actualizările Twitter

    "Vă duc prin crearea unei pagini web simple pentru a vă afișa ultimele Tweets de pe Twitter de la început până la sfârșit. Acesta acoperă designul din Photoshop, inclusiv javascript-ul oferit de Twitter pentru markup, stilul CSS în stil pagina."

    Vizionați videoclipul

  • Introducere în Google Analytics

    "Google Analytics este un serviciu gratuit pentru a urmări tot felul de informații despre vizitatori pe site-ul dvs. Recent am avut o experiență ciudată cu Google Analytics pe CSS-Tricks, așa că am crezut că ar fi un moment potrivit pentru a le prezenta celor care ar putea nu știu prea multe despre el și, de asemenea, împărtășesc această experiență. "

    Vizionați videoclipul

  • Căutare Google pentru site-ul dvs.

    "Integrarea căutării pe un site web poate fi un subiect incredibil de complex, cu mult peste competențele mele de dezvoltare web. Din fericire, Google oferă un serviciu numit" Motor de căutare personalizat "pe care îl puteți integra chiar în propriul site. se pot întâmpla toate direct pe site-ul dvs.! "

    Vizionați videoclipul


NETTUTS

  • Cum să creați dinamic miniaturi

    "În această sesiune de săptămâni, vă voi arăta cum să încărcați fișierele și apoi să creați în mod dinamic o miniatură din PHP. Fie că construiți un site de comerț electronic, fie doar o galerie simplă, aceste tehnici se vor dovedi absolut utile".

    Vizionați videoclipul

  • Cum se convertesc un PSD la XHTML

    "Continuă să fiu uimită de cât de bine este un tutorial al lui Collis" Construiește un site elegant din portofoliu de la zero ", care a fost luni, dar totuși înregistrează numere puternice în fiecare săptămână. exact cum să convertiți un PSD în XHTML / CSS perfect. "

    Vizionați videoclipul

  • Creați un site Admin Foto utilizând PHP și jQuery

    "Vom extrage imagini dintr-o bază de date, creând un simplu formular de autentificare cu autentificare și apoi vom permite ca baza noastră de date să fie actualizată asincron, sună bine? Dacă da, hai să intrăm în ea".

    Vizionați videoclipul

  • Cum să citești un flux RSS cu PHP

    "În tutorialul video de astăzi, vă voi arăta exact cum să faceți acest lucru folosind PHP. La aproximativ patruzeci și cinci de minute în lungime, ați putea dori să faceți o scurtă pauză de baie pre-ecranată".

    Vizionați videoclipul

  • Cum de a căuta un site folosind ASP.NET 3.5

    "În această interfață, vă vom arăta cum să implementați o funcționalitate de căutare simplă în site-ul dvs. personal. Vom trece peste multe dintre noile caracteristici din ASP.NET 3.5, cum ar fi LINQ și multe dintre controalele AJAX livrate cu Visual Studio / Web Developer. "

    Vizionați videoclipul


SampsonVideos

  • Funcții personalizate PHP

    "Funcțiile sunt fragmente mici de cod care pot procesa informații, actualiza baze de date, trimit prietenii prin e-mail sau pot imprima date pe ecran. PHP iese din cutie cu sute de funcții excelente pentru început, dar în acest videoclip vom face unele dintre propriu!“

    Vizionați videoclipul

  • Declarații condiționale PHP

    "În acest videoclip vom acoperi declarațiile utilizate în mod obișnuit, cum ar fi dacă, dacă altceva, comutați etc."

    Vizionați videoclipul

  • Cookies în PHP

    "Cookie-urile sunt utilizate pentru a persista informații pe perioade lungi de timp. Utilizările uzuale conțin lucruri cum ar fi butoanele" amintesc-mă "de pe site-urile vizitate frecvent sau poate setarea limbii preferate pe un site internațional.

    Vizionați videoclipul


ASP.NET

  • Cum fac: LINQ to SQL: Prezentare generală

    "Noi caracteristici lingvistice pentru C # și VB suportă accesul la date direct din cod, fără a scrie SQL. Acest video arată pașii minuțioși pentru a utiliza LINQ (interogare integrată a limbii) pentru interogarea, actualizarea, adăugarea și ștergerea rândurilor din baza de date Northwind.

    Vizionați videoclipul

  • Cum pot face asta: Începeți cu ASP.NET AJAX?

    "Rețineți că ASP.NET AJAX este inclus ca parte a .NET 3.5, astfel încât partea de instalare a acestui videoclip este relevantă numai dacă utilizați .NET FX 2.0."

    Vizionați videoclipul

  • Securizarea site-ului Web cu comenzi de membru și conectare

    "În această lecție, veți explora noile capacități de membru ale ASP.NET 2.0. În plus, veți afla despre securitatea bazată pe roluri și modul în care puteți utiliza rolurile pentru a controla accesul la site-ul dvs. Web".

    Vizionați videoclipul

  • Aflați sfaturile și trucurile experților

    "Vizualizați sfaturile și trucurile, inclusiv criptarea informațiilor delicate stocate în fișierul web.config, încărcarea conținutului într-o altă pagină, simplificarea adreselor URL complexe utilizând redimensionarea adreselor URL și multe altele".

    Vizionați videoclipul


ThemeForest.net

  • jQuery pentru începători absolut - Seria

    "Am lansat o serie de filme de zi cu zi, care vă vor învăța PRECIS cum să utilizați biblioteca jQuery în proiectele dvs. Începeți prin descărcarea cadrului, creând prima noastră funcție, examinând sintaxa și multe altele. veți posta un "regim de antrenament" de cinci zece minute care se va extinde pe ceea ce ați învățat deja. "

    Vizionați videoclipul

  • Un curs de crash în expresii regulate

    "Pentru un dezvoltator de web novice, expresiile regulate par a fi cel mai înfricoșător lucru pe planetă, care ar putea să dezmembreze un astfel de bloc de cod și să-i descifreze sensul? Din fericire, coaja lui este mult mai rea decât mușca. expresiile regulate sunt destul de simple și ușor de înțeles - odată ce ați învățat sintaxa. "

    Vizionați videoclipul

  • Cum se creează un formular de contact utilizând PHP și AJAX

    "Am observat un fir pe forum care a discutat exact cum să pună în aplicare un formular de contact de lucru într-un șablon de site-ul. Deci, m-am gândit la mine," Ce modalitate mai bună de a demonstra procesul decât cu un screencast!

    Vizionați videoclipul


Site-uri ucigase

  • Instalarea WordPress

    "Mi-am pus videoclipurile acolo unde sunt gura mea și am creat un lot de tutoriale video pe Wordpress. Sper că le veți găsi utile".

    Vizionați videoclipul

  • De ce să învățați PHP orientat pe obiecte

    "Oamenii se confruntă cu confuzie atunci când se programează din cauza lipsei de înțelegere a noțiunilor de bază.În acest sens, vom trece încet peste principiile OOP cheie în timp ce ne creăm propriile noastre obiecte PHP.Cu aceste cunoștințe veți putea explora OOP mai departe."

    Vizionați videoclipul


Ruby on Rails

  • Crearea unui blog Web în 15 minute

    "În 15 minute, mergem de la zero la motorul weblog complet: cu comentarii și o interfață administrativă. Dar, deoarece aplicația reală a luat doar 58 de linii pentru a finaliza, avem de asemenea timpul să facem testarea unității, să examinăm jurnalele și să jucăm în jurul cu modelul de domeniu. "

    Vizionați videoclipul

  • Punerea Flickr pe șine

    "Ruby on Rails nu este doar pentru a vă juca cu baza de date locală, ci pentru a lua pe web. Deci, în 5 minute, vom crea un motor de căutare bazat pe web pentru Flickr, folosind API-ul public cu toate decolorările și strălucirea lui Ajax".

    Vizionați videoclipul

  • Dezvoltarea schemelor de baze de date fără a fi nevoie de o transpirație

    "Înainte de a ști, veți avea date care vă interesează în aplicația dvs. Ceea ce face ca adăugarea, eliminarea sau modificarea schemei să fie o problemă cu greșeli, consumatoare de timp și frustrant, adică dacă nu utilizați Ruby on Rails.În 20 de minute, veți afla totul despre modul în care migrarea bazelor de date poate face ca schema dvs. să fie la fel de flexibilă ca și codul dvs., fără teamă de pierderea datelor. "

    Vizionați videoclipul


Django

  • Django de la sol

    "Django De la Ground Up este o serie de screencast-uri care parcurg întregul proces de construire a unei aplicații web cu Django".

    Vizionați videoclipul

  • Configurarea unui mediu de dezvoltare Django

    "În acest episod am arătat o modalitate simplă de a crea un mediu de dezvoltare Django. Acesta acoperă instalarea Django, instalarea unei aplicații reutilizabile și crearea unui set de instrumente personale pentru utilități".

    Vizionați videoclipul

PSDTUTS

  • Web 2.0 Footer în Photoshop

    "Din moment ce Web 2.0 a lovit pe internet, subsolurile au devenit mai importante decât oricând și au fost făcute niște lucruri minunate făcute la parter. În acest tutorial vă voi arăta cum să creați un footer de site elegant în Photoshop - Daniel Lopes"

    Vizionați videoclipul


Orice am pierdut?

  • Abonați-vă la fluxul RSS NETTUTS pentru mai multe tutori și articole zilnice de dezvoltare web.


Cod