logo_afci

Organisme de formation

Mieux vous former,

c'est notre volonté

Devenir intégrateur Web - Web Master

Objectif
  • Notre formation Intégrateur Web, ouverte à tous, va vous permettre 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.
  • Durée
  • 20 jours
  • Niveau Requis
  • Maitrise de l’outil informatique. Connaissances de Windows.
  • Public
  • Personne, de tout âge, qui recherche une formation web, pour évoluer, se réorienter, se reconvertir.
  • Pédagogie
  • Pédagogie active « apprendre en faisant ». Formation très opérationnelle répondant aux réalités économiques et aux dernières tendances du Web.
  • Infos utiles
  • Inscription au 01.42.87.40.20
  •  

    BON À SAVOIR

    Le métier d'intégrateur Web offre de nombreux débouchés soit en CDI, CDD, freelance, auto-entrepreneurs.

    ZOOM SUR LA FORMATION

    +PROGRAMME

    Travaillant dans une agence web, en indépendant ou dans une ESN (entreprise de services du numérique), l'intégrateur web assemble différents éléments (textes, images, sons, vidéos, animations) en vue de la construction d'un site Internet.

     

    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.

    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

    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.

    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

    MODULE 3 : TECHNIQUES AVANCÉES D’INTÉGRATION

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

    • 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

    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.

    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. Ce projet vous permettra de mettre en pratique vos connaissances en mobile first et à l’intégration d’un projet responsive web design.

    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 e-commerce, complexes. Ce module se base sur 2 projets pratiques professionnels

    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

    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).

    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
    e-commerce).

    • 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

    Certification :

    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.

     

    +Aller plus loin

    Newsletter AFCI
    Restez connecté pour des offres exclusives !

    Copyright 2014 AFCI NEWSOFT - Tous droits réservés. - Mentions légales - Crédits