Mon espace d'apprentissage - MEMENTO

Présentation

Mon initiation se déroule suivant plusieurs axes :

  • Exercices de réflexion
  • Découverte des outils de Linksgarden utilisés par mes collaborateurs
  • Autonomie d'apprentissage

Je vais utiliser cette page du projet pour faire des exercices de PhP et de JavaScript entre autre, et pouvoir m"entrainer en suivant des cours en lignes, des cours en blog, ou à la lecture de bouquins ou e-bouquins que j'ai en ma possesion.

Le JavaScript

On utilise la bibliothèque jQuery avec $.ajax() sur nos outils notemment. D'un coté, j'apprends comment il est mis en place, mais de l'autre, j'ai les lacunes concernant JS.

Je vais donc suivre un cours sur le site de Pierre Giraud. Allez, un backlink de gratuit. Bon, ses cours sont assez populaires, ils sont gratuits, et ils sont bien faits.

  • Le JavaScript est un langage dynamique
  • Le JavaScript est un langage (principalement) coté client (côté navigateur)
  • Le JavaScript est un langage interprété
  • Le JavaScript est un langage orienté objet

Il est actuellement

Le JavaScript est un langage principalement utilisé coté client, mais il va pouvoir aussi s'utiliser coté serveur, à condition qu'on mette en place un environnement favorable, en utlisant Node.js par exemple.

On peut utiliser, pour créer ses pages web, des librairies, des API et des frameworks. Pour le JS, une librairie célèbre dont on va se servir est jQuery. Une librairie est un ensemble de fichiers de code homogènes qu'on va devoir télécharger pour les utiliser. C'est du code prêt à l'emploi.

Une API (application programming interface) va nous permettre à coté de cela d'utiliser une application qu'on a pas le droit de manipuler directement.

Et on a aussi les frameworks, ou "cadre de travail", qui sont similaires dans le but, à une super librairie. Mais il y a une grande différences, entre une librairie, et un framework. Autant, pour une librairie, on peut l'utiliser comme on le souhaite, autant un framework, il faut respecter son cadre. Je ne rentre pas dans les détails pour le moment. Les frameworks connus, aujourd'hui, de JS sont Angular.js et React.js

Exercices Initiatiques

récupérer un élément avec js dans son html :
document.getElementById('p1').innerHTML = 'coucou ' + prenom ;
là où p1 est l'id d'une balise <p>, écrit : <p id="p1"></p>
Ce qui donne :

Les types de valeurs

Il existe 7 types de valeurs différents en JavaScript :

  • String, ou chaine de caractères
  • Number, ou nombre
  • Boolean, ou booléen
  • Null, ou null
  • Undefined, ou indéfini
  • Object, ou objet
  • Symbol, ou symbole

Pour identifier le type d'une variable, on peut utiliser la fonction typeof, qui renvoie le type de la variable en paramètre.

document.getElementById('p2').innerHTML = 'Prénom : ' + prenom + ' | Type : ' + typeof prenom;
Ce qui donne :

Pour retourner à la ligne, on utilise \n l'équivalent de <br> en html.

Il existe ensuite les opérateurs, un peu comme en PhP, je ne rentre pas dans les détails, j'ai besoin d'avancer, je vais m'arréter sur des choses que je ne connais pas

Les littéraux de gabarits

Par exemple, les littéraux de gabarits. On sait qu'on peut entourer nos chaines de caractères avec des apostrophes, "", ou des guillements droits, '' . On peut aussi utiliser les accents graves désormais, et ceux ci permettent de placer du texte et des variables sans avoir besoin de concatener. Il faut juste placer les expressions entre ${}.

alert( "x contient " + x + " \net y contient " + y + "\nLeur somme vaut : " + (x + y) );

alert(`x contient ${x} y contient ${y} et leur somme vaut ${x + y}`);

L'utilisation des littéraux de gabarits conserve les retour à la ligne et les décalages.

Les constantes

A la différence d'une variable, on ne peut pas modifer la valeure d'uns constante. Cela est très utile dans un script qui va réutiliser la même valeure.
Le mot clé est const. On va utliser const à la place de let.