facebook
favorite button
super instructor icon
Professeur fiable
Ce professeur a un délai et un taux de réponse très élevé, démontrant un service de qualité et sa fidélité envers ses élèves.
member since icon
Depuis avril 2021
Professeur depuis avril 2021
Devenez un Développeur Full Stack : Maîtrisez HTML, CSS, JavaScript, React, Node.js, MongoDB et Plus !
course price icon
Àpd 20.64 £ /h
arrow icon
Vous voulez devenir un développeur full stack confirmé ? J'ai ce qu'il vous faut pour maitriser le MERN stack qui est l'un des stacks les plus demandés auprès des offres d'emplois ou de freelances, et surtout le plus amusant à apprendre !
On va créer ensemble des projets pratiques en utilisant différents frameworks et technologies du web :
- Front end : HTML / CSS / Tailwind CSS / Javascript / React js
- Back end : Node js / Express js / Firebase / MongoDB
- Modélisation et conception : Merise / UML
- Outils de gestion de versions : Git
- Bonus : Outils et astuces de productivité sur VSCode
Informations supplémentaires
Une bonne connexion internet et un éditeur de texte (vscode), c'est tout ce qui faut pour pouvoir commencer !
Lieu
location type icon
En ligne depuis le Maroc
Présentation
Oussama, diplômé d'un Bachelor en systèmes d'informations et génie logiciel, je suis enthousiaste des technologies Javascript.
J'aime beaucoup aider les gens à surmonter leurs difficultés en informatique.
Au début j'avais l'habitude d'aider mes collègues qui ont apprécié ma façon d'expliquer qui ont trouvé amusante et efficace, et ensuite j'ai commencé à donner des cours de soutien en programmation et en développement web, ce qui m'a aidé à développer des techniques pédagogiques et avoir la capacité de simplifier les concepts les plus complexes en donnant des exemples clairs et pertinents.
Education
Bachelor - Systèmes d'informations et génie logiciel - Faculté des sciences Dhar El Mahraz
BTS - Développement des systèmes d'information - BTS Settat
BAC - Sciences et techniques électrique - Lycée technique Al Khawarizmi
Expérience / Qualifications
Développeur full stack (React js, Node js, Vue js, Laravel) et python (programmation de scripts d'automatisation) en plein temps.
Enseigneur en informatique.
Age
Enfants (7-12 ans)
Adolescents (13-17 ans)
Adultes (18-64 ans)
Seniors (65+ ans)
Niveau du Cours
Débutant
Intermédiaire
Avancé
Durée
60 minutes
Enseigné en
français
anglais
arabe
Commentaires
Disponibilité semaine type
(GMT -05:00)
New York
at teacher icon
Cours par webcam
Mon
Tue
Wed
Thu
Fri
Sat
Sun
00-04
04-08
08-12
12-16
16-20
20-24
Vous souhaitez comprendre les bases essentielles de l'informatique et améliorer vos compétences en résolution de problèmes ? Ce cours est fait pour vous ! Nous allons explorer ensemble les algorithmes et les structures de données, qui sont au cœur du développement logiciel performant, tout en les mettant en pratique avec le langage Python.

Voici ce que vous apprendrez :

Introduction aux algorithmes : Comprendre les concepts de base comme les conditions, les boucles, les fonctions, la récursivité, la complexité temporelle et spatiale et bien plus..
Structures de données classiques : Tableaux, listes chaînées, piles, files d'attente, arbres, graphes, etc.
Algorithmes de tri et de recherche : Tri rapide, tri par insertion, recherche binaire, etc.
Projets pratiques : Résoudre des problèmes réels pour bien ancrer les concepts.
Bonus : Outils et astuces de productivité sur VSCode
Lire la suite
Cours Similaires
arrow icon previousarrow icon next
verified badge
Oussama
Apprenez à construire des applications web prêtes pour la production avec un ingénieur professionnel ayant 3+ ans d'expérience livrant de vrais projets clients.

Ce Que Vous Allez Maîtriser :
Frontend: React, Next.js, TypeScript, design responsive, gestion d'état
Backend: Node.js, NestJS, API REST, authentification (JWT, OAuth), bonnes pratiques de sécurité
Bases de données: PostgreSQL, MongoDB - conception de schéma, requêtes, optimisation
DevOps: Déploiement sur AWS (EC2, RDS, S3), Docker, CI/CD avec GitHub Actions
Intégrations: Paiements Stripe, automatisation d'emails, upload de fichiers

Ce Qui Rend Ce Cours Différent :
Travaillez sur VOTRE projet (PFE, portfolio, MVP startup) - pas des tutoriels génériques
Apprenez le debugging de production - comment corriger de vraies erreurs, pas juste écrire du code
Déployez votre app EN LIGNE avec CI/CD et monitoring appropriés
Repo GitHub prêt à montrer aux recruteurs avec historique de commits professionnel

Parfait Pour :
Étudiants: Livrez votre projet avec des standards professionnels (authentification, déploiement, documentation)
Reconversion: Construisez 2-3 projets portfolio qui vous font embaucher
Développeurs Junior: Apprenez ce dont les entreprises ont vraiment besoin (debugging, tests, automatisation du déploiement)

Ce Que Vous Allez Construire :
Application full-stack déployée sur AWS
Système d'authentification utilisateur (login, OAuth, reset password)
Tableau de bord admin avec données en temps réel
Intégration de paiement avec Stripe
Complet avec pipeline CI/CD et monitoring

Bonus : Je révise votre CV et vous aide à vous positionner pour des postes de développeur remote.
verified badge
Raouf
Objectif : Comprendre l'IA sans peur, l'utiliser pour simplifier sa vie et savoir identifier les pièges numériques.

1 : Démystifier l'IA (C'est quoi exactement ?)
L’IA n’est pas un robot de film : Différence entre la fiction et la réalité.

