SmarMaker - Documentation
Docs» 15_training:start

Formation SmartMaker

Formation complète pour développeurs PHP souhaitant maîtriser React et la stack SmartMaker.

Objectifs

Cette formation vous permettra de :

  • Comprendre les concepts fondamentaux de React
  • Maîtriser les hooks React (useState, useEffect, etc.)
  • Utiliser la bibliothèque SmartCommon
  • Créer des applications mobiles PWA connectées à Dolibarr
  • Développer des API avec le routeur SmartMaker

Prérequis

  • Expérience solide en PHP
  • Connaissances de base en HTML/CSS
  • Familiarité avec Dolibarr (module development)

Modules

Partie 1 : Fondamentaux

Module Titre Description
1 JavaScript ES6+ Prérequis JavaScript moderne
2 Introduction à React Composants, JSX, props
3 Hooks React Fondamentaux useState, useEffect, useRef, useContext
4 React Avancé useCallback, useMemo, custom hooks, Redux

Partie 2 : SmartMaker

Module Titre Description
5 Architecture SmartMaker Vue d'ensemble de la stack
6 SmartCommon - Composants Bibliothèque de composants
7 SmartCommon - Hooks useApi, useStates, useGlobalStates
8 Backend API Routeur et contrôleurs PHP

Partie 3 : Intégration

Module Titre Description
9 Intégration Frontend-Backend Flux complet, mapping
10 Fonctionnalités Avancées Offline, animations, i18n
11 Bonnes Pratiques Pièges, patterns, debugging

Comment suivre cette formation

  1. Suivez les modules dans l'ordre - Chaque module s'appuie sur les précédents
  2. Pratiquez - Chaque chapitre contient des exercices
  3. Référez-vous à la documentation - SmartCommon et React docs sont vos amis
  4. Expérimentez - Créez un projet test avec SmartBoot

Ressources complémentaires

  • Documentation SmartCommon
  • Documentation SmartAuth
  • Documentation React (officielle)
  • Documentation Redux Toolkit

Aller plus loin

Pour aller plus loin (et plus vite) dans votre apprentissage de SmartMaker nous vous invitons à suivre le cursus de formation proposé par CAP-REL.

Soutien R&D

Vous pouvez également soutenir financièrement la R&D du projet en suivant ce lien : Projet SmartMaker

Previous Next

Made with ❤ by CAP-REL · SmartMaker · GNU AGPL v3+
Code source · Faire un don
SmarMaker - Documentation
Traductions de cette page:
  • Français
  • Deutsch
  • English
  • Español
  • Italiano
  • Nederlands

Table of Contents

Table des matières

  • Formation SmartMaker
    • Objectifs
    • Prérequis
    • Modules
      • Partie 1 : Fondamentaux
      • Partie 2 : SmartMaker
      • Partie 3 : Intégration
    • Comment suivre cette formation
    • Ressources complémentaires
    • Aller plus loin
      • Soutien R&D
  • SmartAuth
  • SmartMaker - Back (PHP)
    • Mapping Dolibarr - React
  • SmartMaker - Front (React)
    • Animations de pages
    • Architecture
    • Astuces
    • Calendar
    • Composants et pages
    • Configuration du Provider
    • Debug et Logs
    • Hooks SmartCommon
    • PWA (Progressive Web App)
    • Requêtes API
    • Routage
    • SmartCommon
    • Stockage de données
    • Thèmes
    • Traductions
  • HowTo - Pas à pas - Votre première application
    • Développement PHP (back)
    • Développement React (front)
    • Première étape : Module Builder Dolibarr
    • SmartAuth
    • SmartBoot : Un "squelette" quasiment prêt à l'emploi
  • Formation SmartMaker
    • Module 1 : Fondamentaux JavaScript ES6+
      • Chapitre 1 : Variables et Scope
      • Chapitre 2 : Fonctions
      • Chapitre 3 : Programmation Asynchrone
      • Chapitre 4 : Modules ES6
    • Module 2 : Introduction à React
      • Chapitre 1 : Philosophie React
      • Chapitre 2 : JSX
      • Chapitre 3 : Composants
    • Module 3 : Hooks React Fondamentaux
      • Chapitre 1 : useState
      • Chapitre 2 : useEffect
      • Chapitre 3 : useRef
      • Chapitre 4 : useContext
    • Module 4 : React Avancé
      • Chapitre 1 : useCallback et useMemo
      • Chapitre 2 : Custom Hooks
      • Chapitre 3 : Redux et Redux Toolkit
    • Module 5 : Architecture SmartMaker
      • Chapitre 1 : Structure du projet
      • Chapitre 2 : Configuration
      • Chapitre 3 : Flux de données
    • Module 6 : SmartCommon - Composants
      • Chapitre 1 : Mise en page
      • Chapitre 2 : Navigation
      • Chapitre 3 : Formulaires
      • Chapitre 4 : Affichage
    • Module 7 : SmartCommon - Hooks
      • Chapitre 1 : useApi
      • Chapitre 2 : Gestion d'état
      • Chapitre 3 : Hooks utilitaires
    • Module 8 : Backend API (PHP)
      • Chapitre 1 : Routage
      • Chapitre 2 : Controllers
      • Chapitre 3 : Mappers
      • Extrafields et formulaires dynamiques
    • Module 9 : Intégration complète
      • Chapitre 1 : Backend
      • Chapitre 2 : Frontend
      • Chapitre 3 : Déploiement
    • Module 10 : Fonctionnalités avancées
      • Chapitre 1 : Mode offline
      • Chapitre 2 : Internationalisation (i18n)
      • Chapitre 3 : Autres fonctionnalités
    • Module 11 : Bonnes pratiques
  • Démonstration
  • Start
  • Composants et pages
  • Afficher le texte source
  • Anciennes révisions
  • Liens de retour
  • Haut de page