DIPLOME DE DEVELOPPEUR LOGICIEL WEB

  Titre certifié niveau 3 (Bac+2)

 

 

L’EMPLOI

 

Les métiers visés par cette formation sont variés : concepteur web, intégrateur web, développeur PHP, developpeur e-commerce,...

 


OBJECTIF DE LA FORMATION

 

L’action a comme objectif de former des developpeurs qui seront créer ou refondre un site Internet, concevoir et réaliser des maquettes, écrire des lignes de codes dans le respect des règles de l'Internet, concevoir et maintenir un environnement web Client/serveur, faire du référencement narurel.

 


LA PREPARATION

  

Conditions d'admission :

  • Niveau Bac toutes séries et/ou compétences sur les outils numériques

 

Pour tout candidat :

  • Entretien de motivation
  • Commission pédagogique
  • Tests écrits et tests numériques

 

 

STAGES EN ENTREPRISE

3 mois

 

COMPETENCES ATTENDUES

 

Le stagiaire pourra prétendre concevoir et développer une interface utilisateur et les composants d'accès aux données, développer des pages web, mettre en oeuvre
une solution de gestion de contenu ou e-commerce, développer une application simple de mobilité numérique et utiliser l'anglais dans son activité professionnelle.


PROGRAMME

 

 

 

1 ère période les fondamentaux du WEB

Mise à jour et harmonisation des prérequis  : 

 

Accueil le DP 

The Gimp 

L’architecture web

Importer, exporter réduire sauvegarder redimensionner et  exploiter un format  de photo compatible pour le web.

Linux : principales commandes de base.

Internet : réseau et protocole

 

SEMAINE 1 à semaine 4

HTML /CSS3

L’organisation du texte

Les images

Les liens

Les tableaux

Les formulaires

La vidéo et l’audio

Structurer une page HTML •  L’élément div, les éléments HTML 5 de structure

CSS 3

La mise en place du CSS

Mettre en relation un document HTML avec un document CSS

Les attributs class et id

Les éléments HTML universels (span et div)

L’imbrication des éléments HTML

Le formatage du texte

La couleur et le fond

 

Semaine 5 à7 : Javascript Jquery  

Introduction (1 jour) Rappels sur les fondamentaux Javascript et CSS

Rappels sur les bases du langage Javascript

le DOM en JavascriptSyntaxe CSS et sélecteurs

Qu'est-ce qu'un Framework Javascript ? Les principaux projets (Prototype, MooTools, ScriptAculous, JQuery)

Sélecteurs et filtres (2 jours) Les sélecteurs hiérarchiques

Les sélecteurs spécifiques à jQuery

Le sélecteur $(this)

Les filtres Les filtres de base

Les filtres de contenu

Les filtres de pseudo-classes et

Les filtres d'attributs

Les filtres de formulaire Travaux pratiques

Les outils pour développer avec jQuery  (2 jours)

Les principes de base de JqueryInclusion de jQuery dans les pagesInstallation de la librairieUtiliser jQuery avec d'autres librairies.

Quand débuter les traitements (DOM ready) ?

L'apport des modules dans Jquery (CSS, data)

Travaux pratiques Sélecteurs en jQuery Sélecteurs CSS

Fonctions simples et fonctions avec arguments (1 jour)

Les principales fonctions

Détection de navigateur Gestion des tableaux

Cas particulier : l'objet $Travaux pratiques

Manipulations HTML avec jQuery (2 jours)

Manipulations du code HTML (DOM jQuery)

Insérer du contenu

Ajouter du contenu à l'extérieur Cloner du contenu

Remplacer du contenu

Supprimer du contenu Manipulations du texte

Manipulations des attributs Travaux pratiques CSS et jQuery

Manipulations des classes

Manipulations en CSS

Dimensions et positionnement  (3 jours)

Dimensions des objets Positionnement des objets  Animations et Effets Apparition et disparition

Mouvement et transitions

Fonction Animate ÉvénementsSouris (clics...) et clavier L'évènement de chargement de page (ready).Création d'événements et déclencheurs (bind, unbind, trigger...).Les fonctions d'événement prédéfinies (one, die, ...).

 

 

