Catégories

Apprendre JavaScript – Les fondamentaux et perfectionnements

Apprendre JavaScript – Les fondamentaux et perfectionnements

ISO | Français | 23 H 10 Min | 9.9 Go

JavaScript est un langage de programmation de scripts principalement employé dans les pages web interactives mais aussi pour les serveurs. C’est un langage orienté objet à prototype, c’est-à-dire que les bases du langage et ses principales interfaces sont fournies par des objets qui ne sont pas des instances de classes, mais qui sont chacun équipés de constructeurs permettant de créer leurs propriétés, et notamment une propriété de prototypage qui permet d’en créer des objets héritiers personnalisés. En outre, les fonctions sont des objets de première classe.

Partie 01 :
• Ecrire notre premier code JavaScript
• Voir ce qu’est une alert() et un console.log()
• Voir ce qu’est une variable
• Faire une déclaration, puis une affectation de variable
• Faire une initialisation de variable
• Les types des variables simples (number, string, boolean, null, undefined, NaN, object)
• Les types des variables complexes (Array,Object)
• Les opérateurs de concaténation et d’affectation
• Les échappement sur des exemple plus complexe
• Les tableaux indexé
• Les objets
• Les fonctions avec ou sans paramètre et avec ou sans retour
• Utilisation du déboggeur de Google Chrome

Partie 02 :
• Les opérateurs conditionnels
• Les conditions
• Les opérateurs logiques
• Les conditions logiques
• Les boucles for, while et do while
• Les opérateur d’incrémentation et de décrémentation
• La post-incrémentation et la pré-incrémentation

Partie 03 :
• L’orienté Objets
• Les Objets : String, Number, Boolean, Array, Object, Date
• Les Objets du navigateur
• Les Objets du document HTML
• Le DOM (Document Object Model)
• La documentation pour Javascript
• Quelque petit truc et astuce

Partie 04 :
• Parcourir le DOM (Document Object Model) avec JS et la console de Chrome
• S’appuyer sur la documentation pour Javascript (API)
• Mise en place d’un workspace pour Apatana
• Modifier des éléments de la page HTML depuis JS
• Petit parcourt entre les divers navigateur
• Première utilisation de Jquery

Partie 05 :
• Déccouverte de la programmation événementiel
• Petite explication sur le $(document).ready()
• Des attribut d’événement dans votre code HTML
• Relation des attribut d’événement entre le HTML et JS
• Parcours initiatique de jQuery au travers d’exemples
• En quoi savoir coder du CSS sera un atout pour moi avec Jquery
• Explication sur comment utiliser la documentation jQuery
• Les sélecteurs, les filtres, les événement, les styles et les effets avec jQuery

Partie 06 :
• Encore des boucles (le for(var x in obj), et le $().each )
• Utiliser une fonction recursive
• Utiliser des timer à interval régulier ou au bout d’un certain temps
• Animé une apparition et disparition d’un élément avec un délai
• Manipuler l’ajout ou la suppression de class CSS en JS
• créer une boite de dialogue et modal sois même

Partie 07 :
• Réglage aptana pour se passer des liens symbolique
• Paramétrage aptana pour le Javascript
• Créer un fichier XML valide
• Charger un fichier XML via Ajax
• Parser un fichier XML via JS et jQuery
• Créer un fichier JSON valide
• Charger un fichier JSON via Ajax
• Parser un fichier JSON via JS et jQuery
• Ajouter des éléments HTML avec jQuery
• Charger un morceau de fichier HTML avec Ajax

Partie 08 :
• Préparation à la création d’un menu dynamique
• Créer, Charger, et Parser un fichier XML via Ajax et jQuery
• Créer, Charger, et Parser un fichier JSON via Ajax et jQuery
• Transformer un fichier XMl dynamiquement en JSON via la librairie xml2json
• Affichage du menu en HTML avec plusieurs sous-niveau
• Créer un petit patch (correctif)

Partie 09 :
• Corriger le correctif (patch)
• Création d’un formulaire d’ajout de menu
• Création d’une page PHP pour la récupération des données du formulaire
• Traitement des données du formulaire en PHP
• Création d’un fichier en PHP avec les données du menu
• Lecture du fichier en PHP pour récupérer les menus
• Mettre les données du fichier au format JSON
• Ajout d’un menu au fichier et mise à jour de celui-ci
• Ajout d’évènemment en JQuery pour le formulaire
• Envoie du formulaire HTML en JS avec Ajax en POST pour PHP

Partie 10 :
• Affichage du menu depuis le fichier JSON sur la page HTML
• Affichage de la liste de sélection avec les menus mis à jour
• Mise en place d’une page test pour déboguer le menu avec ses sous menus
• Intégration de notre fonction de la page de test sur notre page addMenu.php
• Préparation à la réception des menus avec leur sous menus

Partie 11 :
• Petit débogage sur la vidéo précédente
• Mise en place de la structure des sous menu et leur affichage en HTML
• Revoir notre liste de menu pour qu’elle contienne tous les sous Menu
• Ajout d’une fonction de récupération d’ID
• Ajout d’une fonction récursive pour ajouter les sous sous… Menu
• Modification de notre fonction creerMenu pour créer le menu en Jquery
• Ajout du style CSS pour avoir un Menu stylisé
• Transformer notre menu pour le mettre à la mode Jquery UI

_blank
_blank
Articles récents