Web, Design & Digital

Développement Web

Des parcours complets pour apprendre à créer des sites, développer des applications web, maîtriser les bases front-end, le back-end, les bases de données, les frameworks modernes et les environnements de développement.

WEB
DEV
HTML/CSS JavaScript PHP/MySQL Angular

Compétences visées

Acquérir les fondamentaux du développement web, concevoir des interfaces responsives, créer des sites dynamiques, structurer des bases de données et utiliser les outils professionnels du développeur.

HTML5CSS3JavaScriptPHPMySQLPythonJavaLaravelAngularDocker

Programmes disponibles

#118

Maîtriser le langage Java

Découvrir Java, sa logique objet, les variables, opérateurs, structures de contrôle, tableaux, collections et scénarios d’erreurs.

Voir le programme
  • À la rencontre de Java
  • Travailler avec Java
  • Les variables et les opérateurs
  • Les structures de contrôle
  • La classe et l’objet
  • L’héritage et les interfaces
  • Classes et techniques utilitaires
  • Tableaux et collections
  • Organisation et accès des classes
  • Scénarios alternatifs et cas d’erreurs
#236

Édition de sites web HTML5, CSS3, CMS et JavaScript

Formation complète sur les bases du web : HTML5, CSS3, responsive design, CMS WordPress et JavaScript.

Voir le programme
  • Présentation de la formation et module ressources
  • Introduction, test de positionnement, navigateurs et IDE
  • HTML5 : structure, balises, listes, images, liens, tableaux, formulaires, audio, vidéo, iframe
  • Validation HTML5 avec W3C
  • CSS3 : sélecteurs, couleurs, fonts, display, margin, padding, unités, position, float, flexbox, grid
  • CSS avancé : background, border, box-sizing, transform, animation, transitions, media queries, frameworks, variables, reset
  • Introduction au CMS et à WordPress
  • JavaScript : variables, tableaux, objets, DOM, conditions, boucles, fonctions et événements
  • Quizz final HTML5/CSS3/JavaScript
#363

Maîtriser le langage Python

Apprendre les bases puis les notions avancées de Python : structures de données, fonctions, fichiers, modules et générateurs.

Voir le programme
  • Introduction et test de positionnement
  • Bases de Python : variables, listes, dictionnaires, fonctions, méthodes, conditions et boucles
  • Notions avancées : opérateurs, librairies, input, logique, exercices pratiques
  • Structures : tuples, dictionnaires, sets, nested types, comprehensions
  • Fonctions : return, modules, arguments, variables locales/globales, mutable/unmutable
  • Fichiers : création, lecture, seek, tell, append
  • Fonctions anonymes, nombres aléatoires, générateurs
  • Quiz final
#421

Framework Bootstrap 5.X

Créer des interfaces responsives avec Bootstrap : conteneurs, breakpoints, utilitaires, composants et formulaires.

Voir le programme
  • Test de positionnement et module ressources
  • Introduction à Bootstrap, bases, variables, container, breakpoints
  • Texte, images, tableaux et figures
  • Utilitaires : couleurs, background, bordures, liens, ombres, opacité, display, flex, overflow, float, spacing et position
  • Travaux pratiques responsive
  • Composants sans JavaScript : boutons, badges, cards, spinners, progress, breadcrumb, pagination
  • Composants avec JavaScript : navigation, carousel, collapse, accordion, dropdowns, alerts, modals, tooltips, toasts
  • Formulaires, validation et mise en pratique finale
  • Quiz final
#601

Maîtriser PHP-MySQL

Créer un site PHP dynamique, organiser son code en mini-framework et connecter une base de données MySQL.

Voir le programme
  • Présentation du cours et du Web
  • Installation de l’environnement développeur
  • Introduction à PHP
  • De HTML à PHP : templates, librairie de fonctions, pages dynamiques et menu automatique
  • Organisation du code en framework, contrôleurs, templates Twig, thèmes et blocs
  • Projet fil rouge : catalogue et galerie d’images
  • Vignettes, redimensionnement et gestion des images
  • Bases de données : MySQL, table articles, connexion, requêtes, affichage d’un blog
  • Gestion des boucles dans les templates et finalisation du site
#607

Framework Laravel pour développement Back-End

Découvrir Laravel, l’architecture MVC, Blade, Artisan, Breeze, les contrôleurs, routes et vues.

