Les fondamentaux du JavaScript et de Node.JS sans framework
4.4 (101 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
554 students enrolled

Les fondamentaux du JavaScript et de Node.JS sans framework

Réaliser une application web complète avec les technologies HTML, CSS, JAVASCRIPT, Node JS, et une archi. client/serveur
4.4 (101 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
554 students enrolled
Created by Matthieu GASTON
Last updated 7/2020
French
Current price: $55.99 Original price: $79.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 10 hours on-demand video
  • 2 articles
  • 9 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Programmer en javascript
  • Réaliser une application web avec NodeJS (site web et programme)
  • Gérer la relation Client / Serveur
  • Appréhender les concepts de base de HTML et CSS
  • Utiliser les fichiers JSON en tant que "base de données"
  • Mettre en application des notions d'algorithmie complexes (récursivité, tableaux, objets, ...)
  • Récupérer et utiliser des informations du DOM
Course content
Expand all 95 lectures 09:58:44
+ Introduction
9 lectures 22:29
Conseils pour suivre la formation
01:27
Les logiciels et leurs installations
03:42
La section "Bonus"
01:19
Créer un espace de travail dans Visual Studio code (dossiers et des fichiers)
01:53
+ Le Javascript en pratique
16 lectures 01:33:31

Le code de fin de section est disponible dans la dernière session

Preview 05:29
Booléens
05:09
Boucle for
05:25
Paramètres de fonctions et constantes
04:01
Fonction avec "return" et calcul
07:08
Menu et "Switch Case"
09:22
Saisie clavier et boucle "While"
08:23
Ajustement du code
03:57
Les objets en javascript (structure)
04:49
Utilisation des objets
06:20
Les tableaux (tableau d'objet)
06:36
Parcourir un tableau
05:55
Calcul de la moyenne (parcourir un tableau + récupérer les valeurs d'objet)
04:36

L'ensemble du code de l'exercice est disponible dans cette section.

Créer un objet dynamiquement et l'ajouter à un tableau
05:27
+ Le début d'un RPG ?
13 lectures 01:17:24

Le code de fin de section est disponible dans la dernière session

Preview 05:53
Les objets dans les objets
06:14
La récursivité en pratique
03:27
Des fonctions dans un objet
06:49
Exporter l'objet et l'utiliser dans un autre fichier
04:46
Les ennemis (Objet)
04:37
Une fonction pour créer des ennemis (Template)
05:38
Tableau d'objets
07:56
Récupérer un ennemi aléatoire
04:03
Main - Menu et Switch Case
07:48
Combat
07:36
La destruction d'un ennemi et la victoire
05:25

L'ensemble du code de l'exercice est disponible dans cette section.

Ajouter un ennemi au jeu
07:12
+ Jeu de question / réponse
14 lectures 01:27:51

Le code de fin de section est disponible dans la dernière session

Preview 06:29
Récupérer la taille d'un objet
05:45
Question aléatoire + export du fichier
05:58
Saisir une réponse et la vérifier
07:13
Approfondir la notion de booléen
03:39
Ajouter plusieurs questionnaires
04:14
Créer une boite à outils
07:31
Parcourir un objet et fonction "typeof"
09:48
Finaliser la gestion du questionnaire
03:29
Objet joueur
06:13
JoueurJSON
07:13
Ecrire dans le fichier JSON (sauvegarde)
05:45
Gérer le nombre de points par question
05:48

L'ensemble du code de l'exercice est disponible dans cette section.

Eviter d'avoir plusieurs fois la même question (Fin du programme)
08:46
+ Un Quizz sur le JavaScript !
0 lectures 00:00
Quiz langage JavaScript
10 questions
+ Javascript + HTML + CSS : un programme web "complet" sans serveur
15 lectures 01:46:56

Le code de fin de section est disponible dans la dernière session

Initialisation et structuration du projet
03:43
Les bases du HTML et CSS
10:02
Les bases du DOM et de la structuration des pages
07:34

Image du Paniers - Site web de botaniqueeditions

Image des Fraises - Site web de CORSICAVAP 

Image des Clémentines - Site web d'Académie du Goût

Image des Oranges : Site web de lesvergersdegally

HTML + CSS : Ajout des images
04:18
HTML + CSS : Listes et alignements en élément flottant
07:06
HTML + CSS : Les éléments d'un formulaire
08:23
HTML + JS : Liaison HTML et Javascript
04:59
JS : Le retour des objets Javascript
08:28
JS : Génération du panier
07:01
JS + HTML : Affichage du panier Step 1
06:11
JS + HTML : Affichage du panier Step 2
07:09
JS + CSS + HTML : Event Javascript et sélecteur :hover en CSS
06:28
Calculs et vérification des saisies utilisateurs
08:12
Afficher des images en fonction des réponses
07:36

L'ensemble du code de l'exercice est disponible dans cette section.
Pour des raisons de droit d'auteur, les images ne sont pas ajoutées dans le document ci-joint.

Vous pouvez utiliser vos propres images, cela ne gène en rien la réalisation du TP.

Finalisation
09:46
+ Quiz JavaScript - HTML et CSS
0 lectures 00:00
Navigateur --> JS + HTML + CSS
5 questions
+ Un premier Serveur Web !
11 lectures 01:21:48

Le code de fin de section est disponible dans la dernière session

Modèle : Client / Serveur
04:31

Attention au nom du fichier "serveur" et au nom du dossier, pour éviter les erreurs écrire un nom simple sans espace ou tiret

Création d'un serveur
05:23
Envoyer une réponse au client
06:05
Envoyer une page HTML et installation de nodemon
03:45
Gérer plusieurs pages HTML
06:34
Renvoyer du CSS et des images
06:41
Optimisation
13:31
QueryString et module Remedial
06:57
Try Catch
04:02
Restructuration du serveur
14:40

L'ensemble du code de l'exercice est disponible dans cette section.

Template HTML (header et footer) et Menu
09:39
+ Client / Serveur NODE.JS-> Panier de fruits avec Serveur
8 lectures 01:07:41

Le code de fin de section est disponible dans la dernière session

Combiner Serveur et Exercice des fruits
08:41
Générer le panier côté Serveur
05:43
Afficher le panier sur le client
06:53
Méthode GET et POST
06:40
Vérification des saisies côté serveur
15:32
Envoyer les images de résultat
06:25
Modification du formulaire
06:00

L'ensemble du code de l'exercice est disponible dans cette section.
Pour des raisons de droit d'auteur, les images ne sont pas ajoutées dans le document ci-joint.

Vous pouvez utiliser vos propres images, cela ne gène en rien la réalisation du TP.

Finalisation
11:47
+ Quiz node.js
0 lectures 00:00
Serveur Node.JS
5 questions
Requirements
  • avoir des notions basiques de programmation est un plus
  • disposer d'un ordinateur
Description

Dans ce cours vous pourrez  progresser par étape dans la programmation informatique orientée technologie du web.


Vous apprendrez dans un premier temps à réaliser une application complète en javascript (avec des fichiers JSON comme "base de données"), au travers de 3 exercices à difficulté progressive.
Dans un second temps, vous compléterez vos connaissances et apprendrez à rajouter une interface graphique à vos programmes grâce à HTML, CSS et à la manipulation du DOM.

Enfin, vous mettrez en place un serveur web local avec Node.js sans utiliser de framework qui cache les couches "complexes" et/ou "fastidieuses" de cette programmation au travers de deux exercices.


Avec les compétences que vous allez acquérir grâce à ce cours, vous pourrez également vous tourner vers d'autres langages de programmation sans trop de difficultés. En effet, les bases de l'algorithmie sont omniprésentes dans ce tutoriel et chacune des notions importantes est expliquée et illustrée avec des cas pratiques.


Who this course is for:
  • Etudiants ou futurs étudiants en informatique
  • Développeurs (web ou non)
  • Développeurs autodidactes