Semaine 8 à11 : Prestashop

 

 

 

1er jour : présentation de Prestashop

 

- Télécharger Prestashop, Github: principe et branches, logiciels WAMP et Fraise

 

- Installation d'un Prestashop 1.4.10 en local

 

- Arborescence et architecture :

 

              Smarty et les hooks : architecture d'une page

 

              les modules : principe et fonctionnement, paramétrage

 

              du tpl au front-office : architecture du site

 

              CSS, outils de développement : repérer un élément dans l'arborescence du thème

 

2 jour : intégration

 

- paramétrage mails

 

- référencement

 

- Hooks: modifications et liveEdit

 

- installation d'un thème

 

- installation et paramétrage de 4 modules : IciRelais, Paypal, NewsLetter et OneClicUpgrade

 

- Création d'une page d'accueil

 

5 jour : intégration et mise à jour

 

- Création de catégories, paramétrage de deux produits différents et personnalisables avec visuels

 

- personnalisation du thème : du tpl au css

 

- Sauvegarde de la base de données et du site, mise à jour vers une version 1.5.5, OneClicUpgrade et mise à jour manuelle

 

Logiciels requis :

 

Prestashop 1.4.10

 

Prestashop 1.5.5

 

WAMP

 

Netbeans ou Fraise

 

 

2e Période BASE DE DONNES ET INDIVIDUALISATION

 

PHP MYSQL 

Semaine 12 : création d’un cahier des charges 35 heures en entreprise

Semaine 13 mis en place et point projet suite PHP/MYSQL, 2 jour de référencement

Semaine 14 à semaine 19 : Symfonie : intiation au framework

 

Symfony 2

 

Ce cours vous permettra de prendre en main Symfony2, le framework PHP de référence

 

Vue d’ensemble de synfony, le framework PHP

 

Création d’un bundle avec la console

 

Les différentes versions de synfony

 

Premier travail avec synfony : script

 

Le moteur templates Twig

 

Les contrôleurs avec synfony2

 

Le routeur avec synfony2

 

Installer un Bundle

 

Création des services

 

Création d’un CoreBundle

 

Gérer la base de données avec Doctrine

 

Récupération et manipulation des entités avec Doctrine2

 

Les extensions Doctrine2

 

Création de formulaires

 

Validation des données

 

Sécurité

 

Gestion des utilisateurs

 

Gestionnaire d’évènements

 

Services

 

Préparer la mise en ligne

 

Convertir les paramètres de requêtes

 

Générer du code CSS et JavaScritp avec Assetic

 

Utiliser la console depuis le navigateur

 

Diffuser et déployer son site

 

Personnaliser les pages d’erreur

 

Semaine 20 à 23 :  2 jours pestashop 1j TP tutoré prestashop 

 

Seamine 24 à 28 stage d'application

 

Semaine 29 retour synfony, préparation Dossier Professionnel , anglais passage du TOEIC

 

 

 

 

  • Option et individualisation :

1/ Cerner les enjeux du référencement

  • Augmenter la visibilité et l’audience d'un site Web.
  • Identifier les acteurs, les outils et l'impact de Google.
  • Modes de recherche sur le Web.
  • Comparer les atouts et limites du SEO, SEM et SMO.

2/ Définir sa stratégie de référencement naturel SEO

  • Les clés de la stratégie de référencement : cibles, contenus, objectifs.
  • Stratégie éditoriale SEO : arborescence et catégories.
  • Champ lexical et choix des mots clés.
  • Analyser l'efficacité actuelle du SEO du site.
  • Les facteurs techniques qui favorisent ou bloquent le SEO.
  • Décrypter la stratégie SEO des concurrents.
  • Optimiser son site pour la recherche mobile.
  • Comprendre les enjeux autour des mises à jour : Panda, Pingouin, Pigeon, Colibri ou Phantom.