Voir le programme
  • Introduction et test de positionnement
  • Présentation de Laravel et de son écosystème
  • Architecture MVC et organisation des fichiers
  • Installation et configuration de Laravel
  • Blade : layouts et formulaires
  • Création d’une mini-application
  • Commande Artisan, Breeze, seeder, factory
  • Contrôleurs, routes, vues et finalisation du projet
  • Test final d’évaluation
#619

Créer son environnement avec XAMPP ou Docker

Installer et utiliser XAMPP ou Docker pour créer un environnement de développement web local.

Voir le programme
  • XAMPP : présentation, installation sur Windows et lancement
  • Docker : présentation et installation sur Linux, Mac OS et Windows
  • Commandes de base
  • Exercice : lancer un serveur Web NGINX
  • Créer une image de conteneur
  • Docker Compose
  • Créer un serveur MySQL avec Docker Compose
  • Créer un environnement Backend LAMP complet
  • Conclusion
#700

Angular 16

Initialiser une application Angular, créer des composants, gérer les données, les services, RxJS et HTTPClient.

Voir le programme
  • Présentation générale d’Angular et des frameworks front-end
  • Projet fil rouge et application Angular vierge
  • Composants, binding, expressions, événements et directives
  • Inputs, outputs, styles et pipes
  • Directives, services et injection de dépendances
  • Données asynchrones, Observables et RxJS
  • Recherche avec autocomplétion
  • HTTPClient, pipe async et Subjects
  • Conclusion
#701

Routing Angular 16

Mettre en place la navigation Angular, les routes, les paramètres, les guards, resolvers et lazy-loading.

Voir le programme
  • Présentation du routing avec Angular
  • Mise en œuvre des premières routes
  • router-link et router-link-active
  • Passage de paramètres entre les pages
  • Imbrication de routes et mise en pratique
  • Zones sécurisées avec le routing
  • Guards : isAuthenticated et isAnonymous
  • Données attachées à une route
  • Resolvers pour améliorer l’expérience utilisateur
  • Lazy-loading de modules ou composants autonomes
#715

TP Développeur web et web mobile — Bloc 2

Parcours complet orienté back-end : bases de données, MERISE, PHP-MySQL, MongoDB, WordPress/WooCommerce, Python, Laravel, Linux et environnement virtualisé.

Voir le programme
  • Introduction au Bloc 2, modalités pédagogiques et test de positionnement
  • MERISE : bases de données, stockage, SGBD, MCD, cardinalités, MLD, exercices pratiques
  • PHP-MySQL : site dynamique, templates, mini-framework, Twig, blog connecté à MySQL
  • MongoDB : NoSQL, installation, bases, collections, CRUD, index, ObjectIds
  • WordPress/WooCommerce : mise en ligne, prise en main, thèmes, pages, menus, plugins, Elementor, Gutenberg, SEO, sécurité et ateliers créatifs
  • Python : bases, structures de données, fonctions, fichiers et quiz final
  • Laravel : MVC, Blade, Breeze, contrôleurs, routes, vues et mini-application
  • Linux et environnements virtualisés : installation, configuration, administration, sauvegarde et quiz final
#716

TP Développeur web et web mobile — Bloc 1

Parcours orienté front-end et conception : UX/UI, Figma, HTML5, CSS3, JavaScript, environnement de développement et Bootstrap.

Voir le programme
  • Introduction au Bloc 1, modalités pédagogiques et test de positionnement
  • UX/UI et webdesign : projet, personas, content-first, CTA, wireframes, navigation, mobile, iconographie et couleurs
  • Figma : interface, frames, formes, couleurs, plume, texte, masques, composants, auto-layout, prototypes et animations
  • Ateliers créatifs Figma : Nike et Nike interactif
  • HTML5/CSS3/CMS/JavaScript : structure, balises, formulaires, responsive, WordPress, variables, DOM, conditions, boucles, fonctions et événements
  • XAMPP ou Docker : installation, commandes, NGINX, images, Docker Compose, MySQL, LAMP
  • Bootstrap 5.X : responsive, utilitaires, composants, formulaires, carousel, modal, accordion et projet final
#792

Test de positionnement HTML5, CSS3, CMS et JavaScript

Évaluation de départ permettant de situer le niveau de l’apprenant avant l’entrée en formation.

Voir le programme
  • Test de positionnement

Vous souhaitez suivre cette formation ?

Contactez CWDB pour définir le parcours adapté à votre objectif, votre niveau et votre financement.

Demander des informations Prendre RDV