◎ Formation complète Django ◎
Cette formation Django commence par les fondations d'une page web (HTML, CSS, Bootstrap) et les bases de Python (variables, chaînes, listes, dictionnaires, tuples), pour aborder ensuite le framework Django avec les bons réflexes.
➲ Section 1 :
⁂ DJANGO - 1.1 Présentation du cours Django et des outils➔ Découvrez le parcours Django : HTML5, CSS3 et Python avant le framework, la base de données, l'hébergement et les logiciels à installer pour suivre.
⁂ DJANGO - 1.2 Installer VS Code, Python et Django➔ Installez Visual Studio Code, Python 3 et Django pour préparer votre environnement de développement web, étape par étape, sur Windows ou macOS.
➲ Section 2 :
⁂ DJANGO - 2.1 Introduction au HTML : balises et structure➔ Découvrez le HTML, langage de balisage qui structure une page web : la balise title pour l'onglet, et body pour le contenu lu par l'utilisateur.
⁂ DJANGO - 2.2 Les bases du HTML : balises, éléments et liens➔ Comprenez les bases du HTML : éléments et balises, paragraphes, images, structure d'une page avec head et body, titres, listes et liens.
⁂ DJANGO - 2.3 Titres, paragraphes et listes en HTML➔ Apprenez à écrire les titres de h1 à h6, les paragraphes avec la balise p, puis les listes ordonnées et non ordonnées dans une page HTML simple.
⁂ DJANGO - 2.4 La balise div pour structurer une page➔ Découvrez la balise div, un conteneur HTML sans valeur sémantique qui regroupe des éléments, clarifie la structure d'une page et permet de la styliser.
⁂ DJANGO - 2.5 Liens et images en HTML avec a et img➔ Apprenez à créer un lien avec la balise a, à afficher une image avec la balise img et à modifier la couleur de fond d'une page HTML, pas à pas.
⁂ DJANGO - 2.6 Créer des tableaux HTML avec table, tr, th et td➔ Apprenez à construire un tableau HTML avec les balises table, tr, th et td, à ajouter des lignes et des colonnes, et à afficher une bordure.
⁂ DJANGO - 2.7 Créer votre premier formulaire HTML➔ Apprenez à créer un formulaire HTML avec des champs texte et nombre, un label et un bouton d'envoi, puis à l'envoyer vers une autre page.
⁂ DJANGO - 2.8 Boutons radio, listes de choix et message➔ Ajoutez des boutons radio, une liste déroulante et un champ de message à un formulaire HTML, puis affichez une page de confirmation après l'envoi.
➲ Section 3 :
⁂ DJANGO - 3.1 Introduction au CSS : sélecteurs et déclarations➔ Découvrez le CSS pour débutants, son rôle dans la mise en forme des pages web, la structure d'une déclaration et les principaux types de sélecteurs CSS.
⁂ DJANGO - 3.2 CSS : premiers styles et couleurs de titres➔ Colorez des titres HTML avec le CSS : d'abord avec l'attribut style, puis avec un bloc style et un identifiant pour cibler un seul élément de la page.
⁂ DJANGO - 3.3 Attributs CSS courants : fond, couleur et bordure➔ Découvrez des attributs CSS courants : couleur de fond, couleur de texte et bordure, appliqués à la page, à un bloc div et à un élément span.
⁂ DJANGO - 3.4 Style du texte en CSS : police, taille et alignement➔ Apprenez à changer le style, la taille et l'alignement d'un texte avec CSS, puis à utiliser font-style, text-align et l'inclinaison d'un texte.
⁂ DJANGO - 3.5 Maîtrisez le modèle de boîte CSS (box model)➔ Comprenez le box model CSS : contenu, remplissage, bordure et marge. Apprenez à régler l'espace autour de chaque élément de vos pages HTML, pas à pas.
➲ Section 4 :
⁂ DJANGO - 4.1 Introduire Bootstrap dans une page HTML➔ Apprenez à intégrer Bootstrap dans une page HTML : feuille de style, script JavaScript et modèle de départ. Une base pour créer des sites réactifs.
⁂ DJANGO - 4.2 Boutons Bootstrap : couleurs, tailles et états➔ Installez Bootstrap avec son CSS et son JavaScript, puis créez des boutons colorés, des liens stylisés et des boutons désactivés en quelques lignes.
⁂ DJANGO - 4.3 Formulaires Bootstrap : champs, fichier et listes➔ Stylisez un formulaire avec Bootstrap : champs de saisie, zone de message, envoi de fichier et liste de pays, puis comprenez le rôle des variables CSS.
⁂ DJANGO - 4.4 Créer une barre de navigation Bootstrap (navbar)➔ Créez une barre de navigation Bootstrap avec logo, liens, recherche et menu déroulant, puis adaptez-la à votre site grâce aux classes utilitaires.
⁂ DJANGO - 4.5 Maîtriser la grille Bootstrap➔ Apprenez la grille Bootstrap : conteneurs, lignes, colonnes et points d'arrêt. Créez des mises en page réactives adaptées à tous les écrans.
➲ Section 5 :
⁂ DJANGO - 5.1 Variables Python : types et nommage➔ Découvrez les variables Python : les types int, float et str, les règles de nommage et la sensibilité à la casse, avec des exemples simples.
⁂ DJANGO - 5.2 Maîtriser les chaînes de caractères en Python➔ Apprenez à écrire des chaînes en Python, à changer la casse avec upper et capitalize, et à découper facilement un texte avec la méthode split.
⁂ DJANGO - 5.3 Créer et manipuler des listes en Python➔ Découvrez les listes en Python : valeurs entre crochets, indices qui commencent à zéro, ajout d'un élément et réunion de deux listes avec le signe plus.
⁂ DJANGO - 5.4 Les dictionnaires Python : clés et valeurs➔ Apprenez à créer un dictionnaire Python, à parcourir ses clés et ses valeurs, et à utiliser keys, values et items pour manipuler des données structurées.
⁂ DJANGO - 5.5 Maîtriser les tuples en Python➔ Découvrez les tuples en Python : une collection ordonnée et non modifiable, accessible par index, concaténable et utile pour parcourir un dictionnaire.
👍 Bon à savoir
Django suit le principe « batteries incluses » : ORM, administration, authentification et templates sont fournis. Comprendre HTML, CSS et Python avant d'écrire sa première vue évite la majorité des blocages des débutants.