3/ Définir sa stratégie de liens sponsoriés SEM

  • Le modèle des liens sponsorisés : critères et pertinence.
  • Définir sa stratégie SEM : objectifs, cibles, budget, période.
  • Déterminer son plan média SEM.
  • Piloter sa campagne SEM : budget, enchères, rentabilité.
  • Décrypter la stratégie SEM des concurrents.
  • Optimiser les synergies SEM, SEO.

4/ Mesurer les résultats et son ROI

  • Les KPI (Indicateurs de Performance) du SEO, SEM, SMO.
  • Les tableaux de bords SEO et SEM.
  • Interpréter les résultats et mettre en place les actions correctives.

5/ Application pratique

  • Auditer son référencement SEO.
  • Définir ses stratégies de référencement SEO, SEM.
  • Choix des outils de contrôle de l'efficacité des actions.
  • Coaching : emploi réseau projet personnel 

 

 

COMMUNICATION NUMERIQUE : CRE@.NET

Dans le cadre du plan de formation de l'entreprise, dans le cadre de l'alternance ou dans le cadre du CPF pour valider un CCP du diplôme Infographiste en multimedia webdesign. La formation cre@.net c'est tout sur le web et le design du Web.

La connaissance de photoshop est un prérequis pour bien suivre cette formation : savoir préparer les photos pour Internet, recadrer les images pour le web, effectuer les réglages chromiques. ( Voir formation Cre@.com)

 

INITIATION AUX CODES HTML

Les bases de la conception d'un site DNS adressage IPV4 IPV6, protocole TCP/IP, domaines, protocoles http, ftp, smtp, http, les balises HTML.

Communiquer en ligne : DREAM WEAVER

Concevoir un site et savoir le mettre en valeur pour évoluer vers un site marchand. Comprendre la structure d'un site pour publier les pages d'un serveur.

Création d'animations : FLASH

Pour créer des sites attrayants, dynamiques. Vous vous surprendrez à créer, en quelques temps, des animations (interpolation de formes, de mouvements, effets de rotation,....) avec beaucoup de facilité.

CONCEPTION DE SITES Avancés : JOOMLA (cms)

Fonctionnement installation : vitrine/administration, arborescence, arborescence serveur, prévoir la mise en ligne.

Gestion des menus, gestion des utilisateurs, droits d'accès, plugs-in, modules, composants, étude des modules par défaut
Référencement, composants tiers, formulaires, TP mise en place d'un site – personnalisation.

OPTION : WEBACCAPPELLA

Logiciel de création et de maintenance de sites internet, Webacappella est facile d'utilisation. Il vous permet de créer des pages simples.

La SYNTHESE

Révision et application des différents outils et introduction au développement sur le Web PHP/MysQL


OPTION : DESSIN, COULEURS ET CONCEPTION DE MAQUETTES

Savoir exploiter le langage de l'image, comprendre le mélange des couleurs, les bases du dessin et l'influence de la lumière, la perception des teintes et des luminosités vous permettra de tirer partie de votre communication et la rendra percutante.

Intervenants

Webdesigners professionnels.

 salle new york gauche face

 

Prochaines sessions :

*du 11/12/2017 au 27/07/2018

 

Contact administratif : A. DELPRAT mail :  Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.  Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. 

Contact pédagogique : I. Crave mail :  Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.

 

100

PAO - MULTIMEDIA
PAO-01 LANGUAGE DES COULEURS ET RAPPORT TEXTE/IMAGE

Les cours de dessin, couleur et conception sont partie intégrante des formations en communication graphique.
Vos travaux donnent lieu à exposition à l'école.

 

A qui s'adresse ce cours :

Concepteurs, réalisateurs d'éléments et de communications graphiques, infographistes

 

Objectifs de formation :

Passer de l'appréciation à l'utilisation fonctionnelle de la couleur en tirant parti de ses pouvoirs.

 

Objectifs pédagogiques :

Savoir utiliser professionnellement des couleurs et des images dans les documents d'entreprise.

 

Méthode, pédagogie et suivi :

Cours magistraux
Travaux pratiques sur micro-ordinateur.
Le suivi est assuré par une fiche d'émargement.

 

