Tp java script . Des exercices, Exercises of Law

TP en java script 2024 Des exercices théorique et pratique ,pour améliorer votre niveau en java script.

Typology: Exercises

2023/2024

Uploaded on 02/25/2024

issa-el-batri
issa-el-batri 🇲🇦

1 document

1 / 125

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
5
Direction de la Recherche et L’Ingénierie de Formation
Digital I Infrastructure digitale
Concevoir un réseau informatique
Version : 01/12/2021
Office de la formation professionnelle
et de la promotion du travail
Direction de la Recherche et Ingénierie de formation
Technicien spécialisé
1ère Année
Filière :
Développement
Digital
(Tronc commun)
Secteur : Digital & IA
Manuel des travaux pratiques
M105 : Programmer en JavaScript
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19
pf1a
pf1b
pf1c
pf1d
pf1e
pf1f
pf20
pf21
pf22
pf23
pf24
pf25
pf26
pf27
pf28
pf29
pf2a
pf2b
pf2c
pf2d
pf2e
pf2f
pf30
pf31
pf32
pf33
pf34
pf35
pf36
pf37
pf38
pf39
pf3a
pf3b
pf3c
pf3d
pf3e
pf3f
pf40
pf41
pf42
pf43
pf44
pf45
pf46
pf47
pf48
pf49
pf4a
pf4b
pf4c
pf4d
pf4e
pf4f
pf50
pf51
pf52
pf53
pf54
pf55
pf56
pf57
pf58
pf59
pf5a
pf5b
pf5c
pf5d
pf5e
pf5f
pf60
pf61
pf62
pf63
pf64

Partial preview of the text

Download Tp java script . Des exercices and more Exercises Law in PDF only on Docsity!

5 Direction de la R echerche et L ’ Ingénierie de F ormation Digital I Infrastructure digitale Concevoir un réseau informatique Version : 01/12/

Office de la formation professionnelle

et de la promotion du travail

Direction de la Recherche et Ingénierie de formation Technicien spécialisé 1 ère Année Filière : Développement Digital (Tronc commun) Secteur : Digital & IA Manuel des travaux pratiques M105 : Programmer en JavaScript

1 Direction de la Recherche et L’Ingénierie de Formation Digital & IA I Développement digitale La DRIF remercie les personnes qui ont contribué à l’élaboration du présent document : Les utilisateurs de ce document sont invités à communiquer à la DRIF et au CDC Digital & IA toutes les remarques et suggestions afin de les prendre en considération pour l’enrichissement et l’amélioration de ce module. Remerciements Équipe de conception : BOUDIAF Saida Digital learning manager/ Project manager MIHOUBI Fattoum, Cheffe de projet pédagogique/ Ingénieure pédagogique CROUZOULON Jonathan, Directeur pédagogique/ Chef de projet pédagogique Équipe de rédaction : ENAANAI Adil, Assistant Professor in Computer science ( Faculty of science Tetouan)/Enseignant-chercheur en informatique Programmer en Javascript

Dans ce module, vous allez : PARTIE 1 Définir le rôle de javascript dans le développement

  • Comparer un langage de script avec un langage compilé
  • Comprendre l’architecture client/serveur
  • Découvrir l’écosystème de développement 04 heures

Compétences visées : Recommandations clés : Activité 1 Comparer un langage de script avec un langage compilé

  • Définir un langage de script
  • Comprendre le fonctionnement d'un langage de script 01 heures
  • Suivre les instructions du TP et organiser le dossier de travail
  • Utiliser le résumé théorique pour réaliser le projet de synthèse

Copyright - Tout droit réservé - OFPPT 6 PARTIE 1 Activité 1 : Comparaison entre langage de script et langage compilé

  1. Qu’est-ce que JavaScript?
  2. Quelle est la différence entre Java et JavaScript?
  3. Quels sont les avantages de JavaScript?
  4. Quelle entreprise a développé JavaScript?
  5. Quelles sont les compétences techniques nécessaires pour devenir développeur front-end?
  6. Dans quelle balise HTML peut-on placer le code JavaScript?
  7. Le fichier externe de JavaScript doit-il contenir la balise Copyright - Tout droit réservé - OFPPT 7 PARTIE 1

1. Qu’est-ce que JavaScript? - JavaScript est un langage de script côté client qui peut être inséré dans des pages HTML et être interprété par les navigateurs Web. 2. Quelle est la différence entre Java et JavaScript?

Java JavaScript

Java est un langage de programmation compilé JavaScript est un langage de programmation interprété Les applications Java peuvent s’exécuter sur n’importe quelle machine virtuelle (JVM) ou navigateur Le code JavaScript est exécuté sur le navigateur uniquement Les objets de Java sont basés sur les classes, même si nous ne pouvons créer aucun programme en Java sans créer une classe Les objets JavaScript sont basés sur des prototypes Java est un langage autonome JavaScript est inclut dans une page Web et s’intègre à son contenu HTML Un programme Java utilise plus de mémoire JavaScript nécessite moins de mémoire, il est donc utilisé dans des pages Web Activité 1 : Comparaison entre langage de script et langage compilé Solution (Exercice 1) :

