30+ screencasts de développement Web révélateurs

Nous avons tous ressenti le trouble qui se forme autour de vos yeux lorsque vous essayez d'étudier des lignes et des lignes de code à partir d'un didacticiel écrit. Après environ une heure, vos yeux deviennent tout simplement trop affaiblis pour continuer à lire. C'est pourquoi je suis un grand fan de tutoriels vidéo. Vous pouvez vous asseoir et apprendre à votre rythme. J'ai compilé une liste de plus de trente screencasts qui sont garantis pour vous aider.

jQuery pour les concepteurs

  • Coda Slider Effect

    "Bien que Panic n'ait pas vraiment inventé l'effet, les panneaux coulissants sur la Coda sont une excellente mise en œuvre de cet effet. Cet article séparera les pièces nécessaires à la création de l'effet et à la manière de l'améliorer."

    Voir la démo

    Regarder la vidéo

  • Transition de fondu en image

    "En tant que développeur, une requête et une requête fréquentes que je reçois (et que j'ai moi-même) est la suivante:" comment puis-je passer en fondu une image à une autre? " dessus, et le fondu en arrière lentement une fois que la souris est partie ".

    Voir la démo

    Regarder la vidéo

  • Chargement de l'image

    "Ce tutoriel montrera comment charger des images en arrière-plan. Une fois chargé, gérez l'événement et créez votre propre réponse."

    Voir la démo

    Regarder la vidéo

  • Onglets jQuery

    "Pour ce tutoriel, j'ai créé deux screencasts montrant comment appliquer rapidement un trait de jQuery à différentes présentations de balisage. Si le balisage est bien conçu, il se dégradera automatiquement sans l'activation de JavaScript."

    Voir la démo

    Regarder la vidéo


Astuces CSS

  • Concevoir pour WordPress: Partie 1

    "WordPress est un CMS extrêmement populaire pour les blogs. La section de blogs de CSS-Tricks est exécutée sur WordPress et j'en suis très satisfaite. À la demande de tous, nous allons suivre la conception pour WordPress."

    Regarder la vidéo

  • Conversion d'une maquette Photoshop

    Dans cette série en trois parties, Chris vous montrera exactement comment convertir un psd en html. Cette série est vivement recommandée pour les débutants..

    Regarder la vidéo

  • Conception d'une page unique pour les mises à jour Twitter

    "Je vais vous guider dans la création d'une simple page Web pour afficher vos" Tweets "récents de Twitter, du début à la fin. Cela couvre la conception dans Photoshop, en incluant les éléments javascript fournis par Twitter à la balise, au CSS pour styler la page."

    Regarder la vidéo

  • Introduction à Google Analytics

    "Google Analytics est un service gratuit permettant de suivre toutes sortes d'informations sur les visiteurs de votre site Web. J'ai récemment eu une expérience étrange avec Analytics sur CSS-Tricks. J'ai donc pensé que ce serait le bon moment pour le présenter à ceux qui Je n'en sais pas déjà beaucoup et partageons cette expérience ".

    Regarder la vidéo

  • Recherche Google pour votre site

    "L'intégration de la recherche sur un site Web peut être un sujet incroyablement complexe bien au-delà de mes compétences en développement Web. Heureusement, Google propose un service appelé" Moteur de recherche personnalisé "que vous pouvez intégrer directement à votre propre site. Il permet de tirer parti du formidable pouvoir de recherche de Googles. peut tout arriver directement sur votre propre site web! "

    Regarder la vidéo