Comment ça marche (simplement) : L'image de la "bibliothèque géante" : l'IA a lu des milliards de livres et s'en sert pour prédire la suite d'une phrase ou créer une image.

Où est-elle déjà présente ? Les correcteurs d'orthographe, les suggestions Netflix/YouTube, le GPS, et les assistants vocaux (Siri/Alexa).

2 : Utiliser l'IA pour se faciliter la vie
Converser avec l'IA (ChatGPT, Claude, Gemini) :

Lui demander de rédiger un mail administratif ou une lettre complexe.

Résumer un long article de presse ou un document.

Planifier un itinéraire de voyage ou trouver des idées de recettes avec ce qu'il reste dans le frigo.

L'IA pour la créativité et la mémoire :

Générer des images pour illustrer une carte d'anniversaire (Midjourney, DALL-E).

Utiliser l'IA pour restaurer ou coloriser de vieilles photos de famille.

3 : Apprendre à "parler" à l'IA (L'art du Prompt)
La méthode du contexte : Pourquoi "Donne-moi une recette de gâteau" est moins efficace que "Je suis allergique au gluten et je reçois 4 personnes, donne-moi une recette de gâteau au chocolat simple".

Le rôle de l'expert : Apprendre à dire à l'IA "Agis comme un guide de voyage" ou "Agis comme un jardinier expert".

4 : Précautions et Esprit Critique (Le guide de survie)
Les "Hallucinations" : Comprendre que l'IA peut affirmer des choses fausses avec une assurance totale (ne jamais prendre un conseil médical ou juridique de l'IA sans vérification).

La protection de la vie privée :

Ne jamais donner de données sensibles (numéro de sécurité sociale, mots de passe, détails bancaires) à une IA.

Savoir que tout ce qu'on écrit à l'IA sert potentiellement à l'entraîner.

Repérer les "Deepfakes" :

Comment reconnaître une image ou une vidéo truquée (détails sur les mains, reflets bizarres, voix légèrement métallique).

Vérifier l'information : la règle d'or du croisement des sources.

5 : Éthique et Impacts (Pour aller plus loin)
Le droit d'auteur : À qui appartient une image créée par l'IA ?

L'impact écologique : La consommation d'eau et d'énergie des serveurs de l'IA.

