Introduction à la formation Avancée : HTML5/CSS3, JavaScript/DOM + Responsive Design

Pourquoi HTML5 ?

Format des balises

Les normes HTML, CSS, XHTML, XML, HTML5

Le W3C et les validateurs

La logique d’encodage, ISO-8859-1, UTF-8,..

Rappel sur les bases

Type des balises

syntaxe des règles de style

Positionnement css(relatif, absolu, flaot, display)

Atelier pratique : Créer un site XHTML/CSS

Passage en HTML5

Syntaxe, nouveau doctype et outils

structure et sémantique
Div et span

Nouvelles balises HTML5

Atelier pratique : Reconstruire notre site en HTML5/CSS3

Balises multimédias

inserer une image(Balises <figure>)

insérer une vidéo(Balises <video>)

insérer un son (Balises <audio>)

Compatibilité navigateur

Atelier pratique : Utiliser JavaScript pour contrôler les objets audio et video

Les formulaires

Nouveaux types pour <input>

Nouveaux attributs

Nouveaux éléments <output>,

Les validations de formulaire en HTML5v

Atelier pratique : Réaliser un formulaire HTML5

Dessiner : Création dynamique d’images en JavaScript

La balise Canvasv

SVGv

Tracer de formes(rectangle, cercle,,,,)

Couleurs, remplissages, dégradés

Atelier pratique : Améliorer la lecture de notre vidéo par une barre de progression

Géolocalisation

Vue d’ensemble

Se positionner (latitude, longitude)

CSS3

Vue d’ensemble

Syntaxe, préfixes CSS3

Coins arrondis

Ombres portés

Text-Shadow

Box-shadow

Dégradé linéaire

font-face

Sélecteur d’attribut

CSS3 :Transformations, transitions et animations

Rotation,

translation

Animations

Atelier pratique : Animer les différentes propriétés d’un élément

Découvrir JavaScript

Introduction à JavaScript

Concepts de base du Javascript

Notion d’événements

Gestion dynamique des CSS

Atelier pratique : Validation des champs de notre formulaire de contact

Document Object Model

Qu’est-ce que le DOM ?

Concept de noeud

Hiérarchisation des noeuds(Arbre DOM)

Les proprités de rélation

Les proprités d’état

Les méthodes d’accès aux noeuds

Firefox DOM Inspector

modification du contenu HTML

Modification du style des elements HTML

Atelier pratique : Créer une galerie photo

Faire du responsive design

Principe

Medias queries CSS 3

Atelier pratique : création d’un site multiplateforme (smartphone, tablette..)

Utiliser Bootstrap

Présentation de Bootstrap

Installation de Bootstrap

Le système de grille pour positionnement

Les layouts

Le responsive Design

Atelier pratique : créer une page avec Bootstrap

Les composants Bootstrap

Menus déroulants

Barres de navigation

Fil d’arianne

Introduction à la formation PHP

Appendre les bases de PHP

Pourquoi utiliser PHP ?
structure d’une page PHP

Insertion de code PHP dans un document html

les types de variables

Déclaration et utilisation de tableaux

les constantes

les opérateurs

les boucles et conditions

variables superglobales

récuperer les données d’un formulaire

envoyer un email

Atelier pratique: Revue des balises principales HTML et des commandes de style, mise en place d’une page modèle

Création de fonctions, utilisation de fonctions prédéfinies

Déclaration de fonctions

Les paramètres et l’instruction return

Création de bibliothèques de fonctions

Fonctions prédéfinies : exemples, organisation, documentation

Fonctions pour les dates, tableaux, chaînes de caractères

Fonctions include et require

Atelier pratique: Réalisation de fonctions personnalisées et utilisation de fonctions prédéfinies

Traiter les données d’un formulaire

création d’un formulaire

Récuperer les données du formulaire

Upload de fichiers : la variable $_FILES et les fonctions associées

envoyer un email

Atelier pratique: Création d’un formulaire de candidature

Interagir avec l’utilisateur

Récupérer et utiliser des paramètres GET

utiliser les cookies pour stocker des informations

Upload de fichiers : la variable $_FILES et les fonctions associées

envoyer un email

Atelier pratique: Création d’un formulaire de candidature

PhpMyAdmin

Présentation de phpMyAdmin

Créer une base avec phpMyAdmin

Créer des tables avec phpMyAdmin, voir les différents types de champs.

Modifier la structure d’une table

Atelier pratique: Création d’une base MySQL et création de tables

SQL

Selectionner des enregistrements (SELECT)

Insérer des enregistrements (INSERT INTO)

Modifier des enregistrements(UPDATE)

Supprimer des enregistrements(DELETE)

Opérateurs et critères.

Atelier pratique: Ecriture de requêtes SQL simples

Utiliser une base de données MySQL avec PHP

Présentation des SGBD

Types de données

Connection au serveur MySQL

Remplissage de la base à partir d’un formulaire.

Ajouter des données dans la base avec PHP

Modifier des données dans la base avec PHP

Supprimer des données dans la base avec PHP

Protéger les données à envoyer à MysQL

Atelier pratique: Enregistrement en base des données de notre formulaire de candidature

