Formation : WEbMaster

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- Apprentissage du HTML5/CSS3.
2- Langage javaScript.
3- Maitrise la technologie DOM.
4- Bibliothèque JQyery.
5- La technologie Ajax.
6- Langage PHP4 sctipt/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 :
Balisage HTML 5
o
o
o
o
o
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




o
o
o
o
o
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



o
o
o
o
o
Balise form
Créer et utiliser des formulaires HTML 5
Gestion des dates, des emails, ..
Les validations de formulaire en HTML5
Auto focus
Audio et Video en HTML 5





o
o
o
o
o
o
o
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
o
o
o
o
o
o
o
o
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
o
o
o
o
o
Dessiner en JavaScript
Canvas vs SVG
Contexte
Accessibilité
Quid des designers actuels ?
CSS3 : standardiser des propriétés


o
o
o
o
o
o
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
o
o
o
Vue d'ensemble : clarifier le code, éviter la multiplication de imbriquées
Niveau de présentation
Mise en page par patron



o
o
o
o
Mise en page multi-colonnes
Mise en page par boite horizontales ou verticales
Positionnement par grille
Autres nouveautés
CSS3 : animation

o
o
Transformations (2D et 3D)
Transitions
2-JavaScript :
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 :
» Les sélecteurs

o
o
o
Présentation des sélecteurs JQuery.
Rôle des sélecteurs. Les différents types de sélecteurs.
Les pseudo-classes. Les combinateurs.
Méthodes utilitaires de JQuery

o
o
o
o
o
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
5-PHP5 :

Introduction à PHP

O
O

Installer le serveur d’application
Configurer : Apache / Mysql / PHP / PhpMyadmin
Maîtriser la syntaxe PHP

O
O

Commenter le code, déclarer des variables
Connaître les opérateurs, les expressions, les instructions de contrôle
Réutiliser du code

O
O
O

Utilisation des fonctions, portée des variables
Les includes, la différence entre Include et Require
Utiliser les fonctions
Manipuler des données complexes

O

Tableaux, nombres, dates et chaînes de caractères
Gérer les formulaires

O
O

Validation côté client/côté serveur
Récupérer et traiter des éléments de formulaire HTML
Publier le contenu d’une base de donnée

O
O
O
O


Se connecter à une base de donnée (Mysql, Oracle,…).
Techniques d’affichage avancées
SQL avancé : architecture relationnelle, clé primaire, index,structure, jointures
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 ormulaire
O
Créer et envoyer des mails
O Afficher et modifier le contenu d’une base de donnée
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


Accès Centre De Formation Eclipse Casablanca
GSM : 06-61-68-21-69 Télé : 05-22-20-41-60 Email :[email protected] Site : eclipse.ma
Adresse : 18 rue el Moukhtar Guenaoui ,N° 3 Centre Commercial Maréchal Casablanca