L'avenir : Est-ce que l'IA va nous remplacer ou nous assister ?
verified badge
Farouk
Ce module est une étape cruciale pour tout développeur web souhaitant passer de la manipulation simple du DOM à la maîtrise des frameworks modernes. L'objectif est clair : comprendre les "fondations invisibles" du langage pour écrire un code plus court, plus lisible et surtout, être prêt à coder sur React de manière professionnelle.

🎯 Objectifs de formation

1- Démystifier la syntaxe moderne (ES6+) souvent utilisée dans React.
2- Gagner en efficacité en utilisant les raccourcis syntaxiques les plus puissants.
3- Sécuriser son code pour éviter les bugs fréquents liés aux données manquantes.
4- Maîtriser l'asynchronisme pour gérer les appels de données (API).

📖 Contenu détaillé du programme

Le cours est découpé en 13 notions clés, illustrées par des exemples comparatifs (syntaxe classique vs syntaxe moderne) et des cas d'usage concrets dans React :

1- Confort d'écriture : Utilisation des Template Literals (`backticks`) pour des chaînes de caractères dynamiques et des Shorthand property names pour simplifier la création d'objets.

2- Logique et Fonctions : Maîtrise des Arrow => Functions (fonctions fléchées) et de leur retour implicite, indispensable pour les composants et les hooks React.

Manipulation de données :

1- Destructuring (décomposition) pour extraire proprement les données des objets et tableaux (ex: Props et States).

2- Rest & Spread Operators (...) pour copier des tableaux ou fusionner des objets sans modifier l'original (concept d'immuabilité).

Robustesse du code :

1- Gestion des valeurs par défaut des paramètres.

2- Sécurité avancée avec l'Optional Chaining (?.) et le Nullish Coalescing (??) pour éviter les plantages d'application.

3- Programmation Fonctionnelle : Utilisation intensive des méthodes de tableaux (.map(), .filter(), .reduce(), .find()) pour transformer des données en interfaces utilisateur.

4- Architecture et Asynchronisme : Organisation du code via les modules (Import/Export) et gestion des requêtes API avec les Promises et Async/Await.

🛠️ Méthode pédagogique : "Apprendre par la pratique"

Ce cours ne se contente pas de théorie. Il inclut :

L'Exercice "Interstellar Dashboard" : Un cas pratique thématique de 15 minutes où l'étudiant doit manipuler des données de missions spatiales. Cela permet d'appliquer immédiatement le destructuring, le filtrage et l'asynchronisme sur un projet concret.

Le Quiz Interactif : Une série de 10 questions conçues pour valider la compréhension de chaque concept avant de passer à la suite. Chaque question propose des scénarios réels que le développeur rencontrera dans React.

🚀 Résultat pour l'apprenant

À la fin de ce cours, l'étudiant ne se contente pas de "connaître" le JavaScript ; il sait pourquoi et comment chaque syntaxe est utilisée pour construire des composants React performants. Il repart avec une base solide pour aborder les Hooks (useState, useEffect) et la gestion d'état complexe avec confiance.

Format : Présentation visuelle épurée, syntaxe colorée pour le code, et focus sur la lisibilité.
verified badge
Laroussi
Séance 1 : Révolutionner sa Rédaction Scientifique avec LaTeX & l'IA
Durée : 2 Heures | Niveau : Débutant | Outils : Overleaf + IA**

Première Heure : Fondations et Environnement Cloud (60 min)

1. Introduction à la Philosophie LaTeX (15 min)

- Le concept "WYSIWYM" :** Expliquer la différence entre Word (*What You See Is What You Get*) et LaTeX (*What You See Is What You Mean*). Pourquoi le contenu prime sur la forme.
- Les avantages clés :** Qualité typographique inégalée, gestion automatique des références, stabilité sur les documents longs (thèses), et gratuité.
- La structure d'un fichier :** Distinction entre le **préambule** (le cerveau : réglages et packages) et le **corps du document** (le cœur : texte).

2. Immersion dans Overleaf (25 min)

