Développeur Web bc1 développement Front End de sites et applications web

• Développeur Web - Code CertifInfo 115146
  • Niveau de qualification : 5 - Savoirs étendus, spécialisés, factuels et théoriques

Objectifs

Développement Web front-end :

• Analyser un cahier des charges fourni par un client en appréhendant l''activité de l''entreprise et sa cible afin de proposer un site internet adapté.
• élaborer une analyse du marché et de la concurrence structurée. Consulter les sites concurrent et en tirer des éléments d''inspiration.
• Argumenter clairement à l''oral auprès d''un donneur d''ordre les différents choix graphiques et ergonomiques d''un projet Web réalisé.
• Organiser son temps de travail et les ressources à disposition pour développer un site internet en respectant les délais imposés par le client.
• Réaliser une maquette graphique d''un site internet grâce à un logiciel afin de permettre au client de comprendre, visualiser puis valider l''interface fonctionnelle et graphique de son futur site Web.(Ex: Adobe XD).
• Organiser et hiérarchiser les calques, dossiers et fichiers de la maquette graphique.
• effectuer des choix graphiques et colorimétriques pertinents en adéquation avec la cible et la demande du client.
• Définir des choix ergonomiques pertinents (UI/UX) pour permettre une expérience/interface de navigation efficace et simple d''utilisation.
• Réaliser une intégration complète d''une maquette graphique avec HTML/CSS/SASS et retranscrire à l''identique cette dernière en site Web.
• Réaliser l''intégration Web HTML/SASS et CSS "from scratch"(Page blanche) ou utiliser un framework front-end de type Bootstrap/foundation pour réaliser l''intégration.
• Produire le codage informatique/intégration du site en tenant compte des différentes résolutions et périphériques afin de concevoir un site internet adaptatif sur tous les périphériques et toutes les résolutions. (Smartphone, tablette, desktop).
• Optimiser le référencement naturel d''un site internet en structurant les pages de façon sémantique, en hiérarchisant les contenus et en respectant les impératifs techniques recommandés par les principaux moteurs de recherche afin de bien positionner le site internet dans ces derniers.
• Coder en respectant l''''indentation, en réalisant la rédaction des commentaires ainsi qu''en respectant les balises sémantiques appropriées afin de rendre le code compréhensif pour les autres développeurs.
• Corriger les erreurs de codage afin de rendre le site internet valide aux normes W3C.
• Réaliser les animations, interactions et événements de l''interface en

  Programme de la formation

  Compétences attestées :

  • Utiliser les langages de balisage html et css (avec et sans framework) pour intégrer les maquettes graphiques en utilisant un éditeur de code.
  • Produire l'encodage en tenant compte des différentes contraintes imposées par les différentes résolutions d'écrans et les navigateurs afin d'obtenir un affichage optimisé pour smartphones, tablettes et desktop.
  • Considérer la diversité des publics, notamment en situation de handicap, afin d'améliorer l'expérience utilisateur, en mobilisant les différentes normes d'accessibilité. (Ex: RGAA)
  • Travailler sur une logique d'intégration réutilisable, organisée et synthétique, à des fins de lisibilité et de performances, en utilisant un système de “classes” génériques et fonctionnelles.
  • Travailler le référencement naturel d'un site internet tout au long de sa construction pour optimiser son positionnement en appliquant les recommandations pour les différents moteurs de recherche.(hiérarchisation des contenus, sémantique, poids des pages…)
  • Enrichir l'interface de l'application ou du site internet en utilisant le langage JavaScript afin d'apporter à la partie front end de l''interactivité et des animations.
  • Valider les saisies utilisateurs dans les formulaires afin de vérifier l''échange de données entre l'utilisateur et le serveur à l''aide de méthodes de validation adaptées. (ex : expressions régulières)
  • Développer des fonctionnalités mettant en jeu des requêtes asynchrones avec le serveur afin d'apporter de la fluidité et de l''interactivité sans rechargement de page en utilisant des API.
  • Optimiser les temps de développement en utilisant des ressources externes (librairies JavaScript) pour résoudre des problématiques de développement complexes.
  • Synthétiser les données utiles à l''application en analysant le cahier des charges afin de formaliser le modèle de données
  • Construire la base de données à l''aide d'un outil d'administration de base de données, afin de permettre la bonne circulation des données nécessaires au fonctionnement de l'application.
  • Interroger la base de données par l''intermédiaire d'un langage de requêtes (SQL) pour permettre la manipulation et l'exploitation des données par l'application.
  • Respecter le cadre légal en utilisant les normes imposées par le règlement général sur la protection des données (RGPD) afin de garantir l''intégrité des utilisateurs et l

    Validation et sanction

    Connaître l'environnement, les outils et les technologie web Maîtriser les langages HTML, CSS et Javascript Savoir s'appuyer sur des frameworks pour optimiser son temps Intégrer de manière moderne et responsive un projet web Maîtriser les technologies les plus modernes (flexbox, css grid…) Connaître les bases du référencement web Savoir exporter et optimiser ses images depuis Photoshop Etre autonome dans ces choix techniques et savoir les défendre

    Type de formation

    Certifiante

    Sortie

    Bac + 2