Formation Intégrateur Web

235h de formation, 3h de session LIVE, des ateliers pratiques, 1 projet personnel PRO à présenter

“ Imaginez, créez, intégrez, maîtrisez le web ”

Envie de décrocher un poste d’intégrateur web ? D’être autonome dans la création de sites Internet ? Alors suivez notre formation Intégrateur Web à distance. Ouverte à tous, cette formation efficace vous permettra d’acquérir les langages de programmation HTML, CSS et Javascript et d’intégrer un site Internet de manière moderne. Un parcours mélangeant autonomie, pratique et accompagnement sur mesure.


  • HTML
  • CSS
  • JAVASCRIPT
  • BOOTSTRAP
  • LESS
  • SASS
  • GIT
  • PHOTOSHOP
  • WORDPRESS
  • TEMPLATE
  • SEO
  • WEBPERF
  • ANGULARJS
  • INTÉGRATEUR

Au programme de cette formation Intégrateur Web

Durée totale : 235h / Prix : 985€ HT

(financement Pôle Emploi, CPF, plan de formation, OPCA...)

  • 1H
    Session Live

    SESSION LIVE : Briefing

    Faites connaissance avec votre mentor et définissez votre planning. Vous parcourrez ensemble le programme.

  • 12H
    Cours

    MODULE 1 : Les fondements du Web et de la programmation

    Avant de nous lancer dans le code et le monde de l’intégration, il est primordial de bien comprendre comment fonctionne Internet et quelles sont les différentes technologies offertes pour mener à bien vos projets de création de sites web.

    voir le détail
    Les notions de bases
    • La programmation c'est quoi Le métiers (différences intégrateur et développeur)
    • Comment fonctionne un site Internet (serveur, base de données, poste client)
    • L'hébergement web : serveur mutualisé, serveur dédié, cloud
    • Les bases de données et les différentes type de techno (SQL, Mysql, MangoDB, NoSQL...) API
    • Accessibilité et W3C
    • Le web responsif / Le web mobile
    • Hybridation mobile / desktop
    Les langages WEB
    • Les frameworks (Symfony, CodeIgniter, Laravel, Bootstrap...), le modèle MVC
    Organisation / Gestion de Projet
    • Intro
    • Les méthodes AGILE (Scrum, Kanban) UML & Merise
    • Le versionning (GIT)
    • Le refactoring
    • Les tests unitaires
    • Commenter son code
    Les outils
    • IDE (StormPHP, Netbeans, Brackets, Sublime Text...)
    • Wysiwyg (Dreamweaver)
    • Les langages HTML HTML5 CSS Javascript PHP MySQL Ruby / ROR Python
    • Jquery NodeJS Angular Services Web Json
    Notions Communes en programmations
    • Les variables
    • Les conditions
    • Les boucles
    • Les fonctions
    • La POO

    QCM intermédiaire

    masquer les détails
  • 50H
    Cours

    MODULE 2 : les fondamentaux de l'intégration web : HTML, CSS, JavaScript, Photoshop

    Rentrez dans le vif du sujet. Dans ce module vous allez, en vous basant sur la pratique apprendre les bases du HTML, CSS et Javascript. En passant une formation Photoshop, nécessaire à tout intégrateur.

    voir le détail
    Créer son premier site web
    • Comprendre les éléments constitutifs d’un site Internet
    • Se former au langage HTML
    • Se former à la mise en forme CSS
    • Apprendre à zoner et découper une maquette web
    • Intégration simple de pages web
    • Sensibilisation au référencement naturel
    • Mise en ligne d’un site web
    Se former au langage Javascript
    • Introduction au langage JavaScript
    • Manipulation des nombres et des chaînes de caractères
    • Les conditions et les boucles
    • Les fonctions
    • Manipuler les éléments HTML avec le DOM (Document Object Model)
    • Introduction à l'AJAX
    Utilisation de Photoshop
    • Apprendre les notions fondamentales de Photoshop
    • Découpage d’une maquette web
    • Comment bien exporter une images pour le web et l’optimiser

    QCM intermédiaire

    masquer les détails
  • 21H
    Cours

    MODULE 3 : Techniques avancées d’intégration

    Ce module a pour objectif d’augmenter votre productivité en intégration. Vous y aborederez de nombreuses astuces pour aller plus loin avec le CSS et le JAVASCRIPT

    voir le détail
    • Astuces CSS pour mieux intégrer ou contourner des problèmes récurrents en intégration
    • Formation aux animations en CSS
    • Découverte des sélecteurs pour améliorer votre code
    • Booster le CSS avec SASS
    • Comprendre les problèmes et enjeux de la compatibilité CSS/ HTML
    • Découverte d’AngularJS pour déployer plus rapidement en Javascript

    QCM intermédiaire

    masquer les détails
  • 1H
    Session Live

    SESSION LIVE : Point de mi-parcours

    Vous faites un second point avec votre mentor afin d’identifier ensemble des points de blocage et échanger sur des notions à approfondir concernant le programme déjà parcouru.

  • 10H
    Cours

    MODULE 4 : L’intégration Responsive et moderne avec Bootstrap

    Ce module de formation aborde le framework Bootstrap. Travailler avec un framework vous permettra d’intégrer plus rapidement et de manière moderne vos projets web. Vous vous formerez au responsive web design.

    voir le détail
    Notions théoriques
    • Les bases de Bootstrap
    • Les outils pour une utilisation avancée de Bootstrap
    • Utilisation avancée de Bootstrap
    Notions pratiques

    Utiliser Bootstrap pour intégrer un projet de site Internet (un portolio). Ce projet vous permettra de mettre en pratique vos connaissances en mobile first et à l’intégration d’un projet responsive web design.

    QCM intermédiaire

    masquer les détails
  • 20H
    Cours

    MODULE 5 : L’intégration avec WordPress

    Ce module couvre l’intégration par la pratique de projets se basant sur le CMS WordPress. Plus qu’une simple plateforme de blog, WordPress est utilisé par de nombreuses sociétés pour la construction de sites ou de boutiques ecommerce, complexes. Ce module se base sur 2 projets pratiques professionnels

    voir le détail
    Installer et sécuriser WordPress
    • Les enjeux de la sécurité avec Wordpress
    • Les paramètres d'installation
    • Permissions et fichiers
    • Les bonnes pratiques au quotidien
    • La performance
    Premier projet : création d’un blog responsive webdesign
    • Création d'un serveur local, Installation et configuration de Wordpress
    • Création des principales catégories et articles en admin
    • Installation et création d'un thème personnalisé
    • Découpage du site et création des includes
    • Configuration des balises metas, styles css et js
    • Création et déclaration du menu de navigation
    • Création des boucles et affichage dynamique des articles sur le site
    • Affichage dynamique des titres, image à la une, date de publication, auteur, rubrique
    • Affichage dynamique des catégories, articles les plus consultés et derniers commentaires
    • Création des templates de page, category, template 404
    • Export du site créé en local et de sa base de données vers un hébergeur
    Second projet : création d’un blog responsive webdesign

    QCM intermédiaire

    masquer les détails
  • 11H
    Cours

    MODULE 6 : PERFORMANCE WEB ET SEO

    Dans ce module vous allez être initié à la performance web. C’est à dire faire en sorte que vos pages se chargent plus rapidement. Vous verrez également des notions complètes de référencement naturel (techniques de SEO).

    voir le détail
    Les bases de la webperf

    Apprenez à faire en sorte que vos pages se chargent plus rapidement. Gagnez ainsi des positions de référencement mais également du chiffre d’affaire en plus (dans le cas de boutiques ecommerce).

    • Optimisation des images
    • Sprites CSS
    • Minification JS / CSS
    • Politiques de cache
    • Externaliser le CSS et JSS
    • Gzip (compression)
    • Erreurs et redirections
    • Déporter le javascript
    • Domaine Sharing
    • L'importance du fold
    Les bases du référencement SEO
    • Introduction au SEO
    • Les mots-clés
    • La cohérence de l’architecture SEO
    • Les balises importantes en HTML pour le référencement
    • L’importance du contenu
    • Booster la popularité de vos pages

    QCM intermédiaire

    masquer les détails
  • 8H
    Cours

    MODULE 7 : MÉTHODOLOGIE

    Dans ce dernier module vous allez apprendre à travailler avec GIT pour mieux gérer vos projets, notamment si vous travaillez en équipe, grâce au versionning de vos fichiers. Vous verrez également comment optimiser votre temps et devenir plus efficace grâce à la méthode GTD (Get Things Done).

    voir le détail
    Mieux travailler avec GIT et GITHUB
    • Introduction à Git
    • Les branches
    • Git flow pour gérer vos projets au quotidien
    • Introduction à Github
    • Github pour travailler en solo
    • Github pour travailler en équipe
    • Créer une présence sur le web grâce à Github
    Apprendre et appliquer la méthode GTD
    • Apprendre à être plus organisé
    • Devenir plus efficace dans la gestion de ses projets
    • Appliquer au quotidien la méthode Get Things Done
    • Découverte d’Evernote

    QCM intermédiaire

    masquer les détails
  • 1H
    QCM

    QCM GENERAL DE FIN DE PARCOURS

    Ce test final reprend l’intégralité des notions que vous devez avoir acquises pendant votre formation d’intégrateur web.

  • 80H
    Projet Personnel

    PROJET PERSONNEL

    Un PSD vous est fourni. L’intégration utilisera le HTML, le CSS et le javascript. Votre intégration finale soit présenter une architecture structurée, des images optimisées et un code propre. Le tout en prêtant attention à l’importance du temps de réponse et la qualité SEO du projet

  • 1H
    Session Live

    PRÉSENTATION ORALE DU PROJET PERSONNEL

    L’aboutissement de votre formation Intégrateur pour le web, passe par la présentation orale de votre projet personnel. Vous devrez présenter votre site intégré, défendre vos choix techniques et répondre aux différentes questions de votre mentor.