- Configuration :** Création d'un compte et premier projet "Blank Project".
- Exploration de l'interface :** Le panneau de fichiers (gauche), l'éditeur de code (milieu) et la prévisualisation PDF (droite).
- Collaboration en temps réel :** Comment partager un projet et laisser des commentaires (comme sur Google Docs).
- L'historique et les versions :** Comment revenir en arrière en cas d'erreur de compilation.

3. Atelier Pratique : Mon Premier Document (20 min)

* Écriture des commandes de base : `\documentclass`, `\usepackage[french]{babel}`, `\title`, `\author`.
* Compilation du document et observation du résultat.
* Structuration : Utilisation de `\section` et `\subsection`.

Seconde Heure : Mathématiques et Magie de l'IA (60 min)

4. La puissance des Mathématiques (20 min)

- Modes mathématiques :** Différence entre le texte (`$...$`) et le bloc centré (`\[...\]`).
- Syntaxe essentielle :** Fractions `\frac{}{}`, exposants `^`, indices `_`, et racines `\sqrt{}`.
- Introduction aux packages AMS : Pourquoi amsmath et amssymb sont indispensables pour un rendu professionnel.

5. De la main à l'écran : L'IA au service du LaTeX (30 min)

- Présentation des outils d'OCR :** Utilisation de **Mathpix Snip** (le leader) ou de modèles comme Gemini/ChatGPT pour transformer une photo en code.
- Démonstration concrète :
1. Prendre une photo d'une formule manuscrite complexe (ex: une intégrale avec des matrices).
2. Utiliser l'IA pour générer le code LaTeX correspondant.
3. Correction et insertion : Apprendre à vérifier le code généré par l'IA avant de le copier-coller dans Overleaf.

6. Conclusion et Q&A (10 min)

* Synthèse des acquis.
* Ressources pour aller plus loin
* Définition de l'exercice pour la prichaine séance.
message icon
Contacter Oussama
repeat students icon
Le premier cours est couvert par notre Garantie Le-Bon-Prof
Cours Similaires
arrow icon previousarrow icon next
verified badge
Oussama
Apprenez à construire des applications web prêtes pour la production avec un ingénieur professionnel ayant 3+ ans d'expérience livrant de vrais projets clients.

Ce Que Vous Allez Maîtriser :
Frontend: React, Next.js, TypeScript, design responsive, gestion d'état
Backend: Node.js, NestJS, API REST, authentification (JWT, OAuth), bonnes pratiques de sécurité
Bases de données: PostgreSQL, MongoDB - conception de schéma, requêtes, optimisation
DevOps: Déploiement sur AWS (EC2, RDS, S3), Docker, CI/CD avec GitHub Actions
Intégrations: Paiements Stripe, automatisation d'emails, upload de fichiers

Ce Qui Rend Ce Cours Différent :
Travaillez sur VOTRE projet (PFE, portfolio, MVP startup) - pas des tutoriels génériques
Apprenez le debugging de production - comment corriger de vraies erreurs, pas juste écrire du code
Déployez votre app EN LIGNE avec CI/CD et monitoring appropriés
Repo GitHub prêt à montrer aux recruteurs avec historique de commits professionnel

Parfait Pour :
Étudiants: Livrez votre projet avec des standards professionnels (authentification, déploiement, documentation)
Reconversion: Construisez 2-3 projets portfolio qui vous font embaucher
Développeurs Junior: Apprenez ce dont les entreprises ont vraiment besoin (debugging, tests, automatisation du déploiement)

Ce Que Vous Allez Construire :
Application full-stack déployée sur AWS
Système d'authentification utilisateur (login, OAuth, reset password)
Tableau de bord admin avec données en temps réel
Intégration de paiement avec Stripe
Complet avec pipeline CI/CD et monitoring

Bonus : Je révise votre CV et vous aide à vous positionner pour des postes de développeur remote.
verified badge
Raouf
Objectif : Comprendre l'IA sans peur, l'utiliser pour simplifier sa vie et savoir identifier les pièges numériques.

1 : Démystifier l'IA (C'est quoi exactement ?)
L’IA n’est pas un robot de film : Différence entre la fiction et la réalité.

