Tutoriels

Débuter avec le Web est une série concise qui vous présente les aspects pratiques du développement web. Vous mettrez en place les outils dont vous avez besoin pour construire une page web simple et publier votre propre code simple.

Ce module prépare le terrain, en vous familiarisant avec les concepts et la syntaxe importante, en examinant l'application du HTML au texte, la création d'hyperliens et l'utilisation du HTML pour structurer une page web.

Une référence complète pour les éléments HTML et qui contient des informations de compatibilité pour la prise en charge des différents navigateurs.

Un guide HTML pour les débutants qui comprend des explications sur les balises courantes, y compris les balises HTML5. Il comprend également un guide étape par étape pour créer une page web de base avec des exemples de code.

Utilisez ces défis pour affiner vos compétences en HTML (par exemple, « Dois-je utiliser un élément <h2> ou un élément <strong> ? »), en vous concentrant sur un balisage sémantique pertinent.

Ce module explore comment utiliser le langage HTML pour inclure des éléments multimédias dans vos pages web, y compris les différentes façons d'inclure des images, et comment intégrer des vidéos, des sons et même des pages web entières.

Représenter des données tabulaires sur une page web de manière compréhensible, accessible peut être un défi. Ce module couvre le balisage de base des tableaux, ainsi que des fonctionnalités plus complexes telles que l'implémentation de légendes et de résumés.

Les formulaires sont une partie très importante du Web — ils fournissent une grande partie de la fonctionnalité dont vous avez besoin pour interagir avec les sites Web, par exemple pour vous enregistrer et vous connecter, envoyer des commentaires, acheter des produits, etc. Ce module vous permet de commencer à créer les parties côté client des formulaires.

Optimisez les pages web pour offrir un site plus réactif aux visiteurs et réduire la charge sur votre serveur web et votre connexion Internet.

CSS (Cascading Style Sheets) est le code que vous utilisez pour styliser votre page web. Les bases de CSS vous présente ce dont vous avez besoin pour commencer. Nous répondrons à des questions telles que : Comment rendre mon texte noir ou rouge ? Comment faire pour que mon contenu s'affiche à tel ou tel endroit de l'écran ? Comment puis-je décorer ma page web avec des images et des couleurs d'arrière-plan ?

Les feuilles de style en cascade (CSS) sont utilisées pour styliser et mettre en page des pages Web, par exemple pour modifier la police, la couleur, la taille et l'espacement de votre contenu, le diviser en plusieurs colonnes ou ajouter des animations et autres éléments décoratifs. Ce module vous permet de commencer en douceur votre parcours vers la maîtrise de CSS, en vous expliquant les bases de son fonctionnement, la syntaxe et la façon dont vous pouvez commencer à l'utiliser pour ajouter du style au HTML.

Ce module poursuit là où Premiers pas avec CSS s'est arrêté — maintenant que vous vous êtes familiarisé avec le langage et sa syntaxe, et que vous avez acquis une certaine expérience de base de son utilisation, il est temps de plonger un peu plus profondément. Ce module traite de la cascade et de l'héritage, de tous les types de sélecteurs disponibles, des unités, de la taille, du style des arrière-plans et des bordures, du débogage et de bien d'autres choses encore.

L'objectif ici est de vous fournir une boîte à outils pour écrire un CSS compétent et vous aider à comprendre toute la théorie essentielle, avant de passer à des disciplines plus spécifiques comme le style de texte et la mise en page CSS.

Nous examinons ici les principes fondamentaux de la mise en forme du texte, notamment le réglage de la police, de la graisse et de l'italique, l'espacement des lignes et des lettres, les ombres portées et autres caractéristiques du texte. Nous terminons le module en examinant l'application de polices personnalisées à votre page, ainsi que le style des listes et des liens.

Questions et réponses courantes pour les débutants.

À ce stade, nous avons déjà examiné les principes fondamentaux de CSS, comment styliser le texte et comment styliser et manipuler les boîtes dans lesquelles se trouve votre contenu. Il est maintenant temps d'examiner comment placer vos boîtes au bon endroit par rapport à la fenêtre d'affichage et les unes par rapport aux autres. Nous avons couvert les prérequis nécessaires et pouvons maintenant nous plonger dans la mise en page CSS, en examinant les différents paramètres d'affichage, les méthodes de mise en page traditionnelles impliquant le flottement et le positionnement, ainsi que les nouveaux outils de mise en page comme flexbox.

Référence complète à CSS, avec des détails sur la prise en charge par Firefox et d'autres navigateurs.

Concevez des mises en page qui se redimensionnent de manière fluide avec la fenêtre du navigateur, tout en utilisant une grille typographique.

