Semaine 8 : Node.js

Objectifs

• Comprendre ce que c'est et l'utiliser
• Découvrir des modules indispensables
• Commencer à découvrir le back avec JS

Objectif bonus

Créez un compte sur codingame et envoyez-le-nous avant dimanche minuit.
Vous devez être au moins niveau 3.

Lundi

Correction des exos

Veille de la semaine

• Mardi: p5.js
• Mercredi: backbone.js
• Jeudi : Taiga
• Vendredi : IIFE
• Lundi : SQL

Découverte en autonomie

Pourquoi utiliser Node.js?

Vidéo de présentation

• https://www.youtube.com/playlist?list=PLVHlCYNvnqYqjnypg2Czw4vVjTL2gB7_e
• https://www.edx.org/course/introduction-node-js-microsoft-dev283x

Tutos

• https://openclassrooms.com/courses/des-applications-ultra-rapides-avec-node-js
• https://github.com/workshopper/learnyounode
• https://codeburst.io/node-js-by-example-part-1-668376cd4f96
• https://codeburst.io/understanding-and-debugging-in-nodejs-fe6d7ab2f362
• https://codeburst.io/25-node-js-tutorials-1db3b1da0260
• https://glitch.com/edit/#!/node-beginner?path=README.md:1:0
• https://blog.risingstack.com/node-hero-tutorial-getting-started-with-node-js/
• https://github.com/azat-co/practicalnode
• http://nicholasjohnson.com/node/course/exercises/

Et encore un peu d'Express

• https://github.com/azat-co/expressworks

Théorie

• https://codeburst.io/all-about-node-js-you-wanted-to-know-25f3374e0be7
• https://writingjavascript.org/development-environments/
• https://blog.risingstack.com/history-of-node-js/
• https://medium.freecodecamp.org/before-you-bury-yourself-in-packages-learn-the-node-js-runtime-itself-f9031fbd8b69

Exercices

Nombre mystère, le retour

Refaites l'exercice du Nombre Mystère en utilisant Express et sans utiliser Math.random.
L'utilisateur dispose d'un champ de saisie pour proposer un nombre.

Chat

Créez une application permettant à plusieurs personnes de s'échanger des messages.
Pour cela, jetez un oeil à Express et Socket.io.
En plus de chaque message, afficher le nom de l'utilisateur connecté ainsi que l'heure à laquelle le message a été ajouté.
Hébergez votre site sur Heroku pour pouvoir le tester plus facilement.

Bonus

• Un utilisateur peut poster des images, des gifs et des vidéos.
• Utilisez Firebase pour gérer la connexion des utilisateurs.
• Profitez-en aussi pour conserver un historique des messages.

Mardi

Victor!

Prosoluce en guest

Mercredi

Kata : Mastermind

Ecrivez une fonction (mastermind).
L'utilisateur va devoir deviner une chaîne de trois lettres générée aléatoirement. Chacune de ces lettres est A, B, C, D ou E.
L'utilisateur a droit à trois tentatives.

• ok (l'utilisateur a bien deviné).
• ko avec le détail pour chaque lettres (Non si la lettre n'est pas dans la chaîne à trouver, presque si elle y est mais pas à l'emplacement indiqué, oui si la lettre indiquée est la bonne).

Exemple

L'utilisateur doit deviner la chaîne ABD.

• Premier essai : EAD renvoie [Non, presque, oui]
• Deuxième essai : ACD renvoie [oui, non, oui]
• Troisième essai : AAD renvoie [oui, presque, oui] et "perdu" (trois tentatives effectuées). Si l'utilisateur avait saisi ABD, il aurait eu comme message "gagné!".

Révisions

Exercices

Super Paint!

Avec Socket.io et p5.js, créez un Paint collaboratif: plusieurs personnes dessinent en direct et en même temps sur le même support.
Un indice s'est glissé quelque part sur cette page, saurez-vous le trouver? Travaillez par groupes de 3.

Jeudi

Randori

Pas de randori mais jetez un oeil à vendredi.

Vendredi

Vos formateurs sont à Toulouse donc vous êtes livrés à vous-mêmes.

.