• 1. Introduction
    • Les outils du développeur
  • 2. HTML
    • La syntax
      • Balise inline ou block ?
      • Les balises les plus utiles
      • Balises avec attributs
    • Une page html
      • Le nommage en WEB
      • Créer un fichier HTML
      • Structure de base
  • 3. CSS
    • La syntax
      • Les unités
      • Les sélecteurs
    • Une feuille css
      • Créer un document CSS
      • Lier le CSS
    • Positions
    • Flexbox
    • Grid
    • Responsive (Media queries)
  • 4. JS
    • La syntax
      • Les variables
    • Un fichier js
    • Exercices
  • 5. CMS
    • Introduction aux CMS
    • Installation de XAMPP (serveur local)
    • Joomla
      • Architecture
      • Le thème enfant
      • Les modules
      • Les menus
      • Custom fields
      • Language overrides
      • Tips&tricks
    • Wordpress
      • Initiation d'un wordpress
      • Le thème enfant
  • 6. SEO
    • Pourquoi la sémantique ?
  • 7. Mise en ligne
  • 8. UI / UX Design
    • Figma
      • Comprendre l'interface
      • Les pages et les calques
      • Raccourci clavier
    • Introduction
      • Les outils et aides de créations
      • Déroulement type d'un projet
Contact & horaire
  • fr
  • de

Les outils du développeur

Les principaux :
  • Un éditeurs de texte
  • Un navigateur
  • La console (intégrer dans les navigateurs web)

Les éditeurs de texte

  • Visual Studio Code (recommandé)
    C'est l'éditeur le plus utilisé, le plus complet et gratuit actuellement
  • Sublime text
  • Brackets
  • PHPStorm (payant)
  • Codepen (plateforme en ligne)

Outils de transfert de fichier (FTP)

Un client FTP (File Transfer Protocol) est un programme qui permet de transférer des fichiers entre votre ordinateur et un serveur sur internet, facilitant la mise en ligne ou le téléchargement de contenus de votre site web.

  • Cyberduck
  • FileZilla
  • Transmit (payant)

Autres outils

  • MAMP : est un logiciel gratuit qui installe un environnement de serveur local sur votre ordinateur. Il permet de tester le site localement avant de le mettre en ligne
  • Bitbucket / Git : Système de contrôle de version qui permet de suivre et de gérer l'évolution sur le projet. Facilite la collaboration dans l'équipe ainsi que le développement sur plusieurs machines.

Table of Contents

  • Les éditeurs de texte
  • Outils de transfert de fichier (FTP)
  • Autres outils