Comment ça marche (simplement) : L'image de la "bibliothèque géante" : l'IA a lu des milliards de livres et s'en sert pour prédire la suite d'une phrase ou créer une image.

Où est-elle déjà présente ? Les correcteurs d'orthographe, les suggestions Netflix/YouTube, le GPS, et les assistants vocaux (Siri/Alexa).

2 : Utiliser l'IA pour se faciliter la vie
Converser avec l'IA (ChatGPT, Claude, Gemini) :

Lui demander de rédiger un mail administratif ou une lettre complexe.

Résumer un long article de presse ou un document.

Planifier un itinéraire de voyage ou trouver des idées de recettes avec ce qu'il reste dans le frigo.

L'IA pour la créativité et la mémoire :

Générer des images pour illustrer une carte d'anniversaire (Midjourney, DALL-E).

Utiliser l'IA pour restaurer ou coloriser de vieilles photos de famille.

3 : Apprendre à "parler" à l'IA (L'art du Prompt)
La méthode du contexte : Pourquoi "Donne-moi une recette de gâteau" est moins efficace que "Je suis allergique au gluten et je reçois 4 personnes, donne-moi une recette de gâteau au chocolat simple".

Le rôle de l'expert : Apprendre à dire à l'IA "Agis comme un guide de voyage" ou "Agis comme un jardinier expert".

4 : Précautions et Esprit Critique (Le guide de survie)
Les "Hallucinations" : Comprendre que l'IA peut affirmer des choses fausses avec une assurance totale (ne jamais prendre un conseil médical ou juridique de l'IA sans vérification).

La protection de la vie privée :

Ne jamais donner de données sensibles (numéro de sécurité sociale, mots de passe, détails bancaires) à une IA.

Savoir que tout ce qu'on écrit à l'IA sert potentiellement à l'entraîner.

Repérer les "Deepfakes" :

Comment reconnaître une image ou une vidéo truquée (détails sur les mains, reflets bizarres, voix légèrement métallique).

Vérifier l'information : la règle d'or du croisement des sources.

5 : Éthique et Impacts (Pour aller plus loin)
Le droit d'auteur : À qui appartient une image créée par l'IA ?

L'impact écologique : La consommation d'eau et d'énergie des serveurs de l'IA.

L'avenir : Est-ce que l'IA va nous remplacer ou nous assister ?
verified badge
Farouk
Ce module est une étape cruciale pour tout développeur web souhaitant passer de la manipulation simple du DOM à la maîtrise des frameworks modernes. L'objectif est clair : comprendre les "fondations invisibles" du langage pour écrire un code plus court, plus lisible et surtout, être prêt à coder sur React de manière professionnelle.

🎯 Objectifs de formation

1- Démystifier la syntaxe moderne (ES6+) souvent utilisée dans React.
2- Gagner en efficacité en utilisant les raccourcis syntaxiques les plus puissants.
3- Sécuriser son code pour éviter les bugs fréquents liés aux données manquantes.
4- Maîtriser l'asynchronisme pour gérer les appels de données (API).

📖 Contenu détaillé du programme

Le cours est découpé en 13 notions clés, illustrées par des exemples comparatifs (syntaxe classique vs syntaxe moderne) et des cas d'usage concrets dans React :

1- Confort d'écriture : Utilisation des Template Literals (`backticks`) pour des chaînes de caractères dynamiques et des Shorthand property names pour simplifier la création d'objets.

2- Logique et Fonctions : Maîtrise des Arrow => Functions (fonctions fléchées) et de leur retour implicite, indispensable pour les composants et les hooks React.

Manipulation de données :

1- Destructuring (décomposition) pour extraire proprement les données des objets et tableaux (ex: Props et States).

2- Rest & Spread Operators (...) pour copier des tableaux ou fusionner des objets sans modifier l'original (concept d'immuabilité).

Robustesse du code :

1- Gestion des valeurs par défaut des paramètres.

2- Sécurité avancée avec l'Optional Chaining (?.) et le Nullish Coalescing (??) pour éviter les plantages d'application.

3- Programmation Fonctionnelle : Utilisation intensive des méthodes de tableaux (.map(), .filter(), .reduce(), .find()) pour transformer des données en interfaces utilisateur.

