Screencast di sviluppo Web di più di 30 anni

Abbiamo tutti sentito quella foschia che si forma attorno agli occhi quando stai provando a studiare linee e linee di codice da un tutorial scritto. Dopo circa un'ora, i tuoi occhi diventano semplicemente troppo indeboliti per continuare a leggere. Ecco perché sono un grande fan dei tutorial video. Puoi sederti e imparare al tuo ritmo. Ho compilato una lista di oltre trenta screencast che sono garantiti per aiutarti.

jQuery per designer

  • Coda Slider Effect

    "Sebbene Panic non abbia davvero inventato l'effetto, i pannelli scorrevoli sul Coda sono una grande implementazione di questo effetto.Questo articolo selezionerà i pezzi necessari per creare l'effetto e come migliorarlo."

    Guarda la demo

    Guarda un video

  • Immagine Cross Fade Transition

    "Una query frequente e una richiesta che ricevo (e ho me stesso) come sviluppatore è:" come posso sfumare un'immagine in un'altra? "In particolare, Nathan Wrigley di pictureandword.com, aveva bisogno di un metodo un'immagine in un altro mouse. finita, e lentamente svanisce quando il mouse è uscito. "

    Guarda la demo

    Guarda un video

  • Caricamento immagine

    "Questo tutorial mostrerà come caricare le immagini in background, e una volta caricato gestirà l'evento e creerà la tua risposta."

    Guarda la demo

    Guarda un video

  • Schede jQuery

    "Per questo tutorial ho creato due screencast che dimostrano come applicare rapidamente un trattino di jQuery a diversi layout di markup, che, se il markup è ben progettato, si degraderà automaticamente senza JavaScript abilitato."

    Guarda la demo

    Guarda un video


CSS-Tricks

  • Progettare per WordPress: parte 1

    "WordPress è un CMS estremamente popolare per il blogging, la sezione blog di CSS-Tricks è gestita su WordPress e sono molto soddisfatta di esso. A richiesta popolare, passeremo attraverso la progettazione di WordPress."

    Guarda un video

  • Conversione di un modello di Photoshop

    In questa serie in tre parti, Chris ti mostrerà esattamente come convertire un file psd in html. Questa serie è fortemente raccomandata per coloro che stanno appena entrando in campo.

    Guarda un video

  • Progettare una pagina unica per gli aggiornamenti di Twitter

    "Ti guiderò attraverso la creazione di una semplice pagina web per mostrare i tuoi recenti" tweet "da Twitter dall'inizio alla fine.Questo copre il design in Photoshop, includendo le cose javascript fornite da Twitter al markup, al CSS per lo stile la pagina."

    Guarda un video

  • Introduzione a Google Analytics

    "Google Analytics è un servizio gratuito per monitorare tutti i tipi di informazioni sui visitatori del tuo sito Web. Recentemente ho avuto un'esperienza strana con Analytics su CSS-Tricks, quindi ho pensato che sarebbe stato un buon momento per presentarlo a persone che potrebbero Non ne so già molto e condivido questa esperienza. "

    Guarda un video

  • Ricerca Google per il tuo sito

    "Integrare la ricerca su un sito Web può essere un argomento incredibilmente complesso che va ben oltre le mie capacità di sviluppo Web. Fortunatamente, Google offre un servizio chiamato" Motore di ricerca personalizzato "che puoi integrare direttamente nel tuo sito. possono accadere tutti direttamente sul tuo sito web! "

    Guarda un video


Nettuts

  • Come creare dinamicamente le miniature

    "Durante lo screencast di questa settimana, ti mostrerò come caricare i file e poi fare in modo che PHP crei dinamicamente una miniatura. Sia che tu stia costruendo un sito di e-commerce, o semplicemente una semplice galleria, queste tecniche si dimostreranno assolutamente utili."

    Guarda un video

  • Come convertire un PSD in XHTML

    "Continuo a essere stupito da come il tutorial di Collis" Build a Sleek Portfolio Site From Scratch "continui ad esibirsi. Sono passati mesi, ma registra ancora numeri forti ogni settimana. Considerando questo fatto, ho deciso di creare uno screencast che ti mostri esattamente come convertire un PSD in perfetto XHTML / CSS. "

    Guarda un video

  • Creare un sito di amministrazione foto utilizzando PHP e jQuery

    "Ritireremo le immagini da un database, creando un semplice modulo di accesso con autenticazione, e consentiremo quindi che il nostro database sia aggiornato in modo asincrono. Sembra buono? Se è così, entriamoci dentro".

    Guarda un video

  • Come leggere un feed RSS con PHP

    "Nel video tutorial di oggi, ti mostrerò esattamente come farlo utilizzando PHP. A circa quarantacinque minuti di lunghezza, potresti voler fare una breve" pausa per il bagno pre-screencast ".

    Guarda un video

  • Come cercare un sito Web utilizzando ASP.NET 3.5

    "In questo screencast, ti mostrerò come implementare una semplice funzionalità di ricerca nel tuo sito Web personale. Troverà molte delle nuove funzionalità in ASP.NET 3.5, come LINQ e molti dei controlli AJAX forniti con Visual Studio / Web Developer. "

    Guarda un video


SampsonVideos

  • Funzioni PHP personalizzate

    "Le funzioni sono piccoli frammenti di codice che possono elaborare informazioni, aggiornare database, inviare messaggi di posta elettronica agli amici o stampare dati sullo schermo. Il PHP viene fornito immediatamente con centinaia di grandi funzioni, ma in questo video creeremo alcuni dei nostri proprio!"

    Guarda un video

  • Dichiarazioni condizionali PHP

    "In questo video tratteremo di affermazioni di uso comune come if, if else, switch, ecc."

    Guarda un video

  • Cookie in PHP

    "I cookie vengono utilizzati per conservare informazioni per lunghi periodi di tempo, mentre gli usi comuni contengono elementi come" ricordami "sui siti web visitati spesso, o magari impostando la tua lingua preferita su un sito web internazionale."

    Guarda un video


