Si vous êtes développeur web, débutant ou confirmé, découvrez les langages de Front-end, avec lequel vous allez bâtir vos sites Internet. Ce cours vous détaillera les fonctionnement et Vous entrerez alors dans le vif du sujet à l’aide d’exemples concrets. Vous apprendrez à insérer des champs de texte puis vous verrez comment ajouter du contenu multimédia. Vous structurerez les pages, vous incorporerez des liens et vous créerez des formulaires. Après avoir finalisé le site, vous aborderez également les outils permettant d’améliorer l’accessibilité, notamment pour les personnes souffrant de déficiences visuelles, auditives ou motrices.
Vous désirez apprendre à programmer ? Il est alors fortement conseillé de commencer par cette formation !
S’initier à la programmation
Analyser un problème à l’aide de la table
de décision
Analyser un problème à l’aide de
l’organigramme
Connaître les bases pour bien
comprendre la programmation
Découvrir les constantes, variables et
opérateurs
Effectuer les traitements conditionnels
Réaliser des traitements itératifs
Insérer des tableaux en programmation
Manipuler des chaînes de caractères en
programmation
Utiliser les fonctions en programmation
Gérer votre code en programmation
S’initier à la programmation orientée
objet
Gérer les interactions avec l’utilisateur
Gérer les entrées et sorties en
programmation
Gérer les erreurs de programmation
Lancez-vous dans le langage HTML5 et la construction de votre propre site web grâce à cette formation de Damien Bruyndonckx reposant entièrement sur des cas concrets.
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
Appliquez des styles CSS à vos éléments HTML et contrôlez précisément l’apparence de votre site. Puis mettez en forme vos pages web pour les rendre adaptables à tous les types d’écran.
Aborder cette formation
Découvrir les grands principes de
fonctionnement du CS
Découvrir les principaux sélecteurs du
CSS
Mettre en forme du texte en CSS
Définir les couleurs et les unités de
mesure
Appliquer des images de fond
Comprendre le CSS Box Model
Utiliser le CSS Box Model
Appréhender les modes de
positionnement
Créer la mise en forme générale des
différentes pages du site
Rendre le site responsive
Mettre en page avec les flex et les
grids
Finaliser le site
Lancez-vous dans le langage HTML5 et la construction de votre propre site web grâce à cette formation de Damien Bruyndonckx reposant entièrement sur des cas concrets.
Se préparer à cette formation
Découvrir JavaScript
Travailler avec des données
Aborder les boucles et les conditions
Créer des fonctions
Exploiter les objets de JavaScript
Découvrir le DOM
Afficher une image aléatoire
Tirer parti des événements de
JavaScript
Valider les formulaires côté client
Aborder jQuery et les bibliothèques
JavaScript
Adopter les meilleures pratiques en
JavaScript
Passez d’une maquette au format Photoshop vers une page web interactive en HTML5 et CSS. Découvrez des outils et des techniques indispensables dans votre travail d’intégrateur.
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
Découvrir l’intégration web avec
Photoshop
Explorer les outils de Photoshop
Réaliser le code HTML5 de la maquette
Préparer la feuille de style
Créer la feuille de style CSS du premier
point d’arrêt
Rendre la page web entièrement
responsive
Finaliser l’intégration de la page web
Apprenez à utiliser Bootstrap 4 pour créer des barres de navigation, des formulaires, des fils d’Ariane, des éléments de pagination et bien d’autres choses.
Comprendre et installer Bootstrap 4
Explorer les styles de base
Utiliser la grille fluide
Revisiter le Box Model avec Bootstrap
Manipuler les propriétés des Flexbox
avec Bootstrap
Utiliser les composants de navigation
Aborder les principaux composants de
Bootstrap
Mettre en forme des formulaire
Travailler avec des composants interactifs
Abordez et intégrez Sass dans votre flux de travail. Découvrez les options pour compiler votre code Sass en CSS, passez en revue les mécanismes pour le réutiliser, etc.
Aborder cette formation sur Sass
Compiler du code Sass
S’initier au langage Sass
Réutiliser son code
Découvrir les fonctions avancées de Sass
Mettre en pratique Sass
Étendez le langage CSS avec LESS. Exploitez les fonctions d’automatisation, comme les variables, les fonctions, et la possibilité d’écrire du code de manière imbriquée.
S’initier à LESS
Compiler du code CSS
Aborder les principes fondamentaux de
LESS
Travailler avec des mixins
Appliquer LESS dans ses feuilles de style
Adoptez une méthode de conception web efficace. Optimisez la structure, les textes, l’accessibilité, les interactions avec l’utilisateur, ainsi que l’optimisation pour mobile.
Aborder l’expérience utilisateur pour le
web
Comprendre l’expérience utilisateur
Optimiser la structure et la navigation
Soigner le design et la mise en forme
Écrire pour le web
Enrichir l’interaction avec l’utilisateur
Repensez les éléments de vos sites pour les rendre accessibles à tous. Fluidifiez le parcours utilisateur en intégrant les principaux handicaps visuels, auditifs, etc.
Comprendre l’UX et l’accessibilité
Comprendre les handicaps
Mettre en place des dispositifs de lecture
Optimiser l’accessibilité
Piloter le processus d’accessibilité
Abordez les principes du design responsive. Comprenez la problématique des écrans haute densité, analysez les grilles fluides, explorez les outils de prototypage, etc.
Aborder le design responsive
Appréhender les principes de base
Mettre en place une stratégie de design
responsive
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