Formation Webmaster Lyon

Référence : PCWEB665

Nombre de stagiaires max : 5

Public visé : Toute personne désireuse de s'orienter vers le métier de Webmaster.

Objectifs :

Maîtriser les compétences métier d’un Webmaster :
Savoir Créer, gérer et optimiser un site web grâce WordPress et l’HTML5/CSS3
Dynamiser son site web avec le langage PHP MySQL
Savoir promouvoir son site avec le SEO et Google Ads
Optimiser sa présence sur les réseaux sociaux et suivre son ROI (Google Analytics)

Compétences visées :

Savoir Créer et Gérer et personnaliser un site web grâce WordPress et l’HTML/CSS
Savoir promouvoir son site avec le SEO et Google adwords
Optimiser sa présence sur les réseaux sociaux et suivre son ROI

Pré-requis : Savoir utiliser un ordinateur. Connaître l'environnement Windows et le Web.

Durée : 17 jour(s) / 119 heures

Points abordés :

LE CMS WORDPRRESS (3 jours)

• Qu’est-ce que WordPress
• Avantages et inconvénients
• La communauté
• Les outils utilisés
• Téléchargement et installation manuelle en local
• Installation automatique par les modules OVH
• Configuration du système

DÉCOUVERTE DE L’INTERFACE

• Le tableau de bord
• Les articles
• Les médias
• Les pages
• Les commentaires
• L’apparence
• Les options d’écran

GESTION DU CONTENU

• Ajouter/éditer un article
• Ajouter/éditer une page
• Gestion et paramétrage des commentaires
• Gestion des utilisateurs
• Insérer une vidéo : les meilleures extensions
• Les permalinks
• Paramétrer son e-boutique
• Créer un site bilingue

ADMINISTRATION & UTILISATEURS

• Mise à jour WordPress
• Changer le thème du Blog
• Installer et gérer son thème
• Utilisation des Widgets
• Configuration du thème
• Utilisation et gestion des extensions
• Les différents paramétrages
• Créer un utilisateur
• Les droits d’administration

MISE EN LIGNE

• Effectuer une sauvegarde du site en local
• Mise en ligne
• Outils de vérification de la fonctionnalité
• Le Référencement avec WordPress

LE LANGAGE HTML5/CSS3 (3 jours)

• Dernière évolution de l’HTML/CSS
• Généralités (définition, fonctionnement, écriture)
• Structure d’un document
• Les principales balises
• Les balises et attributs obsolètes
• Mise en page
• Liens
• Images
• Homogénéisation de la présentation
• Respect des Standards
• Connaitre la compatibilité des navigateurs
• Le Doctype
• Les nouvelles balises
• Les nouveaux attributs
• Balises Vidéo et audio
• Balises de formulaire

FEUILLES DE STYLE CSS3

• Les sélecteurs avancés
• Combiner les sélecteurs
• Grouper les sélecteurs
• Optimiser son code CSS
• Les pseudo-classes
• Manipulation des propriétés CSS
• Les bordures arrondies
• La transparence
• Les ombres portées
• Mise en page
• Les animations (transitions et transformations)

LES API DE L’HTML5

• Le dessin avec la balise Canvas
• Le drag and drop
• Le stockage de données
• La gestion des évènements
• La géolocalisation

LE LANGAGE PHP (3 jours)

• Histoire du PHP
• Définition et fonctionnement du PHP
• Travailler en locale (Wampserver)
• PHP4 ou PHP5 ?
• Installation (application apache, MySQL, PHP)

BASES DE PROGRAMMATION EN PHP

• Insérer du PHP dans du code HTML
• Fonctions d’affichage
• Opérateurs et variable
• Les superglobales
• Opérateurs d’affectation
• Les fonctions PHP et redirections

LES INSTRUCTIONS DE CONTRÔLE

• Les conditions simples, multiples, imbriquées
• Opérateurs de comparaison et boucles

FORMULAIRES & TABLEAUX

SESSIONS ET COOKIES