Exercez vos compétences en matière de CSS et voyez si vous avez besoin de vous entraîner davantage.

Appliquer une rotation, une inclinaison, une mise à l'échelle et un déplacement à l'aide de CSS.

Les transitions CSS, qui font partie du projet de spécification CSS3, permettent d'animer les changements apportés aux propriétés CSS, plutôt que de leur donner un effet immédiat.

La fonction @font-face de CSS3 vous permet d'utiliser des caractères personnalisés sur le web d'une manière accessible, manipulable et évolutive.

Une introduction aux outils et méthodologies pour écrire des CSS plus succinctes, maintenables et évolutifs.

Apprenez à dessiner des graphiques à l'aide de scripts en utilisant l'élément canvas.

Articles sur l'utilisation de HTML5 en ce moment.

Dans notre premier module JavaScript, nous répondons d'abord à certaines questions fondamentales telles que « qu'est-ce que JavaScript ? », « à quoi ressemble-t-il ? » et « que peut-il faire ? », avant de vous faire vivre votre première expérience pratique d'écriture de JavaScript. Ensuite, nous aborderons en détail certaines fonctionnalités clés de JavaScript, telles que les variables, les chaînes de caractères, les nombres et les tableaux.

Dans ce module, nous poursuivons notre couverture de toutes les fonctionnalités fondamentales de JavaScript, en portant notre attention sur les types de blocs de code les plus courants, tels que les instructions conditionnelles, les boucles, les fonctions et les événements. Vous avez déjà vu ces éléments dans le cours, mais seulement en passant — ici, nous allons en discuter de manière explicite.

Qu'est-ce que JavaScript et comment peut-il vous aider ?

Codecademy est un moyen facile d'apprendre à coder en JavaScript. C'est interactif et vous pouvez le faire avec vos amis.

freeCodeCamp enseigne une variété de langages et de frameworks pour le développement web. Il dispose également d'un forum, d'une station de radio, et d'un blog.

En JavaScript, la plupart des choses sont des objets, qu'il s'agisse de fonctions JavaScript de base comme les chaînes de caractères et les tableaux ou des API de navigateur construites au-dessus de JavaScript. Vous pouvez même créer vos propres objets pour encapsuler des fonctions et des variables connexes dans des paquets efficaces. La nature orientée objet de JavaScript est importante à comprendre si vous voulez aller plus loin dans votre connaissance du langage et écrire un code plus efficace, c'est pourquoi nous avons prévu ce module pour vous aider. Nous y enseignons en détail la théorie et la syntaxe des objets, nous voyons comment créer vos propres objets et nous expliquons ce que sont les données JSON et comment travailler avec elles.

Lorsque vous écrivez du JavaScript côté client pour des sites Web ou des applications, vous n'irez pas très loin avant de commencer à utiliser des API — des interfaces permettant de manipuler différents aspects du navigateur et du système d'exploitation sur lesquels le site s'exécute, ou même des données provenant d'autres sites Web ou services. Dans ce module, nous allons explorer ce que sont les API et comment utiliser certaines des API les plus courantes que vous rencontrerez souvent dans votre travail de développement.

Une récapitulation du langage de programmation JavaScript destinée aux développeuses et développeurs de niveau intermédiaire.

Un guide complet des méthodologies JavaScript intermédiaires et avancées.

Pour les programmeurs qui veulent apprendre JavaScript rapidement et correctement, et pour les programmeurs JavaScript qui veulent approfondir leurs compétences et/ou rechercher des sujets spécifiques.

Une introduction aux modèles de conception JavaScript essentiels.

Un guide complet et régulièrement mis à jour de JavaScript pour tous les niveaux d'apprentissage, de débutant à avancé.

Une série de livres plongeant dans les mécanismes fondamentaux du langage JavaScript.

Documentation des parties les plus étranges de JavaScript.

Des informations fiables et approfondies sur ECMAScript 2015.

Une collection de modèles et d'anti-modèles JavaScript qui couvre les modèles de fonctions, les modèles jQuery, les modèles de plugins jQuery, les modèles de conception, les modèles généraux, les modèles de littéraux et de constructeurs, les modèles de création d'objets, les modèles de réutilisation du code, DOM.

Un article de recherche détaillé décrivant les différents navigateurs modernes, leurs moteurs, le rendu des pages, etc.

Une collection de vidéos de JavaScript à regarder.

WebExtensions est un système inter-navigateurs pour le développement d'extensions de navigateur. Dans une large mesure, le système est compatible avec l'API extension API prise en charge par Google Chrome et Opera. Les extensions écrites pour ces navigateurs fonctionneront dans la plupart des cas dans Firefox ou Microsoft Edge avec juste quelques modifications.