Playgroup

Tu as l'impression qu'il faut un ordinateur surpuissant pour coder ? Détrompe-toi ! La vérité, c'est que tu peux commencer à construire des projets passionnants avec le matériel que tu as déjà. Ce guide est conçu pour te montrer le chemin, que tu sois sur un PC ou un smartphone. Prépare-toi à créer ton tout premier programme.

Langages

Dans ce cours nous allons ensemble apprendre :

  • Python avec ses Frameworks Django et Flask
  • HTML et CSS

C'est quoi tout ça ? 🤔

Python est un langage pour "parler" à l’ordinateur. Un peu comme quand tu donnes une recette de cuisine à quelqu’un, sauf qu’ici, c’est l’ordinateur qui suit la recette. Avec Python, tu peux créer des sites, faire des calculs, analyser des données, créer des jeux ou même programmer des robots. Il est connu pour être simple à apprendre, même si tu n’as jamais codé.

Logo Python
# Exemple Python
print("Bonjour Python !")  # L’ordi affiche ce message à l’écran

Django (Python), c’est comme une grosse boîte à outils construite avec Python. Elle sert à fabriquer des sites web complets rapidement, sans tout réinventer. Dedans, tu as déjà plein de choses prêtes à l’emploi : gérer les comptes utilisateurs, sécuriser ton site, avoir une page d’administration, etc.

# Exemple Django (views.py)
from django.http import HttpResponse

def accueil(request):
    return HttpResponse("Bienvenue sur mon site Django !")

Flask (Python), c’est une boîte à outils plus petite que Django. Elle contient juste le minimum pour démarrer ton site, et c’est toi qui choisis quoi ajouter ensuite. C’est parfait si tu veux apprendre en construisant petit à petit.

# Exemple Flask (app.py)
from flask import Flask
app = Flask(__name__)

@app.route("/")
def home():
    return "Hello Flask !"

app.run(debug=True)

HTML, c’est le squelette d’une page web. Il sert à organiser le contenu : titres, paragraphes, images, boutons, etc.

Logo HTML
<h1>Mon titre</h1>
<p>Ceci est un paragraphe.</p>

CSS, c’est la décoration de ta page web. Il choisit les couleurs, les polices d’écriture, la taille du texte et même la position des éléments.

Logo CSS
h1 {
  color: blue;        /* Le titre sera en bleu */
  text-align: center; /* Le titre sera centré */
}
p {
  font-size: 18px;    /* Le texte sera un peu plus grand */
}

JavaScript, c’est ce qui rend une page vivante. Grâce à lui, tu peux changer le texte, faire apparaître ou disparaître des choses, ou réagir quand on clique sur un bouton.

Logo JavaScript
// Exemple JavaScript
function changerTexte() {
  document.getElementById("demo").innerHTML = "Texte modifié par JavaScript !";
}
<button onclick="changerTexte()">Clique-moi</button>
<p id="demo">Texte initial</p>

Pourquoi apprendre si ChatGpt peu coder pour moi ? 🤔

L’objectif de ce cours n’est pas de tout maîtriser d’un coup, mais d’acquérir une base solide afin de créer de grands projets où l’IA sera une alliée précieuse.

À un moment donné, nous verrons comment utiliser l’IA pour devenir plus efficace et plus rapide en développement. D’ailleurs, ce site lui-même a été conçu avec l'assistance de l'IA. Ce qui compte, c’est de saisir la logique qui se cache derrière chaque ligne de code ainsi vous arriverez à construire des projets énormes.

Partie 1 — Les bases de la programmation

Dans cette première partie, nous allons explorer les fondations : comprendre la logique, manipuler les variables, les conditions, les boucles et les fonctions. C’est à partir de là que vous pourrez construire des projets concrets.

Avant tout

Ce dont on a besoin

  • Un PC (Windows, macOS ou Linux) ou un smartphone (Android ou iOS).
  • Un accès internet pour télécharger les installateurs.
  • Un éditeur de code (VS Code recommandé pour PC, ou un éditeur de texte simple sur smartphone).
  • Un terminal : Git Bash pour PC, ou Termux pour Android.
  • Un peu de courage 💪 et surtout beaucoup de patience 😁
Écrivez à l'administrateur sur WhatsApp , Envoyer une photo et votre pseudo (Ex: Salva ou Salva2 )pour vous ajouter à la liste des participants du challenge et gagnez des pts
J'espère avoir été clair, on se retrouve on premier module dans l'onglet apprendre