Le développement Web peut souvent être très complexe. Aujourd'hui, pour les débutants, je souhaite vous présenter 26 concepts et techniques, un pour chaque lettre de l'alphabet anglais. Cela semble bizarre, alors commençons.
A——Ajax
AJAX signifie asynchrone javaScript et xml, et c'est le principal moteur de toutes les applications Web fluides que vous avez utilisées ces dernières années. En tant que technologie, AJAX est déjà largement utilisée. Gmail, Flickr, etc. Vous pouvez même le trouver dans le panneau d'administration de WordPress. Alors, de quoi s’agit-il exactement et comment ça marche ?
À la base, il s'agit de xmlhttpRequest, qui permet d'envoyer des requêtes et de recevoir des réponses une fois la page entièrement rendue, sans avoir à s'associer à d'autres parties de la page. Cela signifie que les applications Web n'ont pas besoin d'actualiser la page entière à chaque opération. Cela offre une expérience utilisateur très fluide et dynamique, semblable à celle d’une application de bureau.
Lecture connexe
Comment faire des requêtes AJAX avec du Javascript brut
24 meilleures pratiques pour les implémentations AJAX
Soumettre un formulaire sans actualisation de page à l'aide de jQuery
B——Navigateur (navigateur)
Un navigateur est ce qui comprend la structure de votre site Web ou de votre application. Non seulement il peut être utilisé pour surfer sur Internet, mais un navigateur moderne est également une plateforme multitâche. Par exemple, je l'ai installé avec IRC, FTP et la possibilité de synchroniser les informations sur chaque appareil. Vous savez peut-être déjà que le navigateur est un outil de développement précieux, mais il apporte également beaucoup de problèmes. Chaque développeur qui doit s'assurer que son travail est parfait dans chaque navigateur doit comprendre cette douleur.
Lecture connexe
13 façons de tester et de valider votre travail par navigateur
Les 5 meilleures façons de tester votre site Web par navigateur
9 bogues IE les plus courants et comment les corriger
C——CSS
CSS est une arme tranchante dans le développement front-end. CSS, abréviation de Cascading Style Sheets, est un langage qui définit la manière dont les pages Web sont affichées. Dans les jours les plus effrayants du développement Web, les développeurs écrivaient souvent du code de style dans le code source HTML. CSS sépare très bien le style du contenu.
Lecture connexe
Les 30 sélecteurs CSS que vous devez mémoriser
30 meilleures pratiques CSS pour les débutants
Comprendre la spécificité CSS
CSS : Noob to Ninja – La série de vidéos complète
D——DOM
DOM est l'abréviation de Document Object Model, qui est la convention acceptée pour interagir avec les documents HTML ou XML. L'API DOM fournit des fonctions permettant de parcourir et de manipuler des documents par programmation. "DOM crée une structure hiérarchique cohérente pour le document HTML analysé. Les éléments enfants sont appelés nœuds ou nœuds DOM." Si vous entendez des gens parler de DOM, ils parlent en réalité de scripts DOM. C'était auparavant un terme décrivant l'accès et la manipulation du DOM via JavaScript. Il s’agit de la technologie derrière la plupart des sites Web et applications modernes que vous voyez aujourd’hui.
Lecture connexe
JavaScript et la série DOM : Leçon 1
Javascript et le DOM : Leçon 2
The Dom is a Mess – Conférence de John Resig
E——Événements
Les applications Web modernes sont profondément axées sur les événements. Alors, qu’est-ce qu’un événement ? La plupart des choses que vous faites sur une page Web forment un événement. Placer la souris sur un lien, cliquer sur un bouton, appuyer sur la touche Tab, etc. sont tous des événements valides. La gestion des événements fait référence à l'exécution d'un morceau de code spécifié lorsqu'un événement se produit. C’est également le concept de base du développement Web moderne que vous devez maîtriser.
Lecture connexe
JavaScript à partir de Null : Chapitre 5 – Événements
Événements JavaScript à partir de zéro
JavaScript à partir de Null : liaison d'événements entre navigateurs
Délégation d'événements JavaScript en 4 minutes
F——Firebug
Si un ouvrier veut bien faire son travail, il doit d’abord affûter ses outils. Il en va de même pour les développeurs Web. Firebug est un outil très puissant. Firebug est une extension Firefox qui fonctionne tout au long de votre travail. Il vous permet de modifier et de surveiller chaque aspect d'une page à la volée. Je ne peux pas entrer dans les détails de ses fonctionnalités ici, alors cliquez sur le lien ci-dessous.
Lecture connexe
10 raisons pour lesquelles vous devriez utiliser Firebug
Comment créer un thème pour n'importe quel CMS à l'aide de Firebug
Firebug : Ceinture blanche à noire
G - Grille
Une grille est un cadre visuel permettant de structurer une page. Elle a été transplantée à partir de l'industrie de l'imprimerie autrefois développée, et la grille est un élément essentiel du développement Web actuel. Il existe de nombreux frameworks CSS qui peuvent être utilisés pour créer des mises en page basées sur une grille, ce qui nécessite une pratique intensive pour un très grand nombre de pages et de mises en page.
Lecture connexe
Un aperçu détaillé du framework CSS 960
Un examen plus approfondi du framework Blueprint CSS
Cours intensif : YUI Grids CSS
Maîtriser le système de grille 960
H——HTML
Si vous lisez cet article en ce moment, vous avez peut-être une vague idée de son concept. Si vous avez été trompé par ce lien, continuez à lire. À propos, invitons tout le monde à visiter rockux. Nous proposons de nombreux articles sur le développement Web. HTML est l'abréviation de Hypertext Markup Language et constitue le standard de facto pour le langage Web. Le HTML est composé de plusieurs composants ou éléments : les balises, les attributs des balises et le contenu contenu dans les balises. La dernière version du standard HTML, HTML5, nous apporte de nombreuses nouveautés et résout certains problèmes de compatibilité.
Lecture connexe
Cours « HTML5 et vous »
30 meilleures pratiques HTML pour les débutants
28 fonctionnalités, astuces et techniques HTML5 que vous devez connaître
Les 10 balises HTML que les débutants n'utilisent pas
Je - IE
Euh, Internet Explorer. Le nom évoque la crainte et la colère. C'était un héros, apportant quatre nouvelles fonctionnalités passionnantes qui ont fait avancer l'ensemble du secteur, et qui a également mis fin à l'histoire de la stagnation des navigateurs. À ce jour, il reste en tête des développeurs front-end. Après dix ans de guerre, la dernière version d'IE est la 9, et elle est revenue dans le bon sens de l'innovation. Quelle que soit votre attitude envers IE, celui-ci reste une partie incontournable du processus de développement Web.
Lecture connexe
Les choses qu'Internet Explorer a réussies
9 bogues IE les plus courants et comment les corriger
Internet Explorer a-t-il obtenu le bon modèle de boîte ?
J-JavaScript
JavaScript est le dernier membre du trio de base du développement Web. JavaScript, et non Java, est le langage de script du Web. Des milliards de pages Web l’utilisent, et plus important encore, les sites Web qui soutiennent cette affirmation. Vous définissez le comportement, gérez les événements, manipulez le DOM et interagissez avec le serveur via JavaScript. La compréhension et la connaissance de JavaScript augmentent chaque année grâce à l'utilisation d'incroyables bibliothèques telles que jQuery. Je pense qu'il est approprié de dire que JavaScript est un incontournable absolu pour tout développeur Web moderne.
Lecture connexe
24 meilleures pratiques JavaScript pour les débutants
JavaScript à partir de Null : série de vidéos
33 développeurs auxquels vous DEVEZ vous abonner en tant que accro de JavaScript
K——Optimisation des mots clés (optimisation des mots clés)
Le référencement ne concerne que le développement Web, mais malgré cela, il est important que les développeurs Web aient des connaissances de base sur ce qu'est le référencement et ce qu'il peut faire. L'optimisation des mots clés consiste à choisir les bons mots clés pour votre site Web et à les optimiser afin que vos visiteurs puissent trouver votre site Web. Et lorsque vous abordez tous les principes du référencement, rappelez-vous : le contenu est roi. Si votre référencement est excellent mais que votre contenu est médiocre, les utilisateurs peuvent vous trouver mais partir rapidement. Si vous avez un bon contenu, les utilisateurs vous trouveront et resteront.
Lecture connexe
Les seuls outils de référencement dont vous aurez besoin
L——Moins
Less est un langage épineux de style rose. Leur site Web décrit LESS comme étendant le comportement dynamique de CSS, tel que les variables, les mixins, les opérateurs et les fonctions, et j'ai tendance à privilégier cette approche. LESS est du CSS sur des stéroïdes anabolisants. Oui, cela me semble mieux, mais vous savez ce que cela signifie. Il apporte les caractéristiques des langages dynamiques au CSS, rendant ainsi les feuilles de style plus puissantes et plus faciles à gérer.
Lecture connexe
Comment tirer le meilleur parti de MOINS
Vous devez consulter LESS.js
Ne saisissez plus jamais de préfixe de fournisseur
M——MVC
Le modèle Model View Control, mieux connu sous le nom de modèle MVC, est l’un des modèles les plus utilisés dans le développement Web. Il s'agit d'un modèle architectural qui divise chaque partie d'une application Web en morceaux logiques pour faciliter la maintenance : le modèle gère les données, la vue gère la présentation et le contrôleur est responsable du flux de données entre les deux parties.
Si vous utilisez un framework de développement Web moderne, vous utilisez MVC. Ruby on Rails, Code Igniter et Zend Framework utilisent tous ce modèle.
Lecture connexe
MVC pour les Noobs
Créez votre premier Tiny MVC Boilerplate avec php
asp.net à partir de zéro : MVC
N - nœud.JS
node.JS fait entrer le développement Web dans une nouvelle ère. Il permet d'exécuter JavaScript sur un moteur de VM (V8) très rapide. Les résultats de ce changement de mode de pensée ne seront peut-être pas immédiatement visibles, mais avec le temps, les avantages deviendront apparents.
L'incroyable vitesse et la capacité à gérer des milliers d'événements d'E/S simultanés sont des sujets de discussion majeurs pour les développeurs JavaScript du monde entier.
Lecture connexe
Apprendre le JavaScript côté serveur avec Node.js
Site officiel de Node.JS
O——Objet
La programmation orientée objet a été largement acceptée par la communauté des programmeurs en raison de sa flexibilité. En utilisant la POO, vous pouvez écrire moins de lignes de code, ce qui le rend plus propre et donc plus facile à maintenir. Mais que sont exactement les objets ? C’est difficile à expliquer clairement en une ou deux phrases, alors regardez le lien ci-dessous.
Lecture connexe
PHP orienté objet pour les débutants
Les bases du JavaScript orienté objet
Lien Wikipédia
P——PHP
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.
Malgré une multitude de mises à jour et de débats comme étant le meilleur choix pour écrire des applications Web, PHP a non seulement survécu, mais a prospéré. WordPress, Joomla, Drupal, MediaWiki utilisent tous PHP comme langage backend. L'une des principales raisons est que le déploiement est facile et que vous pouvez relativement facilement trouver un hébergeur prenant en charge PHP.
Lecture connexe
30+ meilleures pratiques PHP pour les débutants
Pourquoi vous êtes un mauvais programmeur PHP
9 fonctions et fonctionnalités PHP utiles que vous devez connaître
Q——Requête
Les requêtes dans nos articles peuvent signifier beaucoup de choses. Le langage de requête est une interface utilisée pour obtenir des données à partir de systèmes externes. SQL est un bon exemple d'obtention d'informations à partir d'une base de données relationnelle.
La chaîne de requête, quant à elle, est l'élément transmis à l'application Web dans le cadre de l'URL. Ces données peuvent provenir de la page à laquelle l'utilisateur accède pour vérifier un identifiant ou une transaction. Les chaînes de requête sont formatées sous forme de paires clé-valeur.
Lecture connexe
CodeIgniter from Scratch : résultats de recherche sans chaînes de requête
Requête SQL « Messages populaires par nombre de commentaires » dans WordPress
R - Expressions régulières
Les expressions régulières offrent un moyen flexible de faire correspondre les chaînes du texte selon des modèles spécifiés. Il est rédigé dans une langue spécifique et analysé par un interprète. Toutes les langues modernes prennent en charge les expressions régulières.
Lecture connexe
Expressions régulières pour les nuls : série Screencast
Vous ne savez rien des expressions régulières : un guide complet
Conseils et techniques avancés sur les expressions régulières
S - Contrôle de source (contrôle de source)
Le contrôle de source est une pratique populaire au sein du processus de développement d'une équipe, quel que soit l'aspect sur lequel elle se concentre : les programmeurs de tous les domaines utilisent le contrôle de source. Mais qu’est-ce que c’est exactement ? En termes simples, le contrôle de source permet à une équipe de développeurs de travailler sur un ensemble de fichiers, en suivant et en identifiant les modifications de chaque membre. Chaque version du code peut être comparée, fusionnée ou même restaurée.
Lecture connexe
Terminal, Git et GitHub pour le reste d'entre nous : Screencast
Une introduction visuelle à Git
Contrôle de version facile avec Git
Maîtriser GitHub
T-TDD (développement piloté par les tests)
C'est encore une fois un élément commun à tous les développeurs. TDD est l'abréviation de développement piloté par les tests, qui fait référence au processus d'exécution de code et d'automatisation des cas de test pour ce code en même temps. Cela supprime de nombreux tests logiciels fastidieux et encourage les développeurs à tester davantage.
Lecture connexe
Le guide du débutant sur le développement piloté par les tests
Développement JavaScript piloté par les tests en pratique
Comment tester votre code JavaScript avec QUnit
U —— Tests unitaires (tests unitaires)
Les tests unitaires sont une série de TFF dans lesquels de petites unités de code sont testées pour garantir leur publiabilité. Cependant, les tests unitaires sont souvent liés aux méthodes OPP, ce qui signifie généralement la plus petite unité du programme pouvant être testée indépendamment.
Lecture connexe
Comment tester votre code JavaScript avec QUnit
V——VIM
VIM est un éditeur de texte très extrême. Vim est gratuit, open source et propose d'innombrables packages de fonctionnalités parmi lesquels choisir. D’un autre côté, sa courbe d’apprentissage est presque insupportablement raide, et sans bonnes ressources, vous pourriez vous perdre pendant longtemps. Cliquez sur le lien ci-dessous pour voir pourquoi cela en vaut la peine.
W - WordPress
WordPress a commencé comme un système de blogage minimal, mais il s'est maintenant incroyablement développé. Son évolutivité lui permet d'être utilisé pour tout, du CMS aux systèmes de commerce électronique. Il compte également de nombreux passionnés et adeptes, notamment des développeurs et des concepteurs, qui souhaitent en faire une plate-forme fiable sur laquelle vous pouvez compter pour les futurs sites Web.
Lecture connexe
Comment créer un thème WordPress à partir de zéro
Plugins essentiels pour chaque installation WordPress
Faire évoluer WordPress pour un trafic élevé
Top 50 des didacticiels WordPress
8 excellents plugins de référencement WordPress
X——XSS
XSS signifie Cross-site scripting. C’est l’une des nombreuses questions de sécurité que vous pouvez vous poser lors de la création d’un site Web. XSS fait référence à l'acte de charger un site Web ou un programme vulnérable avec des scripts malveillants pour élever des privilèges ou obtenir des informations sensibles, souvent les deux.
Lecture connexe
Pouvez-vous pirater votre propre site ? Un aperçu de quelques considérations essentielles en matière de sécurité
CodeIgniter à partir de zéro : sécurité
5 conseils utiles pour créer des applications PHP sécurisées
Y——YUI
Yahoo User Interface Library est une bibliothèque JavaScript qui simplifie le processus de création de sites Web interactifs. Comme la plupart des bibliothèques modernes, elle permet la manipulation du DOM et l'AJAX prêt à l'emploi. Bien qu’il ne soit pas aussi célèbre que jQuery, YUI dispose toujours d’une très large base d’utilisateurs et a été activement développé.
Lecture connexe
Une introduction à YUI
2010 à travers le prisme du théâtre YUI
Z——Indice Z
Z-Index est une propriété CSS qui définit la façon dont un élément s'empile sur la page - elle définit la distance entre un élément et le haut de la fenêtre. Une valeur élevée indique qu'il apparaîtra au-dessus de l'élément avec une valeur faible. Bien que cette propriété puisse être relativement spécialisée, elle entre en jeu immédiatement lorsque vous créez des widgets ou des conceptions Web plus complexes.