Formation Intergrateur Web

PROGRAMME DE LA FORMATION

Réf : AKAN

Un intégrateur web est un professionnel du web qui assemble des éléments graphiques et textuels pour créer des sites web. Il travaille souvent dans des agences digitales, des sociétés d’informatique, mais peut également exercer à son compte, en freelance. Le rôle de l’intégrateur web consiste à transposer les idées graphiques de son équipe en contenu statique du futur site web. Il est donc en charge de la partie visuelle des sites internet. Pour caractériser le métier d’intégrateur web, on le place entre celui de développeur web et de webdesigner. Les compétences requises pour travailler en tant qu’intégrateur web incluent la maîtrise des langages HTML, CSS, JavaScript, ainsi que des connaissances en UX/UI design.

Objectifs

Maîtrise des langages de base
  • Acquérir une solide compréhension des langages de base HTML, CSS et JavaScript, qui sont essentiels pour la création de sites web.
Conception responsive
  • Apprendre à créer des sites web qui s’adaptent de manière optimale à différents appareils et tailles d’écrans, en mettant en œuvre des techniques de conception responsive.
Utilisation de frameworks
  • Familiarisation avec l’utilisation du frameworks Bootstrap outils facilitant le processus d’intégration web.
Compatibilité multi-navigateurs
  • Assurer la compatibilité des sites web avec différents navigateurs et plateformes pour garantir une expérience utilisateur cohérente.
Optimisation des performances
  • Apprendre à optimiser la performance des sites web en termes de vitesse de chargement, d’utilisation efficace des ressources et d’optimisation des images.

Résultats attendus

  • Les apprenants acquièrent les compétences nécessaires pour devenir des intégrateurs web compétents et répondent aux exigences du marché du travail dans le domaine du développement web.

Intégrateur Web

HTML

Partie 1 – La syntaxe
  1. Introduction et Historique
  2. Structure minimale d’une page web
  3. Les outils
Partie 2 – Les éléments principaux
  1. Le Doctype
  2. La balise HTML
  3. La balise HEAD
    1. La balise TITLE
    2. La balise META
  4. La balise BODY
Partie 3 – Les balises de types Inline et Block
  1. Les balises de types Block
    1. Les balises génériques
    2. Les balises sémantiques
    3. Les balises text, list, form, table et multimedia
  2. Les balises de types Inline
Partie 4 – Les attributs, les tableaux et formulaire
  1. Les attributs
  2. Les tableaux
  3. Les formulaires
Partie 5 – Notions de SEO, W3C et Emmet
  1. HTML et le référencement naturel
  2. Standard W3C
  3. Emmet pour le HTML

CSS – 1ère PARTIE

Partie 1 – La syntaxe
  1. Introduction et Historique du CSS
  2. Structure de base
  3. L’analyse de la page par un navigateur
  4. Les sélecteurs de base
  5. Propriété
  6. Emplacement des règles
  7. Les bonnes pratiques
Partie 2 – texte, fond, effets graphiques
  1. Mise en forme du texte
  2. Arrière-plan
  3. Les effets graphiques
Partie 3 – Le modèle de boîtes CSS
  1. Modèles de boîtes
  2. Dimensions
  3. Bordures
  4. Marges
  5. Affichage
Partie 4 – Positionnement
  1. Positionnement
  2. Flottement
  3. Alignement
Partie 5 – Le Responsive Web Design
  1. Adapter la page au support
  2. Modifier les éléments en fonction du support
  3. Vérifier l’adaptabilité d’une page dans un navigateur

CSS – 2ème PARTIE

Partie 6 – Les FlexBox et Grid
  1. Positionnement des FlexBox
  2. Positionnement du Grid
Partie 7 – Sélecteurs avancés
  1. Sélecteur universel
  2. Sélecteurs d’éléments filiaux et adjacents
  3. Sélecteurs d’attributs
  4. Pseudo-classes
  5. Pseudo-éléments
  6. Pseudo-parent
  7. Racine, variable, calculs
Partie 8 – Les features queries, règles des couches, impression
  1. Les features queries
  2. Les règles des couches
  3. L’impression
Partie 9 – Propriétés visuelles, Transitions et Transformations
  1. Propriétés visuelles
  2. Transitions
  3. Transformations
