Formation : WEbMaster

Transcription

1 Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins en JavaScript. faire de la vidéo, du son et des animations, sans Flash Faire du graphisme avancé et certaines images, sans Photoshop Améliorer son référencement dans les moteurs de recherche Optimiser la version mobile, et proposer des services géolocalisés Faciliter la communication entre le serveur et le navigateur, Maitriser la programmation Orientée Objet en PHP5, Maitriser la conception d'applications reposant sur des architectures complexes Savoir analyser, concevoir et exploiter une base de données complexe, Maitriser et savoir analyser les échanges de flux au format XML, Savoir créer et utiliser un Web Service simple. Programme : Le planning : 1-4 séances en HTML5/CSS séances en javascript. 3-2 séances en technologie DOM. 4-4 séances en technologie JQyery. 5-4 séances en technologie Ajax séances PHP5. Description: La formation HTML5/CSS3 est destinée aux développeurs et intégrateurs qui veulent mettre à jour leurs connaissances pour créer des sites Internet à la pointe des technologies du web, ainsi qu'aux débutants qui veulent commencer directement par les bonnes pratiques. Au cours d un mois de formation, nous aborderons ensemble les nouveautés vastes et puissantes apportées conjointement par le HTML5, le CSS3 et les nouvelles versions de JavaScript- DOM- JQuery et AJAX. Objectifs: Utiliser dès maintenant les nouveautés du web, ainsi alléger les besoins en JavaScript. faire de la vidéo, du son et des animations, sans Flash Faire du graphisme avancé et certaines images, sans Photoshop Améliorer son référencement dans les moteurs de recherche Optimiser la version mobile, et proposer des services géolocalisés Faciliter la communication entre le serveur et le navigateur. *Programme de la formation : 1 -Se familiariser avec HTML5/CSS3 : (4seances). Balisage HTML 5 Structure d'une page : disparition des notions "en ligne" et "bloc" Doctype, NameSpace, Encoding Les nouveaux éléments : section, article, aside, nav,... pour en-têtes, pied de pages, etc. Les indispensables balises telles que menu, command, details, summary Elements sémantiques

2 Les micro data Dates et temps Les éléments obsolètes : center, font, frame, acronym,... Compatibilité entre navigateurs Optimisation des balises pour les moteurs de recherche (SEO) Les formulaires HTML 5 Balise form Créer et utiliser des formulaires HTML 5 Gestion des dates, des s,.. Les validations de formulaire en HTML5 Auto focus Audio et Video en HTML 5 Les éléments audio et video Les conteneurs Contrôler la vidéo, l'audio avec l'api HTML5 Support et formats (codecs WebM, MP4, H.264, Ogg Theora, MP3, AAC, Vorbis) Gérer plusieurs sources vidéos/audios Streaming Ajouter des sous-titres à une vidéo HTML5 Vue d'ensemble des APIs pour HTML 5 Les APIs HTML 5 Gestion des fichiers Audio et Vidéo Site web hors ligne Drag & Drop Extension de HTMLDocument Extension de HTML Element Historiques de pages Dessiner en HTML 5 Dessiner en JavaScript Canvas vs SVG Contexte Accessibilité Quid des designers actuels? CSS3 : standardiser des propriétés Vue d'ensemble : se passer d'images, éviter les astuces Coins arrondis Ombres portés Transparence Mise en page et positionnement Autres nouveautés CSS3 : mise en page et positionnement Vue d'ensemble : clarifier le code, éviter la multiplication de imbriquées Niveau de présentation Mise en page par patron

3 Mise en page multi-colonnes Mise en page par boite horizontales ou verticales Positionnement par grille Autres nouveautés CSS3 : animation Transformations (2D et 3D) Transitions 2-JavaScript : (4séances). Introduction au JavaScript : présentation d'exemples simples les versions de JavaScript JavaScript embarqué dans les pages HTML La grammaire du langage les variables, les types de données, les opérateurs, les instructions, les structures de programmation, la définition et l'utilisation de fonctions. Les objets et leurs utilisations en JavaScript les dialogues avec l'utilisateur les tableaux, la gestion des événements et les différences selon les navigateurs les objets prédéfinis Les pièges classiques en javascripts Les Objets des langages JavaScript avec DOM: les objets prédéfinis Gestion des chaînes de caractères à travers l'objet String Les principales fonctions mathématiques dans l'objet Math Manipulation des dates via l'objet Date Manipulation des tableaux via l'objet Array Les expressions régulières dans le javascript Javascript : Les objets de la page HTML. L'objet windows : gestion des fenêtres et de leur communication. Les popups L'objet document : Le fonctionnement de l'objet document. Interactivité, contrôle et transformation des pages HTML L'objet form : Contrôle des données saisies dans un formulaire, gestion des contenus des champs de saisie. Formulaire dynamique. Manipulation de la page (DOM) Sélection d éléments Modification du contenu HTML Modification du graphisme CSS 3-JQuery : (4 séances)» Les sélecteurs Présentation des sélecteurs JQuery. Rôle des sélecteurs. Les différents types de sélecteurs. Les pseudo-classes. Les combinateurs.

4 Méthodes utilitaires de JQuery La manipulation d'objets avec jquery. Les méthodes de traitement d'objet de jquery ($.each(), $.extend(),...). Les méthodes de traitement de tableau en jquery ($.map(),...). Les chaînes de caractères et JavaScript. Les méthodes de traitement de chaîne de jquery ($.trim(),...). Travaux pratiques Mise en place d'applications Web manipulant différents types d'éléments en utilisant jquery. 4-AJAX (Asynchronisation javascript and Xml):dialoguer avec le serveur XMLHttpRequest Méthodes et en-têtes HTTP Récupération de contenus HTML, XML ou JSON 3-PHP5 : (11 séances) Introduction à PHP o Installer le serveur d application o Configurer : Apache / Mysql / PHP / PhpMyadmin Maîtriser la syntaxe PHP o Commenter le code, déclarer des variables o Connaître les opérateurs, les expressions, les instructions de contrôle Réutiliser du code o Utilisation des fonctions, portée des variables o Les includes, la différence entre Include et Require o Utiliser les fonctions Manipuler des données complexes o Tableaux, nombres, dates et chaînes de caractères Gérer les formulaires o Validation côté client/côté serveur o Récupérer et traiter des éléments de formulaire HTML Publier le contenu d une base de donnée o Se connecter à une base de donnée (Mysql, Oracle, ). o Techniques d affichage avancées o SQL avancé : architecture relationnelle, clé primaire, index,structure, jointures o Modifier le contenu d une base de données Persistance de l application o Les variables de session et d environnement, les cookies Gérer des répertoires et des fichiers sur le serveur Mises en pratique o Configurer l environnement de développement PHP o Utiliser les fonctions pour réutiliser du code o Gérer les formulaires (validation, traitement) o Réaliser des applications permettant l ajout, la modification,la présentation d information d une base de données o Réaliser des applications permettant de mettre à dispositiondes données de type fichiers o Augmenter l interactivité d un site web et sa sécurité o Installer un environnement de dévelopement Apache / PHP / Mysql o Créer un formulaire de contact o Vérifier les données issues d un formulaire o Créer et envoyer des mails o Afficher et modifier le contenu d une base de donnée

5 o Créer un moteur de recherche o Créer une application sécurisée avec pages protégées o Réaliser une boutique électronique avec caddie o Créer un serveur de fichiers sur le serveur via une interface HTML / PHP GSM : Télé : [email protected] Adresse : 18 rue el Moukhtar Guenaoui,N 3 Centre Commercial Maréchal Casablanca