GERER LES FICHIERS

• Lecture d’un fichier
• Ecrire dans un fichier
• Créer un fichier

GESTION DES BASES DE DONNEES MYSQL

• Initiation à PHPMyAdmin
• Principales commandes et requêtes SQL
• Les bases, les tables, les champs, les liaisons
• Se connecter à une base de données
• Récupérer, modifier, insérer, traiter des données

LE REFERENCEMENT NATUREL / SEO (2 jours)

• Généralités et Définitions
• Les moteurs de recherche et leurs règles
• Evolution des algorithmes
• Les principaux critères de pertinence
• Les facteurs bloquants et techniques prohibées
• Analyse et Optimisation d’un site web

DE L’IMPORTANCE DES MOTS CLES

• Définitions
• Comment les trouver et les tester ?
• La long traîne
• Savoir Rédiger pour le Web

GOOGLE ADS / SEA (2 jours)

• Le Référencement publicitaire
• Découvrir Google Ads
• Les paramètres de l’outil
• Créer une campagne publicitaire
• Gestion et optimisation d’une campagne
• Optimiser ses annonces
• Optimiser les mots clés

LES RESEAUX SOCIAUX / SMO (2 jours)

• Connaître les réseaux sociaux
• Facebook, X (ex Twitter), Linkedin et les autres
• Optimiser son profil
• Optimiser sa présence
• Création et suivi d’une campagne publicitaire

LA WEB ANALYSE (2 jours)

• Rappels sur la web analyse
• Découvrir Google Analytics
• Déterminer ses KPI
• Les rapports sur Google Analytics
• Suivre et optimiser son ROI

MISE EN APPLICATION

Référence : PCWEB672

Nombre de stagiaires max : 5

Public visé : Webmaster souhaitant améliorer ses compétences pour la personnalisation et la dynamisation de sites web.

Objectifs :

Savoir personnaliser et dynamiser le contenu de sites web par la connaissance des langages Python, JavaScript, JQuery, AJAX et Node js
Savoir utiliser le framework PHP Symfony

Compétences visées :

Savoir utiliser AJAX, JavaScript, JQuery, Symfony et Python

Pré-requis : Connaître l'HTML5/CSS3, WordPress, le PHP MySQL ou avoir suivi la formation webmaster opérationnel niveau I

Durée : 20 jour(s) / 140 heures

Points abordés :

INTRODUCTION AU JAVASCRIPT

• Définition du Javascript
• Javascript et les autres langages du web
• La syntaxe du langage JavaScript

PRINCIPALES COMMANDES JAVASCRIPT

• Les principales commandes
• Comment et dans quelles circonstances les utiliser

LES VARIABLES

• Les types de variables
• Les opérateurs arithmétiques
• Les opérateurs de comparaison
• La portée des variables
• Exemples

LES FONCTIONS

• Définition
• Exemple Fonction native : Afficher la date du jour
• Exemple Fonction Perso : Additionner 2 nombres

LES APIS

• Définition d’une API
• Les API DOM
• Les API de Géolocalisation

ÉVÉNEMENTS ET DONNES

• Les traitements événementiels JavaScript : gestionnaire clavier, souris, formulaires, rollover, menus dynamiques.
• L’objet Event et son utilisation.
• Les objets du DOM et leur manipulation.
• Manipulation des URL (redirections http…).
• Gestion des cookies (lecture et écriture)

GESTION DES FORMULAIRES HTML

• Manipulation de contenu de formulaires
• Accès et modification dynamique des composants du formulaire : zone de saisie, cases à cocher, cases d’options…
• Fonctions de validation de formulaire
• Evénements liés aux éléments de formulaire : changement, initialisation, clic…

AJAX

• Présentation de l’AJAX : Asynchronous JavaScript And Xml
• Enjeux, solutions et alternatives
• HTTP et Ajax : échanges HTTP et l’objet XMLHttpRequest

JQUERY

• Définition / Présentation
• Les principales commandes
• Quelques exemples de base
• Fonctionnement de jQuery
• Intégration JQuery sur une page HTML

