Plain Vanilla - Développer le web avec des technologies vanilla

• Présente une vue d’ensemble des principales techniques permettant de créer des sites web et des applications web en n’utilisant ni outil de build ni framework, mais seulement un éditeur, un navigateur et les standards du web (HTML/CSS/JavaScript purs)
• Les sujets abordés sont les suivants :
  • Components: utiliser les Web Components comme blocs de base pour créer des primitives de haut niveau en HTML, JavaScript et CSS purs, afin de remplacer l’approche par composants de frameworks comme React ou Vue
  • Styling: exploiter au maximum les capacités du CSS moderne afin de remplacer le confort offert par CSS Modules, PostCSS et SASS
  • Sites: créer des projets web basés sur les Web Components et les déployer en production sans outil de build, sans framework et sans logique côté serveur
  • Applications: comment construire des applications web monopage avec des technologies vanilla, comment gérer le routage et comment gérer l’état
• Ce tutoriel s’adresse à des personnes qui connaissent déjà HTML, CSS et JavaScript. Si vous débutez tout juste dans l’apprentissage du développement web, ce site n’est pas encore adapté

Pourquoi faire cela ?

• Les frameworks modernes de développement web permettent de créer rapidement des applications web riches et bien structurées, mais cette richesse fonctionnelle a pour contrepartie la complexité des frameworks et des outils, ce qui implique au final une maintenance régulière du projet pour qu’il reste sécurisé et à jour
• Le développement web dans le style Plain Vanilla fait un autre choix : sacrifier une partie du confort à court terme au profit d’avantages à long terme tels que la simplicité et une maintenance pratiquement nulle. Cette approche est rendue possible par l’excellent support des standards du web dans les navigateurs modernes
• Il vaut mieux ne pas adopter l’approche Plain Vanilla avant d’avoir essayé certains frameworks web populaires, compris pourquoi vous pourriez vouloir vous en passer et acquis assez de confiance pour structurer une base de code sans l’aide d’un framework
• Adoptez cette approche si vous voulez mieux connaître les outils fournis par le navigateur, ou si vous souhaitez construire des sites ou des applications ne nécessitant pas de maintenance, très stables et pensés pour le long terme. Après tout, les techniques décrites ici reposent uniquement sur les standards du web, et les standards du web durent pendant des décennies

[yangeok]

Même pour créer une simple appli de cartes en vanilla, les fichiers deviennent sacrément verbeux.

[ahwjdekf]

Si vous cherchez à créer un site ou une application qui ne nécessite pas de maintenance, qui est très stable et conçu pour durer sur le long terme, alors il faut utiliser cette approche --> Du coup, on dirait bien que la réponse est évidente. Pourquoi on ne fait pas ça..?

[cosine20]

Tout le monde dit que c’est pénible lol

[botplaysdice]

À l’époque où les tigres fumaient... c’est comme ça qu’on codait...

int main(int argc, char *argv) {
...
char url = getenv("QUERY_STRING");
...
printf("HTTP/1.0 200 OK");
..
blahblah...
...
}

[axgux]

Ça me rappelle l’époque où j’avais implémenté une SPA en vanilla... J’étais vraiment débutant à l’époque, donc je ne connaissais pas fetch et je faisais tout un par un avec xhr...

[aer0700]

On dit que le tuning finit toujours par revenir à l'origine…

[kandk]

Les spécifications optimisées pourraient aussi être intégrées aux spécifications d’origine..

[galadbran]

John Resig est apparu dans le 800e épisode de Syntax.fm ! ^^