Note utilisateur: 5 / 5

Etoiles activesEtoiles activesEtoiles activesEtoiles activesEtoiles actives
 

Javascript Sommaire

Ce contenu est succeptible d'être adapté en fonction du niveau des participants au cours

1.         Présentation de JavaScript

 

11

1.1. Requête et réponse HTTP

 

. 11

1.2. Console Javascript

 

. 12

1.3. Faire apparaitre la console (chrome, firefox, safari)

 

console

 

12

1.4. Exemple de code à la console

 

. 13

1.5. Simulation du clic utilisateur pour cliquer sur le bouton connexion

 

. 13

1.6. Node.js

nodejs

1.7. JS Bin

Welcome to JS Bin

 

 

1.8 Exemple de code, event handler, simulation clic, Node.js; 1.7. JS Bin,

 

1.9 Demos javascript Babylon.JS, Créez votre paysage 3D avec l'éditeur Playground Babylon.JS

 

babylonjs

 

. 13

2.         Variables & Types

 

. 14

3.         Conditions

 

. 15

3.1. Booléens

 

. 15

3.2. Syntaxe de if

 

. 15

3.3. Opérateurs de comparaison

 

. 15

3.4. Logique booléenne

 

. 16

3.5. Opérateur ternaire

 

. 16

3.6. Variables

 

. 16

3.7. Types

 

. 17

4.         Tableaux et boucles

 

. 17

4.1. Tableaux

 

. 17

4.1.1. Définition

 

. 17

4.1.2. Taille

 

. 17

4.1.3. Accès à un élément

 

. 17

4.1.4. Ajout d'un élément

 

. 18

4.2. Boucle for

 

. 18

4.3. Boucle while

 

. 18

5.         Exercices

 

. 19

5.1. Afficher les nombres impairs

 

. 19

5.2. Capitaliser un mot

 

. 19

6.         Les fonctions

 

. 19

6.1. Définition de fonction

 

. 20

6.2. Appel de fonction

 

. 21

6.3. Paramètres

 

. 21

6.4. Arguments

 

. 21

6.5. Visibilité (ou portée, ou scope en anglais)

 

21

6.6. Return

 

. 21

6.7. camelCase

 

. 21

7.         Exercices

 

. 21

7.1. Au cube

 

. 21

7.2. Fizz buzz (un classique)

 

22

8.         objets-et-prototype

 

. 22

8.1. Introduction sur les objets

 

. 22

8.2. Objet de base

 

. 22

8.3. Programmation Orientée Objet

 

27

8.4. Prototype

 

. 28

8.5. Pour aller plus loin

 

. 28

9.         LE DOM

 

.. 28

9.1. Le DOM

 

.. 28

9.2. Manipuler le DOM avec la console

 

. 29

9.2.1. Ajouter un paragraphe à une page HTML

 

. 29

9.3. Ecrire du javascript dans la page web, dans son HTML

 

. 29

9.3.1. Façon Brutale

 

. 29

9.3.2. Separation of concerns

 

. 30

9.4. Intégrer jQuery projet open source (John Resig)

 

31

9.5. jQuery 101

 

. 32

9.5.1. Sélection et fonction $()

 

.. 32

9.5.2. L'évènement document.ready()

 

.. 33

9.5.3. Méthodes utiles et documentation

 

. 33

10.      Evènements et callbacks

 

. 35

10.1. Evènement et callback

 

. 37

10.2. Evènements classiques en jQuery

 

. 38

10.2.1. Evènements clavier / callback avec arguments

 

. 38

11.      Integrer un plugin jQuery

 

. 44

11.1. Intégrer un plugin jQuery

 

. 44

11.1.1. Chosen

 

. 46

11.1.2. Bootstrap Datepicker

 

. 46

11.1.3. Bootstrap Popover

 

. 47

11.2. Autres plugins jQuery classiques.

 

50

12.      AJAX

 

. 50

12.1. JSON

 

.. 52

12.2. $.ajax

 

. 53

12.3. Google Spreadsheet as a Back-end

 

. 54

13.      Exercices

 

. 54

13.1. Google Spreadsheet

 

. 54

13.2. [Avancé] Back-end Parse

 

. 55

14.      expressions-regulieres-regex

 

. 57

14.1. À quoi ça sert ?

 

. 57

14.2. Rubular

 

. 57

14.3. Exemple

 

. 59

14.3.1. Regex quick reference

 

. 60

14.4. Regex & JavaScript

 

. 60

14.4.1. Avec la méthode .test()

 

.. 60

14.5. Avec la méthode test du regex

 

. 60

14.6. Avec la méthode .match()

 

. 61

15.      Exercices

 

. 61

15.1. Numéro ISBN

 

.. 61

15.1.1. Avec jQuery/ Bootstrap et les aides erreurs visuelles de Bootstrap rouge/vert

 

. 62

15.2. Biiiiip

 

. 65

16.      web-scraping-growth-hacking-avec-node-js-et-nightmare-js

 

. 65

16.1. Installation de Node.js

 

. 66

16.1.1. Mac

 

. 66

16.1.2. Windows

 

. 66

16.1.3. Vérification

 

. 66

16.2. Créer un nouveau projet Node.js

 

. 67

16.2.1. Ajouter nightmare au projet

 

. 68

16.3. Snapshot avant phantomjs pour relance install propre

 

. 73

16.3.1. Installer PhantomJS

 

. 75

16.4. Nightmare

 

. 75

16.4.1. Scraper Wikipedia

 

. 75

16.5. La fonction nightmare .evaluate

 

. 77

16.1. 2eme exemple, scrap du site Le Bon Coin

 

. 80

16.1.1. Scraper Leboncoin

 

. 80

16.1.2. Boilerplate

 

. 80

16.2. Installation de Sublime Text 2

 

. 82

16.3. Déploiement sur Heroku

 

. 84

16.3.1. git

 

. 84

16.3.2. Créer l'application Heroku. 85

 

Une question? Posez-la ici

 

Besoin d'aide? Remplissez ce petit formulaire, je reviendrai vers vous dès que possible :