Compétences visées : Recommandations clés : Activité 2 Comprendre l’architecture client/serveur

  • Comprendre la composition d’une architecture client/serveur
  • Comprendre le fonctionnement d'un système client/serveur pour le cas d’une architecture Web 01 heures
  • Suivre les instructions du TP et organiser le dossier de travail
  • Utiliser le résumé théorique pour réaliser le projet de synthèse

CONSIGNES

  • Demander aux apprenants de suivre les étapes décrites dans le résumé théorique du cours et d'appliquer les procédures
  • Demander aux apprenants de réaliser le travail de synthèse
  • Installer VS Code et y ajouter les extensions recommandées
  • Créer un dossier de travail dans VS Code et y créer les fichiers des réalisations
  • Support de résumé théorique accompagnant
  • Le stagiaire est-il capable de : ➢ Maîtriser la notion du client et du serveur? ➢ Comprendre la communication client / serveur? **1. Pour le formateur :
  1. Pour l’apprenant :
  2. Conditions de réalisation :
  3. Critères de réussite :**

Copyright - Tout droit réservé - OFPPT 12 PARTIE 1 Activité 2 : Comprendre l’architecture client/serveur

1. Est-ce qu'une machine personnelle pourra jouer le rôle d'un serveur? - Oui, il suffit d'installer le serveur logiciel et de configurer l'accès distant. 2. Quel est le nombre maximum de clients que peut accepter un serveur? - Cela dépend de la capacité matériel du serveur et aussi de la performance du serveur logiciel utilisé. Pour la partie matérielle, on cite le nombre de processeurs et leur vitesse, la capacité de la mémoire RAM disponible, la capacité du disque disponible et la bande passante. 3. Citer les différentes limites matérielles d'un serveur quand le nombre de clients est trop grand - Processeur surchargé, mémoire RAM saturée, Disque dur saturé, bande passante insuffisante. Solution (Exercice 1) : 4. Citer les différents types de serveurs en point de vue logiciel - Serveur Web, serveur d'application, serveur de base de données, serveur de monitoring, … 5. Avec un serveur Web, quel est le logiciel qu'il faut installer chez les clients? - Le navigateur web. 6. Quelle est la nature des requêtes envoyées par les clients vers le serveur web ? - Les clients communiquent avec le serveur web à travers les requêtes HTTP. 7. Est-ce qu'on peut installer plusieurs serveurs Web dans une même machine? - Oui, il faut juste leurs donner des ports de communication différents.

Compétences visées : Recommandations clés : Activité 3 Découvrir l’écosystème de développement

  • Découvrir l’environnement de développement
  • Découvrir les librairies appropriés (jQuery, React, Vue JS, Angular, …) 02 heures
  • Suivre les instructions du TP et organiser le dossier de travail
  • Utiliser le résumé théorique pour réaliser le projet de synthèse

Copyright - Tout droit réservé - OFPPT 15 PARTIE 1 Acticité 3 : Découvrir l’écosystème de développement

  1. Quel est le meilleur environnement de développement des applications web? Citer pourquoi.
  2. Quel est le format de transfert de données le plus utilisé entre les applications front-end et back-end? Citer pourquoi.
  3. Est-ce qu'on peut écrire un serveur web avec Javascript?
  4. A quoi sert Jquery? 5. Activité de recherche :
    • Comparer les deux frameworks :
      1. Angular
      2. React Exercice 1 :

Copyright - Tout droit réservé - OFPPT 16 PARTIE 1 Acticité 3 : Découvrir l’écosystème de développement

1. Quel est le meilleur environnement de développement des applications web? Citer pourquoi. - Le meilleur environnement de développement est l'UNIX, parce que la plupart des sites Internet et des applications web sont hébergés et tournent sur des environnements Linux. 2. Quel est le format de transfert de données le plus utilisé entre les applications front-end et back-end? Citer pourquoi. - C'est le format JSON, car il est plus léger et permet de transférer les objets complexe d'une manière simple. 3. Est-ce qu'on peut écrire un serveur web avec Javascript? - Oui, c'est l'idée de NodeJS. 4. A quoi sert Jquery? - Jquery est une bibliothèque javascript qui permet de fournir des fonctionnalités de haut niveau afin de faciliter le développement Javascript. Solution (Exercice 1) :

Compétences visées : Recommandations clés : Activité 1 Maîtriser la syntaxe javascript et ses notions fondamentales

  • Maitriser les notions de variables et de données
  • Manipuler les expressions et les opérateurs
  • Utiliser les types primitifs et objets de base 04 heures
  • Suivre les instructions du TP et organiser le dossier de travail
  • Utiliser le résumé théorique pour réaliser le projet de synthèse

CONSIGNES

  • Demander aux apprenants de suivre les étapes décrites dans le résumé théorique du cours et d'appliquer les procédures
  • Demander aux apprenants de réaliser le travail de synthèse
  • Installer VS Code et y ajouter les extensions recommandées
  • Créer un dossier de travail dans VS Code et y créer les fichiers des réalisations.
  • Support de résumé théorique accompagnant
  • Le stagiaire est-il capable de : ➢ Présenter les bibliothèques JS les plus utilisées et discuter de leurs différences? Pour le formateur : Pour l’apprenant : Conditions de réalisation : Critères de réussite :