WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

Transcription

1 WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre, paragraphes, listes ) et caractères spéciaux Images : formats, poids, couleurs Créer des liens hypertexte Tableaux Éléments Flash Vidéo Les éléments de formulaire o Les champs de texte o Les menus déroulants o Les cases à cocher o Les boutons radio o Bouton d envoi FEUILLES DE STYLES CSS Définition et application des différents styles de contenu Création de feuille de style externe Mise en page avec des conteneurs génériques (div) Parallèle avec les anciennes méthodes de mise page (cadres et tableaux)

2 INTÉGRATION LE CSS POUR L ENSEMBLE D UN SITE Une feuille de style pour plusieurs pages Techniques de positionnement avancées DE PHOTOSHOP AU NAVIGATEUR Choisir une structure HTML L importance de l intégration pour la SEO L image de contenu ou d arrière-plan? La mise en forme d un menu Les Sprites, quelle technique, quel intérêt? LE MÉTIER D INTÉGRATEUR Où commencer, où s arrêter? Le JavaScript, une technologie d intégrateur? Le développement Front End La Veille Le CSS3 et le HTML 5 dès aujourd hui? ERGONOMIE RÈGLES PRINCIPALES Savoir adapter une charte graphique Graphisme «utile» S adapter à la cible HIÉRARCHISATION DE L'INFORMATION Disposition et mise en page - zoning Regroupement des contenus Taille, graisse et casse des titres Mise en forme de l information

3 NAVIGATION ET POINTS DE REPÈRES Architecture de menus Intitulé et aspect des boutons Aspect de la navigation o Positionnement initial o Navigation principale o Navigation secondaire o Pied de page Choix du vocabulaire Aide à la navigation (feedback, gestion des messages d erreurs) CRÉATION DE LA MAQUETTE Surface utile sur l écran Tablettes et SmartPhones... DREAMWEAVER Paramétrage Présentation de l interface Avantages et mises en garde Définition de site et organisation des contenus DÉFINITION DE PROJET WEB LA RELATION CLIENT Planifier des rendez-vous à dates-clés Évaluer la demande Établir un devis Diagrammes de Gantt APPROCHE MARKETING Définition de projet : sujet, but, cible Diagnostic SWOT Benchmarking Analyse concurrentielle et positionnement

4 CONCEPTION Arborescence, définition de sitemap Préparation des contenus o Optimisation des images o Rédaction des textes : définition de charte éditoriale o Gestion des médias (flash, vidéos ) INTÉGRATION AVANCÉE MOI, GRAPHISTE Ma création donc mes contraintes? Le développeur sous-mes ordres! MOI, DÉVELOPPEUR FRONT-END Mon expertise technique donc ma liberté? Le graphiste sous-mes ordres! LA CHAINE GRAPHIQUE DU WEB (PRATIQUE) De l ergonome au développeur Front End Les enjeux d une chaine cohérente L importance du management d équipe NOUS, PROFESSIONNELS DU WEB Les métiers, leur rôle et la réalité du marché. De la créativité et de l expertise technique, une plus-value indéniable. L équipe Web, différents pôles pour un même utilisateur : l internaute HÉBERGEMENT Choisir l offre adaptée Espace disque Trafic s Scripts supportés Bases de données Services plus ou moins utiles

5 PUBLICATION Protocole FTP Noms de domaines et sous-domaines Redirections web CRÉATION ASSISTÉE DE SITES DYNAMIQUES INSTALLATION D UN SERVEUR LOCAL CRÉATION D UNE BASE DE DONNÉES MYSQL Création de la base Structure des tables Ajout /modification /suppression d items Gestion des liaisons avec le frontoffice CRÉATION D UN MODULE D ADMINISTRATION (BACKOFFICE) Configuration de serveur d évaluation Comportements Intégration de formulaire Traitement des données Sécurisation du module o Sessions : utilisateurs, connexions Mise en ligne UTILISATION D UN CMS : WORPRESS Installation Gestion Personnalisation CRÉATION DE BOUTIQUES D E-COMMERCE AVEC PRESTASHOP Installation Gestion Personnalisation

6 E-MARKETING GESTION D UN SYSTÈME DE NEWSLETTER Création graphique de la lettre de diffusion Rédaction des informations Gestion de la liste de diffusion : inscriptions, désinscriptions Mentions légales CRÉER UN PLAN MEDIA Techniques de négociation Optimiser un budget Relations presse, partenariats et concours LA PUBLICITÉ SUR INTERNET Terminologie, définitions, principes, us et coutumes Le marché publicitaire en France: connaître les supports et les agences Gestion de campagnes publicitaires classiques sur Internet (achat bannières et suivi d impact) GÉRER UNE CAMPAGNE PAR MOTS CLÉS ADWORDS ANALYSE ET STATISTIQUES Savoir analyser les audiences des sites web Savoir analyser les statistiques de campagne RÉALISATION D UN PROJET PERSONNEL COMPLET

7 BASES DE PROGRAMMATION DÉVELOPPEMENT Logique et algorithmique Structure d un programme NOTIONS FONDAMENTALES D INTERNET Serveur Client Browser FAI LES DIFFÉRENTES TECHNOLOGIES WEB PHP JSP ASP.NET DJANGO RUBY on RAILS NOTIONS SUR LES PROTOCOLES HTTP et HTTPS FTP POP/SMTP/IMAP TCP/IP LES BASES DU LANGAGE LES FORMULAIRES Constantes, variables et types de données Tableaux, opérateurs, structures de contrôle Fonctions natives Fonctions utilisateur La documentation PHP TRANSMISSION D UN FORMULAIRE Les variables globales $_GET et $_POST Les éléments de formulaire Les fichiers et la configuration serveur Le type Array

