ESILV - WebDev

Français

English

Français

English

Appearance

Web development ​

Qu’est-ce que vous connaissez aujourd’hui ? ​

Très peu de choses, certains d’entre vous ont vu très brièvement HTML, CSS, JavaScript et Vue, et Docker.

Qu’est-ce que vous souhaitez savoir faire à la fin de ce module ? ​

  • développer une application frontend avec Vue
  • développer une application backend avec Node.js
  • déployer l’application pour qu’elle soit accessible sur Internet

Qu’est-ce que je peux vous promettre de connaître à la fin de ce module ? ​

  • avoir quelques bases en HTML, en CSS, en JavaScript, en TypeScript, en API RESTful, et en node.js.
  • savoir déployer une application frontend sur netlify
  • savoir déployer une application backend sur render.com
  • savoir déployer une application backend+frontend sur render.com (pas conseillé)

Qu’est-ce qu’on a vu au premier cours ​

Nous avons :

  • fait connaissance 🤝 ;
  • révisé quelques commandes de Git  ;
  • vu brièvement l’interface de VSCode  ;
  • vu brièvement HTML ;
  • vu brièvement CSS ;
  • vu brièvement JavaScript : les chaînes de caractères (strings), les objets et les fonctions ;
  • vu brièvement le DOM : document, les éléments, quelques fonctions (document.querySelector(), document.querySelectorAll() et element.addEventListener()), et quelques événements ('click', 'submit') ;

Les outils que nous allons utiliser ​

  • Firefox developer edition comme navigateur, mais il y a aussi
    • Brave
    • Chromium
    • Opera
    • Edge
    • Chrome (si vraiment vous y tenez)
    • ...
    • Safari (si vraiment vous ne pouvez pas faire autrement)
  • node.js à installer directement ou, pour éviter les problèmes de droits, avec
    • volta (pour GNU/Linux ou Mac) pour gérer les versions de node.js
  • VSCode comme éditeur de fichier
  • Git pour versionner nos projets
  • Github pour gérer les projets

Ressources ​

Les ressources officielles ​

Les blogs, livres, et autres ​

Une autre ressource importante est StackOverFlow

Les ressources de qualité pour le dev web sont nombreuses, parmi elles :