Share
Eh bien, 2012 est terminée. Une pléthore d'excellents tutoriels et articles ont été publiés tout au long de l'année, à la fois ici sur Nettuts + et ailleurs sur le Web. Pour documenter l'année, j'ai compilé une liste de soixante des meilleurs tutoriels, mois par mois. Vous en trouverez probablement quelques-uns que vous avez manqués en cours de route!
Parfois, il est facile de se sentir dépassé par tout ce qu'il y a à apprendre dans cette industrie. Si jQuery se trouve sur votre liste personnelle de «besoin d'apprendre bientôt», consultez le cours de Jeffrey Way «Apprendre jQuery dans 30 jours». Si vous lui accordez quinze minutes par jour pendant le mois prochain, il vous aidera à devenir un pro de jQuery - et ce gratuitement.!
.Les fichiers htaccess sont utilisés pour configurer Apache, ainsi que pour plusieurs autres serveurs Web. Malgré l'extension du type de fichier .htaccess, il s'agit simplement de fichiers texte pouvant être modifiés à l'aide de n'importe quel éditeur de texte. Dans cet article, nous examinerons ce qu’ils sont et comment vous pouvez les utiliser dans vos projets..
Recherchez les fonctionnalités HTML5, CSS3, etc., sachez si elles sont prêtes à être utilisées et, le cas échéant, découvrez comment les utiliser - avec des remplissages multiples, des solutions de secours ou telles qu'elles sont.
Avant d'explorer les infrastructures JavaScript permettant de structurer les applications, il peut être utile d'acquérir une compréhension de base des modèles de conception architecturale. Les modèles de conception sont des solutions éprouvées aux problèmes de développement courants et peuvent suggérer des paradigmes structurels pour nous aider à ajouter une organisation à notre application..
Steve Souders discute de l'impact de la vitesse du site Web sur les utilisateurs fournissant des conseils sur la création d'applications HTML5 hautes performances.
Les promesses sont une fonctionnalité jQuery passionnante qui facilite la gestion des événements asynchrones. Ils vous permettent d'écrire des rappels plus clairs et plus courts et de séparer la logique d'application de haut niveau des comportements de bas niveau. Une fois que vous avez compris les promesses, vous devrez les utiliser pour tous les types d’appels, des appels AJAX aux flux d’interface utilisateur. C'est une promesse!
On me pose souvent cette question: "Comment avez-vous fait en sorte que votre terminal ressemble à cela?" Si vous avez remarqué mon terminal et êtes curieux de savoir comment je l'ai configuré, ce tutoriel est fait pour vous! Bien entendu, ce que vous apprendrez ici sera suffisant pour vous permettre de créer votre propre invite de commande personnalisée, ainsi que!
Dans cet article, nous passerons en revue le processus d'utilisation de JavaScript, du point de vue de MVC, pour manipuler le DOM. Plus spécifiquement, nous allons concevoir nos objets JavaScript, leurs propriétés et méthodes, et leurs instanciations parallèlement au comportement souhaité de nos vues (ce que l'utilisateur voit)..
J'utilise SASS pour à peu près tout ce que je fais récemment. Voici quelques réflexions sur le voyage. De hold-up, de trip-up, à des détours. Des applications et des équipes aux workflows et à la syntaxe.
Accentsconagua
getUserMedia
getUserMedia est une API qui permet à une page Web d'accéder à la caméra et au microphone d'un utilisateur via JavaScript. Il est pris en charge dans Opera 12 et Opera Mobile 12 pour Android et WebKit dans les versions Chrome Canary (instructions). Comme de nombreuses autres API, cela ne fait pas partie de la "vraie" spécification HTML5. Ça a commencé comme HTML5
Dans ce didacticiel, nous allons créer un gestionnaire de contacts entièrement fonctionnel à l’aide de Backbone.js, Underscore.js et jQuery. Nous allons examiner les composants de base qui font fonctionner Backbone, ainsi que certaines des méthodes pratiques décrites par Underscore. (Voir toute la session.)
Dans ce tutoriel, je vais montrer comment créer des photos vintage (comme le fait Instagram) avec PHP et ImageMagick. Attendre? Quoi? Oui, vous pouvez faire cela avec PHP et ImageMagick, et cela ne fait que gratter la surface!
ECMAScript 5 a introduit le mode strict en JavaScript. L'intention est de permettre aux développeurs de choisir une "meilleure" version de JavaScript, dans laquelle certaines des erreurs les plus courantes et les plus flagrantes sont traitées différemment. Pendant un moment, j'étais sceptique, surtout avec un seul navigateur (Firefox) prenant initialement en charge le mode strict. Aujourd'hui, chaque navigateur principal prend en charge le mode strict dans sa dernière version, y compris Internet Explorer 10 et Opera 12. Il est temps de commencer à utiliser le mode strict.
Voici le problème: lorsque vous chargez du JavaScript depuis un tiers, vous devez le faire de manière asynchrone. Vous voudrez peut-être aussi charger vos propres scripts de manière asynchrone, mais pour cet article, concentrons-nous sur les tiers..
La prémisse des préfixes fait des demandes irréalistes sur la façon dont les développeurs maintiennent les sites. Il y a beaucoup de discussions sur la manière de faire fonctionner les préfixes (en modifiant les règles), mais je pense qu'ils sont déjà en contradiction avec le flux de travail du développeur.
Les fermetures sont souvent considérées comme un art mystérieux au pays de JavaScript. Une fois maîtrisés, ils vous permettent d’écrire du code JavaScript vraiment étonnant. Cet article vous familiarisera avec la magie des fermetures de JavaScript.
Si vous travaillez sur un projet volumineux, vous aurez sans doute un script de construction ou un ensemble de scripts de tâches pour vous aider avec certaines des parties répétitives du processus. Vous pouvez utiliser Ant ou Rake, selon la langue dans laquelle le projet est écrit. Mais qu'utilisez-vous si le projet est principalement constitué de JavaScript? C'est le problème que Ben Alman a tenté de résoudre en créant Grunt..
Je suis assez confiant que je ne surprendrai personne ici en affirmant que les sprites CSS existent depuis un bon bout de temps déjà, et qu'ils ont eu la tête quelque peu controversée dans le domaine du développement Web dès 2003..
Au fur et à mesure que le paysage Web devient de plus en plus complexe, il devient extrêmement important de fournir des expériences Web solides dans un nombre croissant de contextes. Heureusement, la conception Web réactive donne aux créateurs Web des outils pour créer des mises en page qui répondent à toutes les tailles d'écran. Nous utiliserons des grilles fluides, des images flexibles et des requêtes multimédias pour donner à la présentation une belle apparence, quelle que soit la taille de l'écran..
L’autre jour, j’ai écrit un fichier LISEZMOI pour un projet que j’espère que les autres développeurs examineront et apprendront. En écrivant ce texte, j’ai réalisé que c’était le genre de chose qui aurait pu m'intimider il y a quelques années, avec ses mentions occasionnelles de Node, npm, Homebrew, git, des tests, ainsi que des versions de développement et de production.
De nombreux développeurs Web utilisent quotidiennement SSH ("Secure Shell") pour gérer leurs serveurs, sauvegarder des fichiers, travailler à distance et effectuer une multitude d'autres tâches. Aujourd'hui, je vais expliquer ce qu'est SSH, faire un bref historique et enfin vous apprendre à le configurer sur votre serveur distant ou même sur votre réseau local. Commençons!
Pendant huit mois, j'ai eu l'opportunité de faire un stage avec l'équipe YUI chez Yahoo, alors que je terminais mes études d'ingénieur. Aujourd'hui, j'aimerais partager les dix principales choses que j'ai apprises de mon expérience avec YUI.
Construire une gemme était une tâche complexe qui nécessitait soit une connaissance précise du format de la gemme, soit des outils dédiés pour générer un passe-partout adapté. Ces jours-ci, nous pouvons utiliser l'excellent Bundler pour éliminer cette complexité et réduire au minimum la quantité de code généré..
Nous avons couvert l'API PDO de PHP à quelques reprises ici sur Nettuts +, mais, en général, ces articles étaient davantage axés sur la théorie et moins sur l'application. Cet article va résoudre ce problème! Pour le dire clairement, si vous utilisez toujours l'ancienne API mysql de PHP pour vous connecter à vos bases de données, lisez la suite.!
Cette fois-ci, vous en apprendrez plus sur les modèles Adapter, Decorator et Factory..
JavaScript est une langue curieuse. C'est facile à écrire, mais difficile à maîtriser. À la fin de cet article, j'espère que vous transformerez votre code spaghetti en un repas de cinq plats, plein de mets lisibles et maintenables.!
Dans cette mini-série Nettuts +, nous allons créer une application Web à partir de zéro, tout en plongeant dans un nouveau et formidable framework PHP très rapide, appelé Laravel - un framework simple et élégant PHP 5.3..
De temps en temps, des serveurs et des bases de données sont volés ou compromis. Dans cet esprit, il est important de s'assurer que certaines données utilisateur cruciales, telles que les mots de passe, ne peuvent pas être récupérées. Aujourd'hui, nous allons apprendre les bases du hachage et ce qu'il faut faire pour protéger les mots de passe dans vos applications Web..
Classes, classes, classes partout. Et si nous n'avons pas du tout besoin de cours CSS? Et si nous arrêtions de nous préoccuper du nombre de classes que nous utilisons et de ce que nous devrions les appeler et finissons-en une fois pour toutes? Ce ne serait pas une révélation pour vous de dire que les éléments HTML peuvent être stylés sans avoir recours à l'attribut de classe, mais avez-vous pris en compte la multitude d'avantages qui découlent de l'abandon de classes?
AngularJS est comme le Batarang manquant sur votre ceinture de ressources géniales en développement Web. Il vous donne une liaison de données bidirectionnelle facile à utiliser et rapide, un système de directives puissant qui vous permet d'utiliser créer des composants personnalisés réutilisables, et bien plus encore. Express est un excellent serveur Web pour Node.js qui fournit un routage, un middleware et des sessions. Incidemment, les deux travaillent très bien ensemble!
Développement agile ou agile - nous entendons ces mots plus souvent ces temps-ci. Mais savons-nous vraiment de quoi il s'agit? Comment cela peut-il nous aider à devenir plus efficaces, tout en ayant beaucoup de plaisir à développer des logiciels? Comment pouvons-nous l'utiliser pour communiquer avec les gens d'affaires et rendre cette communication facile et constructive des deux côtés?
Il était une fois un fichier. C'était sur votre ordinateur et vous vouliez l'obtenir sur un serveur. Vous êtes-vous déjà demandé pourquoi il y a tant de façons de le faire? Nous expliquerons certaines des bases du déploiement dans cet article afin que vous sachiez quand utiliser quoi. Commençons!
Admettons-le: la communauté PHP a pris un peu de retard dans la promotion du développement piloté par les tests. Nous savons que nous devrions le faire, mais même à ce jour, une partie non négligeable de la communauté ne le fait pas. Dans cette nouvelle série de vidéos et de didacticiels, créés par l'équipe Nettuts +, nous espérons changer cela. Croyez-moi: ce n'est pas aussi difficile que vous le pensez.
Faire des jeux dans HTML5 Canvas n'est pas si difficile une fois que vous avez appris la logique du jeu que vous créez. Dans ce didacticiel, vous apprendrez à créer un jeu de ping-pong pas très basique dans Canvas. Tout d’abord, jetons un coup d’œil sur le concept principal et une logique de base derrière ce jeu..
La semaine dernière était le défi 7dfps, un défi ouvert dans lequel les participants devaient créer un FPS en une semaine seulement. Ces concours sont très très intéressants pour ceux qui veulent expérimenter. Le meilleur moyen d'apprendre de nouvelles choses est de vous mettre au défi. Vous connaissez peut-être aussi le célèbre concours "Ludum Dare". J'ai appris à utiliser Backbone.js et Three.js (une célèbre bibliothèque au-dessus de WebGL) en une semaine seulement. Vous n'avez donc aucune excuse pour ne pas pouvoir faire la même chose.
Donc, vous avez accepté le défi d’aller de l’avant du côté du client; bien joué. Vous avez examiné tous les cadres existants et vous ne savez pas lequel choisir? Tu n'es pas seul. Continuer à lire.
Cet article vous aidera à utiliser Vagrant pour gérer vos instances de machine virtuelle et vous expliquera comment tirer parti de Puppet pour mettre à disposition diverses ressources, telles que PHP et PostgreSQL..
La programmation événementielle peut être accablante pour les débutants, ce qui peut rendre difficile le démarrage de Node.js. Mais ne laissez pas cela vous décourager. Dans cet article, je vais vous enseigner quelques notions de base de Node.js et vous expliquer pourquoi il est devenu si populaire..
La question la plus fréquemment posée depuis la publication de mon article sur les modèles de navigation réactifs est la suivante: comment gérer une navigation complexe pour des conceptions réactives? "
Aujourd'hui, nous allons combiner différents outils et créer un package de nœud simple qui permettra à un utilisateur de rechercher des fichiers dans un répertoire. Dans ce tutoriel, nous utiliserons Grunt pour effectuer une grande partie du travail, voir comment créer un script de nœud sur la ligne de commande et enfin comment nous le publions dans le gestionnaire de package de nœud (npm) afin que tout le monde puisse l'installer. il.
L'organisation peut faire ou défaire la maintenabilité d'une application. Avec des applications plus petites, l'organisation est plus évidente. Cependant, à mesure que l'application grandit et que le nombre de développeurs d'applications et d'ingénieurs front-end produisant du code augmente, l'organisation peut devenir plus confuse. Dans cet article, nous allons passer en revue quelques concepts de base pour organiser les applications de manière à ce que la recherche du code pertinent soit un processus efficace et systématique..
Dans ce screencast, nous allons construire une classe relativement simple, en utilisant des techniques TDD. En cours de route, nous aborderons diverses méthodes PHPUnit, comment créer des objets fictifs, et plus encore! Je vous encourage à travailler avec vous. c'est la meilleure façon d'apprendre!
La plupart des didacticiels de Backbone décrivent le processus d'envoi de requêtes RESTful au serveur. Mais, comment pouvons-nous capturer ces données avec notre infrastructure côté serveur? Comment savons-nous quelles sont les URL de demande? Comment surveillons-nous ces demandes à l'aide de Chrome Dev Tools? Je vais vous montrer tout cela et plus dans ce screencast.
Lorsque vous prenez la route de conception Web réactive, une partie de la transaction est constituée de grilles fluides. C'est-à-dire que les éléments de conteneur sont définis en pourcentage de largeur. Juste un exemple: un
Dans cette série en deux parties, nous allons nous intéresser à Web Storage, l'une des fonctionnalités les plus intéressantes et les plus intéressantes de la spécification HTML5. Nous examinerons l'historique du stockage Web et des cookies..
Les tests JavaScript sont un sujet sensible. Certains développeurs sont de grands défenseurs (y compris moi-même), tandis que d'autres n'en voient pas la nécessité ou en tiraient profit. Un obstacle majeur est le simple fait qu'il faut parfois beaucoup de temps pour être opérationnel. Plus cela prend de temps, plus il est probable que le développeur ne se souciera tout simplement pas. C'est pourquoi Testem est si fantastique. les tests sont aussi faciles que possible et, surtout, amusants!
L'un des nombreux objectifs de la conception du langage JavaScript était de le garder simple à la fois et, par extension, simple. Bien que je dois admettre que, compte tenu des particularités des constructions de langage, c'est tout sauf simple! Mais ce que nous entendons par "single-threaded", c'est qu'il n'y a qu'un seul thread de contrôle en JavaScript; oui, malheureusement, votre moteur JavaScript ne peut faire qu'une chose à la fois. Cela ne vous semble-t-il pas trop contraignant d'utiliser des processeurs multicœurs inactifs sur votre machine? HTML5 promet de changer tout cela.
Cela a été un parcours chaotique, en ce qui concerne la prise en charge des espaces de noms en PHP. Heureusement, il a été ajouté au langage en PHP 5.3 et la structure applicable du code PHP s'est grandement améliorée depuis. Mais comment les utilisons-nous exactement?
J'ai vu beaucoup de difficultés quand ils rencontrent Backbone.js pour la première fois. Dans ce billet de blog, je vais progressivement reformuler un peu de code de la manière dont j’écrivais javascript auparavant, en un code Backbone.js approprié, à l’aide de modèles, de collections, de vues et d’événements. Espérons que ce processus vous permettra de bien comprendre les principales abstractions de Backbone.js.
La validation des formulaires a été notoirement une expérience de développement douloureuse. Il est difficile de mettre en œuvre la validation côté client de manière conviviale, conviviale pour les développeurs et accessible. Avant HTML5, il n'existait aucun moyen d'implémenter la validation de manière native. par conséquent, les développeurs ont eu recours à diverses solutions basées sur JavaScript.
Quel que soit notre niveau actuel, nous étions tous débutants à un moment donné. Faire des erreurs classiques de débutant vient avec le territoire. Aujourd'hui, nous avons demandé à plusieurs auteurs du personnel de Nettuts + de préciser leur liste de pièges et de solutions, dans différentes langues. Apprendre de nos erreurs; ne fais pas ces choses!
En tant que langage purement fonctionnel, Haskell vous limite à la plupart des méthodes classiques de programmation dans un langage orienté objet. Mais limiter les options de programmation nous offre-t-il vraiment des avantages par rapport aux autres langues? Dans ce tutoriel, nous allons jeter un regard sur Haskell et tenter de clarifier ce que c'est, et pourquoi cela pourrait valoir la peine d'être utilisé dans vos futurs projets..
Je ne pense pas avoir besoin de vous convaincre que tester votre code JavaScript est une bonne idée. Cependant, il peut parfois s'avérer fastidieux de tester du code JavaScript nécessitant un DOM. Cela signifie que vous devez tester votre code dans le navigateur et que vous ne pouvez pas utiliser le terminal, n'est-ce pas? Faux, effectivement: entrez PhantomJS.
Cette semaine, je devais donner à YUIConf une nouvelle conférence intitulée, des API JavaScript dont vous n’avez jamais entendu parler (et d’autres que vous avez). Malheureusement, un conflit d'horaire signifie que je ne pourrai pas y assister. Ainsi, au lieu de laisser le travail de mise au point d'une nouvelle conversation - être perdu (ou autrement retardé), j'ai décidé de préparer un résumé de la présentation..
Au quotidien, je travaille au sein de BSkyB… Je travaille sur de gros sites Web, dont le dernier m'a pris plus d'un an à construire le front-end pour (et cela continue encore). Pour moi, dans mon monde, un mauvais CSS est une chose très spécifique et gênante; Lorsque vous travaillez sur un site pendant des mois, vous ne pouvez pas vous permettre d'avoir un code médiocre, qu'il s'agisse de CSS ou autre, et tout code défectueux doit être corrigé..
Il est courant qu'un client envoie une demande pour un fichier qui n'existe pas sur le serveur ou se trouve dans un emplacement différent. Cela peut se produire pour diverses raisons. Vous pouvez déplacer vos fichiers sur le serveur (ou sur un serveur complètement différent) ou vous pouvez vouloir présenter une structure de système de fichiers logique aux clients en connexion..
Les outils peuvent donner l'impression que nos flux de travail sont homogènes, nous permettant de nous concentrer sur ce que nous construisons et de ne pas nous inquiéter du processus. La plupart des développeurs Web, sur toutes les parties de la pile, travaillent à partir de la ligne de commande. Il existe d'innombrables utilitaires qui peuvent vous rendre plus productif. Ce ne sont pas des applications en ligne de commande complètes, telles que Git, mais plutôt des outils simples et composables, qui peuvent améliorer votre flux de travail en tant que développeur Web..
L’injection de dépendance a fait l’objet de discussions fréquentes au sein de nombreux développeurs d’entreprise au cours des dernières années. Beaucoup craignaient de perdre trop de temps à la construction de leur architecture applicative sans faire de vrai travail. Dans cet article, je vais expliquer pourquoi les développeurs PHP devraient envisager de tirer parti de l'injection de dépendance lors de la construction de projets volumineux et évolutifs..
Les concepteurs comme moi sont souvent intimidés par la conception - mais un petit effort peut générer un retour sur investissement considérable. Voici les conseils d'un codeur pour que tout site paraisse rapidement plus professionnel. Je suis un programmeur. Je ne suis pas un designer. J'ai un diplôme en informatique et cela ne me dérange pas que Comic Sans. (Cela a l'air gai. Passez.)
Avez-vous déjà eu une session de terminal à distance en cours d'exécution, pour que votre connexion soit interrompue au milieu d'une tâche volumineuse? Ensuite, vous vous reconnectez, ne sachant rien de sa progression (le cas échéant) ni de son statut actuel. Screen est la solution à ce problème. L'écran vous permet de démarrer des sessions de terminal que vous pouvez déconnecter et reprendre à tout moment..
Eh bien, voici ma liste de 60 bons conseils et tutoriels de 2012. Vous avez probablement vos propres favoris; écoutons-les dans les commentaires!
