[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Client-side_tools [Back]  [Original]

Understanding client-side web development tools - Apprendre | MDN

Cette page a t traduite partir de l'anglais par la communaut. Vous pouvez contribuer en rejoignant la communaut francophone sur MDN Web Docs.

View in English Always switch to English

Understanding client-side web development tools

Les outils ct client peuvent tre intimidants, mais cette srie d'articles vise illustrer le but de certains des types d'outils ct client les plus courants, expliquer les outils que vous pouvez enchaner, comment les installer l'aide de gestionnaires de packages et les contrler l'aide de la ligne de commande. Nous terminons en fournissant un exemple complet de chane d'outils vous montrant comment devenir productif.

Dans cet article

Conditions prrequises

Vous devez vraiment apprendre les bases des langages HTML, CSS, et JavaScript avant d'essayer d'utiliser les outils dtaills ici.

Guides

Vue d'ensemble de l'outillage ct client

Dans cet article, nous vous proposons un aperu des outils Web modernes, des types d'outils disponibles et de l'endroit o vous les rencontrerez dans le cycle de vie du dveloppement d'applications Web, et comment trouver de l'aide sur des outils individuels.

Cours intensif en ligne de commande

Dans votre processus de dveloppement, vous devrez sans aucun doute excuter une commande dans le terminal (ou sur la "ligne de commande" - ce sont en fait la mme chose). Cet article fournit une introduction au terminal, les commandes essentielles que vous devrez y saisir, comment enchaner des commandes et comment ajouter vos propres outils d'interface de ligne de commande (CLI).

Principes de base de la gestion des paquets

Dans cet article, nous examinerons en dtail les gestionnaires de paquets pour comprendre comment nous pouvons les utiliser dans nos propres projets - pour installer les dpendances des outils de projet, les maintenir jour, etc.

Introduction d'une chane d'outils complte

Dans les deux derniers articles de la srie, nous solidifierons vos connaissances en matire d'outillage en vous guidant tout au long du processus de cration d'un exemple de chane d'outils d'tude de cas. Nous irons de la mise en place d'un environnement de dveloppement sensible et de la mise en place d'outils de transformation au dploiement effectif de votre application sur Netlify. Dans cet article, nous allons prsenter l'tude de cas, configurer notre environnement de dveloppement et configurer nos outils de transformation de code.

Dployer notre application

Dans le dernier article de notre srie, nous prenons l'exemple de chane d'outils que nous avons construit dans l'article prcdent et nous l'ajoutons afin de pouvoir dployer notre exemple d'application. Nous poussons le code sur GitHub, le dployons l'aide de Netlify et vous montrons mme comment ajouter un test simple au processus.


Web Proxy Viewer  |  New URL  |  Original Page