Liens utiles — « Développement web »

Cours en ligne

Universite-Nantes

L2 : Informatique pour les sciences de la vie

  • Algorithmique
  • HTML/JavaScript

Initiation à la programmation : liste de quelques ressources en ligne pour aller plus loin dans le développement d’un site web.

Ressources créées dans le cadre des TD de l’université de Nantes, Faculté des Sciences et des Techniques — Département Informatique

Éditeur de code

Komodo Edit : Éditeur de code comprenant complétion automatique et colorisation syntaxique pour de nombreux language web : Python, PHP, Ruby, Perl, HTML, CSS and JavaScript.

Notepad++ : Éditeur de code de taille réduite mais très performant. (Windows seulement)

Tutoriels en ligne

  • openclassrooms.com [FR] : 1er site d’e-Éducation en français principalement axé sur la programmation.
  • w3school.com  [EN] : Apprendre les languages de programmations web en écran splité (code / apercu).
  • alsacreations.com [FR] :  Pour aller plus loin dans ses bonnes pratiques de développemnt web

Outils de développement en ligne

Tester votre site

  • gs.statcounter.com : Statistique des naviguateurs web et tailles d’écrans utilisées.
  • browsershots.org : Tester votre site sur de multples systémes d’exploitations, tailes d’écrans, et naviguateurs web et voir les imprimes écrans.
  • emulateurmobile.com : Afficher la version mobile de votre site suivant le smartphone utilisé.

Tester votre code

Aide au développement

Image

  • tinypng.com : Compresser vos images PNG sans perte visible.
  • webresizer.com : Modifier, recadrer et compresser vos images JPG
  • favicon.cc : Créer votre favicon (vignette d’onglet) pour votre site internet.
  • realfavicongenerator.net : Pour générer le code est les différentes versions d’images de favicon pour tout les supports.
  • color.hailpixel.com : Trouver facilement les codes couleurs qui vont bien ensembles (haxadecimal, rgb, hsl)

CodeCombat – Le jeu qui va vous apprendre à programmer

codecombat.com : Un jeu qui peut vous aider à vous familiariser avec la programmation. Vous participez à l’aventure en codant dans un éditeur situé sur la droite afin de déplacer un personnage, attaquer des ennemis, réaliser des actions…Etc.

Code combat est un jeu open source (code, la musique et les graphisme sous licence MIT et CC).

Banque d’images libres

Laisser un commentaire