Une pédagogie complète pour faire de vous
un intégrateur web

Notre pédagogie est basée sur la multi-modalité : cours en vidéo, accès à des salons d’entraide, QCM, visio-conférence, ressources pédagogiques, présentation d’un projet PRO. Nous vous accompagnons tout le long de votre aprentissage !

Apprentissage en vidéo

Plus efficace qu’un livre. Plus accessible qu’une formation traditionnelle, la vidéo permet un apprentissage progressif et un ancrage mémoriel grâce à la répétition.

Ressources

La formation s’accompagne avec de nombreux fichiers sources, templates qui viendront agrémenter votre formation.

Salon d'entraide

Posez librement vos questions dans le salon d’entraide. Formateurs et apprenants vous répondent. Apprendre à plusieurs, c’est ce qu’on appelle le Social Learning !

Projet Pro

En fin de formation, vous préparez un projet professionnel, de manière autonome, de manière à mettre en pratique les notions acquises pendant votre cursus.

Visio conférence

Des scéances en live, face à face, avec un formateur expert, qui personnalise votre apprentissage, critique votre travail, vous coache pour vous faire avancer !

Certificat de complétion

Une fois la formation suivie, les tests passés, le projet pro validé, vous obtenez un certificat que vous pourrez fiérement abordé. Ce dernier atteste de vos nouvelles compétences.

Vous souhaitez trouver un travail ou évoluer dans votre carrière ? Vous voulez vous orienter vers le métier d’intégrateur web ? Remplissez ce formulaire et nous vous recontactons directement
Public visé

tout public

Objectifs
  • Connaître l’environnement, les outils et les technologie web
  • Maîtriser les langages HTML, CSS et Javascript
  • Savoir découper et exporter de manière optimisée un webdesign
  • Savoir s’appuyer sur des frameworks pour optimiser son temps
  • Intégrer de manière moderne et responsive un projet web
  • Savoir travailler en collaboration
  • Connaître les bases du référencement web et de la webperf
  • Etre autonome dans ces choix techniques et savoir les défendre
Programme PDF

Merci pour votre demande. Nous revenons vers vous très vite !


Retour à l'accueil