Formation Intégrateur Web

Programme Formation Intégrateur Web

Durée totale 300h : / Prix : 12.000 dhs ( 2 mois environ )

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

Les notions de baseslogos-300x1751

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

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 CSScss3-html5-bootstrap
  • 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

 

  • 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

  • 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

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

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

  • 17H 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

Premier projet : création d’un blog responsive webdesign  web maroc

  • 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

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

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 SEOwebmarketing maroc

  • 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

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

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

  • 170H PROJET PRO

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.

 

Template Design © IITIC FRANCE. Tous les droits sont réservés.
X