Médiaforma

All posts tagged notepad++

Plusieurs logiciels doivent être installés pour développer en jQuery :

  • Total Commander : gestionnaire de fichiers très pratique
  • Firefox : en lui associant le plugin Firebug, Firefox est très utile pour le débogage
  • Notepad++ : éditeur de code à coloration syntaxique

Installer Total Commander

Total commander est un gestionnaire de fichiers à deux volets très pratique.

Téléchargez la version 32 bits de Total Commander sur cette page :

http://www.ghisler.com/amazons3f.php

Installer Firefox et Firebug

Firefox est un navigateur alternatif bien pratique, notamment grâce au plugin Firebug qui permet de déboguer le code jQuery.

Téléchargez la dernière version de Firefox à cette adresse :

http://www.mozilla.org/fr/firefox/new/

Ajoutez-lui le plugin Firebug. Pour cela, cliquez sur le bouton Firefox (en haut et à gauche de la fenêtre), et cliquez sur Modules complémentaires. Tapez Firebug dans la zone de recherche et installez Firebug :

 

Installer Notepad++

Notepad++ est un éditeur de code à coloration syntaxique.

Téléchargez-le ici : http://notepad-plus-plus.org/fr/

Installer jQuery

Rendez-vous sur le site http://jquery.com. Téléchargez la dernière version 1.X en date de jQuery, sous une forme non compressée. Enregistrez ce fichier dans le dossier c:\jquery. Renommez-le en jquery.js.


Après cet aparté nécessaire sur les langages HTML, CSS et JavaScript, nous allons (enfin !) commencer à programmer en PHP/MySQL.

Mais avant d’écrire du code, vous devez installer votre environnement de travail.

Notepad++

Pour améliorer la lisibilité et faciliter la localisation des erreurs de frappe, vous allez saisir votre code PHP dans un éditeur de texte. Vous pouvez utiliser le Bloc-Notes de Windows, mais je vous conseille plutôt d’installer un éditeur de texte qui comprend le code PHP et qui colore syntaxiquement le code.

Rendez-vous sur la page http://notepad-plus-plus.org/fr/ et installez Notepad++.

WAMP Server

Le code va être testé localement. Pour cela, vous allez installer :

  1. Un serveur Web Apache. C’est lui qui sera chargé de délivrer les pages Web aux visiteurs. Par défaut, Apache ne peut gérer que des sites statiques, constitués de pages HTML. Pour programmer en PHP, vous devez installer le support des langages PHP et MySQL dans ce serveur.
  2. Le plugin PHP pour Apache. Ainsi, Apache sera en mesure de traiter des pages écrites en PHP.
  3. Le logiciel de gestion de bases de données MySQL. Vous pourrez ainsi créer des bases de données et les interroger pour créer vos pages Web dynamiquement.

Plusieurs paquetages incluant Apache, PHP et MySQL sont disponibles. Par exemple :

  • WAMP Server sous Windows
  • MAMP sous Mac OS X
  • XAMPP sous Linux

Vous travaillez certainement sur un ordinateur fonctionnant sous Windows XP, 7 ou 8. Dans ce cas, rendez-vous sur la page http://sourceforge.net/projects/wampserver/ et installez le logiciel WAMP Server.

A la fin de l’installation, le pare-feu de Windows se manifeste :

Cliquez sur Autoriser l’accès pour autoriser Apache à communiquer sur votre réseau.

Acceptez toutes les options par défaut jusqu’à la fin de l’installation.


Les pages Web peuvent être écrites indifféremment sur un ordinateur qui fonctionne sous Windows, Mac OS X ou Linux. Vous pouvez utiliser une application évoluée telle que le traitement de texte Word, ou encore une application dédiée à l’écriture de pages Web telle qu’Artisteer. Dans cette formation, j’ai choisi de vous montrer comment créer des pages Web en utilisant un simple éditeur de texte.

Si vous utilisez le système d’exploitation Windows, vous pourriez utiliser le Bloc-Notes de Windows, mais je vous conseille vraiment de passer au niveau supérieur en téléchargeant l’application Notepad++. Entièrement gratuite, cette application reconnaît les balises HTML et les change leur couleur afin de faciliter la compréhension du code. D’autre part, l’indentation des balises est bien plus simple à mettre en œuvre dans Notepad++ que dans le Bloc-Notes.

Pour télécharger Notepad++, rendez-vous sur la page http://notepad-plus-plus.org/fr/, cliquez sur Téléchargement puis sur le lien correspondant à la dernière version Installer disponible. Il suffit alors d’exécuter le fichier téléchargé pour installer l’application.

Pour lancer l’application Notepad++ sous Windows 7 ou Vista, cliquez sur Démarrer, tapez Notepad dans la zone de texte Rechercher et cliquez sur Notepad++ dans la partie supérieure du menu Démarrer.

Pour lancer Notepad++ sous Windows XP, cliquez sur Démarrer, sur Tous les programmes, sur Notepad++ puis sur Notepad++.

Si vous utilisez le système d’exploitation Mac OS X ou Linux, je vous conseille de télécharger un éditeur de texte à coloration syntaxique. Vous trouverez sans peine des applications de ce type en tapant “macintosh éditeur coloration syntaxique” ou “linux éditeur coloration syntaxique” dans votre moteur de recherche préféré. Si vous n’avez pas envie de chercher, vous pouvez télécharger le programme jEdit, tant sous Macintosh que sous Linux.


Avant d’installer WordPress, vous allez devoir modifier un fichier PHP fourni avec WordPress. Pour cela, vous utiliserez un éditeur de texte. Je vous conseille d’utiliser NotePad++. Cet éditeur de texte à coloration syntaxique est entièrement gratuit et très simple à utiliser.

Rendez-vous sur la page http://notepad-plus-plus.org/fr/download/v6.2.3.html, téléchargez et installez Notepad++ sur votre ordinateur.