NETTUTS

  • Comment créer dynamiquement des vignettes

    "Dans le screencast de cette semaine, je vais vous montrer comment importer des fichiers, puis que PHP crée dynamiquement une vignette. Que vous construisiez un site de commerce électronique ou simplement une galerie, ces techniques s'avéreront très utiles."

    Regarder la vidéo

  • Comment convertir un fichier PSD en XHTML

    "Le tutoriel" Construire un site portfolio élégant à partir de zéro "de Collis est toujours aussi performant. Cela fait des mois, mais il publie toujours de bons chiffres chaque semaine. C'est pourquoi j'ai décidé de créer un screencast qui vous montre exactement comment convertir un fichier PSD en XHTML / CSS parfait. "

    Regarder la vidéo

  • Créer un site d'administration photo à l'aide de PHP et de jQuery

    "Nous allons récupérer des images d'une base de données, en créant un simple formulaire de connexion avec authentification, puis autoriserons la mise à jour asynchrone de notre base de données. Cela semble bien? Si oui, allons-y."

    Regarder la vidéo

  • Comment lire un flux RSS avec PHP

    "Dans le didacticiel vidéo d'aujourd'hui, je vais vous montrer exactement comment procéder à l'aide de PHP. Après environ quarante-cinq minutes, vous souhaiterez peut-être une brève" pause dans la salle de bains avant le screencast ".

    Regarder la vidéo

  • Comment rechercher un site Web à l'aide d'ASP.NET 3.5

    "Dans cette capture d'écran, je vais vous montrer comment implémenter une fonctionnalité de recherche simple sur votre site Web personnel. Nous allons passer en revue de nombreuses nouvelles fonctionnalités d'ASP.NET 3.5, telles que LINQ et de nombreux contrôles AJAX livrés avec Visual Studio / Web Developer. "

    Regarder la vidéo


SampsonVidéos

  • Fonctions PHP personnalisées

    "Les fonctions sont de petits fragments de code permettant de traiter des informations, de mettre à jour des bases de données, d'envoyer des courriels à des amis ou d'imprimer des données à l'écran. PHP est livré avec des centaines d'excellentes fonctions pour commencer, mais dans cette vidéo, certaines de nos posséder!"

    Regarder la vidéo

  • Instructions conditionnelles PHP

    "Dans cette vidéo, nous couvrirons les déclarations les plus couramment utilisées, telles que le commutateur if, if else, etc."

    Regarder la vidéo

  • Cookies en PHP

    "Les cookies sont utilisés pour conserver des informations sur de longues périodes de temps. Les utilisations courantes contiennent des éléments tels que les boutons" rappelez-vous "sur les sites Web fréquemment visités ou encore la définition de la langue de votre choix sur un site Web international."

    Regarder la vidéo


ASP.NET

  • Comment je fais: LINQ to SQL: Vue d'ensemble

    "Les nouvelles fonctionnalités de langage pour C # et VB prennent en charge l'accès aux données directement à partir de code, sans écriture SQL. Cette vidéo montre les étapes minimales à suivre pour utiliser LINQ (Langage Integrated Query) pour interroger, mettre à jour, ajouter et supprimer des lignes de la base de données Northwind."

    Regarder la vidéo

  • Comment puis-je: démarrer avec ASP.NET AJAX?

    "Notez que ASP.NET AJAX est inclus dans .NET 3.5. Par conséquent, la partie installation de cette vidéo est pertinente uniquement si vous utilisez .NET FX 2.0."

    Regarder la vidéo

  • Sécuriser votre site Web avec les contrôles d'adhésion et de connexion

    "Dans cette leçon, vous allez explorer les nouvelles fonctionnalités d'appartenance d'ASP.NET 2.0. De plus, vous en apprendrez plus sur la sécurité basée sur les rôles et sur l'utilisation des rôles pour contrôler l'accès à votre site Web."

    Regarder la vidéo

  • Apprendre les trucs et astuces des experts

    "Consultez des conseils et astuces, notamment le cryptage des informations sensibles stockées dans le fichier web.config, la publication de contenu sur une page différente, la simplification des URL complexes à l'aide du remappage d'URL, et bien plus encore."

    Regarder la vidéo


