Présentation de cette formation

• Bienvenue dans « L’essentiel de JavaScript »
• Appréhender le rôle de JavaScript
• Connaître les prérequis
• Distinguer Java et JavaScript
• Comprendre la notion de langage interprété
• Passer en revue les différentes versions de JavaScript
• Installer les outils

Découvrir les bases de JavaScript

• Premier pas avec JavaScript
• Insertion du code JavaScript
• Ajouter du JavaScript dans un document HTML
• Ajouter du JavaScript dans un fichier externe
• Envoyer des messages dans la console
• Savoir où placer son code JavaScript
• Charger JavaScript de manière asynchrone et différée
• Expérimenter avec ASYNC et DEFER
• Commenter son code JavaScript
• Quiz

Traitement des données

• Typologie et utilisation des constantes
• Typologie des variables
• Règles de nommage et mots réservés
• Typologie des opérateurs
• Créer des variables
• Nommer des variables
• Découvrir les types de données avec l’opérateur TYPEOF
• Travailler avec des chaînes de caractères
• Aborder les opérateurs mathématiques
• Additionner et concaténer
• Utiliser des template strings
• Incrémenter et décrémenter des nombres
• Mettre en œuvre des opérateurs booléens
• Découvrir l’objet ARRAY
• Travailler avec des objets
• Quiz

Travailler avec les boucles et les conditions

• Les instructions conditionnelles
• Les instructions de répétitions (boucles)
• Interrompre et quitter les boucles
• La gestion des exceptions
• Utiliser la syntaxe conditionnelle
• Tirer parti de l’opérateur ternaire
• Appréhender les opérateurs de comparaison
• Découvrir les boucles WHILE et DO WHILE
• Utiliser la boucle FOR
• Mettre en œuvre les mots-clés CONTINUE et BREAK
• Découvrir la boucle FOR EACH
• Quiz

Aborder des fonctions

• Les fonctions
• Engendrer des fonctions simples
• Envoyer des données dans une fonction
• Retourner les données d’une fonction
• Exécuter immédiatement des fonctions
• Appréhender les fonctions à flèche
• Comprendre la portée des variables
• Utiliser LET pour déclarer des variables
• Utiliser CONST pour déclarer des variables
• Travail à faire : Aborder les fonctions
• Quiz

Exploiter les objets JavaScript

• Découvrir l’objet MATH
• Travailler avec l’objet DATE
• Revisiter les chaînes de caractères
• Employer l’objet NUMBER
• Redécouvrir l’objet ARRAY
• S’initier au BOM
• Expérimenter avec les objets WINDOW et NAVIGATOR
• Quiz

Le modèle DOM

• Définir ce qu’est le DOM
• Travailler avec les nœuds et les éléments
• Accéder aux éléments du DOM
• Utiliser querySelector et querySelectorAll
• Modifier les éléments du DOM
• Créer de nouveaux éléments dans le DOM
• Modifier les styles CSS en JavaScript
• Quiz

Afficher une image aléatoire

• Préparer le script
• Comprendre JSON
• Choisir un élément aléatoire dans un objet ARRAY
• Afficher l’image choisie
• Vider un élément de son contenu
• Afficher du contenu à l’écran
• Propager le script aux autres pages
• Quiz

Travailler avec les évènements JavaScript

• Comprendre le rôle des évènements
• Réagir à des évènements
• Utiliser addEventListener
• Inspecter les propriétés des évènements
• Utiliser l’évènement CLICK
• Animer des éléments avec CSS et JavaScript
• Employer ONLOAD
• Récupérer les données de l’URL
• Afficher les galeries de photos
• Utiliser ONSUBMIT et preventDefault()
• Se servir des timers
• Travail à faire : Les événements JavaScript
• Quiz

Valider les formulaires côté client

• Appréhender la validation des formulaires
• Valider automatiquement les navigateurs
• Désactiver la validation automatique du formulaire
• Valider côté client en JavaScript
• Générer des messages d’erreur
• Permettre plusieurs validations
• Utiliser ONFOCUS et ONBLUR
• Travail à faire : Valider les formulaires
• Quiz

Aborder jQuery et les bibliothèques JavaScript

• Parcourir les bibliothèques JavaScript
• Intégrer jQuery à son site
• Créer un menu déroulant avec jQuery
• Comprendre le rôle de jQuery
• Quiz

Adopter les meilleures pratiques en JavaScript

• Découvrir le style JavaScript
• Connaître le JavaScript à éviter
• Découvrir le mode Strict
• Minifier et empaqueter JavaScript
• Quiz

Examen final

• Fiche synthèse du cours
• Contrôle final
• Votre avis compte

[Optionnel] Tests unitaires

• Comprendre les bases des tests unitaires
• Découvrir Jasmine
• Découvrir Mocha
• Découvrir Jest

Premier Projet – Création d’une application de liste de tâche de base

• Initialiser un nouveau projet
• La planification du projet
• StyleSheet
• FlexBox
• Ecriture en ES6
• Construire l’application
• ListView
• Création du composant TasksList
• Liaison de TastsList à l’index
• Le menu développeur iOS Simulator

Fonctionnalité avancée et mise en forme de l’application de liste de tâche

• Navigation et NavigatorIOS
• Utiliser DatePickerIOS
• Utiliser onLayout
• Bouton
• Switch
• Bouton enregistrer
• Modifications TasksListCell
• Navigateur
• Plate-forme
• DatePickerAndroid et TimePickerAndroid
• Enregistrement des mises à jour
• Back sur Android

Atelier et cas pratique.

Notre deuxième projet- L’application de budgétisation

• Commencer
• Structure du dossier
• Le composant EnterBudget
• Le conteneur AddExpenses et modal
• Affichage des dépenses du mois en cours

Fonctions encore une fois

• En utilisant des icônes vectorielles
• Le Picker
• Mise à jour de App.js avec ProgressViewIOS
• Une vue des dépenses des mois précédents
• Implémentation de TabBarIOS
• Supprimer les dépenses

Atelier et cas pratique.

Troisième projet – Le client Facebook

• Planification de l’application
• À propos de l’API Facebook
• Obtention des informations d’identification de l’API Facebook
• Installation du SDK Facebook sur IOS et Android
• Connexion avec le SDK Facebook
• Utilisation de l’API Facebook Graph
• Créer une invite de connexion
• Optimisation pour l’API
• Utiliser ActivityIndicator
• Création d’un ListView standard

Fonctionnalité Avancée de l’application Facebook

• Créer un PostView
• Recharger des données avec RefreshControl
• Rendu des images
• Rendu de liens avec WebView
• Se déconnecter avec TabBarIOS
• Portage vers Android

Atelier et cas pratique.

Redux

• Présentation de Redux
• Planification de la conversion Redux
• Créer le point d’entrée
• Conversion de EditTasks en Redux

Déploiement de vos applications

• Exigences de base
• Création d’appartenance aux développeurs
• Rendre votre application superbe
• Atelier et cas pratique.

Atelier et cas pratique

Prototypes, prototypage dynamique et héritage

• Mise en place d’un projet standard
• Ce que fait le Fetch
• Vibration
• Utilisation d’ActionSheetIOS
• Saisie les données de géolocalisation de l’utilisateur
• Dépenses sur Android
• Modifications Android

Atelier et cas pratique