ASP.NET

  • Come faccio: LINQ to SQL: panoramica

    "Nuove funzionalità linguistiche per C # e VB supportano l'accesso ai dati direttamente dal codice, senza scrivere SQL Questo video mostra i passaggi minimi per utilizzare LINQ (Language Integrated Query) per interrogare, aggiornare, aggiungere ed eliminare righe dal database Northwind."

    Guarda un video

  • Come faccio: iniziare con ASP.NET AJAX?

    "Si noti che ASP.NET AJAX è incluso come parte di .NET 3.5, quindi la parte di installazione di questo video è rilevante solo se si utilizza .NET FX 2.0."

    Guarda un video

  • Proteggere il tuo sito Web con i controlli di accesso e di iscrizione

    "In questa lezione, esplorerai le nuove funzionalità di appartenenza di ASP.NET 2.0, oltre a conoscere la sicurezza basata sui ruoli e come utilizzare i ruoli per controllare l'accesso al tuo sito web."

    Guarda un video

  • Impara i consigli e i trucchi degli esperti

    "Visualizza suggerimenti e trucchi, tra cui la crittografia delle informazioni sensibili memorizzate nel file web.config, la pubblicazione di contenuti in una pagina diversa, la semplificazione di URL complessi mediante la rimappatura degli URL e molto altro ancora."

    Guarda un video


ThemeForest.net

  • jQuery for Absolute Beginners - Series

    "Sto lanciando una serie di video giornalieri che ti insegneranno PRECISAMENTE come usare la libreria jQuery nei tuoi progetti, partendo dal download del framework, creando la nostra prima funzione, esaminando la sintassi e altro ancora. pubblicheremo un "regime di allenamento" di cinque-dieci minuti che espande ciò che hai già imparato. "

    Guarda un video

  • Un corso accelerato in espressioni regolari

    "Per uno sviluppatore web novizio, le espressioni regolari sembrano la cosa più spaventosa del pianeta: chi potrebbe forse smantellare un tale blocco di codice e decifrarne il significato? Fortunatamente, la sua corteccia è molto peggiore del suo morso. le espressioni regolari sono piuttosto semplici e facili da capire - una volta imparata la sintassi. "

    Guarda un video

  • Come creare un modulo di contatto utilizzando PHP e AJAX

    "Ho notato una discussione sui forum che ha discusso esattamente su come implementare un modulo di contatto funzionante in un modello di sito. Così ho pensato a me stesso," quale modo migliore per dimostrare il processo rispetto a uno screencast! ""

    Guarda un video


Siti Killer

  • Installazione di WordPress

    "Ho messo i miei video dove sono le mie labbra e ho creato una serie di tutorial video su Wordpress. Spero che li troverai utili".

    Guarda un video

  • Perché imparare PHP orientato agli oggetti

    "Le persone incontrano confusione durante la programmazione a causa di una mancanza di comprensione delle nozioni di base: con questo in mente, esamineremo lentamente i principi OOP chiave mentre creiamo i nostri oggetti PHP. Con questa conoscenza, sarai in grado di esplorare OOP ulteriore."

    Guarda un video


Ruby on Rails

  • Creazione di un weblog in 15 minuti

    "In 15 minuti, partiamo da zero per completare il motore del weblog: con commenti e un'interfaccia amministrativa, ma dal momento che l'effettiva applicazione ha richiesto solo 58 righe per completare, abbiamo anche del tempo per testare le unità, esaminare i log e giocare in giro con il modello di dominio. "

    Guarda un video

  • Mettendo Flickr su Rails

    "Ruby on Rails non è solo per giocare con il tuo database locale, ma anche per navigare sul Web. In 5 minuti, creiamo un motore di ricerca basato sul web per Flickr usando le loro API pubbliche con tutte le dissolvenze e il fascino di Ajax."

    Guarda un video

  • Evoluzione dello schema del database senza sudore

    "Prima che tu te ne accorga, avrai i dati che ti interessano nella tua applicazione, il che rende l'aggiunta, la rimozione o la modifica dello schema un processo soggetto a errori, dispendioso in termini di tempo e frustrante. Ruby on Rails. In 20 minuti imparerai tutto su come le migrazioni dei database possono rendere il tuo schema flessibile come il tuo codice senza timore di perdita di dati. "

    Guarda un video


Django

  • Django da zero

    "Django From the Ground Up è una serie di screencast che attraversa l'intero processo di creazione di un'applicazione web con Django."

    Guarda un video

  • Impostazione di un ambiente di sviluppo Django

    "In questo episodio mostro un modo semplice per configurare un ambiente di sviluppo Django: copre l'installazione di Django, l'installazione di un'applicazione riutilizzabile e la creazione di una cassetta degli attrezzi personale di utilità."

    Guarda un video

PSDTUTS

  • Piè di pagina Web 2.0 in Photoshop

    "Dal momento che il Web 2.0 ha colpito Internet, i footer sono diventati più importanti che mai, e c'è stato un ottimo lavoro svolto al piano di sotto In questo tutorial ti mostrerò come produrre un footer di sito dall'aspetto elegante in Photoshop - Daniel Lopes"

    Guarda un video


Qualunque cosa mi sia sfuggita?

  • Iscriviti al feed RSS di NETTUTS per ulteriori tuts e articoli di sviluppo web giornalieri.