Share
Le développement Web peut souvent être une affaire complètement déroutante. Aujourd'hui, à l'intention des débutants, j'aimerais vous présenter vingt-six concepts ou technologies, chacun mappant une lettre de l'alphabet. Cela vous semble insignifiant? C'est probablement! Commençons après le saut.
Tutoriel republiéToutes les quelques semaines, nous revoyons certains des articles préférés de nos lecteurs tout au long de l'histoire du site. Ce tutoriel a été publié pour la première fois en mars 2011..
AJAX est synonyme de JavaScript et XML asynchrones et constitue le principal moteur de toutes ces applications Web ultra-fluides que vous utilisez depuis quelques années..
AJAX, en tant que technologie, a été pratiquement omniprésente. Gmail? Vérifier. Flickr? Vérifier. eBay? Vérifier. Vous pouvez même le trouver dans le panneau d'administration de WordPress. Alors, que fait-il exactement et comment fait-il?
XMLHttpRequest est au centre de tout. Il permet d’envoyer et de recevoir des appels., après une page a été entièrement rendue sans toucher au reste de la page. Cela signifie essentiellement qu'une application Web n'a pas besoin de passer par une actualisation complète de la page pour chaque action. Ceci, à son tour, offre une expérience utilisateur beaucoup plus fluide et immersive, semblable à celle d'un ordinateur de bureau..
Lecture connexe
Un navigateur est la structure sobre sur laquelle vous encadrez vos magnifiques chefs-d’œuvre, qu’il s’agisse de sites Web ou d’applications. Cependant, ils ne se limitent pas à la récupération de sites Web - les navigateurs Web modernes sont tout à fait des bêtes multitâches. Mon installation, par exemple, puise dans IRC, FTP sur mes serveurs de développement et synchronise mes informations d'identification sur chaque périphérique que j'utilise..
Comme vous l'avez peut-être supposé, les navigateurs sont à la fois une source de joie et de rage pour le développeur Web moderne: ce sont des outils inestimables ainsi que des créatures ennuyeuses. Tout développeur qui doit s’assurer que son travail doit être soigné parfait dans chaque navigateur saura la douleur.
Lecture connexe
CSS est un des volets du trident de développement frontal. CSS, qui signifie Cascading Style Sheets, est la langue avec laquelle vous définissez le mode d'affichage d'une page - sa présentation, si vous le souhaitez..
À l’horreur du développement Web, les développeurs intégraient souvent le code de présentation dans leur source. CSS, parmi d’autres technologies, a considérablement atténué ce problème en fournissant une méthode permettant de scinder la présentation du contenu..
Lecture connexe
Le DOM, une abréviation de Document Object Model, est la convention acceptée pour interagir avec les documents HTML [ou XML]. L'API DOM fournit un moyen de parcourir et de manipuler un document par programmation.
Le DOM crée une hiérarchie qui correspond à la structure du document HTML analysé. Les enfants sont appelés nœuds ou nœuds DOM.
Si vous entendez quelqu'un parler du DOM, il y a de fortes chances qu'il parle du script DOM. C'est le terme utilisé pour décrire l'accès par programme au manipulateur DOM et sa manipulation par le biais de JavaScript. C'est la technologie derrière la plupart des sites Web et des applications modernes que vous voyez aujourd'hui.
Lecture connexe
Les applications Web modernes sont profondément liées aux événements. Mais qu'est-ce qu'un événement? La plupart des choses que vous faites sur une page Web constituent un événement. Les survols survolent un lien amusant mais éventuellement NSFW, un clic sur un bouton, une pression sur la touche de tabulation pour passer au champ de texte suivant sont tous des événements valides..
La gestion des événements fait référence au processus dans lequel nous attachons un bloc de code spécifique à exécuter chaque fois qu'un événement donné est déclenché. Encore une fois, c’est l’un des concepts fondamentaux du développement Web moderne que vous devrez maîtriser..
Lecture connexe
Tout artisan a besoin de ses outils pour travailler efficacement. Les développeurs Web ne dérogent pas à cette règle. Firebug est l’un des outils les plus robustes du marché..
Firebug est une extension de Firefox qui galvanisera votre flux de travail. Il vous permet d'éditer et de surveiller tous les aspects d'une page à la volée. Je ne peux pas tout expliquer des fonctionnalités qu'il fournit alors assurez-vous de cliquer sur les liens ci-dessous.
Lecture connexe
Les grilles sont les cadres visuels sur lesquels les pages sont structurées. Transformés de l'industrie graphique jadis florissante, les grilles sont un élément essentiel du flux de travail de développement Web moderne..
Il existe un certain nombre de frameworks CSS répondant exactement à ce besoin, car la construction d'une mise en page basée sur une grille, pour un nombre non négligeable de pages et de mises en page, peut être un exercice de masochisme..
Lecture connexe
Si vous lisez ceci aujourd'hui, vous avez probablement déjà une vague idée de ce que c'est. Si vous avez été trompé dans ce lien cependant, lisez la suite. Au fait, bienvenue chez Nettuts! Nous écrivons sur le développement web, les cookies et Justin Bieber.
HTML signifie HyperText Markup Language, le langage de balisage de facto du Web - il s’agit de pages Web comme de briques pour les maisons. Le HTML est composé de plusieurs composants ou éléments - balises, attributs de balises et contenu contenu dans les balises..
La dernière version du standard HTML, HTML5, est maintenant sur le point d’apporter un certain nombre de nouvelles fonctionnalités, de rationaliser le flux de travail et de corriger quelques incompatibilités..
Lecture connexe
Ahh, Internet Explorer. Le nom évoque à la fois crainte et colère. Jadis un héros qui a présenté de nouvelles fonctionnalités impressionnantes sur le marché, qui a permis de faire progresser le secteur, il a également laissé tomber la balle en laissant le navigateur stagner. À ce jour, c’est également la principale cause d’alopécie chez les développeurs front-end. Après une décennie de coups durs, la dernière version d'Internet Explorer, 9, est de nouveau sur la bonne voie vers l'innovation.
Quelle que soit votre position vis-à-vis d'Internet Explorer, il s'agit d'un élément intrinsèque et inextricable du processus de développement Web..
Lecture connexe
JavaScript est le dernier membre du trio essentiel du développement Web. JavaScript, qui n'est pas Java, est le langage de script du Web. Son utilisation dans des milliards de pages Web et, plus important encore, dans les sites Web est un enjeu majeur. Vous définissez le comportement via JavaScript - gestion des événements, manipulation du DOM et communication avec le serveur..
Grâce à l’incroyable adoption des bibliothèques, telles que jQuery, la notoriété et la connaissance de JavaScript se développent chaque année, année après année. Je pense qu'il est approprié de dire que JavaScript est un must absolu pour tout développeur web moderne..
Lecture connexe
Le référencement concerne uniquement le développement web mais, même dans ce cas, il est important que le développeur web connaisse les bases du référencement et de ce qu’il fait..
L’optimisation des mots-clés fait référence au processus consistant à choisir les mots-clés appropriés pour votre site Web, puis à les optimiser afin que votre public puisse trouver votre site. Rappelez-vous de ces principes de référencement: le contenu est roi. Si vous avez du mauvais contenu avec un excellent référencement, les utilisateurs vous trouveront mais partiront peu après. Si vous avez un bon contenu, les utilisateurs vont vous trouver et rester.
Lecture connexe
Less est un langage de style doté de quelques atouts. Leur site Web indique que LESS étend CSS avec un comportement dynamique tel que variables, mixins, opérations et fonctions et je suis enclin à accepter.
MOINS est CSS sur les stéroïdes anabolisants. Oui, ça sonnait mieux dans ma tête, mais vous savez ce que cela signifie. Il apporte les concepts d'un langage dynamique au CSS, ce qui facilite la gestion de feuilles de style gigantesques..
Lecture connexe
Le modèle Model View Controller, mieux connu sous le nom de MVC, est l’un des plus utilisés dans le monde du développement Web. C'est un motif architectural qui sépare chaque partie d'une application Web en blocs logiques pour une meilleure maintenance: les modèles traitent les données, les vues traitent la présentation, tandis que le contrôleur coordonne le flux d'informations entre les deux..
Si vous avez utilisé un framework de développement Web moderne, vous avez utilisé MVC. Ruby on Rails, Code Igniter et Zend Framework utilisent tous ce modèle.
Lecture connexe
Node.JS a inauguré une nouvelle ère de développement Web. Il permet d’exécuter JavaScript sur une machine virtuelle extrêmement rapide [V8]. Les conséquences d’un tel changement de paradigme ne sont peut-être pas immédiatement évidentes, mais une heure à peu près avec lui indiquera clairement le jour..
L'incroyable vitesse ainsi que la capacité de gérer des milliers d'événements IO simultanés sont les principaux points de discussion, tout comme la base quasi universelle d'utilisateurs de développeurs JavaScript..
Lecture connexe
La programmation orientée objet a été largement adoptée par la communauté de programmation pour la flexibilité qu’elle apporte à la table. Avec OOP, vous pouvez écrire quelques lignes de code, le rendre plus sec et donc beaucoup plus facile à maintenir..
Mais qu'est-ce qu'un objet? Il est assez difficile de l'expliquer en une seule phrase, sémantiquement autonome, alors assurez-vous de cliquer sur les liens ci-dessous!
Lecture connexe
PHP est sans aucun doute le langage côté serveur le plus populaire - il alimente des millions, voire des milliards de pages Web et d'applications..
Même face à un certain nombre d'options plus récentes, sans doute meilleures, pour écrire des applications Web, PHP n'a pas seulement survécu, il a également prospéré. WordPress, Joomla, Drupal, MediaWiki utilisent tous PHP dans les coulisses. Une des raisons principales est la facilité de déploiement et la facilité relative avec laquelle vous pouvez trouver des hôtes supportant PHP..
Lecture connexe
Une requête, dans notre contexte, peut faire référence à un certain nombre de choses. Un langage de requête sert à établir une interface avec des systèmes externes pour obtenir des informations. SQL est un bon exemple utilisé pour obtenir des informations à partir de bases de données relationnelles..
En revanche, une chaîne de requête est un bloc d’informations transmis à une application Web dans le cadre de l’URL. Ces données peuvent être quelque chose de la page que l'utilisateur tente d'accéder à l'ID d'autorisation d'une transaction. Les chaînes de requête sont formatées sous forme de paires clé-valeur.
Lecture connexe
Les expressions régulières offrent un moyen flexible de faire correspondre des chaînes de texte avec des modèles spécifiques. Il est écrit dans un langage spécifiquement interprété par un analyseur. Toutes les langues modernes viennent avec un support d'expression régulière.
Lecture connexe
Le contrôle de source est un terme répandu dans la communauté de développement, quel que soit leur aspect. Les programmeurs travaillent sur tout, du cloud metal au cloud computing, et utilisent le contrôle de source..
Mais qu'est-ce que c'est? En termes simples, le contrôle de source permet à une équipe de développeurs de travailler sur le même sous-ensemble de fichiers avec des modifications apportées par chaque membre pouvant être suivies et identifiables. Chaque version de la base de code peut être comparée, fusionnée ou même restaurée.
Lecture connexe
Encore une fois, l’un des éléments communs à presque tous les développeurs. TDD signifie Test Driven Development et se réfère au processus où le code et les tests automatisés pour tester ce code sont écrits presque simultanément. Cela supprime une grande partie des tâches fastidieuses liées aux tests logiciels et incite ainsi les développeurs à tester plus souvent.
Lecture connexe
Le test unitaire est un sous-ensemble de la TFF où de petites unités du code source sont testées pour s'assurer qu'elles sont prêtes pour la production. Alors qu'une unité fait souvent référence à une méthode en POO, elle désigne généralement la plus petite partie d'une application pouvant être testée indépendamment.
Lecture connexe
Vim est un éditeur de texte profondément polarisant utilisé par le célèbre éditeur très à la mode de Nettuts, Jeffrey Way. Vim est gratuit, open source et contient de nombreuses fonctionnalités. D'un autre côté, la courbe d'apprentissage est presque intolérablement raide et sans ressources adéquates, vous allez être perdu pendant longtemps. Cliquez sur les liens ci-dessous pour voir si cela en vaut la peine.
Lecture connexe
Note de l'éditeur: L'équipe Nettuts + ne peut ni confirmer ni infirmer que l'éditeur de Nettuts + est… "branché".
WordPress a commencé comme un système de blogging minimal, mais dans son état actuel, il est extrêmement extensible. Il est extensible au point qu'il est utilisé comme tout, d'un CMS à un système de commerce électronique, etc..
Il a également un groupe d'adeptes presque cultuels composé à la fois de développeurs et de concepteurs qui ne jurent que par la plateforme, ce qui en fait une plateforme fiable sur laquelle baser votre site Web à venir.
Lecture connexe
XSS signifie «Cross-Site Scripting». C'est l'un des nombreux problèmes de sécurité auxquels vous pourriez être confronté lors de la création d'une application Web..
XSS désigne l'acte consistant à charger le site Web ou l'application vulnérable avec des scripts malveillants afin d'obtenir des privilèges élevés ou des informations sensibles, souvent les deux..
Lecture connexe
La bibliothèque d'interface utilisateur Yahoo est une bibliothèque JavaScript qui simplifie le processus de création d'applications Web interactives. Comme la plupart des bibliothèques modernes, il prend en charge la manipulation DOM et AJAX prêtes à l'emploi.
Bien que moins connu que jQuery, YUI a toujours une base d’utilisateurs non triviale. et est activement développé.
Lecture connexe
Z-Index est une propriété CSS qui définit comment un élément est empilé sur une page. Il définit la distance entre un élément et le haut de la fenêtre. Un nombre plus élevé signifie qu'il apparaîtra au-dessus des éléments avec un nombre plus bas.
Bien que cette propriété puisse être relativement spécialisée, elle entre presque immédiatement en jeu lorsque vous créez des widgets ou des conceptions Web plus complexes..
Lecture connexe
Et nous avons fini. J'espère que vous avez lu autant de choses que moi avant de les assembler. Merci beaucoup pour la lecture!
Accentsconagua