4- Architecture et Asynchronisme : Organisation du code via les modules (Import/Export) et gestion des requêtes API avec les Promises et Async/Await.

🛠️ Méthode pédagogique : "Apprendre par la pratique"

Ce cours ne se contente pas de théorie. Il inclut :

L'Exercice "Interstellar Dashboard" : Un cas pratique thématique de 15 minutes où l'étudiant doit manipuler des données de missions spatiales. Cela permet d'appliquer immédiatement le destructuring, le filtrage et l'asynchronisme sur un projet concret.

Le Quiz Interactif : Une série de 10 questions conçues pour valider la compréhension de chaque concept avant de passer à la suite. Chaque question propose des scénarios réels que le développeur rencontrera dans React.

🚀 Résultat pour l'apprenant

À la fin de ce cours, l'étudiant ne se contente pas de "connaître" le JavaScript ; il sait pourquoi et comment chaque syntaxe est utilisée pour construire des composants React performants. Il repart avec une base solide pour aborder les Hooks (useState, useEffect) et la gestion d'état complexe avec confiance.

Format : Présentation visuelle épurée, syntaxe colorée pour le code, et focus sur la lisibilité.
verified badge
Laroussi
Séance 1 : Révolutionner sa Rédaction Scientifique avec LaTeX & l'IA
Durée : 2 Heures | Niveau : Débutant | Outils : Overleaf + IA**

Première Heure : Fondations et Environnement Cloud (60 min)

1. Introduction à la Philosophie LaTeX (15 min)

- Le concept "WYSIWYM" :** Expliquer la différence entre Word (*What You See Is What You Get*) et LaTeX (*What You See Is What You Mean*). Pourquoi le contenu prime sur la forme.
- Les avantages clés :** Qualité typographique inégalée, gestion automatique des références, stabilité sur les documents longs (thèses), et gratuité.
- La structure d'un fichier :** Distinction entre le **préambule** (le cerveau : réglages et packages) et le **corps du document** (le cœur : texte).

2. Immersion dans Overleaf (25 min)

- Configuration :** Création d'un compte et premier projet "Blank Project".
- Exploration de l'interface :** Le panneau de fichiers (gauche), l'éditeur de code (milieu) et la prévisualisation PDF (droite).
- Collaboration en temps réel :** Comment partager un projet et laisser des commentaires (comme sur Google Docs).
- L'historique et les versions :** Comment revenir en arrière en cas d'erreur de compilation.

3. Atelier Pratique : Mon Premier Document (20 min)

* Écriture des commandes de base : `\documentclass`, `\usepackage[french]{babel}`, `\title`, `\author`.
* Compilation du document et observation du résultat.
* Structuration : Utilisation de `\section` et `\subsection`.

Seconde Heure : Mathématiques et Magie de l'IA (60 min)

4. La puissance des Mathématiques (20 min)

- Modes mathématiques :** Différence entre le texte (`$...$`) et le bloc centré (`\[...\]`).
- Syntaxe essentielle :** Fractions `\frac{}{}`, exposants `^`, indices `_`, et racines `\sqrt{}`.
- Introduction aux packages AMS : Pourquoi amsmath et amssymb sont indispensables pour un rendu professionnel.

5. De la main à l'écran : L'IA au service du LaTeX (30 min)

- Présentation des outils d'OCR :** Utilisation de **Mathpix Snip** (le leader) ou de modèles comme Gemini/ChatGPT pour transformer une photo en code.
- Démonstration concrète :
1. Prendre une photo d'une formule manuscrite complexe (ex: une intégrale avec des matrices).
2. Utiliser l'IA pour générer le code LaTeX correspondant.
3. Correction et insertion : Apprendre à vérifier le code généré par l'IA avant de le copier-coller dans Overleaf.

6. Conclusion et Q&A (10 min)

* Synthèse des acquis.
* Ressources pour aller plus loin
* Définition de l'exercice pour la prichaine séance.
Garantie Le-Bon-Prof
favorite button
message icon
Contacter Oussama