Partie 10 – Les animations CSS
  1. Principes de base
  2. Une animation simple

JavaScript

Partie 1: Premiers pas en JS
  1. L’histoire du JavaScript
  2. Les bases du langage
  3. L’outil console
  4. Où placer son code Javascript ?
  5. Les commentaires
  6. L’utilitaire snippet
Partie 2 – Les variables
  1. Définir ce qu’est une variable
  2. Déclarer et initialiser une variable
  3. Concaténation et caractères d’échappement
  4. Ecrire plusieurs variables sur une ligne
  5. Passer à la ligne
  6. Importance de l’ordre
Partie 3: Les types et méthodes de chaînes de caractères
  1. Les différents types
  2. Vérifier le type d’une variable
  3. Les modèles de libellé
  4. Conversions de type
  5. Méthodes et propriétés utiles pour les chaînes de caractères
Partie 4: Les opérateurs de calcul et fonctions
  1. Les opérateurs de calcul
  2. Les méthodes sur les nombres
  3. Définir ce qu’est une fonction
  4. Déclarer et appeler une fonction
  5. Utiliser une fonction pour retourner une valeur return
  6. Ecrire une fonction avec un paramètre
  7. Ecrire une fonction avec plusieurs paramètres
  8. Combiner des fonctions
  9. Appel incomplet à une fonction
  10. Donner une valeur par défaut à un paramètre
  11. Créer une fonction sans paramètre (anonyme)
  12. Fonctions natives JavaScript
  13. Notions de hissage hoisting

JavaScript – POO

Partie 1: Vision d’ensemble des classes
  1. Histoire de la POO.
  2. Le mécanisme des classes.
  3. Définition des propriétés et méthodes public, private.
  4. Création de classe Template.
  5. Comprendre le mécanisme de prototype, __proto__.
  6. Objet et typage des objets TypeOf, instanceOf.
Partie 2: Constructeur et propriétés
  1. Comprendre les mécanismes de constructeur.
  2. Constructeur basé sur Object.create.
  3. Constructeur literal.
  4. Principe de scope safe.
  5. Création par singleton, pattern.
  6. Méthodes de création des propriétés, portée (private, public, static) des propriétés.
  7. Portée des méthodes, mécanismes de polymorphisme.
  8. Préserver et gérer le Context this..
Partie 3: Les concepts d’héritage

Comprendre les mécanismes d’héritage en JavaScript.

  1. Héritage simple, multiple.
  2. Héritage par prototype.
  3. Travaux pratiques
  4. Création d’une classe héritée simple avec et sans les prototypes.
Partie 4: Comprendre le type Object
  1. Création Object literal, avec un constructeur.
  2. Création de propriétés et méthodes.
  3. Duplication d’objet par valeur, référence.
  4. Gestion du context this avec Object.apply et Object.call.
  5. Démystifier les propriétés de Object.
  6. Modules : Object, AMD.
Partie 5: Mécanismes JavaSript avancés
  1. Déclaration des variables, typage, nomenclature, accès au DOM.
  2. Comprendre le mécanisme de Hoisting.
  3. Promises et la Programmation asynchrone.
  4. Echange Ajax d’objets structurés et serialization de multiples formats (texte, image, JSON).
  5. Création d’un Namespace static, Namespace objet, module pattern, namespace proxy.
  6. Fonctions anonymes, closures.
  7. Comprendre les principes du callback.

Bootstrap

Module 1: Introduction à Bootstrap
  • 1.1 Présentation de Bootstrap
      • Historique et objectifs
      • Avantages de l’utilisation de Bootstrap
  • 1.2 Installation et configuration
      • Téléchargement et installation
      • Intégration dans un projet web
Module 2: Les bases de Bootstrap
  • 2.1 La grille (Grid System)
      • Comprendre le système de grille de Bootstrap
      • Création de mises en page responsives
  • 2.2 Composants de base
      • Utilisation des classes de typographie
      • Boutons et formulaires Bootstrap
      • Images réactives et icônes
Module 3: Les composants avancés
  • 3.1 Navigation
      • Barres de navigation
      • Menu déroulant et onglets
  • 3.2 Composants de mise en page
      • Panneaux
      • Modaux
      • Accordéons
