Débuter en js Flashcards

1
Q

Définition Côté client

A

Côté client : à la différence d’un langage côté serveur, un langage côté client est exécuté sur la machine du client, grâce au navigateur.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Définition langage interprété

A

Un langage interprété est un langage où le code source (code écrit dans ce langage) est lu puis exécuté dans l’ordre des lignes du script. Un interpréteur lit chaque instruction du code source, et l’exécute.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Langage Compilé

A

Un langage compilé n’est pas traité de la même manière, il nécessite un compilateur. Un compilateur va lire toutes les instructions d’un code source pour créer à partir de l’ensemble un code objet, c’est-à-dire un fichier lisible par la machine. Ce fichier indépendant du code source pourra être stocké dans un fichier exécutable par la machine.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Définition Bibliothèque

A

En programmation, une bibliothèque (ou une librairie) est un ensemble de fonctions que l’on peut importer. Ces fonctions sont finalement des ensembles de codes déjà écrits et que l’on pourra appeler et donc utiliser sans avoir à les écrire nous-mêmes.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Donne au moins un exemple de bibliothèque JS pour :
les fonctions
* permettant de manipuler le Document Object Model (DOM)
*Ajout de fonctions de visualisation des données :
* Ajout de fonctions de formulaires :

A

Ajout de fonctions permettant de manipuler le Document Object Model (DOM) :

JQuery

Umbrella JS

Ajout de fonctions de visualisation des données :

Chart.js

Algolia places

Ajout de fonctions de formulaires :

wForms

Validanguage

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Définition Frameworks

A

Un framework est comme une grande bibliothèque, mais qui va constituer en quelques sortes un espace de travail pour les projets de code. Un framework va donc jouer un rôle dans l’organisation du projet et impacter toute sa conception.
(Angular, Bootstrap)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Qui a créer JS ?

A

JavaScript a vu le jour en 1995 grâce à Brendan Eich, informaticien américain travaillant à ce moment-là pour l’entreprise Netscape Communication Corporation.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Raconte le plus de détail sur l’histoire de JS

A

JavaScript, un langage de programmation inspiré de Java, a été introduit en 1995 par Brendan Eich pour Netscape Communication Corporation. Son objectif était de simplifier la syntaxe et de la rendre plus accessible. Netscape a intégré JavaScript dans NetScape Navigator 2.0 et Microsoft l’a introduit dans Internet Explorer 3.0. L’Association européenne des systèmes d’information et de communication (ECMA International) a normalisé JavaScript en 1997, 1998, 2012 et 2015.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Comment on modifie le comportement d’un bouton au clic?

A

const btn = document.getElementById(“btn”);

btn.onclick = () => alert(“Bouton cliqué”);

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Définition d’une variable en JS?

A

Une variable est un élément fondamental en programmation qui permet de stocker, manipuler et référencer des données dans un programme.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

A quoi sert une variable ?

A

Les variables jouent un rôle essentiel dans la programmation, car elles permettent aux développeurs de stocker, organiser et manipuler des données de manière flexible et efficace.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Les différents type de variable donne autant que tu peux.

A

Float (nombre à virgule)
string
interger (nombre entier)
bolléen(true, false)
Array (tableaux)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Les différentes manière de déclarer une variable en JS .

A

LET
const(on peux pas changer la variable)
var (ancienne version)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Recommandation pour écrire des variables dit juste ce que tu te souviens.

A

les nommer de manière significative, d’utiliser une énumération de variables appropriée, d’éviter les variables globales, de déclarer les variables avant leur utilisation, d’utiliser des variables constantes telles que pi ou les adresses URL, et d’éviter les variables qui peuvent être réaffectées.
Les variables immuables sont préférables pour faciliter la lecture et la maintenance.
Les variables peuvent être initialisées lors de la déclaration, ce qui améliore la responsabilité et la maintenance du code.
Enfin, il est recommandé d’éviter de déclarer des variables inutiles et d’utiliser plutôt des valeurs littérales directement dans le code pour éviter de rendre le code difficile à comprendre et à déboguer.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Donne tous les opérateur en JS

A

% reste de division
/ divise
+ additionne
- soustrait
* multiplie
** puissance de
++ Ajout 1 à chaque fois
– Soustrait 1 à chaque fois

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Opérateur affectations

A

permettent d’affecter (ou d’assigner) une valeur à une autre.

= définit les variable
+= permettre d’affecter à une variable sa propre valeur à laquelle on ajoute celle d’une seconde valeur
-= on retire un nombre avec le nombre de départ

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

opérateur chaine de caractère

A

+ pour les mots
+= ajout un mot au mot de départ

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Opérateur de comparaison

A

== vérifie si les deux égaux
!= vérifie si elles ne sont pas egals
< : stricte infériorité. Vérifie si une valeur est strictement inférieure à une autre,

> : stricte supériorité. Vérifie si une valeur est strictement supérieure à une autre,

<= : infériorité. Vérifie si une valeur est inférieure ou égale à une autre,

> = : supériorité. Vérifie si une valeur est supérieure ou égale à une autre.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Opérateur logique

A

