- Durée 2 jours - 14 heures
- Participants 1 à 6 participants
- Niveau Débutant ou intermédiaire
Vous voulez comprendre comment fonctionne vraiment une application web, sans avoir à apprendre à coder ? Cette formation est faite pour vous. En 3 jours, vous apprendrez à manipuler WeWeb pour construire une application dynamique, connectée à une vraie base de données, avec une authentification et une navigation multi-pages. Vous repartirez avec une application publiée en ligne, un vocabulaire solide pour collaborer avec des profils techniques, et les clés conceptuelles du web moderne que personne ne vous a jamais expliquées clairement.
Tarif
sur-mesure
3500 €
HT
Sur-mesure : programme personnalisé pour les salariés d’une seule entreprise.
- Durée 3 jours - 21 heures
- Participants 1 à 6 participants
- Niveau Débutant
Programme
100% personnalisable - formation sur-mesure !Jour 1 Première demi-journée : le web, c'est quoi concrètement ?
- Introduction au modèle client/serveur : comprendre la différence entre ce que l'utilisateur voit et ce qui tourne en arrière-plan sur les serveurs.
- Le front-end : découvrir comment l'interface, la mise en page et les composants visuels sont construits et affichés à l'utilisateur.
- Le back-end : explorer la logique métier, le traitement des données et le stockage des informations côté serveur.
- La base de données : comprendre la structure avec tables, lignes, colonnes et relations, par analogie avec un tableur.
- Premier contact avec WeWeb : tour complet de l'interface et logique de construction visuelle sans code.
- Atelier pratique : construire une première page statique, identifier les briques fondamentales comme les sections, éléments et styles.
Jour 1 Deuxième demi journée : mise en page, design et responsivité
- Logique de mise en page : maîtriser flexbox et grille expliqués sans code pour structurer vos interfaces.
- Typographie, couleurs et styles globaux : construire une identité visuelle cohérente et professionnelle pour vos projets.
- Responsive design : adapter une interface à tous les appareils et écrans, du mobile au bureau.
- Composants réutilisables : appliquer le principe DRY (Don't Repeat Yourself) en no-code pour optimiser votre workflow.
- Atelier pratique : construire 2 pages structurées et stylisées qui serviront de base au projet fil rouge.
Jour 2 Première demi-journée : la donnée et la logique
- Ce qu'est une API : définition simple et exemples du quotidien comme les services météo, cartographie et paiement.
- Comment une interface consomme des données : comprendre le principe fondamental du binding et de la liaison de données.
- Connexion d'une source de données dans WeWeb : intégrer Supabase ou Airtable selon les besoins du groupe.
- Affichage dynamique : afficher une liste complète provenant d'une vraie base de données, pas de données en dur.
- Filtres, tris et pagination : manipuler les données côté interface pour améliorer l'expérience utilisateur.
- Atelier pratique : relier le projet fil rouge à une source de données, afficher des listes et des pages de détail dynamiques.
Jour 2 Deuxième demi-journée : interactivité, variables et événements
- La logique conditionnelle : maîtriser la structure si/alors/sinon appliquée aux interfaces pour du comportement intelligent.
- Les variables et les états : identifier ce qui change dans une application, pourquoi cela change, et comment le gérer efficacement.
- Les événements : exploiter les clics, les soumissions de formulaire et les chargements de page pour créer des interactions.
- Les formulaires : concevoir des formulaires avec saisie, validation et envoi des données vers une base de données.
- Atelier pratique : ajouter des interactions au projet fil rouge comme l'affichage/masquage conditionnel, la soumission de formulaire et la gestion des états de chargement.
Jour 3 - Matin (3h30) Authentification, navigation et accès
- L'authentification : comprendre comment fonctionne l'inscription, la connexion et la gestion des sessions utilisateur en réalité.
- La navigation multi-pages et les routes : maîtriser les URL, les paramètres et les liens entre pages pour une navigation fluide.
- Gestion des droits d'accès par page : distinguer les pages publiques des pages réservées aux utilisateurs authentifiés.
- Atelier pratique : ajouter un système complet de connexion au projet fil rouge et protéger certaines pages d'accès non autorisé.
Jour 3 - Après-midi (3h30) Publication, bonnes pratiques et conclusion
- Publication de l'application : configurer un domaine personnalisé et explorer les options d'hébergement pour mettre en ligne votre projet.
- Bonnes pratiques : organiser votre projet, suivre une convention de nommage claire et documenter les éléments clés pour la maintenance.
- Synthèse des concepts : construire une carte mentale collective de toutes les notions abordées pendant les 3 jours.
- Ce que WeWeb a permis d'apprendre : comprendre les ponts vers la suite, que ce soit le no-code avancé ou le développement traditionnel.
- Atelier final : chaque participant finalise et publie son application en ligne pendant la formation.
- Questions, bilan et ressources : échanges collectifs, validation des acquis et documentation pour poursuivre votre apprentissage.
Moyens
Alternance de courtes explications théoriques et de manipulation directe dans WeWeb (70% pratique, 30 % théorie).
Un support de cours est fourni (Notion ou PDF) avec glossaire des concepts clés. Les échanges et questions sont encouragés tout au long de la formation et un quiz de fin de formation permet de valider les acquis.
Prérequis
Aucun prérequis technique n’est nécessaire : la formation est accessible aux débutants complets. Savoir naviguer sur internet et utiliser un ordinateur suffit. Avoir créé un compte WeWeb gratuit avant le début de la formation (lien fourni à l’inscription). Disposer d’un ordinateur avec un navigateur récent (Chrome recommandé) et une connexion internet stable.
Public
Toute personne souhaitant comprendre comment fonctionne une application web, sans background technique requis. Elle est particulièrement adaptée aux porteurs de projet, chefs de produit, entrepreneurs et équipes métier qui collaborent avec des développeurs ou souhaitent se lancer dans le no-code de façon autonome et structurée.
Le mot du formateur
Vous voulez enfin comprendre comment fonctionne une application web, sans avoir à passer des mois à apprendre à coder ? Cette formation est l’opportunité que vous attendiez. De la logique client/serveur aux bases de données en passant par les API et l’authentification, vous allez démystifier tous les concepts que les développeurs utilisent au quotidien. Vous n’allez pas seulement construire une application dans WeWeb : vous allez apprendre à penser comme un développeur, poser les bonnes questions, collaborer efficacement avec des équipes techniques, et gagner une autonomie réelle sur vos projets digitaux. En 3 jours, vous repartez avec une application publiée en ligne et un vocabulaire solide pour ne plus jamais vous sentir dépassé face à un prestataire ou une équipe technique.
- call de cadrage avec le formateur avant la formation
- 2 exercices minimum par demi-journée
- apprenez aux côtés d’experts
- évaluation de la qualité après chaque formation
- formateurs sélectionnés pour leur pratique du terrain
- call de cadrage avec le formateur avant la formation
- 2 exercices minimum par demi-journée
- apprenez aux côtés d’experts
- évaluation de la qualité après chaque formation
- formateurs sélectionnés pour leur pratique du terrain
Questions fréquentes sur la formation WeWeb de Marc
Est-ce que je dois savoir coder pour suivre cette formation ?
Non, aucune connaissance en développement n’est requise. La formation est conçue pour des profils non-techniques et part de zéro, accessible aux débutants complets.
L'équipe alfie
Est-ce que je vais vraiment construire une application pendant la formation ?
Oui. Un projet fil rouge est construit de zéro sur les 3 jours et publié en ligne à la fin de la dernière demi-journée, de manière à repartir avec une vraie application fonctionnelle.
L'équipe alfie
Quelle est la différence entre cette formation et un tutoriel WeWeb en ligne ?
L’objectif n’est pas de former des utilisateurs WeWeb, mais de comprendre les concepts du web moderne à travers l’outil. Vous repartez avec des clés conceptuelles durables et transférables, pas juste une recette à reproduire.
L'équipe alfie
Est-ce que la formation est finançable par mon OPCO ?
La formation est dispensée via Alfie Formation. Rapprochez-vous de votre OPCO pour vérifier les conditions de prise en charge selon votre statut professionnel.
L'équipe alfie
Que se passe-t-il si je suis perdu pendant la formation ?
Le rythme est volontairement progressif et chaque notion est expliquée avec des analogies concrètes. Le formateur adapte le déroulé en fonction du niveau du groupe, et les ateliers pratiques permettent de consolider chaque concept avant de passer au suivant.
L'équipe alfie
Des questions ?
Appelez-nous :
02 55 99 46 86
Obtenir un devis
⚠️ Nos formations ne sont pas éligibles au CPF.
Brief complet, réponse rapide ! Pensez à inclure :
- qui doit être formé,
- quel niveau à l’apprenant sur le sujet,
- l’objectif de la formation,
- distanciel / présentiel (et le lieu).
On vous rappelle dans les 24h.
♿ Public en situation de handicap, nous écrire à bonjour@alfieformation.com