Devenir développeur Front-end (volume Horaire 50 h)

Unité de formation : les Bases fondamentaux du développement Front End.

Le Développeur Front-End peut être un profil issu du milieu du webdesign ayant renforcé ses compétences tech, ou un développeur ayant choisi de se spécialiser dans les langages du Front-End. Vous êtes créatif en quête de spécialisation web ? La formation proposée vous permettra d’apprendre à maîtriser les langages du front : HTML, CSS et JavaScript ainsi que les principaux frameworks de conception.

Les plus de la formation :

  • Ciblé à toute personne désirant améliorer ses compétences
  • Attestation à la fin de la formation
  • Formation conçu par des professionnels
  • Support de formation offert gratuitement
  • Espace dédié pour la discute avec les consultants

Programme :

Séquence N°1.
  1. Rappels sur HTML/XHTML ET CSS
    • Les bases de la mise en page HTML.
    • Les bases de la mise en page avec les styles CCS2
  2. Les bases du HTML5
    • HTML5 : Les balise html5
  3. HTML5 : LES NOUVELLES ET AUTRES BALISES HTML5
    • HTML5 :la page de base
    • HTML5/CSS3 : Construire une page pour tous les navigateurs
    • CSS3 : Sélecteurs CSS2 implémentés.
    • CSS3 : Nouveaux sélecteurs.
    • Les sélecteurs de contenu générés.
    • CSS3 : les coins arrondis.
    • CSS3 : Text-Shadow et Box-shadow.
    • Les couleurs et l’
    • Dégradé linéaire.
    • Font-
    • HTML5/CSS3 : Reconstruire notre page Type
    • HTML/CSS3
    • HTML5 et le W3C.
    • Les navigateurs web HTML5/CSS3″ready” et les outils de validation.
    • Les sites d’aide d’éléments graphiques.
    • L’encodage des caractères.
Séquence N°2.
  1. TRAVAILLER EN HTML5 ET EN CSS3 AVEC LES NOUVELLES BALISES PROPRIETES.
    • HTML5 : insérer des éléments audio.
    • HTML5 : insérer des éléments vidéo.
    • HTML5 : les nouveaux types pour les balises input.
    • HTML5 : les attributs de validation et de saisie de input.
    • Réaliser un formulaire HTML5 –CSS3.
    • CSS3 : les backgrounds.
    • CSS3 : les colonnes.
    • CSS3 : les propriétés Text Over flow.
    • Les transformations.
    • Les animations.
    • Les queries.
  2. LES NOUVEAUX API DU HTML5(JAVASCRIPT).
    • Introduction aux API.
    • Intégrer les éléments audio.
    • La géolocalisation et API Google Map.
    • Local Storage.
    • Les applications Offline.
    • Les balises Canvas.
    • Méthode Get Elements by class.
  3. Test d’évaluation : Réalisation d’un site HTML5
Séquence N°3.
  1. Outils pour développer en Java Script.
  2. Déboguer et tester Java Script.
  3. Intégration de JavaScript dans la page HTML.
  4. Style de programmation impératif.
  5. Variables et instruction de base et opérateurs.
  6. Les types de données primitifs et Fonctions.
  7. Règles de portée (Local et Global) , les séquences et bloc et indentation.
  8. Les structures conditionnelles : les booléens , opérateurs et conditions, des conditions plus
    élaborées, la fonction isNaN ,If Else et le switch.
  9. et les structures itératives(for et while).
  10. Les conversions booléenne, chaines de caractères, nombre(parseInt et le parseFloat).
  11. Les tableaux.
  12. Java Script et la programmation orienté objet(POO) :
    • Qu’es ce qu’un objet :les objets HTML.
    • L’objet forme et le briefing de vérification.
    • L’objet Array :les classiques / les non classiques et les piles et files.
    • L’objet math, date, String, RegExp, et image
  13. Evénements et attributs :
    • Le CSS via Java Script :
      • La fonction “getElementsByClassName”.
      • Les boites de dialogue/condition/test/boucle/tableaux et fonctions.
  14. Les événements :
    • .onclick, ondblclick, onmouseover, onmouseout………
    • Le tronc commun : core JavaScript.
    • Présentation des différents objets généraux de JavaScript.
    • Les objets Objects.
    • Généralités sur l’objet Date.
    • Les fonctions globales de JavaScript.
    • Le client-side JavaScript et le DOM.
    • Ma méthode alert().
    • Gérer les événements.
    • Générer le contenu HTML.
    • Définir ou insérer le contenu.
    • Ajuster l’affichage de l’heure à l’aide d’un timer.
  15. Test: pplication JavaScript.