Cookies & sessions

Présentation des sessions

Avantages et inconvénients des Cookies et Sessions.

stocker et récupérer des variables de session

stocker et récupérer des variables de cookie

Atelier pratique: Réalisation d’un panier d’achat simple, création interface utilisateur

Manipuler les fichiers

Ouverture et écriture de fichier

SQL: Notions avancées

Tables et relations

Jointures: INNER, LEFT et RIGHT JOIN

Atelier pratique: Faire des requêtes SQL sur plusieurs tables

création d’un mini CMS

Les concepts du CMS

Les CMS existants

Introduction à la modélisation de données

Création de l’interface publique

Création de l’interface privée

Gestion des utilisateurs

Atelier pratique: Application de gestion d’une bibliothèque

XML

Présentation du format XML

Ecrire un document XML

introduction à XML

Atelier pratique: Création d’un flux RSS, création d’un sitemap pour notre bibliothèque

Pour faire suite à cette formation

Formation PHP : Sécurisez vos développements Web

Introduction à la formation PHP/MySQL

Rappel html/css

Architecture client/server

Outils de developpement: installer un server local, un IDE

Atelier pratique: Installation des outils de developpement

Les bases  pour apprendre le PHP

structure d’une page PHP

Insertion de code PHP dans un document html

les types de variables

Déclaration et utilisation de tableaux

les constantes

les opérateurs

les boucles et conditions

Atelier pratique: Revue des balises principales HTML et des commandes de style, mise en place d’une page modèle

Création de fonctions, utilisation de fonctions prédéfinies

Déclaration de fonctions

Les paramètres et l’instruction return

Création de bibliothèques de fonctions

Fonctions prédéfinies : exemples, organisation, documentation

Fonctions pour les dates, tableaux, chaînes de caractères

Fonctions include et require

Atelier pratique: Réalisation de fonctions personnalisées et utilisation de fonctions prédéfinies

Traiter les données d’un formulaire

création d’un formulaire

Récupérer les données du formulaire

Atelier pratique: Création d’un formulaire de contact

Formation en Lien : PHP/MySQL: création d’un système de gestion de contenu WebPHP/MySQL

Interagir avec l’utilisateur

Récupérer et utiliser des paramètres GET

utiliser les cookies pour stocker des informations

envoyer un email

Atelier pratique: Validation d’un formulaire de contact

PhpMyAdmin

Présentation de phpMyAdmin

Créer une base avec phpMyAdmin

Créer des tables avec phpMyAdmin, voir les différents types de champs.

Modifier la structure d’une table

Atelier pratique: Création d’une base MySQL et création de tables

SQL

Sélectionner des enregistrements (SELECT)

Insérer des enregistrements (INSERT INTO)

Supprimer des enregistrements(DELETE)

Opérateurs et critères.

Atelier pratique: Ecriture de requêtes SQL simples

Utiliser une base de données MySQL avec PHP

Présentation des SGBD

Types de données

Connexion au serveur MySQL

Remplissage de la base à partir d’un formulaire.

Ajouter des données dans la base avec PHP

Supprimer des données dans la base avec PHP

Protéger les données à envoyer à MysQL

Atelier pratique: Enregistrement en base des données de notre formulaire de contact

Pour bonifier votre apprentissage

Formation PHP | Programmation orientée Objet – MVC

Introduction à la formation Joomla

Installation et configuration de base

Qu’est-ce qu’un Gestionnaire de Contenu (CMS) ?

Vocabulaire de Joomla(article, menu, module, composants,template, plugin)

Historique de Joomla

Déposer un nom de domaine.

Trouver un hébergeur pour son site.

Télécharger joomla

Installer Joomla

Configurer Joomla

Créer et organiser le contenu avec Joomla

Créer des articles

Afficher des articles en page d’accueil

Ccréer des categories

Parametrage articles, categories

Atelier pratique: créer des articles

Gérer l’affichage du contenu

Créer des menus

Créer des modules

Atelier pratique: créer des menus et afficher sur le site

La gestions des medias avec Joomla

Les formats image (PNG, GIF, JPEG).

Préparer et intégrer les images

Utiliser GIMP

Gestion des médias

Atelier pratique: rédimensionner les images, changer le format des images, intégrer dans notre site

Administration du site

Les utilisateurs, les groupes et les droits

Droits d’accès au contenu

Gérer les utilisateurs

Gérer l’apparence du site

Notion de template

Installer des templates

Paramétrer le template

Modifier l’apparence des templates

Extension Joomla

Définir un composant

Définir un module

Définir un plugin

Tester les composants natifs de joomla

Où trouver des extensions Joomla!

Télécharger/installer des extenions

Gestions des utilisateurs

Groupe d’utilisateurs

Niveaux d’accès

Droits

Atelier pratique: créer des groupes utilisateurs personnalisés

Référencement

Définition du référencement

Notions de base du referencement naturel

Extension joomla pour le référencement

Maintenance

Mettre à jour le logiciel

La mise en maintenance du site

La sauvegarde et la restauration du site

La mise à jour du site

Formation pour suivre votre apprentissage

Formation webmestre : Découvrir la création de sites web