LES SELECTEURS CSS

• Sélectionner les balise HTML
• Sélectionner les ID CSS
• Sélectionner les class CSS
• Filtres

ATTRIBUTS

• Manipulation des attributs
• Manipulation des classes
• Manipulations du contenu et des valeurs

 GESTION DES EVENEMENTS

• Fonctionnement du gestionnaire
• Evènements standard (Navigateurs, formulaires)
• Evènement sur la souris
• Evènement sur le clavier

ANIMATION ET EFFETS

• Apparition et disparition
• Mouvement et transitions
• Fonction Animate
• Déclenchement d’effets et imbrication d’effets

MANIPULATION DU DOM

• Insérer du contenu
• Supprimer du contenu
• Modifier du contenu

AJAX

• Principe de communication avec un serveur
• Traitement des formulaires
• Interaction dynamique sur la page
• Requêtes POST et GET, format JSON

PLUGINS

• Rechercher et installer un plugin jQuery
• Test et modification de plugin (selon les besoins et compétences des stagiaires)
• Présentation de Zepto.js

INTRODUCTION A NODE.JS

• Présentation des avantages de node.js
• Installation et configuration de node.js sur le serveur
• Test de l’installation

PREMIERS PAS

• Créer une application dans node.js
• Exécuter l’application

LES EVENEMENTS

• Ecouter un évènement
• Exécuter un évènement

LES MODULES NODE.JS ET NPM

• Explications des modules
• Installer des modules avec NPM
• Créer et publier un module

LES OUTILS INDISPENSABLES

• Le Framework Express.js
• La bibliothèque socket.io

INSTALLATION DE SYMFONY

• Structure d’un projet
• Configurer son projet
• Déroulement d’une requête
• Création d’un Bundle

CREATION DE LA BASE DE DONNEES ET DES TABLES

• Configuration et création de base de données
• Création de tables

LE MVC

• Principes
• Gestion des paramètres
• Utilisation du template Twig
• Inclusion de templates
• Principe d’un ORM
• Déclarer sa base de données
• Interroger la base

LES FORMULAIRES

• Création d’un formulaire
• Personnaliser son formulaire
• Tester son formulaire

DOCTRINE 2

• Créer des classes entité simple
• Générer des modèles et la base de données à partir du CLI
• Gérer les entités à travers des classes de dépôt

CREER UNE PAGE WEB

• Configurer le routage
• Ecrire des scripts de tests fonctionnels
• Tester sa page
• Supprimer des données
• Injection de dépendances

DECOUVRIR PYTHON

• Présentation et installation sur Windows ou Linux
• Mise en œuvre et configuration des environnements de développement

LA SYNTAXE DE BASE ET LES STRUCTURES DE CONTROLE

• La syntaxe de base, la déclaration de variables et l’utilisation des types internes
• Utiliser les opérateurs et expressions, les structures de contrôle
• Réaliser des algorithmes, manipuler des tableaux et explorer les types de données

LES FONCTIONS ET LA PROGRAMMATION ORIENTÉE OBJET

• Structurer son code, créer et organiser des fonctons
• Les chaînes de caractères et les calculs
• La programmation orientée objet
• Créer des classes, gérer les attributs
• Encapsulation, agrégation, héritage, polymorphisme, interfaces

MANIPULATION DE DONNÉES ET MODULES

• • Manipuler les fichiers et parsing XML/JSON
  • Logs, documentation du code, bases de données (SQLite)
  • Programmes Python, opérateurs, structures de contrôle

Fonctions, gestion des fichiers, modules, classes et exceptions

PROGRAMMATION AVANCÉE ET INTERFACES GRAPHIQUES

• Bibliothèques graphiques (Tkinter, PyQt, etc.) et interfaces graphiques
• Construction d’une interface graphique complète pour une application
• Approfondissement des classes et bases de données relationnelles
• Programmation graphique UI avec Tkinter

MISES EN APPLICATION ET ATELIERS