Module 4: Personnalisation et extensions
  • 4.1 Personnalisation du thème
      • Utilisation du générateur de thèmes Bootstrap
      • Personnalisation des styles
  • 4.2 Extensions JavaScript
      • Utilisation des plugins JavaScript de Bootstrap
      • Intégration de fonctionnalités avancées
Module 5: Projets pratiques
  • 5.1 Projet 1: Site Web Personnel
      • Création d’une page personnelle utilisant la grille et les composants de base de Bootstrap
  • 5.2 Projet 2: Application Web Responsive
      • Développement d’une application web responsive en utilisant les composants avancés de Bootstrap

Ce que nous faisons

Public visé

• Toute personne souhaitant acquérir les connaissance nécessaires pour devenir Intégrateur Web
Distanciel ou Présentiel

Modalités et
délai d'accès

Un devis vous sera fourni dans les deux semaines et la formation sera réalisée dans les trois mois,
Entretien préalable, test de positionnement.

Niveau de formation

D - Autre formation professionnelle
Spécialité 326
Informatique, traitement de l'information, réseaux de transmission

Résumé du programme

Formation Intégrateur Web

Modalités d'évaluation

Évaluation finale
Rythme
Séquencé ,
Par 1/2 journée

Modalités de suivi et d’exécution de la formation

  • Evaluation d’entrée du candidat
  • QCM à chaque fin de séquence
  • Evaluation orale : mise en situation
  • Evaluation de fin de formation
  • Evaluation de satisfaction à chaud
  • Evaluation de satisfaction à froid (3 mois après la formation)

Méthodes pédagogiques, techniques et d'encadrement mobilisées et informations complémentaires

Formation délivrée en présentiel ou distanciel.
Le formateur alterne entre méthode démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).

Les moyens pédagogiques mis en oeuvre sont :

  • Ordinateurs Mac ou PC, connexion internet libre, vidéoprojecteur
  • Environnements de formation installés sur les postes de travail ou en ligne
  • Supports de cours et exercices

Formation distancielle individuelle :

Prévoir une connexion internet, un ordinateur avec micro et caméra. Si l’ordinateur ne possède ni micro ni caméra, les échanges oraux peuvent se réaliser par téléphone. La partie pratique se déroule avec une prise en main à distance. 

Méthodes pédagogiques, techniques et d’encadrement mobilisées et informations complémentaires :

Techniques

Alternance des techniques suivantes : étude de cas, exposés, brainstorming.

Accessibilité Handicap

Cette formation est accessible à toute personne ne rencontrant pas de difficultés à l’utilisation d’un poste de travail informatique.

L’équipe pédagogique, administrative et commerciale est sensibilisée à la question du Handicap et s’engage à fournir au stagiaire une formation adaptée à son besoin.

Référent Handicap : Bruno DUMONTET – Contact : 06 88 61 76 90 | bdumontet@escale-formation.fr

Statistiques & Indicateurs

0%
Taux de satisfaction
0%
Taux de réussite

Mis à jour le 17/09/2023

Taux de satisfaction globale sur l’ensemble de 21 stagiaires (formations tous domaines confondus réalisées en direct et en sous-traitance de 01/2022 à 03/2023). Taux de réussite au test de certifications ICDL et évaluation des acquis sur l’ensemble de 21 stagiaires (formations tous domaines confondus réalisées en direct et en sous-traitance de 01/2022 à 03/2023).

Formation Intégrateur Web

Cette formation vous permettra de maîtriser les langages et les outils nécessaires pour créer des sites web responsives et adaptés aux différents supports.

Au programme

4550

Elligible au financement Opco

L’ensemble de nos formations sont adaptées aux besoins des apprenants.

70 heures de formation

20 sessions de 3h30 consécutives sur dix journées ou à votre convenance par demi-journée du lundi au vendredi de 9h à 12h30 et de 13h30 à 17h00.

N'attendez pas pour apprendreCommencez maintenant !

Formez-vous chez vous ou au bureau, développez votre projet par l’apprentissage, gagnez en compétences et en indépendance.
Formez-vous comme vous voulez quand vous voulez, c’est vous qui décidez.






    Aller au contenu principal