Préparation au cours : logiciels et documentation

Dans le cours Arts numérique 1, on code à la main. Si on travaille avec une structure Xhtml respectueuse des normes, c’est aussi rapide qu’avec un éditeur Wysiwyg comme Dreamweaver.

1/16 | Suivant

Navigateur web

C’est l’évidence, mais un navigateur web n’est pas l’autre. Mac et pc sont fournis avec un navigateur (Explorer et Safari) mais le navigateur Firefox est un bon complément : tester d’autres navigateurs est important, mais de plus Firefox est open source, et permet l’adjonction de plugin très intéressants. Les indispensables au cours sont présentés ci-après.
>> Télécharger Firefox

Firebug
C’est un des plugin les plus costaud pour le développement web. Il permet de vérifier le code, de tester css, html, javascript, de voir exactement quel style css est appliqué à un élément de la page, de contrôler les posts par formulaire et les réponses ajax. Indispensable.
>> Le télécharger ici

Web developer
Un autre plugin en complément, il permet de visualiser l’ensemble des css et les modifier en temps réel. Un bon outil de débuggage.
>> Le télécharger ici

Dummy lipsum
Remplir un article, un champ avec du faux texte, est un besoin courant et ce plugin fait ça, rien de plus, rien de moins.
>> Le télécharger ici

Fire ftp
Un plugin permettant l’upload/download par FTP de fichiers. Pratique car permet de centraliser les opérations web dans Firefox. Fonctionne essentiellement au clic droit, utilisateurs mac préparez votre souris à deux boutons ou votre raccourci ctrl-clic.
>> Le télécharger ici

Editeur de code

Un éditeur de code est un outil simple, permettant de créer et de modifier des fichiers en html, php, javascript, c++, etc. Il est un outil de base de tout développeur.

L’éditeur de code comporte des outils comme :
- La coloration syntaxique. Les types de code sont reconnus dans la page, et coloré. C’est une aide intuitive à la lecture du code, et permet de reconnaitre certaines erreurs de syntaxe.
- Le moteur rechercher/remplacer, qui permet de remplacer du code dans plusieurs documents, parfois faire des rechercher dans des dossiers de document, et d’uitliser les "expressions régulières", c’est à dire des structures précises de code plutôt des chaînes précises de code.
- La numérotation des lignes
- Des aides au codage, dont les templates html-Xhtml
- Des outils de conversion, en entités html notamment.

Komodo est un éditeur de code avec une version gratuite, Komodo Edit, disponible pour mac, PC et Linux.

Fraise est un éditeur de code pour Mac, open source, avec une interface simple, basé sur Smultron (devenu payant) mais dont le développement a été arrêté. Il contient ce qui est nécessaire à notre cours.
>> Télécharger ici

Tinca semble son successeur, en développement actuellement. Le télécharger ici.

PsPad est un éditeur de code pour PC. Gratuit. Très complet et puissant. Parfois un peu trop riche, mais il couvre un nombre impressionnant de langages.
>> Télécharger ici

Notepad++ est un autre éditeur simple pour PC, lui aussi complet et puissant.
>> Télécharger ici

Blue Griffon est un éditeur de code orienté web open source. Le télécharger ici. On évitera les éditeurs de ce type mais il peut être intéressant pour comparer code et rendu immédiatement.

Pour une liste plus exhaustive d’éditeurs de code, mac, pc, linux, voyez ici

Serveur local

Un serveur local permet de bénéficier des fonctionnalités d’un serveur internet (html, php, bases de données mysql) sur votre machine. Ça permet de développer plus rapidement, sans risque pour les serveurs mais en condition réelle.

Wamp est un serveur local pour PC.
>> Télécharger ici

Mamp est un serveur local pour mac.
>> Télécharger ici

Client FTP

Derrière ce mot un peu technique, un outil simple qui permet de transférer des fichiers depuis votre ordinateur vers un serveur distant. Incontournable donc pour pouvoir mettre sur le web vos fichiers html, php, gros documents.

FileZilla est un client FTP pour Mac, PC et Linux, gratuit, open source et maintenu par une grosse communauté de dévelopeur.
>> Le télécharger ici

Cyberduck est un client FTP pour mac, gratuit et open source.
>> Télécharger ici

Fire FTP, plugin pour Firefox, voir plus haut.