Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Créer un SaaS type No-Code avec JavaScript | Guide complet
Rating: 4.1 out of 5(8 ratings)
75 students

Créer un SaaS type No-Code avec JavaScript | Guide complet

Développez votre propre application web "SAAS" en JavaScript et créez un outil No-Code boosté à l'IA générative !
Created byAnthony Cardinale | C#, Unity, Blender, Unreal, IA
Last updated 3/2025
French

What you'll learn

  • Créer une application web type SaaS
  • Développer un outil "No-Code"
  • Coder un SAAS No Code en JS
  • Intégrer l'IA générative à une webapp
  • Développer une application web
  • Se perfectionner en JavaScript

Course content

2 sections • 21 lectures • 3h 28m total length

  • Présentation de l'outil NoCode que nous allons développer13:20
  • Mise en place de la structure du projet sous VS Code15:01
  • Préparation de la page principale de l'application11:43
  • Création des pages du menu et navigation entre les pages24:04
  • Création du contenu de la page d'accueil12:11
  • Affichage d'une modale afin de permettre la création d'un projet10:59
  • Fonction de création du projet et sauvegarde dans le localStorage8:36
  • Écriture du HTML des différentes pages de notre SAAS5:50
  • Code JavaScript principal de l'application et JS spécifique par page6:10
  • Gestion des projets et affichage de la liste des projets8:19
  • Création du HTML du builder (l'outil Drag & Drop de notre SaaS)10:28
  • Code JS du Builder partie 1/7 (Chargement des projets)12:45
  • Code JS du Builder partie 2/7 (Sauvegarde des projets)6:09
  • Code JS du Builder partie 3/7 (Système de Drag & Drop)11:07
  • Code JS du Builder partie 4/7 (Création et injection des composants UI)8:32
  • Code JS du Builder partie 5/7 (Mise à jour de l'UI et sauvegarde auto du projet)12:22
  • Code JS du Builder partie 6/7 (Gestion des clics et attacher des actions)6:28
  • Code JS du Builder partie 7/7 (Intégrer l'IA générative à l'application)11:33
  • Fonction d'export qui permet de générer le code du projet construit9:49
  • Conclusion et pistes d'améliorations3:18

Requirements

  • Avoir les bases en HTML
  • Avoir les bases en CSS
  • Avoir les bases en JavaScript
  • Avoir envie de coder en vanilla JS

Description

Plongez au cœur du développement web moderne avec cet atelier pratique et complet, conçu pour vous guider pas à pas dans la création de votre propre plateforme SaaS No-Code, enrichie par la puissance de l'intelligence artificielle.

Ce cours est une véritable immersion dans le développement d'applications web complexes, où vous apprendrez à construire un outil No-Code fonctionnel et professionnel, prêt à être déployé en production.

Nous allons développer notre Saas de A à Z en utilisant du vanilla JavaScript. Notre application permettra à des non codeurs de créer des projets sans code, c'est l'application qui génèrera automatiquement le code en respectant la structure du projet de l'utilisateur.

Ce que vous allez apprendre :

  • Conception et Structure :

    • Mise en place de la structure du projet avec VS Code.

    • Création de l'architecture complète de votre SaaS, des pages web à la navigation.

  • Fonctionnalités Clés :

    • Gestion des projets : création, visualisation, édition et suppression.

    • Développement d'un "Builder" intuitif avec Drag & Drop pour une création d'interface sans code.

    • Fonctionnalité d'exportation pour générer le code source des projets construits.

  • Intégration de l'IA :

    • Incorporation de l'intelligence artificielle générative pour enrichir l'expérience utilisateur.

  • Développement Pratique :

    • Codage JavaScript détaillé, du cœur de l'application aux fonctionnalités spécifiques de chaque page.

    • Manipulation du DOM, gestion des événements et sauvegarde des données avec le localStorage.

  • Expérience Utilisateur (UX) :

    • Création de modales interactives pour une expérience utilisateur fluide.

    • Gestion des projets et affichage de la liste des projets.

Points forts du cours :

  • Apprentissage par la pratique : Un projet concret et ambitieux pour maîtriser JavaScript.

  • Code source fourni : Téléchargez tout le code à chaque étape pour un apprentissage facilité.

  • Certificat de réussite : Valorisez vos nouvelles compétences avec une certification.

  • Idéal pour les développeurs JavaScript intermédiaires : Passez de la théorie à la pratique avec un projet moderne et utile.

À qui s'adresse ce cours ?

  • Développeurs JavaScript souhaitant se lancer dans des projets concrets.

  • Personnes intéressées par le développement d'outils No-Code et l'intégration de l'IA.

  • Tous ceux qui veulent créer une application web complexe et fonctionnelle.

Rejoignez moi et transformez votre vision en réalité !


Who this course is for:

  • Ceux qui veulent développer une plateforme SAAS
  • Ceux qui veulent créer leur propre outil NoCode

Report abuse