Si vous êtes développeur web et que vous connaissez l’HTML et le CSS, découvrez comment créer des barres de liens, utiliser une mise en page en colonnes, présenter du contenu sous forme de cartes, etc. Grâce aux Flexbox, vous mettrez en place une page web, quasiment impossible à réaliser avec le CSS classique.
Abordez la mise en page d’un site Internet avec les Flexbox CSS. Créez des barres de liens, une mise en page en colonnes, présentez vos contenus sous forme de cartes, etc.
Comprendre les objectifs de cette
formation
Comprendre les Flexbox
Réaliser des menus Flexbox
Réaliser une mise en page par carte
Réaliser le Saint Graal de la mise en page
Donner le contrôle à l’utilisateur
Découvrez cet outil qui change radicalement la manière dont les développeurs, notamment front-end, envisage le développement de sites web. Avec des cas concrets, étudiez les nouvelles propriétés CSS.
S’initier au CSS Grid Layout
Acquérir les principes de base
Placer les éléments dans la grille
Aligner la grille et ses éléments
Étudier des cas pratiques et quelques
concepts avancés
Apprenez à manipuler les transitions et des objets en 2D et 3D dans une page web. Découvrez également les relations des animations CSS avec JavaScript et les images au format SVG.
Présenter les ressources du cours
Manipuler les transitions
Explorer les transformations 2D et 3D
Aborder les propriétés des animations
Tirer parti des animations CSS avancées
Animer des images SVG
Ajoutez de la profondeur et de la texture à vos sites web tout en réduisant les temps de chargement grâce aux CSS. Créez des dégradés linéaires et radiaux, des boutons, etc.
Découvrir les dégradés CSS
Préparer son projet
Créer des dégradés linéaires
Créer des dégradés radiaux
Mettre en place des projets rapides
Aller plus loin avec les dégradés CSS
Les formulaires se multiplient sur Internet, il est donc essentiel d’en maitriser l’utilisation. Découvrez les techniques pour créer des formulaires simples à utiliser, efficaces et accessible à tous.
Créer des formulaires HTML
Mettre en forme des champs de
formulaires en CSS
Mettre en page le formulaire
Aller plus loin avec les formulaires
Valider les formulaires
Soumettre son formulaire
Découvrez les requêtes asynchrones en Javascript avec le format JSON et la norme AJAX. Assimilez les techniques du développement d’applications web en single-page.
Aborder le langage HTML
Aborder le fonctionnement du
langage HTML
Marquer le texte en HTML
Ajouter des éléments multimédia
Structurer les pages
Mettre en place des liens
Créer des formulaires
Finaliser le site
Améliorer l’accessibilité et le
référencement des sites web
Aborder le langage HTML
Aborder le fonctionnement du
langage HTML
Marquer le texte en HTML
Ajouter des éléments multimédia
Structurer les pages
Mettre en place des liens
Créer des formulaires
Finaliser le site
Améliorer l’accessibilité et le
référencement des sites web
Installer l’environnement de travail
Aborder le format JSON en détail
Effectuer des requêtes asynchrones
Traiter AJAX avec jQuery
Utiliser les librairies d’attente
Abordez les moteurs de templating en JavaScript et redécorez le web. Définissez des objets contenant de la donnée, choisissez les emplacements pour les afficher, etc.
Découvrir les moteurs de template
JavaScript
Débuter avec un moteur en jQuery
Utiliser Mustache
Aller plus loin avec Handlebars
Maîtriser le moteur de rendu Dust
Après avoir passé en revue les prérequis et procédé à l’installation des outils, vous configurerez Webpack puis vous verrez comment travailler avec les loaders et différents plug-ins.
Aborder la formation
Configurer Webpack
Travailler avec des loaders
Utiliser les plug-ins et les optimisations
Lancez-vous dans la découverte de GitHub et prenez en main cet outil de développement collaboratif, interface de Git qui est de plus en plus utilisé dans le monde open source.
Découvrir GitHub
Explorer les fonctionnalités avancées et
les collaborations
Étudier les outils pratiques fournis par
GitHub
Si vous êtes à l’aise avec les lignes de commande et que vous avez des connaissances dans au moins un langage de programmation, laissez-vous séduire par les capacités de Git.
Découvrir GitHub
Explorer les fonctionnalités avancées et
les collaborations
Étudier les outils pratiques fournis par
GitHub
Suivez votre progression et consulter vos statistiques (temps de connexion, taux de complétion ...)
Notre plateforme e-learning vous permet de monter en compétences sans barrière d'horaire
Des experts vous présentent les notions clés de la formation via des vidéos de bonne qualité
Vos exercices téléchargeables au format .PDF afin de pouvoir évoluer sans connexion