8 TRAITEMENT D UN FORMULAIRE Quel traitement pour quel élément? Expression régulières simples pour traiter les chaînes de caractères Les limites du formulaire LES SESSIONS MANIPULATION DES SESSIONS La variable globale $_SESSION Durée de vie d une session. Où existe la session? Manipulation des sessions. LES UTILITÉS DES SESSIONS Faire persister des données lors d une navigation Organiser les données d une session Quelles données sauvegarder? Connecter/Déconnecter un utilisateur Les formulaires multi-step LE SQL PRINCIPE DE BASE Les SGBD Syntaxe d un SELECT simple Les mots clés SQL Syntaxe de création, modification et suppression de données Le SQL une norme plus ou moins respectée LES REQUÊTES COMPLEXES Les limites d un SELECT simple Les jointures Les sous-requêtes Quelles performances pour ces requêtes complexes? Jeux d essais

9 ASSOCIER PHP ET MYSQL LA CONNEXION L extension PHP Mysql L extension PHP Mysqli L extension PHP PDO Se connecter à une base de donnée PASSAGE DE REQUETES Envoyer une requête à une base de données Comprendre les retours de la BDD Exploiter les résultats d un SELECT Comprendre et éviter les erreurs SQL EN PRATIQUE Stocker des données Organisation d une base de données Développer un Front Office Développer un Back Office LA PROGRAMMATION ORIENTÉE OBJET (POO) LE CONCEPT DE L ORIENTÉ OBJET La notion d objet, de classe Propriété et comportement d un objet Les constructeurs et destructeurs Notion d instances et de références Le typage L héritage L encapsulation L OBJET EN PRATIQUE Quand développer en full object L objet : Gain ou perte de temps Librairies d objets Les interfaces Représenter l objet (UML)

10 LA CONCEPTION DE BASE DE DONNÉES (MERISE) LE MODÈLE ENTITÉ ASSOCIATION (MCD) Représenter le «monde réel» La notion d entité La notion d association Les clefs primaires Les cardinalités Les associations ternaires Les données dans les associations La simplification DU MCD AU MPD Principe du MPD Le dictionnaire des données Les clefs étrangères Conversion de la relation 0,1 / 0,n Conversion de la relation 0,n / 0,n Le cas de la relation 0,1 / 0,1 ANALYSE DES BESOINS LE RÔLE DU TECHNICIEN Appréhender l ensemble d une problématique client Rédiger les besoins du client Etudier les contraintes techniques que peuvent engager le projet ALLER PLUS LOIN Plan et ébauche du cahier des charges Rédaction des spécifications de la solution proposée Les différentes formes rédactionnelles RÉALISATION D UNE APPLICATION LA PRÉPARATION Établir un planning de développement Gérer les priorités de développement Chiffrer les tâches

11 LE PRÉ-DÉVELOPPEMENT Quelques règles d ergonomie applicative et relative au web Le plan de navigation Zoning, maquettes et intégration Préparer les technologies choisies Choisir son environnement de travail LE DÉVELOPPEMENT Un objectif : la solution Une contrainte : La productivité Respect et remise en cause des priorités Répartition des charges de travail Le travail d équipe LE JAVASCRIPT SYNTAXE ET INTERPRÉTATION Un langage client Quelle interprétation Améliorer l expérience utilisateur Les limites du JavaScript La syntaxe PROGRAMMATION ÉVÉNEMENTIELLE La notion d événement La Gestion du Document Object Model Manipulation de la DOM et interaction utilisateur JQUERY ET AJAX LES LIBRAIRIES JAVASCRIPT Un grand choix de librairies Pourquoi jquery? L utilisation de base de jquery Avantages et inconvénients

12 AJAX La notion d exécution asynchrone Le XML Le Json Utilisation de l Ajax Dans quels cas? Ajax se suffit-il à lui-même? SEARCHING ENGINE OPTIMISATION (SEO) LE RÉFÉRENCEMENT Les enjeux de la SEO Le référencement, un métier à part entière Le rédactionnel, la technique, le back-linking, etc LE DÉVELOPPEUR ET LA SEO Maitrise du HTML et de son importance dans la SEO Importance d une pré-production et d une maquette étudiée L avenir et le HTML5 L URL Rewritting, objectif et procédé WORDPRESS L INTÉRÊT D UN CMS Les différents CMS Choisir son CMS Pourquoi Wordpress? Installation d un CMS L interface d administration WORDPRESS POUR LE DÉVELOPPEUR L intégrateur WP Le développeur WP Le Codex La base de données de WP Le principe de base Les plugins

13 INTRODUCTION À ZEND FRAMEWORK PRINCIPE DU FRAMEWORK Un haut niveau de technicité Une productivité à étudier Les autres Framework PHP UTILISATION DU FRAMEWORK Le MVC en application La Bootstrap Le Layout Une couche d abstraction partielle GESTION DE PROJET NOTIONS ORGANISATIONNELLES Les différents rôles d un projet Leurs interactions La répartition des tâches Introduction aux méthodes Agile LES OUTILS Les conventions de nommages Le versionning Les IDE Uniformité de l environnement