- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
- Formations
- conversion_path Parcours & Formations
- science Projets
- data_object Exercices de code
- psychology Exercices IA
- quiz Quiz
- Articles
- rss_feed Blog
- sort_by_alpha Glossaire
- menu_book Guides
- help_center FAQ
- media_link Ressources
- Communauté
- groups La communauté
- forum Questions
- live_tv Mentorats
- science Projets mensuels
Deviens membre Premium magic_button
Débloque cette session en devenant Membre Premium 🚀
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compte person00:00:00 :Comme on va passer pas mal de temps à modifier notre fichier de style, donc le fichier style.css,on n'a pas envie à chaque fois de devoir aller rafraîchir ici notre navigateur. Heureusement,
00:00:10 :il existe différentes solutions qui nous permettent de recharger automatiquement leschangements. Comme ça, on va pouvoir modifier notre fichier ici css et avoir les changements
00:00:20 :automatiquement rechargés dans notre navigateur. Dans un terminal, je vais ouvrir le terminal ici,je vais installer à l'intérieur de mon environnement virtuel une application Djangoqui s'appelle Django Live Reload Server. Donc je fais pip install django-livereload-server.
00:00:36 :Je valide avec entrée, j'attends que l'installation se termine et ensuite on va aller dans notre fichiersettings.py, ajouter notre application, donc l'application Live Reload. Il faut l'ajouter
00:00:47 :avant l'application Static Files, donc avant cette application ici. Donc on va rajouter une ligne etici on va mettre l'application Live Reload. Et on n'oublie pas la virgule A à la fin. Et on va
00:00:57 :également rajouter un middleware. Donc un middleware c'est en fait tout simplement quelquechose qui va être entre la requête et la réponse. Donc là on voit qu'on en a plusieurs qui sont
00:01:08 :déjà dans notre fichier de settings et on va en rajouter un à la suite. Donc après le derniermiddleware, on va ajouter ce middleware ici. Donc live-reload.middleware.live-reload-script.
00:01:19 :Donc avec une majuscule sur le L, sur le R et sur le S. Donc live-reload middleware live-reloadscript. Une fois qu'on a fait ça, on va devoir lancer le serveur Live Reload et notre serveur
00:01:31 :Django. Donc on va faire python manage.py live-reload. On lance ça. Donc là vous voyez queça a lancé un serveur à cette adresse. Et on va ouvrir un nouvel onglet, donc un nouvel onglet du
00:01:43 :terminal. Et dans cet onglet, on va lancer donc le Run Server. Donc on va tout simplement lancernotre serveur qui lui est accessible à 127.0.0.1.8000. Et là on voit qu'on a Live Reload
00:01:55 :Request Emitted. Donc on va actualiser la page et on a bien notre page qui s'affiche ici. Et là doncc'est magique puisque si maintenant je retourne dans mon fichier steel.css et que je change le
00:02:04 :css, ça va automatiquement être rechargé dans ma vue ici. Alors il faut avec PyCharm forcer lesave. En fait on a un save qui se fait automatiquement, donc une sauvegarde qui se
00:02:15 :fait automatiquement sur nos fichiers avec PyCharm. Mais on ne sait pas trop exactementquand est-ce que ça se fait, ça se fait un peu tout seul sans qu'on ait besoin d'y penser. Mais
00:02:22 :heureusement on peut forcer cette sauvegarde avec Command S ou Control S sur Windows. Et donc si jefais Command S ici, vous allez voir qu'automatiquement on a les changements qui sont répercutés puisquec'est vraiment la sauvegarde qui va déclencher le rafraîchissement de la page. Donc là je peux
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.