ThemeForest.net

  • jQuery for Absolute Beginners - Série

    "Je lance une série de vidéos quotidiennes qui vous apprendra PRÉCISEMMENT à utiliser la bibliothèque jQuery dans vos propres projets. Nous allons commencer par télécharger le cadre, créer notre première fonction, examiner la syntaxe, etc. Publierons un «programme d’entraînement» de cinq à dix minutes qui étendra ce que vous avez déjà appris. "

    Regarder la vidéo

  • Un cours intensif dans les expressions régulières

    "Pour un développeur Web novice, les expressions régulières semblent la chose la plus effrayante de la planète. Qui pourrait peut-être démanteler un tel bloc de code et en déchiffrer le sens? Heureusement, son aboiement est bien pire que sa morsure. Vous constaterez rapidement que les expressions régulières sont plutôt simples et faciles à comprendre - une fois que vous avez appris la syntaxe. "

    Regarder la vidéo

  • Comment créer un formulaire de contact en utilisant PHP et AJAX

    "J'ai remarqué un fil de discussion sur les forums qui expliquait exactement comment implémenter un formulaire de contact de travail dans un modèle de site. Je me suis donc dit:" Quel meilleur moyen de démontrer le processus qu'avec un screencast! ""

    Regarder la vidéo


Sites de tueurs

  • Installer WordPress

    "J'ai mis mes vidéos là où ma bouche se trouve et créé un lot de tutoriels vidéo sur Wordpress. J'espère que vous les trouverez utiles."

    Regarder la vidéo

  • Pourquoi apprendre PHP orienté objet

    "Les gens rencontrent des difficultés lors de la programmation en raison d'un manque de compréhension des bases. Dans cet esprit, nous allons passer lentement en revue les principes clés de la POO lors de la création de nos propres objets PHP. Cette connaissance vous permettra d'explorer la POO plus loin."

    Regarder la vidéo


Rubis sur rails

  • Créer un blog en 15 minutes

    "En 15 minutes, nous passons de bout en bout au moteur de blog complet: avec des commentaires et une interface administrative. Mais comme l'application ne prenait que 58 lignes, nous avons également le temps de faire des tests unitaires, d'examiner les journaux et de jouer. autour du modèle de domaine ".

    Regarder la vidéo

  • Mettre Flickr sur les rails

    "Ruby on Rails ne sert pas uniquement à jouer avec votre base de données locale, mais aussi à Internet. En 5 minutes, nous créons un moteur de recherche Web pour Flickr à l'aide de son API publique, avec tous les fondus et le glamour d'Ajax."

    Regarder la vidéo

  • Évolution de votre schéma de base de données sans transpiration

    "Avant de vous en rendre compte, votre application contient des données qui vous tiennent à coeur. Ce qui fait de l'ajout, de la suppression ou de la modification du schéma un processus sujet à erreurs, fastidieux et frustrant. C'est-à-dire, sauf si vous utilisez Ruby on Rails. En 20 minutes, vous apprendrez comment les migrations de bases de données peuvent rendre votre schéma aussi flexible que votre code sans craindre la perte de données. "

    Regarder la vidéo


Django

  • Django vu du sol

    "Django From the Ground Up est une série de screencasts qui décrit tout le processus de création d’une application Web avec Django."

    Regarder la vidéo

  • Configuration d'un environnement de développement Django

    "Dans cet épisode, je montre un moyen simple de configurer un environnement de développement Django. Il couvre l'installation de Django, l'installation d'une application réutilisable et la configuration d'une boîte à outils personnelle d'utilitaires."

    Regarder la vidéo

PSDTUTS

  • Web 2.0 Pied de page dans Photoshop

    "Depuis que le Web 2.0 a été lancé sur Internet, les pieds de page sont devenus plus importants que jamais et des travaux intéressants ont été effectués en bas. Dans ce tutoriel, je vais vous montrer comment créer un pied de page élégant pour Photoshop - Daniel Lopes"

    Regarder la vidéo


Tout ce que j'ai manqué?

  • Abonnez-vous au flux RSS NETTUTS pour plus de commentaires et d'articles sur le développement Web au quotidien.