Skip to content

Commit 5684467

Browse files
committed
Frameworks: ajout de Vue.js
1 parent eafba38 commit 5684467

File tree

3 files changed

+24
-9
lines changed

3 files changed

+24
-9
lines changed

00-javascript.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -55,11 +55,11 @@ Le standard JavaScript est révisé régulièrement. La 6ème version (ES6 ou ES
5555

5656
De nombreux utilitaires ont été construits sur la base du JavaScript:
5757

58-
- **jQuery** est une *bibliothèque* JavaScript (library) - une boîte à outils pour faciliter les usages les plus communs.
58+
- **jQuery** est une *bibliothèque* JavaScript (library) visant à faciliter l'écriture de scripts, créée en 2006 par John Resig.
5959
- **Node.js** est une *plateforme serveur* JavaScript (runtime) - comme Apache, mais exécutant du code JavaScript plutôt que du PHP.
60-
- **AngularJS** est un *framework* de programmation JavaScript front-end, créé par Google.
61-
- **Ember** est un autre *framework* front-end JavaScript.
62-
- **React** est encore un *framework* JavaScript front-end, créé par les développeurs de Facebook.
60+
- **AngularJS** est un *framework* de programmation JavaScript front-end, créé par Google en 2010.
61+
- **React** est également un *framework* JavaScript front-end, développée et rendue publique par Facebook depuis 2013.
62+
- **Vue.js** est un framework créé en 2013 par Ewan You, et développé par une communauté d'utilisateurs. Avec React, c'est celui qui a la plus forte croissance.
6363

6464
![Frameworks JavaScript](img/js-frameworks.jpg)
6565

45-animation.md

+2
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,8 @@ Articles décrivant ces techniques:
1717
* [How to create fancy revealing animations with these simple CSS tricks](https://hackernoon.com/how-to-create-fancy-revealing-animations-with-these-simple-css-tricks-5b34614ae69a), par Carlos Roso (août 2017).
1818
* [Creating Reveal Effects on Scroll](https://dev.to/kathykato/creating-reveal-effects-on-scroll-31o6), par Katherine Kato (février 2019). Utilise la bibliothèque AOS.
1919

20+
### bibliothèques Javascript
21+
2022
Quelques bibliothèques Javascript pouvant aider à créer ces effets:
2123

2224
Pour aider à détecter le "scroll":

60-jquery.md

+18-5
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,24 @@ title: jQuery
44
permalink: /js/jquery
55
---
66

7-
jQuery est une librairie javascript populaire, qui facilite la manipulation d'élémenents, et offre des raccourcis pour des actions fréquentes.
7+
jQuery est une bibliothèque javascript populaire, qui facilite la manipulation d'élémenents, et offre des raccourcis pour des actions fréquentes.
88

9-
Charger jQuery
10-
==
9+
## À propos de jQuery
10+
11+
Lancée en janvier 2006 par John Resig, **jQuery** est une bibliothèque JavaScript libre et multi-plateforme créée pour faciliter l'écriture de scripts côté client dans le code HTML des pages web.
12+
13+
Dans son article, *[Thank you, jQuery](https://adactio.com/journal/10806)*, publié en juin 2016, Jeremy Keith indique qu'au cours des 10 années depuis la sortie de cette bibliothèque, de nombreuses améliorations proposées par jQuery ont été intégrées nativement par les navigateurs (```querySelector```, ```querySelectorAll``` - voir [Selectors API](https://developer.mozilla.org/en-US/docs/Web/API/Document_object_model/Locating_DOM_elements_using_selectors)), tandis que d'autres (comme l'animation) font désormais partie du CSS3.
14+
15+
> La plus grosse amélioration que JavaScript a connue dans les navigateurs modernes est peut-être le support de la méthode *querySelectorAll*, qui nous permet d’accéder aux éléments du DOM à l’aide de sélecteurs CSS, comme nous le faisons avec jQuery ! - *Scott Jehl, 2014*
16+
17+
Il est désormais nettement plus facile de se passer de jQuery, et d'écrire du "Plain Vanilla JavaScript". L'objectif ultime d'un outil comme jQuery serait de ne plus être nécessaire.
18+
19+
Le site [Vanilla JS](http://vanilla-js.com/) expose sous un mode parodique (en se présentant comme une énième bibliothèque JavaScript) les avantages (en termes de vitesse) à utiliser du JavaScript pur, plutôt que de se reposer sur une bibliothèque telle que jQuery, Prototype, Dojo, MooTools.
20+
21+
![](/cours-html/img/Strip-Prendre-le-train-en-marche-650-final1.jpg){:id: .large-image}
22+
23+
24+
## Charger jQuery
1125

1226
Voici la manière de charger jQuery.
1327

@@ -22,8 +36,7 @@ Une fois cela fait, il faut inclure jQuery dans votre page HTML. Voici le code p
2236
<script src="jquery.js"></script>
2337
```
2438

25-
Exemple de code
26-
==
39+
## Exemple de code
2740

2841
Voici un exemple de code jQuery:
2942

0 commit comments

Comments
 (0)