&& et == vérifie si les deux sont vrai ou fausse
|| donnera vrai si au moins une des deux est bonne
! signifie littéralement « non ». On l’utilise pour renvoyer true si une expression renvoie false et inversement :

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Boucle for explique

A

La boucle for est une boucle vraiment importante en programmation. Pour faire simple, disons qu’on peut l’utiliser dans tous les cas où, juste avant l’exécution de la boucle, le nombre d’itérations (de tours de boucle) est fixé. Autrement dit, le nombre d’itérations ne changera pas ou ne sera pas déterminé lors de l’exécution des itérations de la boucle

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

For/in explique

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Définition For in

A

Le système for/in va nous permettre d’utiliser la boucle for à travers les propriétés d’un objet.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

Definition for of

A

La boucle for/of permet de parcourir un objet itérable et de récupérer ses valeurs. C’est le cas par exemple des tableaux. Si l’on reprend notre exemple précédent et que l’on cherche à afficher dans la console chaque élément du tableau, on peut faire simplement :

let tableau = [“Apple”, “HP”, “Acer”];

for (let i of tableau) {

console.log(i);

}

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

string?

A

Chaîne de caractère

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

chaîne de caractère primitives ?

A

Valeur simples qui ne possèdent pas de méthodes ou de propriétés associé

26
Q

objet string ?

A

string definit par mot clé new, permet de “wrapper” envelopepr une valeur primitive

27
Q

Objet ?

A

Structure de données et entiés

28
Q

propriétés?

A

Définie sur une valeur

29
Q

méthodes?

A

fonction que l’on peut appeler via un objet

30
Q

type?

A

valeur possible d’une donnée, les propriétés d’objet sa structure

31
Q

comment appel ton un objet construit ?

A

Instances

32
Q

comment sont définies les types d’objet a

A

pAR LES CLASSES

33
Q

Propriétés statiques ?

A

même pour les instances d’un type

34
Q

Propriétés instances ?

A

définies sur des valeurs spécifiques à chaque instance

35
Q

Méthodes statiques ?

A

s’appelle via le nom du type

36
Q

Méthodes instance

A

s’appel via la références de l’instance

37
Q

comme avoir acces aux objet natif ?

A

DEPUIS N4IMPORTE ENVIRONEMENT js sans installer une librarie

38
Q

constructeur ?

A

instancier une class et definie des propriétés d’instance spécifique chacune

39
Q

comment definir un constructeur + propriétés d’instance ?

A

utiliser le mot “constructor” et ajouter param : marque, ram, stockae+ 3 prorpiéter d’instances ‘this’ =>fais ref a instance pas classe

40
Q

creer un date ?

A
41
Q

dom ?

A

DOCUMENT OBJECT MODEL

42
Q

le dom sert à ?

A

creer animations et effet visuel validation de formulaire ajout ou supp element il est utilisé par la biliotheque : VUE .js ANGULAR et REACT JQUERY

43
Q

JSON?

A

+ facile à lire élaborer + rapide gère ce que XML PEUT PAS

44
Q

xml?

A

extention du format de balisage html utilisant mm principede balisage sauf choix + libre nom

45
Q

origine du DOM ?

A

API qui visualise et traduit les element mm essor que ecma 1990

46
Q

dom tree?

A

represente la structure d’un doc HTML ou XML

47
Q

UN NODE ?

A

Est un objet representant un element dans un arbre de la structure d’un doc HTML OU XML

48
Q

commetn les noeuds sont lier entre zeux ?

A

en fonction de l’arborescence

49
Q

noeud racine c’est quoi

A

c le doc suivi de noeud qui represente les element html comme les balise

50
Q

noeud prorpiétés ?

A

nom de balise attribut class id

51
Q

comment on sait que c’est un noeud enfant ou parent

A

en fonction de leur position l’un a l’autre endessus ou en-dessosu ?

52
Q

TYPE DE NOEUD ?

A
  1. element (element node )
    2.attribut (attribut node)
    3.text
    4.commentaire
  2. type document
    6.document (document node )
53
Q

POO ?

A

paradigme de programmation qui odélise les entites sous forme d’objet avec propriété et méthode.Avec des concept comme encapsulation abstraction et heritage

54
Q

que fait la poo ?

A

structure et organise efficacement le code offrant une forme de fléxibilité et maintenance

55
Q

quON apporter les amelioration depuis 20’s

A

des interaction multi side (client,serveur, proprio) best result + facile + simple

56
Q

Qu’est ce qui permet de visualiser et modif le dom = outilsenssentiel differencie les élément de la page

A

Dom inspector

57
Q

Qu’est ce qui est l’unite physique de stockage (comme disque dur ) il est le lien lorsqu’un utilisateur remplit un formulaire

A

serveur

58
Q

comment fonction le DOMFORM?

A

Utilmisateur remplie form => envoie au serveur => trie, range.

59
Q

Qu’elle précaution faut il prendre avec le domform

A

Injection le domform permet justemetn de vérifier le type de donnée rentrer et trie par un filtre

60
Q

Comment s’appele le filtre de DOMFORM

A

“expression regulière (regular expression ou Regex) => contrainte mdp (2 chiffre /maj)
Attention ! Js pas approprier pour fair ce genre de verification mais php oui! Le js est seulemtn utile pour rendre dynamqiue visuellement le form.