Durée :

A définir selon les acquis

 

Formateur :

Titulaire d'une licence en arts plastiques et en arts graphiques.

 

Evaluation :

Toute formation donne lieu à évaluation. Le contrôle des connaissances est laissé à la discrétion des formateurs.

 

Pré-requis :

Aucun

COMMUNICATION GRAPHIQUE  

CRE@.COM    -  Un jour / semaine

Formation effectuée globalement ou par module dans le cadre

- du plan de formation ou

- du C.P.F. pour la validation du CCP du titre Infographiste en multimédia.

 

 TRAITEMENT DE L'IMAGE NUMERIQUE PHOTOSHOP

Cet outil est devenu incontournable pour traiter la photo, retoucher l'image.
Dans tous les métiers de la communication, ces techniques s'imposent, quelles que soient les stations de travail, quels que soient les supports utilisés.

 DESSIN ASSISTE PAR ORDINATEUR ILLUSTRATOR

Avec les outils d'Illustrator, les créations s'enrichissent, les dessins graphiques donneront de la consistance à vos documentations « print » (papier) et « Web » (numérique).

 MAQUETTE ET MISE EN PAGE  INDESIGN

Pour réaliser des mises en page de qualité, pour éviter de présenter des communications médiocres, la technique de mise en page est l'outil des professionnels et permet de réaliser des travaux remarquables. Apprenez les bonnes méthodes de conception de maquettes et de mise en page.

 DESSIN, COULEURS ET CONCEPTION DE MAQUETTES

Savoir exploiter le langage de l'image, comprendre le mélange des couleurs, les bases du dessin et l'influence de la lumière, la perception des teintes et des luminosités vous permettra de tirer partie de votre communication et la rendra percutante.

 La SYNTHESE

Les commandes approfondies, des travaux réels utilisant la trilogie des logiciels : pour créer, assembler, produire dans les règles de l'art une communication visuelle.

 Intervenants

Infographiste professionnel, directeur d'agence indépendant
Peintre et illustrateur professionnel – Lauréat de nombreuses expositions internationales

 

 salle hautes technologies

 

 

 

 

Contact administratif : A. DELPRAT mail :  Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.  Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. 

Contact pédagogique : I. Crave mail :  Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.

 

 

100

Langues-01 - LANGUE ETRANGERE - ANGLAIS/ESPAGNOL

Formasup dispense à la demande des stages en Anglais ou Espagnol.
De l'initiation à la préparation aux concours.

 

A qui s'adresse ce cours :

Toute personne souhaitant s'initier ou se perfectionner en anglais ou en espagnol.

Objectifs de formation :

Acquérir un maniement aisé de la langue courante ainsi que le maniement rigoureux du vocabulaire technique (commercial, économique, juridique,...).

Objectifs pédagogiques :

Utiliser la langue anglaise ou espagnole dans un cadre professionnel ou personnel.

Méthode, pédagogie et suivi :

Cours magistraux

Travaux pratiques

Station E. A. O. (Enseignement Assisté par Ordinateur)

Le suivi est assuré par une fiche d'émargement

Durée :

A définir en fonction des acquis

Formateur :

Formateur en anglais/espagnol agréé par le Rectorat.

Evaluation :

Toute formation donne lieu à évaluation. Le contrôle des connaissances est laissé à la discrétion des formateurs.

Pré-requis :

Débutant : connaître la grammaire

Niveau moyen : maîtriser le vocabulaire courant, connaître la grammaire et la conjugaison.

 

 

 

 

 

CONTENU DE LA FORMATION

Cours individualisé en fonction des acquis

Initiation :

• L'essentiel des outils grammaticaux
• Le vocabulaire de base
• Utilisation des outils grammaticaux et du vocabulaire en situation
• Vers la conversation de base
• Conjugaison
• Thèmes et versions

Perfectionnement :

• Vocabulaire technique et professionnel : commercial, scientifique, juridique,...
• Comment présenter son expérience professionnelle (oral et écrit)
• La lettre à caractère professionnel
• Savoir traduire un document technique