Ai-je déjà fait des screencasts pour vous faciliter l'apprentissage, mais si l'anglais est votre truc, je pense que vous allez beaucoup apprécier cette entrée que je vous apporte.
Un screencast est un enregistrement numérique de la sortie d'écran du computadora, contenant parfois une narration audio. Bien que le terme screencast date de 2004, des produits tels que Lotus ScreenCam ont été utilisés depuis 1993. Les produits pionniers produisaient d'énormes fichiers et avaient des fonctionnalités d'édition limitées. Les derniers produits prennent en charge des formats de fichiers plus compacts tels que Macromedia Flash et ils ont des fonctionnalités d'édition plus sophistiquées permettant de modifier la séquence, le mouvement de la souris et l'audio.
Il n'y a pas moins de trente-quatre screencasts pour améliorer vos compétences en conception et en programmation, le tout en anglais mais très bien expliqué et d'excellente qualité, donc il n'y a pas lieu de s'inquiéter.
Source | 1èreWD
AJAX :
1.Contenu RSS actualisé AJAX
Surmontez les tracas liés à l'actualisation de la page en mettant à jour le contenu sans actualisation manuelle de la page. Cette vidéo montre les choses à faire et comment actualiser les flux RSS avec l'aide d'AJAX.
Si vous ne faites qu'un seul flux, je pense qu'il serait plus efficace de lancer votre propre code JavaScript, surtout s'il s'agit simplement d'analyser RSS. D'après ce dont je me souviens, SimplePie semblait être beaucoup de frais généraux.
2.Effet d'espionnage simple Jquery
L'avantage du site QuickSnapper de Realmac est que si JavaScript est désactivé, la liste des snaps est visible par défaut. Nous allons donc emboîter le pas.
Il convient également de noter que leur version ne cesse de tirer de nouveaux éléments jusqu'à ce qu'elle atteigne la fin. Je vais vous montrer comment vous pouvez garder la liste en boucle, et dans un tutoriel de suivi, je vais vous montrer comment connecter cela à un hit Ajax qui ne martèle pas votre serveur et garde l'effet agréable et fluide.
3.Top 25 des didacticiels vidéo AJAX sur YouTube
Les didacticiels présentés ici donnent un début à partir de zéro sur la façon de créer un document HTML, d'ajouter du javascript et également de lier un javascript externe à celui-ci, de créer un chat AJAX, d'ajouter des éléments AJAX à une page Web à l'aide du framework Spy, d'insérer des objets AJAX dans Adobe Dreamweaver, comment créer des applications Mash up à l'aide du framework AJAX, créer un Delphi pour PHP Web également sur la base de données AJAX MySql
Jrequête :
4.En-têtes coulissants comme l'iPhone
Vous êtes déjà frustré lorsque vous ne trouvez pas l'en-tête en parcourant un contenu et que vous vous perdez avec votre sujet
lorsque vous passez à la page suivante, cette diffusion d'écran aide l'en-tête à rester contenu et remplace également le titre suivant lorsque vous passez à la page suivante de manière subtile. Il est très utile pour tous les concepteurs Web qui suivent la tendance.
5.Saut d'animation en descente revisité
Vous auriez remarqué que votre animation saute vers la fin, ce qui pourrait être dû à des problèmes de hauteur. nous révélons ou masquons l'élément. Nous pouvons utiliser cette action pour afficher nos résultats ou nous pouvons également l'utiliser dans les FAQ. Il n'est donc pas nécessaire d'actualiser la page.
6.Galerie de curseurs
Voulez-vous créer une galerie avec une diapositive pour parcourir les éléments? Cette diffusion d'écran vous aide avec des étapes simples pour traduire la position des curseurs pour faire glisser les produits inversement à l'aide du balisage, du contrôle du curseur-widget, de jQueryUI, du CSS et de certains plug-ins qui fournissent un défilement plus rapide et une pause si nécessaire. Vous pouvez afficher vos produits et vous pouvez rouler vos images etc.
7.Jquery pour les débutants absolus
Une série de 15 jours pour débutants absolus dans Jquery avec Theme forest.net comme référence par Jeff Way qui propose des vidéos exclusives pour chaque jour où vous pourrez apprendre toutes les méthodes, le sélecteur de style Jquery, l'effet de survol et bien d'autres encore utilisés dans Themeforest.net.
Cette série de projections d'écran vous apprendra Jquery clairement et efficacement. Chaque screencasts a son propre style et il serait très utile pour les débutants qui ont besoin d'apprendre Jquery d'une manière défectueuse.
8.Construire le menu de navigation de style lampe à lave
Apprenez à créer un menu de style lampe à lave depuis le début qui démontre initialement le même processus en utilisant un menu à trois niveaux, puis créez un menu lampe à lave en utilisant une bibliothèque Javascript dans cette projection d'écran.
C'est une façon très professionnelle de monétiser votre site Web et ce type de menu vous donnera un bon aperçu de votre site Web.
9.Carrousel infini automatique
La plupart du temps, une action de défilement ne s'arrête pas automatiquement et nous devons la contrôler manuellement en cas de besoin.Par conséquent, pour rendre une action de défilement automatique et la mettre en pause lorsque la souris est sur le carrousel à l'aide de Jquery est démontré dans cette projection d'écran.
Nous pouvons également utiliser ce carrousel à des fins dynamiques.
10.Jquery regarde tim van damme
Les effets clés de Tim, l'accordéon et l'effet de survol qui ne fonctionnent que dans Webkit peuvent également fonctionner dans jQuery lorsque deux facteurs à savoir la marge animée - effet de fondu enchaîné rgba en arrière-plan sont pris en compte.
Pour plus de détails, parcourez le screencast et trouvez-le vous-même.
11.Fenêtre de connexion contextuelle
Une authentification se fait toujours à l'aide d'un mot de passe. Cette projection d'écran sera très utile à des fins d'autorisation.
Dans cette projection d'écran, nous créons une simple fenêtre contextuelle qui vérifie le mot de passe d'un compte dans un serveur LDAP et où les données sont transmises d'un lien vers la fenêtre créée dynamiquement.
12.Screencasts pour créer votre propre plugin jquery
Suivez les conseils des experts James Padolsey, Jeffery Way et Dan Wellman dans ce casting d'écran pour créer vos plugins Jquery et les utiliser dans vos programmes. Apprenez à définir les valeurs par défaut, précharger les images, créer des méthodes de rappel et créer des boutons radio dynamiques à l'aide de Jquery, CSS.
Pour connaître les étapes complètes, étudiez la diffusion d'écran complète.
13.Jquery série vidéo
Un programme de formation plus élaboré et précis de 10 minutes pour Themeforest.net et utilisant la même façon d'utiliser la bibliothèque Jquery et de créer vos propres projets à l'aide de la description de la série vidéo pendant 15 jours.
La série entière amènera les débutants en tant que professionnels à succès dans Jquery.Ils peuvent éditer et personnaliser les applications Jquery de manière flexible.
Screencasts PHP:
14.Plonger dans PHP
Une brève visite sur divers sujets en PHP est donnée sous forme de tutoriels séparés.Ces tutoriels autonomes de Jeffery Way vous apprennent à télécharger des fichiers en utilisant PHP avec l'aide du blog ThemeForest qui est une source complète sur les requêtes PHP.
Cette projection d'écran couvre les différents types de sujets pour les utilisateurs débutants et intermédiaires.
15.Screencast PHP Json Jquery Ajax
Pour créer une communication entre la source de données PHP et JSON en utilisant la fonctionnalité AJAX de jQuery où nous créons un script pour envoyer les données JSON, puis un tableau PHP puis nous chargeons le fichier et notre source de données est peuplée.
Pour connaître toutes les étapes, veuillez consulter la diffusion d'écran complète. C'est une capture d'écran avancée pour les amateurs de PHP.
16.Site d'administration de photos utilisant PHP et Jquery
Ce screencast vous aide à créer un site de photos en utilisant PHP et jquery où une base de données est créée avec une collection de photos, et l'administrateur a le droit de mettre à jour le titre des photos ainsi que de maintenir tous les sous-répertoires en cliquant sur le texte .
Vous pouvez administrer l'ensemble de la galerie de photos selon vos besoins.La spécialité de cette projection d'écran est d'utiliser Jquery, nous accédons aux galeries.
Screencasts CSS:
17.HTML et CSS les bases
Aidez le débutant absolu avec les bases de HTML et CSS qui ne sont que des fichiers texte à un niveau où vous pouvez les utiliser comme aperçu dans votre site Web.
Cette projection d'écran vous apprend que HTML est le contenu et CSS est la conception du site Web et comment créer un site Web de bonne qualité. Ici, vous pouvez apprendre les bases du HTML et du CSS afin que vous puissiez gérer les sites Web facilement une fois appris les bases bien.
18.Galerie d'images CSS3 modifiable
Nous construisons un modèle de conception de galerie d'images assez typique, une grille d'images qui apparaît plus grande lorsque vous cliquez dessus. Cette galerie d'images vous donnera un aspect très professionnel pour votre développement Web.
Mais cette page de galerie d'images utilise un balisage HTML5 sémantique chaud, des tas de friandises visuelles avec CSS3 et jQuery, et est rendue modifiable via le CMS PageLime.
19.Comment utiliser les sprites CSS
Les sprites CSS sont un sujet brûlant depuis longtemps. Le fait est que chaque image sur une page Web est une requête de serveur distincte et vous pouvez considérablement augmenter les performances d'une page. La réduction du nombre de requêtes HTTP améliore les temps de chargement. Pour ce faire, nous utilisons des sprites CSS, Comment créer un sprite CSS et comment ces sprites sont décrits ici.
Cela vous donnera une bonne idée des sprites CSS et comment les utiliser avec votre développement Web.
20.Aperçu détaillé du framework 960 CSS
Le système 960 Grid est un effort pour rationaliser le flux de travail de développement Web en fournissant des dimensions couramment utilisées, basées sur une largeur de 960 pixels. Il existe deux variantes: 12 et 16 colonnes, qui peuvent être utilisées séparément ou en tandem.
Vous n'avez pas besoin de maîtriser le code pour créer une application Web. Les frameworks CSS sont là pour vous permettre d'écrire votre code. Passez du temps avec cette projection d'écran pour en savoir plus sur les frameworks et pour développer efficacement vos applications Web.
21. Sélecteur d'image
Image Switcher est un JavaScript gratuit qui insère automatiquement une série d'images dans un seul port d'affichage remplaçable à chaud. Il s'agit d'un pur commutateur d'images CSS léger et conforme aux normes. Il pourrait être utilisé pour une galerie ou toute autre fonction similaire. N'importe quel nombre d'options de sélection de liste peut être utilisé tant que la largeur peut les accueillir.
Changer les images au fur et à mesure que vous vous déplacez sur un lien est ce que cette diffusion d'écran vous apprend sans l'aide de JavaScript. Vous n'avez besoin que d'une commutation z-index en survol et d'un peu de positionnement absolu pour y parvenir.
22.Construire une galerie de photos
Comme beaucoup de gens, vous voudrez peut-être créer un site Web pour montrer vos photos d'amis, de famille, de vacances, de mariage, etc. Eh bien, ce petit tutoriel vous montrera comment créer une galerie de photos et la télécharger sur Internet.
Une galerie de photos qui se construit automatiquement avec les images d'un répertoire ainsi que les sous-répertoires est possible par CSS. Chris Coyier enseigne dans ce casting d'écran à créer une galerie de photos automatique.
23.Intégration audio
Comment intégrer un fichier MP3 (comme un podcast, une chanson ou une musique de fond) dans une page Web ou un flux RSS afin que les visiteurs puissent écouter l'audio dans le navigateur lui-même sans avoir besoin d'un lecteur externe comme QuickTime ou Windows Media Player.
La plupart de l'image que nous utilisons soit une image ou un fichier audio. Mais une image avec un son en arrière-plan rend un utilisateur assez à l'aise pour saisir les informations. Chris Coyier enseigne la même chose à l'aide de JavaScript et de Flash dans ce casting d'écran.
24.Utiliser CSS3
De nombreuses nouvelles fonctions et fonctionnalités intéressantes sont en cours d'élaboration CSS3. Nous essaierons de présenter certains d'entre eux sur cette page Web.
Pour suivre cette dernière vague, jetez un œil à ce casting d'écran.
25.Présentation de Firebug
Vous pouvez obtenir les informations sur le balisage, le CSS, la mise en page et le DOM d'un élément dans une page avec Firebug, une extension de Firefox qui est devenue inévitable pour les concepteurs Web et les développeurs où vous pouvez éditer et voir les résultats directement dans le navigateur.
Pour en savoir plus, découvrez ce casting d'écran.
26.Page unique pour les mises à jour Twitter
Lorsqu'il est bien conçu, un Twitter Le flux peut améliorer l'esthétique de la mise en page d'un site Web. Si les tweets sont votre passe-temps, vous devez avoir hâte de les afficher du début à la fin. Par exemple, vous pouvez couvrir la conception dans Photoshop et styliser votre page.
Pour accomplir cette tâche, suivez ce casting d'écran qui vous guide du javascript au CSS pour styliser votre page.
Codeigniteur :
27.Screencasts de base
Code Igniter est une application Web open source pour écrire des programmes PHP et aussi pour créer des applications Web complètes.écrire du code à partir de zéro, en fournissant un riche ensemble de bibliothèques pour les tâches couramment nécessaires, ainsi qu'une interface simple et une structure logique pour accéder ces bibliothèques.
Dans ce screencast, il vous donne une introduction sur CodeIgniter et aussi pour créer un blog dans CodeIgniter en utilisant PHP par Derek Jones.
28.Développement facile avec codeigniter
Avec PHP brut, cela peut prendre du temps. Cependant, avec CodeIgniter, il s'agit simplement de référencer la bonne bibliothèque, et de passer quelques options de configuration! Plongeons-nous.
Désireux d'ajuster les compétences PHP après avoir appris l'introduction, passez à l'étape suivante, ce screencast vous apprend à télécharger une image et à la sauvegarder après la validation initiale à l'aide de PHP dans CodeIgniter.
29.Screencasts de démarrage Killer pour Codeigniter
Préparez-vous à créer votre première application avec CodeIgniter, créez un formulaire à l'aide du générateur de formulaires, créez un exemple d'application, créez un blog en 20 minutes, créez une pagination, envoyez et recevez des données via jQuery Post et JSON dans ce screencast de 10 minutes par Derek Jones .
Nous espérons que vous en apprendrez plus sur Framework de développement d'applications CodeIgniter après attention au screencast.
XML:
30.Construisez un système de connexion et d'enregistrement avec XML
Construire un système d'adhésion complet peut être une tâche fastidieuse et longue. Tim Cooper va nous montrer comment construire la chose ENTIÈRE en environ trente minutes.
En utilisant XML, nous pourrions créer un formulaire de connexion et d'inscription en beaucoup moins de temps que MySQL, Tim Cooper dans cette projection d'écran nous le montre en examinant PHP, .htaccess, fichiers, sessions et plus encore.
31.Créateur de formulaire
Il peut sembler étrange d'essayer de standardiser les types de données dans un système CONÇU POUR ÊTRE SI FLEXIBLE, mais plus d'un établissement rapporte que la définition d'attentes raisonnables pour les déploiements de portefeuille sur le campus et la gestion de vos ressources informatiques pour tirer parti d'une certaine normalisation contribuent grandement à la projet durable.
Apprenez les bases de la création d'un formulaire à l'aide de l'outil de création de formulaire qui pourrait être utilisé pour créer un fichier de schéma XML et également utiliser à de nombreuses fins multiples dans de nombreux formulaires. Sean Keesler vous apprend à créer un formulaire dans ce casting d'écran.
32.Paramétrer les données de test à l'aide de XML
Créez des scripts d'automatisation pour tester la fonctionnalité des applications Web dans Internet Explorer sous Windows.
À partir de ce casting d'écran, réalisez cette tâche avec l'aide de Pamie - un fichier de classe Python qui crée un script de test Pamie pour automatiser un formulaire, créer un fichier XML, lire des données et exécuter le test.
Cela vous montre:
- Comment créer un script de test Pamie pour automatiser un formulaire
- Comment trouver les noms et identifiants des éléments DOM à automatiser
- Créer un fichier XML à partir de zéro à l'aide de Notepad ++
- Comment lire les données dans un fichier XML à l'aide d'ElementTree
- Comment exécuter le test
33.Des écrans pour vous faire botter le cul avec Drupal
Il est difficile d'apprendre Drupal, ce screencast facilite l'apprentissage pratique du processus étape par étape en commençant par l'installation, le système de nœuds, le système de blocs, les types de contenu, le développement de thèmes et plus encore.
Vous pouvez également trouver des ressources pour les livres Drupal, les podcasts Drupal, les forums Drupal, les chaînes Drupal.
34. Tour d'horizon de Drupal
Obtenez toutes les informations que vous vouliez savoir sur Drupal, ce screencast vous donne le meilleur des screencasts de Drupal, les meilleurs livres sur Drupal, des ressources, des modules et aussi les ennuis de Drupal. Obtenez les derniers screencasts sur Drupal 6, en savoir plus sur CSS Injector, Node Convert, le syndrome du buffet ouvert, la création d'une sauvegarde, sur Webform, Login Toboggan, filtres d'entrée, longueur du teaser et bien plus encore sur cette plateforme de gestion de contenu - Drupal.