Session du 18 juin 2022 à 20h30
Développement Web & Frameworks
Veille & Discussions
Deviens membre Premium magic_button
Cette session de mentorat est réservée aux membres Premium. Rejoignez-nous pour accéder à toutes les rediffusions des sessions de mentorat !
Premium
- check +100h de formations
- check +180 exercices de code
- check +100h de mentorats en rediffusion
- check 20 projets
- check Mentorats groupés hebdomadaires
- check Support individuel avec nos mentors
Python pour le web : frameworks et usages
On va parler de Python et le web : quels sites utilisent Python pour le développement web, quels sont les frameworks populaires, quelles autres technologies avez-vous besoin d'apprendre, etc.
00:00:00 :Bonsoir tout le monde, est-ce que vous m'entendez bien? Normalement oui.Ah, les gens commencent à arriver. Alors, ok. Est-ce que vous m'entendez? Ouais, parfait,ok, super. Parce que j'ai refait, je suis rentré de Paris il y a quelques jours et j'ai du tout
00:00:31 :reconnecté, du coup je n'étais pas sûr si tout fonctionnait. Alors, qui est là ce soir? Laurent,Yacine, Jonathan, Camille, Patrick, Inconnu, David, Yannick et Johan. Et d'autres personnes
00:00:46 :qui arrivent encore. Salut Camille, salut Johan, Johan ou Yohan, je sais jamais en fait,je dis Johan mais ça se trouve ça se dit Yohan, tu me corriges. Est-ce que vous pouvez intervenir
00:00:57 :ou pas? La dernière fois on a eu, ah ouais non c'est ça, donc ok Johan avec un J. Non c'est ça,ah putain, ça nous avait fait pareil la dernière fois, je sais pas, faut que je vous invite àparticiper. Je pensais que c'était un, je crois pas que ça allait faire avec Lionel. Donc ouais,
00:01:24 :je vous invite à participer, vous allez recevoir je pense une petite notification pour vous proposerde rejoindre, voilà, en vocal. Je sais pas pourquoi, ouais ça fait ça, normalement tout le monde peut
00:01:39 :joindre direct, ça fait deux fois que ça nous le fait. J'ai prévu là le litre et demi d'eau. Alors,et ça c'est la webcam qui se bat. Je fonctionne avec un iPhone en webcam puisque j'ai un écran
00:01:59 :externe, du coup si ça tremble c'est normal, c'est le bureau qui tremble. Alors, hop, donc ouais,je vous invite à participer si, ouais, normalement vous allez recevoir un petit pop-up. Et donc ce
00:02:14 :soir on va parler de, ouais lol, ce soir on va parler de web, je sais pas si vous avez tousvu la note, enfin le descriptif que j'avais mis du coup sur la page du mentorat qui se trouve,je sais pas si David t'as vu, tu peux t'inscrire d'ailleurs pour toutes les prochaines sessions si
00:02:36 :t'as pas envie de t'inscrire à chaque fois. Ouais j'ai vu, merci. Ok, super. Donc, bon du coup onest une petite une petite dizaine ce soir, cool. Donc ouais, je vous ai invité les trois derniers
00:02:48 :là, Yannick, Yacine et Patrick, donc si jamais vous voyez pas l'invitation écrivez-moi dans lechat. Donc ce soir on va parler de web, on avait une question, une question de je ne sais plus qui
00:03:02 :précisément, je vais aller retourner voir sur le discord, pour parler de web avec Python, je medemande même si c'était pas directement lors de la dernière session que quelqu'un avait posé cettequestion, je vais retourner voir. Alors refactoring semble on avait parlé, et ouais refactoring,
00:03:25 :voilà et voilà. L'intérêt de Python dans du dev web pour les prochaines sessions. Donc c'étaitVincent qui je crois n'est pas là ce soir. Donc en fait on va parler, on en avait déjà parlé un
00:03:35 :petit peu pendant une session il y a un mois à peu près, on va parler de Python en fait,comment Python est utilisé, je vais vous partager mon écran, comment, alors je vais vous partager ça,voilà. Donc je vais faire un petit aperçu déjà des différents frameworks, on va parler de comment
00:03:54 :Python est utilisé dans le web, parce que c'est vrai que j'ai encore parlé avec quelqu'un cematin qui n'était pas vraiment au courant en fait de ce qu'on pouvait faire avec Python dans le web,et qui était assez surpris qu'on puisse faire du web avec Python. Donc c'est quelque chose que je
00:04:09 :vois, une interrogation que je vois assez souvent, donc on va essayer de parler un petit peu de ça,de voir les différents frameworks qui existent, pourquoi choisir un framework plutôt qu'unautre. On va aussi parler pas mal de back-end front-end, moi j'ai un avis assez tranché là
00:04:24 :dessus, je pense que Johan tu pourras confirmer ou non, puisque Johan en fait t'es avec Open Classroomaussi, et il te demande de faire pas mal de front aussi, et perso je trouve que ça mélange pas mal,parce que forcément en quelques mois on n'a pas le temps de vraiment tout faire. Donc on va parler
00:04:42 :un peu de ça, back-end front-end, qu'est ce qu'on a besoin de savoir faire en back-end, en front-end,à quel point on a besoin d'apprendre justement les technos de front-end ou pas, et comment on peutaussi court-circuiter un petit peu pour apprendre juste ce qu'il faut. Et aussi une partie donc
00:05:01 :aller plus loin, questions courantes aussi, donc ça je vous laisserai aussi faire les questions.Salut Patrick! Donc n'hésitez pas à m'interrompre si vous avez des questions en général, et je
00:05:12 :commence généralement aussi par vous demander comment s'est passé la semaine, et si vousavez des questions en dehors de ce sujet là avant de commencer. J'ai une question justement sur le
00:05:30 :sur le web, il y a une espèce de réputation sur le fait que Python n'est pas vraiment adapté au web,est-ce que ça s'est fondé ou est-ce que souvent on l'entend sur Youtube? Ouais si tu as des exemples
00:05:48 :de vidéos ça m'intéresse parce que c'est vrai que c'est, enfin moi je l'entends souvent dans lesens où, moi je l'entends souvent plus par le fait que les gens ne savent pas en fait qu'on peutfaire du web avec Python, donc c'est plus comme ça moi que je l'entends, et j'ai rarement entendu
00:06:08 :des gens vraiment dire ah oui, des gens qui s'y connaissaient qui disaient que Python n'était pasbon pour le web. Ce qu'on va souvent entendre aussi c'est plutôt que JavaScript à la cote,
00:06:19 :et notamment parce que dans les commentaires sur Youtube, alors ouais dans les commentaires surYoutube faut faire gaffe parce que c'est ça que j'avais en tête sur Twitter, dans les commentairessur Youtube vous allez souvent avoir des gens qui vont un peu défendre leur paroisse, c'est çal'expression je crois, donc vous allez souvent avoir des gens qui vont dire, j'en vois d'ailleurs
00:06:38 :sur mes vidéos qui passent des fois, des gens dire ah oui mais là Python c'est nul, utilisez pas çapour le web, donc souvent ça va être des gens qui sont à fond dans JavaScript ou PHP ou d'autreslangages, c'est souvent JavaScript, il y a souvent plus d'animosité j'allais dire entre JavaScript
00:06:54 :et Python que PHP ou Java et Python, ou d'autres, donc ça va souvent être ça en fait, cette idéede voilà des gens qui vont dire qu'un langage n'est pas fait pour l'un ou l'autre, moi j'aimepas faire du web avec JavaScript mais je dirais jamais dire que JavaScript n'est pas bon,
00:07:09 :il y a plein de trucs qu'on peut reprocher à JavaScript, il y a des trucs qu'on peut reprocherà Python, après ils permettent tous de faire des sites web et la meilleure façon de s'en convaincreen fait c'est de regarder tout simplement les sites qui utilisent l'un ou l'autre, pour vous
00:07:23 :donner, alors il y a plein d'exemples dans tous les sens, moi ce que j'aime bien c'est Instagram etUdemy justement aussi, Udemy parce que beaucoup d'entre vous le connaissent, mais Instagram parexemple je sais pas à quel point c'est le cas encore, j'ai eu des retours qui me disaient que
00:07:39 :c'était encore le cas, d'autres qui me disaient qu'ils l'ont tellement modifié que c'était plusvraiment le cas, mais que Instagram en fait utilise Django, en tout cas je sais pas si c'est le casencore aujourd'hui mais pendant très longtemps ça a été en tout cas de sûr un site qui utilisait
00:07:56 :Django, Udemy utilise Django aussi, donc par Django j'entends Python derrière tout ça, donc et aprèssouvent en fait dans les gros sites vous allez rarement avoir une seule techno qui va êtreutilisée, ça se peut que vous ayez, c'est pour ça que je parle d'Instagram, ça se peut qu'il y ait
00:08:11 :encore plein de parties d'Instagram qui utilisent Django et puis d'autres parties qui soient faitesavec d'autres langages, quand c'est dans des grosses entreprises comme ça généralement vous allez avoirpar comment dire, que ce soit voulu ou non, et puis là ça a changé, donc des fois vous allez avoir
00:08:33 :plusieurs technologies qui vont être utilisées en même temps, le temps qu'ils fassent une transitionet des fois c'est même un choix, ils vont dire bon bah cette partie là on veut utiliser Django,cette partie là on veut utiliser du Java ou je sais pas quoi en fonction des besoins, donc voilà.
00:08:46 :Mais oui, la réputation c'est vraiment plus, comme je te dis que JavaScript est vraiment trèspopulaire parce qu'il permet de faire à la fois le front et le back, ce à quoi moi je mets toujoursdes pincettes en disant ça parce qu'on va le voir quand je vais parler de back-end front-end,
00:09:05 :JavaScript te permet de faire du front si tu utilises des frameworks comme React, mais c'estpas tant JavaScript qui va te faire le front, c'est surtout du HTML, CSS et après JavaScript va tepermettre d'utiliser effectivement des frameworks comme React ou Vue, mais qui je trouve sont trèssouvent utilisés pour rien en fait, pas pour leur intérêt d'origine. Donc cette idée de dire en
00:09:31 :fait que c'est trop bien parce que avec JavaScript tu peux faire le back et le front, je trouve pasforcément que ce soit le cas. Moi je me dis quelqu'un qui commence à apprendre, qui veut
00:09:40 :faire du web, qui apprend JavaScript, oui donc il va pouvoir utiliser Node.js par exemple pour fairele back et après sur le front la première chose qu'il va devoir apprendre c'est HTML, CSS et ilpeut très bien faire plein plein plein plein de sites sans jamais vraiment avoir besoin de faire
00:09:53 :de JavaScript. Alors il y a toujours un 5% je dirais de JavaScript qu'on a besoin d'apprendre pour fairedes trucs tout cons, d'ouvrir un modal, de faire des trucs un petit peu interactifs, mais on peuttrès bien se passer de React et de JavaScript pour 95% des sites qu'on fait. Donc voilà c'est pour
00:10:11 :ça que je trouve que peu importe la technologie que vous utilisez, que ce soit Python, PHP,Java, JavaScript, la partie back-end c'est la partie qui me semble la plus importante et lafront-end après vous pouvez vous en sortir la plupart du temps juste avec du HTML et du CSS,
00:10:25 :vous n'avez pas besoin de vous embarquer dans des trucs trop compliqués au niveau framework front.Donc je vais pas m'avancer trop là dessus, je vais revenir sur la première partie à moinsqu'il y ait des questions ou des commentaires là dessus, des remarques.
00:10:37 :Ça va? Alors je regarde, Camille je sais pas pourquoi faut que j'invite les gens à participer,là normalement vous pouvez rejoindre automatiquement, je vous ai envoyé lapetite invitation, vous devriez pouvoir rejoindre si vous voulez, si vous voulezparticiper à la discussion. Sinon n'hésitez pas à écrire dans le chat directement si vous
00:11:00 :avez des questions et que vous souhaitez pas, enfin aussi si vous avez pas de micro par exemple.Donc les différents frameworks, je vois Lionel, as-tu déjà eu d'affaires à projet spécifiquepour une entreprise avec Django? Bah non on l'utilisait beaucoup, donc je vais répondre à
00:11:14 :cette question avant de partir dans les frameworks. Moi oui on l'utilisait beaucoup en fait,on l'utilisait beaucoup en effet visuel parce qu'en fait Python est très utilisé en effet visuel,donc on utilisait Django et pas forcément que pour ça, c'était aussi parce que justement c'est un,bon enfin c'est quand même si parce qu'on était quand même beaucoup de dev Python donc forcément
00:11:37 :ça facilitait le fait que tout le monde connaissait déjà de base Python, même si t'avais quelqu'unqui avait jamais fait de web, bah il pouvait assez rapidement commencer à développer des outils ou àparticiper à des outils web qu'on faisait. Après c'était aussi le fait que justement sur Python,
00:11:52 :Django c'est quand même un langage et des frameworks qui permettent de développer rapidementet nous en VFX vu que donc VFX, effet visuel, si j'utilise cet acronyme c'est le raccourci poureffet visuel, c'est un domaine en fait dans lequel le but premier n'est pas de faire des outils ou
00:12:10 :des sites web, le but premier c'est de faire des films, du visuel pour des films et du coup on estobligé toujours de, enfin c'était un truc, comment dire, un domaine où il fallait vraiment être trèsrapide sur le dev, on n'avait pas vraiment le, comment dire, le but n'était pas vraiment de
00:12:28 :faire des softs les plus beaux possibles contrairement à des entreprises qui sont vraimentlogiciels où là vous allez avoir beaucoup plus de tests par exemple ou de temps pour développerdes choses donc Django était parfait pour ça et après donc moi c'était vraiment dans ce cadre làaprès voilà je sais pas si ça répond à ta question du coup et je sais pas s'il y avait une question
00:12:55 :subsidiaire derrière ça en fait. Donc effectivement je reviens sur mes frameworks donc différentsframeworks donc il y en a plein si vous regardez, si vous tapez Python framework web sur internetvous allez trouver au moins une quinzaine de frameworks, il y a Pyramid, il y a Bothole, il y a Web2Pie,
00:13:12 :il y en a plein plein plein. Ceux dont vous allez entendre très régulièrement parler c'est notammentFlask et Django qu'on met souvent un petit peu en opposition alors qu'il n'y a pas vraiment lieu deles mettre en opposition c'est plus qu'on sait pas forcément par lequel commencer au début, les
00:13:27 :deux sont intéressants pour différentes raisons que je vais expliquer et il y en a un dernier quej'ai inclus qui est tout nouveau qui date d'il y a deux ans à peu près, deux trois ans peut-être gros max, jel'ai mis parce que il est assez, même si c'est pas le plus populaire c'est celui qui fait le
00:13:43 :plus parler de lui on va dire parce que dans les 15 frameworks dont je vous ai parlé c'est des trucsqui existent depuis 10-15 ans et qui ont jamais vraiment, qui ont des communautés trèsspécifiques et qui ont jamais vraiment réussi à percer alors que FastAPI là il y a vraiment un
00:13:58 :gros engouement autour de ce framework notamment parce qu'il utilise toutes les nouvellesfonctionnalités de Python à savoir les annotations de type et il permet de faire très rapidement desAPI d'où son nom FastAPI, ils sont pas foulés donc c'est pour un besoin quand même assez précis,c'est vraiment ça qui est bien aussi c'est que je trouve que les trois sont quand même assez
00:14:23 :assez spécifiques dans leur force à savoir que FastAPI c'est vraiment pour faire des API,donc pour faire des API alors si vous savez pas ce qu'est une API pour faire rapide c'est,je sais pas si vous avez déjà vu par exemple, vous avez peut-être déjà vu, alors vous pouvez
00:14:48 :en fait utiliser l'API de plein de sites, si je pense à Lifestorm par exemple, Lifestorm.com,c'est ça? Non,.co.co, vous allez avoir par exemple un truc du genre, je vais peut-être
00:15:01 :brosser un petit peu pour que vous voyez, donc vous allez avoir en fait une URL slash API etensuite généralement la version de l'API et ensuite vous allez pouvoir par exemple récupérer desinformations, donc par exemple vous allez avoir un point list users et moi si je fais une requête
00:15:15 :vers cette URL ça va me retourner la liste de tous les utilisateurs par exemple qui se sontconnectés à la session de mentora. J'utilise d'ailleurs l'API de Lifestorm pour les sessions
00:15:25 :de mentora du coup pour enregistrer automatiquement les gens etc. Donc une API en gros c'est ça,c'est juste pour faire basique c'est vraiment des URLs que vous allez mettre à disposition et lesgens vont pouvoir faire des requêtes vers ces URLs pour récupérer des informations et donc lacaractéristique de ça c'est que vous allez récupérer des informations sous format JSON
00:15:46 :généralement donc c'est les API REST, vous avez différents types d'API mais la plus populairec'est l'API REST et ça va vous retourner donc des données sous forme de JSON et le JSON,j'ai juste désactivé les notifs, alors vous allez avoir donc des données JSON et les donnéesJSON c'est, on pourrait dire que c'est un peu un dictionnaire si tu veux, si vous voulez,
00:16:16 :c'est donc ça ressemble à ça avec des clés, des valeurs, par exemple test et puis hop,valeur. Donc là par exemple pour la liste d'utilisateurs vous auriez un truc du genre
00:16:27 :test arrobas gmail.com et puis après peut-être d'autres valeurs comme le nom, le prénom,l'adresse mail etc. Donc voilà pour ceux qui ne savent pas ce qu'est une API,
00:16:38 :on va vous expliquer de façon très très rapide et donc c'est ce que va vous permettre de fairefacilement des frameworks comme FastAPI. Donc c'est vraiment pour des, c'est pour ça d'ailleurs,
00:16:49 :petite parenthèse, que vous pouvez des fois avoir différents frameworks qui vont êtreutilisés, je ne l'ai jamais vu personnellement mais je trouverais ça pas déconnant par exemple,pourquoi pas d'avoir un site principal qui est fait en Django et pour la partie API d'utiliserFastAPI. Bon après il y a le Django REST framework qui est une extension en fait,
00:17:10 :enfin oui si c'est une extension, il faut l'installer donc c'est un package qui permetde faire des API REST avec Django donc je ne verrais pas trop trop l'intérêt de partir surdu FastAPI en plus de Django vu qu'il y a déjà ce qu'il faut avec Django à moins que vraiment
00:17:26 :vous ayez, vous adoriez FastAPI, que vous souhaitiez faire tout de votre côté API avec ça.Donc voilà, la différence vraiment de ça c'est que l'API ça va vous retourner donc desinformations, c'est pas quelque chose que vous allez pouvoir directement afficher, si je vaissur lifestorm.co.api par exemple, donc sur ce point d'API, ça va vous retourner une page avec
00:17:48 :ce que je vous ai montré avec les brackets, les, comment on appelle ça en français, les accolades,donc c'est pas un truc auquel on est habitué quand on va voir, quand on va voir un site weboù on a du HTML, du CSS etc. Après vous pouvez avoir justement, et là on va rentrer un petit
00:18:03 :peu dans la partie backend frontend, vous pouvez avoir un mix qui est fait, c'est souvent ça qu'onvoit en fait dans les sites web un peu modernes, c'est en fait une Django, enfin Django ou Flaskou FastAPI qui va être utilisé du côté backend avec une API pure comme ça, et du côté frontend
00:18:23 :vous allez avoir un framework comme React ou Vue qui va se charger de faire tout l'affichage.Donc en fait le framework frontend va récupérer les informations du back sous forme de JSON etensuite il va les mettre en forme sur le site. Je vais pas trop rentrer dans les détails,
00:18:38 :on pourrait en faire, on pourrait faire une session complète là dessus, mais c'est pour ça que desfois vous allez voir justement des sites qui vont utiliser React et qui vont pas forcément utiliser,donc React qui est une librairie JavaScript frontend, et qui vont pas forcément utiliserdu JavaScript en backend, c'est tout à fait possible. Et donc voilà un petit peu pour le
00:18:59 :côté API. Django va vous permettre, le gros avantage de Django en fait c'est que c'est unpeu un truc tout en un, vous allez déjà avoir l'interface d'administration qui est très bienfoutue que moi j'utilise à 99% pour gérer l'intégralité de docstring, ça va vous permettrepar exemple de gérer les utilisateurs, de manipuler en fait toutes les informations de
00:19:19 :votre base de données. Vous avez également un ORM qui vous permet d'interagir justement avec labase de données de façon facile en fait avec du code Python sans avoir besoin d'écrire du SQL.
00:19:28 :Ça c'est plein de choses que vous n'avez pas justement avec Flask ou FastAPI. Avec Flask vousn'avez pas d'interface d'administration, vous allez pas avoir de base d'un ORM, donc si vousutilisez Flask il va falloir utiliser un ORM et vous allez avoir le choix, vous pouvez utiliserSQL Alchemy, c'est celui qui est généralement le plus utilisé. Je vais vous le mettre comme ça.
00:19:47 :Donc ORM, vous avez SQL Alchemy, comme ça, qui est un ORM qui vous permet, donc ORM c'est ObjectRelational Mapping, ça permet en fait de manipuler une base de données dans ce cas-ci avec du codePython pour faire simple. Et du coup Django c'est vraiment celui si vous avez un site complet à
00:20:07 :faire et que vous savez que vous allez avoir beaucoup de besoins de gestion d'utilisateurs,de facilement de voir comment dire d'avoir une interface d'administration. C'est un peu,
00:20:17 :si je pourrais faire ce rapprochement un peu du WordPress, parce qu'en fait souvent on va avoirdes gens qui vont faire un site WordPress parce qu'ils vont vendre leur site à un client et ilsont besoin que le client puisse par la suite, par exemple si vous faites un blog ou un site
00:20:32 :e-commerce, il faut que le client puisse facilement par la suite sans que vous soyez là, ajouter lesproduits ou ajouter des articles de blog. Et donc le problème avec Flask ou FastAPI c'est que vous
00:20:42 :pouvez faire le site au complet mais après si vous voulez donner cette possibilité là à votre client,il va falloir coder de votre côté toutes les interfaces qui vont permettre à quelqu'un d'ajouterdes articles de blog ou des articles etc. des articles pour un site e-commerce. Avec Django
00:20:59 :et l'interface d'administration vous avez tout ça qui est fait en fait, tout le back-office,toute l'interface derrière qui vous permet de manipuler votre base de données qui va vouspermettre de faire ça. Je peux vous montrer un petit exemple avec docstring par exemple,
00:21:12 :donc si je vais dans... qu'est-ce que je pourrais vous montrer? Je vais vous montrer par exemple lesformations. Alors n'hésitez pas si vous avez des questions, là je parle, je parle, n'hésitez pas
00:21:28 :à m'interrompre. Alors je vous partage... voilà. Oui? Oui? Oui? Pour faire du CSS? Pour faire duCSS quoi? Il y a eu un... Je dis avec Django on peut faire du CSS facilement? Oui alors après
00:21:53 :c'est justement ça qu'il faut bien comprendre c'est que tout est séparé en fait le CSS c'estvraiment ce qui va te permettre de faire les feuilles de style, donc le visuel, le visuelde ton... enfin qui va permettre de styliser le HTML et effectivement après en fait Django va
00:22:09 :te retourner des... alors quand tu ne fais pas une API justement tu vas retourner des templates quisont des fichiers HTML avec juste la possibilité de faire un peu de logique dans le fichier HTMLsi tu veux. Par exemple tu vas pouvoir faire des boucles, des structures conditionnelles à
00:22:25 :l'intérieur de ton fichier HTML donc ça va permettre par exemple si tu veux afficher tousles articles de boucler sur les articles et de ne pas avoir à répéter le même code HTML plusieursfois et après tu vas avoir le CSS effectivement qui va venir styliser ton fichier HTML mais tout
00:22:42 :ça tu vois n'est pas du tout relié à Django. C'est ça aussi qu'il faut bien comprendre c'est ça queje trouve les gens ne comprennent pas forcément suffisamment avec... quand ils plongent directement
00:22:53 :dans des bibliothèques javascript en front c'est qu'en fait le strict minimum en fait que vousavez besoin... dont vous avez besoin pour un site web c'est un fichier HTML c'est tout. A la limite
00:23:04 :le CSS même on s'en fout vous pouvez faire un fichier HTML avec des balises avec un h1 etc vousallez afficher des informations et vous pouvez faire le test vous ouvrez Visual Studio Codevous créez un fichier index.html vous mettez un h1 dedans avec un titre vous ouvrez ce fichier
00:23:20 :dans Chrome et voilà vous avez un site web. Après vous pouvez rajouter le CSS pour styliser votrefichier et après vous si vous voulez vraiment faire un site fonctionnel vous allez rajouterdu coup un langage en backend pour pouvoir faire la logique avec votre base de données donc si vous
00:23:36 :voulez avoir quelque chose de persistant. Mais là encore si c'est vraiment juste un site vitrinepar exemple si vous faites un site pour un client qui va avoir trois pages sur son site par exempleun portfolio avec un CV et bien à la limite vous n'avez même pas besoin de Python vous faites trois
00:23:52 :fichiers HTML, index, portfolio, CV vous mettez du HTML, du CSS vous mettez ça en ligne et vousn'avez pas besoin de Python. Si par contre vous voulez que potentiellement on puisse rajouter des
00:24:05 :projets, que les projets soient stockés dans une base de données, qu'on puisse rajouter une partielogging avec un utilisateur avec des clients etc bah là vous allez devoir effectivement avoir unebase de données et du coup un langage côté backend que ce soit Python, JavaScript ou peuimporte qui va vous permettre de faire toute cette logique. Sa réponse était un peu...
00:24:38 :Ouais mais justement en fait tu vois c'est pour ça que je vais y revenir après dans ma partiebackend frontend, ça dépend vraiment en fait ce pourquoi vous vous destinez si par exemple voussouhaitez faire du freelance effectivement là ça peut être intéressant de... et là encore ça dépend
00:24:54 :ça dépend ce que vous préférez et ça dépend aussi ce que vous cherchez à long terme mais ça peut êtreintéressant de quand même s'intéresser un minimum au frontend aussi parce que vous allez potentiellementavoir quand même pas mal de clients qui vont vouloir un peu un site clé en main et qui vont
00:25:07 :pas avoir envie d'embaucher deux ou trois développeurs pour un pour le backend, un pour le frontend, un pour le DevOps etc.Donc là effectivement ça peut être intéressant de... enfin intéressant voire nécessaire de toucher au
00:25:19 :frontend également. Moi j'ai tendance à toujours dire que le backend est quand même le plus importantpeu importe ce que vous souhaitez faire parce que même si vous souhaitez être full stack à longterme, le backend c'est quand même là où vous allez toucher les bases de données, vous allez
00:25:34 :faire la logique et ce que l'analogie que je fais souvent c'est qu'il vaut mieux avoir un boutonqui n'a pas un bon padding ou qui n'est pas stylisé exactement comme il faut mais que quand on cliquedessus ça ajoute bien l'article au panier et ça crée bien l'utilisateur plutôt que l'inverse. Si
00:25:49 :vous avez un bouton qui est parfait mais quand vous cliquez dessus il se passe rien et limite çasupprime l'utilisateur le créer là c'est un petit peu plus problématique. Donc voilà c'est pour ça
00:25:58 :que je trouve que là encore au niveau frontend c'est ce que j'explique un petit peu après je vaisy revenir mais il y a beaucoup de gens qui critiquent bootstrap je trouve que pour des gensqui veulent se spécialiser quand même en backend et éventuellement faire des contrats avec des sites
00:26:15 :un petit peu vitrine ou des sites pas trop compliqués ça peut être intéressant moi jetrouve de l'apprendre pour pouvoir justement faire des sites complets sans être un expert en front.
00:26:24 :Mais je vais y revenir un petit peu plus tard j'ai prévu d'en parler justement le backend frontendlà je vous je sais pas si vous le voyez ouais normalement c'est bon du coup je vous montre àpeu près à quoi ressemble l'interface d'administration de Django donc là par exemple
00:26:41 :vous voyez c'est toutes les formations de docstring donc vous voyez c'est tout ça c'est j'ai riencodé là dessus c'est vraiment c'est presque ma base de données qui est affichée comme ça doncvous voyez je peux filtrer je peux voir les cours qui sont publiés je peux aller hop voilà sur
00:26:55 :celui là là je vois les tags donc c'est vraiment un affichage en fait un peu plus sympa de ma basede données qui me permet de changer voilà la date à laquelle il a été sorti est-ce qu'il estpublié les informations sur vimeo etc donc vous voyez c'est quand même très très pratique de
00:27:12 :pouvoir avoir tout ça directement sans avoir besoin de rien faire et moi je l'utilise commeje vous disais il y a quelques par exemple pour les articles de blog je me suis fait une interfacecustom pour pouvoir avoir pour pouvoir écrire en markdown et avoir un affichage de ce que ça donne
00:27:25 :mais mais c'est vraiment ouais ça représente peut-être 5 ou 10 % du site en tout. Donc jevous repartage le notion ici donc donc est-ce que est-ce que c'est clair un petit peu django doncvraiment si vous avez besoin d'un site assez complet avec une interface d'administrationavec une gestion d'utilisateur avec un orm déjà c'est vraiment le truc tout en un où à la limite
00:27:54 :si vous n'êtes pas sûr je dirais que le plus gros risque que vous avez en partant sur du djangoc'est d'avoir un truc qui est trop complet pour ce que vous avez besoin de faire ce qui je trouveest un risque assez limité même s'il ya des gens qui vont vous dire à la date il est en train c'est
00:28:08 :un peu vous utiliser je sais plus quelle est l'expression là d'utiliser un marteau pour taperun an pas taper un clou mais un autre truc le quoi ouais c'est ça ouais c'est le côté un peu zinagac'est que vous allez utiliser un truc qui va être assez lourd assez complet si c'est effectivement si
00:28:25 :votre but c'est par exemple un des cas de figure dans lequel ça serait vraiment pas conseilléd'utiliser django c'est si vous voulez par exemple faire de la du iot donc des la domotique ou destrucs des projets que vous allez mettre sur un petit raspberry avec très peu de mémoire et que
00:28:43 :votre objectif c'est juste d'avoir deux points d'api justement pour pour arroser votre jardinquand il fait beau et quand il pleut exemple typique voilà effectivement si vous installezdjango vous allez jamais en fait aller faire l'affaire utiliser une interface administrationsur votre raspberry etc vous avez juste besoin de deux points d'api à appeler donc là effectivement
00:29:01 :vous utilisez flask ou fast api qui vont être beaucoup plus léger et là effectivement çaferait du sens de ne pas utiliser django après si vous commencez à créer un site vous êtes pasencore sûr est ce que je vais avoir besoin de l'interface administration ou pas est ce que je
00:29:15 :vais avoir besoin des utilisateurs c'est pas voilà ça va pas ça va pas être la mort d'utiliserdjango au lieu de flask voilà donc est ce que est ce que ça va pour ça pour les différentsframeworks est ce que c'est un peu plus cher? c'est clair, il y a une autre question encore là
00:29:31 :si je précède voir la partie bootstrap parce que je sais que beaucoup l'utilisent pour pourfaire du du entre guillemets full stack alors on a eu deux interventions en même tempsjean on y arrive lionel je crois que tu avais une autre question je voulais savoir si je l'entends pas
00:29:52 :alors est ce que je l'entends pas? alors apparemment vous vous entendez pas les uns les autresok bon bah jeanne c'est juste toi qui n'entend pas les autres alorsouais essaye parce qu'apparemment les autres s'entendent tous bien donc ouaisessaye de de quitter de revenir ouais du coup lionel tu disais excuse
00:30:26 :je voulais savoir si je commence un projet avec flask et puis aïe et maintenant après je me rends compte que j'ai besoin d'une interface d'administrationc'est plus compliqué ouais effectivement là dans un cas comme ça c'est pour ça que je disenfin ça me semble moins moins dangereux si tu veux d'utiliser un truc un peu plus un peu trop
00:30:51 :tu vois pour ce dont tu as besoin que de changer en cours de route ça dépend des projets bien sûrmais parce que forcément alors ça dépend en fait c'est ce que tu vas réfléchir si tu utilises lemême système de base de données derrière c'est possible de changer de l'un à l'autre si vraiment
00:31:09 :tu passes pas tu changes pas tout tout tout en arrière plan mais ça va quand même pas êtrepas être le mieux c'est clair qu'au départ il vaut mieux il vaut mieux prendre un petit moment pourêtre sûr si c'est un projet commercial professionnel il va vraiment falloir s'intéresser à quel
00:31:25 :techno utiliser. C'est pour ça que je dis quand même tu vois tu as moins de risquesquand même en te lançant dans Django ça couvre un peu tous les cas de figure tu vas pouvoirfaire une API tu vas avoir un peu tout clé en main et à la limite je trouverais ça moins
00:31:41 :dangereux justement de se dire on a un truc qui est un peu trop trop gros pour ce dont on a besoinet de graduellement par la suite effectivement changer ton application pour passer sur du flaskaprès oui tu peux passer l'un à l'autre mais mais faut quand même prendre un petit peu de temps
00:31:57 :pour réfléchir au début quand c'est sûr. Donc on va passer à backend frontend et pourquoi doncpourquoi j'ai noté ces petits trucs là donc voilà premier truc consolider le backend moi je trouveque c'est vraiment le plus important et qui va avec le point de ne pas faire les deux en même
00:32:18 :temps on l'a vu justement avec Vincent qui posait la question justement de Python sur le web jecrois que c'est Vincent ou Arthur je sais plus qui justement était en train de faire le projetto-do list là le projet du mois que je vous ai proposé sur le classroom et en fait le gros
00:32:38 :écueil que je vois autant au niveau apprentissage et je pense que c'est exactement là dedans quetu es en ce moment Johann c'est le fait d'apprendre au départ d'apprendre les deux en même temps vousallez c'est pas le même univers en fait c'est ça qu'il faut comprendre c'est qu'on a l'impression
00:32:57 :que bon tout ça c'est un peu pareil que backend frontend finalement tout ça c'est du web pas dutout genre si vous faites du CSS et du Python vous allez vite vous rendre compte ou du javascriptpour manipuler le DOM vous allez vite vous rendre compte que c'est trois trucs pas mal différents
00:33:12 :le backend c'est vraiment la logique donc c'est vraiment là vous allez passer votre temps à vousallez vous allez passer votre temps à voilà à dire bon bah là je crée un utilisateur je vérifieune adresse mail je joue avec ma base de données je retourne la bonne page web donc c'est vraiment
00:33:30 :la logique de votre site dans le CSS vous allez juste faire du visuel et en plus c'est complètementdifférent vous allez alors avec certains trucs de CSS maintenant il ya un petit peu de logiquede boucle etc mais ça reste quand même vraiment du un peu du déclaratif vous allez dire bon bah
00:33:44 :voilà telle classe tu changes tel truc en padding en font avec un langage qui est complètementdifférent du coup vous allez vraiment faire de la stylisation vous allez rentrer dans des notionsde UI donc d'interface qui sont complètement différents du coup du du backend HTML pareilvous allez rentrer dans une logique d'interface de comment vous organisez les choses et javascript
00:34:05 :ça va être un peu l'entre deux c'est que vous allez utiliser un langage de programmation maispour manipuler votre page web et quand vous faites les trois en même temps quand vous apprenez lestrois en même temps bah déjà Johan confirme justement dans le chat c'est que vous allez
00:34:20 :être en train d'apprendre des trucs d'orienter objet de vraiment de logique de programmationen même temps le CSS c'est un truc HTML et CSS on a l'impression que c'est un truc on peut apprendreune semaine etc moi le CSS je considère que je suis encore un débutant là dessus alors que ça
00:34:35 :fait cinq six ans que j'en fais que je me suis reformé sur le sujet avec des grosses formationslà il ya quelques presque un an maintenant que ça m'a permis justement de comprendre un petit peudes trucs que je laissais de côté parce que justement c'était pas mon domaine de prédilection
00:34:48 :au début donc j'y arrivais mais c'est le genre de truc où finalement je savais que personnellementje passais une heure à faire un truc alors que quelqu'un qui était vraiment développeur contentil le ferait en cinq minutes donc donc c'est vraiment voilà c'est des langages différentsc'est des façons de faire différentes c'est des compétences et des domaines différents donc déjà
00:35:07 :au niveau de l'apprentissage ça va être compliqué si vous faites tout en même temps et même après auniveau de l'exécution et c'est ça que donc je reviens sur ce que je disais à propos de Vincentou Arthur je sais plus lequel il était en train de faire sa to do list et là il commençait à
00:35:20 :faire un peu les deux en même temps donc même s'il avait déjà un petit peu des bases dans lesdeux je sentais que là en fait il était un petit peu perdu entre il appuyait sur son bouton et làle bouton il disparaissait pas il était plus sûr si du coup c'était au niveau du back-end ou au
00:35:34 :niveau du front que ça marchait plus est-ce que l'information de j'ai cliqué sur le bouton poursupprimer le tout doux elle passait au niveau du front et ou au niveau du back il savait plustrop donc il faut vraiment moi je vous conseille et si vous regardez le pour ceux qui sont un peu
00:35:47 :plus avancés si vous arrivez sur le projet de city commerce vous allez voir que j'ai justementpas encore fait la deuxième partie qui est la partie front-end et que actuellement il y a àpeu près neuf heures de cours et le site il est moche ici il ya des boutons les boutons sont gris
00:36:00 :il ya à peu près tout qui est dans une colonne je crois que j'ai deux ou trois lignes de css pourque les images prennent pas toute la taille du site sinon c'est même pas c'est difficile àvisualiser quand même donc il ya peut-être trois lignes de css juste pour le strict minimum mais
00:36:15 :voilà après tout le reste les boutons c'est des trucs gris ça fait windows 95 mais c'est pasgrave quand je clique sur le bouton ça fonctionne quand je clique quand je fais toute la logique çafonctionne le code est testé vous avez un truc qui fonctionne et à la limite là encore c'est il
00:36:28 :ya un très bon il faudrait que je vous retrouve ça quand j'ai le retrouver une petite comics unebd en fait qui montre en quatre en quatre lignes le comment j'ai retrouvé ça en fait il y a l'idéeque quand vous construisez une voiture alors je sais pas si quelqu'un qui voit de quoi je parle
00:36:49 :et qui pourrait m'aider à le retrouver project car ok minimum il ya l'idée deil ya toujours l'idée ouais ok c'est ça voilà j'ai trouvé yes je l'ai trouvé alorsvoilà je vais vous le partager alors désolé c'est un peu long les partagesd'écran parce que j'essaie de vous éviter les faits les faits en cascade ok c'est ça voilà
00:37:27 :donc je sais pas si vous avez déjà vu cette image si ça dit quelque chose à des gens donc ça enfait c'est l'idée que que en fait à un moment il faut vraiment mettre vos priorités et ça ça vaêtre très important justement un peu moins en entreprise parce qu'en entreprise vous allez
00:37:44 :avoir des chefs de projet vous allez avoir des gens qui vont vous cadrer qui vont éviter quevous tombiez là dedans mais en freelance c'est un écueil que je vois tout le temps c'est qu'enfait le client vient pour un besoin il vous dit bon voilà moi je veux un site web qui fasse ça ça
00:37:56 :et ça et et le problème c'est que et c'est un gros problème avec le front c'est que avec le front enfait vous allez très rapidement vu que c'est très visuel et c'est aussi assez sympa vous allez trèsrapidement mettre la main dedans et et passer trois jours à faire du visuel alors que le bac il
00:38:13 :marche pas ou alors quelque chose aussi qui arrive très très régulièrement c'est que vous allezpasser trois jours à faire une page que potentiellement le client finalement va vous direbon en fait j'en ai pas besoin ou alors que vous même vous allez vous rendre compte que finalementvous avez vous n'avez pas besoin de le faire de cette façon là vous allez perdre énormément de
00:38:29 :temps à styliser des trucs en plus au départ généralement vous allez mettre trois fois plusde temps que nécessaire justement parce que vous n'êtes pas super à l'aise avec le front donc enfait vous allez vous allez perdre du temps vous allez peut-être perdre du temps sur des choses
00:38:41 :qui ne sont même pas au final dans le projet et le risque c'est que imaginez que vous ayez un moispour faire un projet bah petit à petit vous allez perdre du temps sur ces choses là et le risquec'est que vous arriviez à un moment imaginez là en fait imaginez on voilà vous vous arrêtez vous
00:38:59 :arrivez pas à aller jusqu'à l'étape numéro 4 justement donc ça veut dire que vous partez vousvous dites bon ok moi je vais faire je vais faire les roues ensuite je vais faire les roues avec lebas de la voiture et finalement bah voilà parce que pour une raison x ou y parce que finalement
00:39:17 :vous avez justement mal évalué votre temps ou alors le client vous dit finalement merde en faiton doit avancer le déploiement deux semaines avant la date prévue donc il n'y a plus le tempsfaut sortir le site bah si vous faites la première façon de faire bah votre site en fait vous allez
00:39:29 :arriver avec un truc qui qui roule alors il est là encore voilà avec le 2 ou le 3 prenez l'un oul'autre soit vous avez un truc qui roule mais vous n'avez pas de toit et donc ça va être unet vous pouvez même pas vous asseoir dans la voiture soit vous allez avoir juste la roue
00:39:41 :juste la carrosserie et ça va vous servir à rien donc en fait vous allez avoir un truc complètementinutilisable. La deuxième version ouais c'est une autre alternative de justement vous allez des
00:39:52 :fois passer par quatre projets différents avant d'arriver vraiment à ce que vous avez ce dontvous avez besoin et finalement donc la dernière étape ici c'est ce qui est conseillé donc c'estvoilà vous arrivez avec un truc minimum qui va remplir le cahier des charges minimum en faitc'est ça le minimum viable product c'est vraiment si on arrive en vous disant moi je veux un site
00:40:16 :e-commerce qui permet à des gens d'acheter mes produits bah vous allez devoir identifier c'estquoi vraiment tous les éléments absolument critiques dont vous avez besoin et vous allezles faire en priorité donc vous allez faire déjà tout le back-end genre je peux ajouter un produitje peux les afficher etc si effectivement quand même vous allez faire un minimum de frontes
00:40:37 :c'est clair que c'est bon même si je dis qu'il vaut mieux avoir un site gris tout moche quifonctionne que un front à la moitié cassé etc pour un client il vaut quand même mieux avoir unminimum de frontes parce que c'est sûr si vous lui rendez un site tout gris probablement qu'il
00:40:52 :va pas vouloir le mettre en ligne mais voilà gardez quand même en tête qu'il vaut mieuxcommencer avec un bootstrap tout simple avec justement des boutons qui sont classiques avecun truc où vous embêtez pas où la nav bar elle est simple et vous êtes rapide et vous pouvez
00:41:05 :sortir cette version 1 du coup donc tout en bas sur la dernière ligne donc avoir une carrosserieavoir des roues et comme ça si jamais il ya un problème ou faut sortir le truc rapidement bahvous avez un truc qui avance dans lequel vous pouvez vous asseoir et qui roule et petit à petit
00:41:20 :après vous allez pouvoir rajouter l'arrière de la voiture rajouter une meilleure carrosserieetc etc donc voilà c'est très très important d'avoir ça en tête et quand vous construisez unprojet pour pas justement partir dans tous les sens parce que ça c'est vraiment l'écueil queje vois le principal écueil que je vois c'était clair pour ça et je reviens donc sur mon notion
00:41:42 :camille j'ai été déconnecté je te réinvite ok clair donc je reviens là dessus donc voilà moije conseille déjà avant de trop partir en du front end de consolider le back end si vous êtes moi jeconseille vraiment si vous êtes dans les trois à six premiers mois de votre apprentissage de piton
00:42:02 :de web etc essayez même pas de faire du front end consolidez votre back end parce que vous allezça sert à rien justement de commencer alors que vos acquis en fait sont encore assez assezchambrelant en piton avec django etc ça sert à rien de commencer à s'engouffrer dans du html du
00:42:19 :css vous allez juste diluer le votre temps de cerveau disponible donc il vaut mieux arriveret c'est pour ça que je dis trois à six mois il vaut mieux passer à un premier donc une premièremoitié d'année si on pense à quelqu'un qui se reconvertit sur un an et qui veut quand même à
00:42:31 :la fin faire un peu de front end il vaut mieux passer six mois complet sur le front sur le bacpardon et s'assurer que voilà que vous êtes à l'aise que vous avez commencé à faire des projetsqui sont moches mais qui fonctionnent avec différents différents projets que vous avez
00:42:45 :pu faire justement un to do list un portfolio un blog donc pour rencontrer le plus de problèmeset de cas de figure possible et après dans un deuxième temps une fois que vous êtes assezconfiant sur vos capacités en back end voilà vous pouvez commencer à vous intéresser un petit peu
00:42:58 :plus au html css forcément vous aurez besoin de faire un minimum de html quand vous allez faireun site mais ça va être là pour le coup vous pouvez passer une ou deux journées à apprendresi vraiment vous partez de zéro en html à apprendre voilà c'est quoi la structure de base d'un fichier
00:43:13 :c'est quoi un titre etc et ça va vraiment suffire pour pour créer un fichier html que vous allezretourner avec django et après donc effectivement commencer après six mois une fois vous êtes assezconfiant commencer à regarder un petit peu html css là encore rester sur les fondamentaux pas
00:43:29 :vraiment la plus grosse erreur que je vois c'est des gens qui disent qui entendent parler de reactet qui disent oh là faut que j'apprenne react qui vont commencer à apprendre du javascript parce quereact c'est du javascript donc ils vont se lancer dans un deuxième langage et vont se lancer dans
00:43:40 :un framework compliqué et qui nécessite déjà de bien bien connaître javascript et donc là c'étaitle truc assuré pour perdre six mois et arriver au bout du chemin et savoir faire à peu près c'estle jack of all trades là de être c'est quoi être moyen dans tout et bon dans rien donc voilà et je
00:44:00 :sais qu'il y a beaucoup de gens notamment si vous suivez mon ami benjamin code c'est dur à direbenjamin code sur youtube parce qu'il a fait une vidéo sur laquelle je suis d'accord où il parlede bootstrap et il dit faut arrêter d'utiliser bootstrap etc c'est tout à fait valide pour des
00:44:19 :dev front pour des gens qui sont spécialisés en front end effectivement n'utilisez pas bootstrapparce que c'est un peu c'est même aller contre contre votre propre emploi parce que maintenantavec css avec toutes les merveilles qu'on a en front vous n'avez pas besoin de passer par bootstrapvous pouvez faire la plupart du temps les choses sans bootstrap et et maintenant enfin il y a plein
00:44:39 :de plein d'autres choses qui sont beaucoup mieux tailwind par exemple est pas mal aussi donc deschoses qui vont être beaucoup plus granulaires qui vont vous permettre de faire des choses plusprofessionnelles plus plus avancées et de façon mieux qu'avec bootstrap mais bootstrap je trouveque c'est quand même encore super utile justement pour des devs qui sont back end et qui veulent
00:44:58 :commencer à faire des sites complets sans prétendre être non plus dev front end. En fait moi dans lesprofils que je vois il ya déjà il faut savoir qu'un dev full stack c'est très rare moi lesseuls que je connais ils ont entre 5 et 10 ans d'expérience et même eux en fait considère
00:45:13 :qu'ils sont pas vraiment full stack la plupart des gens en fait qui sont full stack enfin qu'onpourrait appeler full stack je me mets là dedans c'est plutôt des gens back end qui savent fairedu front end mais qui sont pas non plus des dev front end par exemple je donne l'exemple de
00:45:27 :docstring j'ai créé docstring de a à z donc pour avoir utilisé le site en tout cas j'espère quevous pouvez vous rendre compte que le site fonctionne qu'il est pas trop dégueulasseque que quand on clique sur un bouton ça fait ce qu'il faut et que que le truc est responsive
00:45:41 :sur mobile etc donc au niveau front end c'est fonctionnel après là où je dis que je ne suispas moi dev front end c'est que je sais que je développe probablement deux fois plus lentementqu'un dev front end que je que que par exemple mon javascript n'est pas incroyable qu'il ya
00:45:58 :probablement des façons de l'écrire un peu mieux d'organiser les choses un peu mieux etc etc doncc'est dans cette optique là que je dis que je ne suis pas dev front end et moi je n'aime pas enfinc'est pas que j'aime pas c'est que justement au niveau je n'utilise pas de framework front
00:46:14 :comme react ou vue pour deux raisons déjà parce que justement je suis pas fan de javascript doncj'ai pas envie de m'emmêler les pinceaux dans du javascript sachant que je ne suis pas un expertdedans donc vous voyez même moi en fait qui ça fait dix ans que je fais du javascript je considère
00:46:28 :que j'ai pas un niveau suffisant javascript pour correctement appréhender du react alorsimaginer quelqu'un qui en a fait depuis deux mois c'est assez complexe et surtout parce qu'en faiton peut très bien faire tout ce qu'on veut avec du html du css et un petit peu de javascript pour
00:46:44 :ajouter un petit peu d'interactivité là où il faut si vous voulez voilà afficher un modal fairedisparaître un truc etc c'est tout à fait suffisant donc ne tombez pas dans les cueilsmoi j'ai un élève qui m'a dit ça une fois je sais jamais je me rappelle jamais qui c'est la
00:46:58 :dernière fois il était là et j'en avais parlé il avait pu me confirmer que c'était bien lui jesais plus un élève qui non je crois que c'était un autre vincent qui est dans la communauté si jeme trompe pas qui voulait apprendre react et javascript et le mettre dans son site juste pour
00:47:15 :en gros avoir un site interactif parce que c'est ce que va vous permettre de faire react justementc'est d'avoir un site avec cet effet un peu de vous l'avez probablement vu de ne pas avoir derafraîchissement mais alors si c'est vraiment juste ça l'intérêt de votre côté c'est vraiment
00:47:32 :vous allez rentrer dans une usine à gaz juste pour pas rafraîchir une page ce qui est finalementquand même le la base d'un site web c'est que voilà vous avez des url vous naviguez d'une pageà l'autre et puis ça marche très bien ça a très bien marché pendant 25 ou 30 ans ça continuera
00:47:46 :de très bien marcher et il vaut mieux avoir un truc justement un site qui est léger qui marchebien etc plutôt que de partir dans un monolithe avec du react mal maîtrisé qui va effectivementpeut-être ne pas avoir ce petit rafraîchissement de la page mais qui va mettre 10 secondes à
00:47:58 :charger parce que le truc est mal construit donc voilà et en plus maintenant moi il ya vous levoyez dans le aller plus loin il ya des c'est quelque chose qu'on voit de plus en plus justementje trouve que niveau python on est un peu précurseur là dessus c'est qu'en fait il ya
00:48:13 :beaucoup de dev javascript qui eux mêmes en ont un peu marre parce que en fait javascript il yades trucs dans tous les sens maintenant tous les deux mois il ya des nouvelles techno tous lesdeux mois il ya des nouvelles dépendances des nouveaux trucs qui arrivent etc qui sont mieux
00:48:25 :que ce qu'il y avait deux mois avant ça crée des dépendances de fou furieux donc vous avez desprojets où il ya 5000 dépendances c'est un peu le le le gag en fait à chaque fois de si vousregardez le dossier il ya des mimes à non plus finir là dessus sur le fait que le dossier node
00:48:42 :module qui est donc le dossier qui contient toutes les dépendances d'un projet qui est fait avecnode.js et avec et après avec npm si vous rajoutez des librairies que le truc en fait il va jusqu'au
00:48:53 :jusqu'au centre de la terre tellement il est tellement le dossier est gros et contient pleinde trucs donc donc voilà ça fait des projets où plus personne comprend rien même les développeurseux même quand ils reviennent six mois après ils comprennent plus comment ça marche et finalementil ya donc un courant un peu en ce moment de revenir à des trucs plus simples et qui je
00:49:13 :trouve est précurseur du côté de python etc parce que justement côté python comme on n'a jamais tropvoulu s'embarquer dans plein de javascript et qu'on s'est rendu compte qu'en fait on n'en avait pasbesoin et que l'on avait quand même besoin des fois de effectivement de devoir faire de devoir
00:49:27 :faire un peu de front ou de voir enfin des trucs un peu plus sympa en front ou de devoir ne pasavoir une page qui se rafraîchit pour juste quand on se met un formulaire du coup c'est un peu cettestack qui que moi j'utilise de plus en plus et que je trouve génial c'est donc htmx niveau front
00:49:42 :tailwind et alpine js qui est une bibliothèque qui permet de justement faire des... c'est un peudifficile à décrire j'arrive jamais à décrire celle là ça permet de changer des états sur lapage mais de façon très très simple par exemple vous allez cliquer sur un bouton ça va changer
00:49:56 :une feuille de style enfin une classe une classe ou un style css avec deux petites lignes de codedonc en fait l'intérêt de ça c'est que vous avez des bibliothèques qui sont très légères quipermettent de faire uniquement ce dont elles ont besoin qui vont fonctionner vraiment main dans la
00:50:12 :main avec html ou avec css sans rajouter une usine à gaz par dessus et ça permet d'avoir donc untruc très très léger très facile très très facile à apprendre aussi et très facile ensuite à utiliseret quand vous retournez sur votre script six mois après vous avez vous comprenez ce qui se passe
00:50:29 :et vous n'avez pas dix mille dépendances à gérer. Bonne soirée Patrick ouais ça fait ça fait déjàune heure vingt que wow non si non ça fait je sais plus le live me met à démarrer il y a 50minutes ah oui non ça fait non oui je ne sais plus compter non oui on a commencé à 1h30 donc
00:50:46 :oui non ça fait ça fait un peu moins d'une heure donc voilà je pars un peu dans tous les sens làparce que forcément tout ça se recoupe mais donc là je suis reparti un petit peu dans monhtmx etc mais voilà donc back-end front-end pour résumer consolider le back-end commencez
00:51:05 :une fois que vous êtes sûr que vous maîtrisez bien le back-end à apprendre un petit peu d'htmlcss ensuite un framework comme bootstrap pour faire des trucs un peu plus jolis un peu plusfacilement et une fois que vous savez faire tout ça en fait vous une fois que vous que vous savez
00:51:19 :en fait les quatre points ici vous serez en mesure de faire des sites jolis qui seront pas desrévolutions dans le domaine de l'interface qui ça va pas être des trucs incroyables etc mais çasera fonctionnel vous allez pouvoir les vendre à un client vous allez pouvoir les mettre dans votre
00:51:34 :portfolio et pour ceux qui s'intéressent aux salariats et qui ne veulent pas forcément fairedu freelance je vous rappelle donc que quand vous allez être embauché en fait il ya différentscas de figure soit vous allez éventuellement trouver un job dans une dans des toutes petiteséquipes dans des startups où là ils peuvent être intéressés par des gens qui touchent un peu à
00:51:52 :tout mais là encore en fait ils vont probablement privilégier prendre un développeur senior fullstack donc un mec qui a dix ans d'expérience ils vont en engager un qui vont payer 150 000 à l'annéemais qui va tout faire et qui va le faire de façon solide plutôt que d'embaucher un ou deux ou trois
00:52:08 :juniors qui vont tous être un petit peu full stack mais qui vont en fait tous coder avec les pieds etqui vont pas trop savoir quoi faire donc voilà et après en fait souvent dans les offres d'emploivous allez voir voilà on veut des gens qui savent tout qui maîtrise tout etc très régulièrement
00:52:25 :c'est pour ça que je vous dis en fait souvent c'est des devs back-end qui sont embauchés etc'est intéressant d'avoir des gens qui connaissent un petit peu le front-end mais par voilà parceque vous allez rentrer dans une équipe où vous allez un petit peu voir le front-end et donc ça
00:52:36 :peut être cool de savoir de quoi il en retourne et souvent sinon en fait vous allez être développeurfront-end et moi je connais très peu de développeurs à l'inverse qui sont spécialisés front-end et quifont un peu de back-end là encore pour l'explication tout simple que le back-end c'est le nerf de la
00:52:52 :guerre un petit peu parce que fin après il ya des gens en front-end qui vont vous dire l'inversemais je trouve que de façon logique quelqu'un qui fait un site incroyable en front-end qui vapouvoir vous intégrer la maquette parfaitement et vous faire des effets dans tous les sens trop
00:53:08 :bien et qui va s'intéresser un petit peu au back-end et si finalement il arrive dans le back-end il n'estpas trop sûr et qui finalement il fait une mauvaise manip et il supprime des données ou il fait untruc qui n'est pas sécuritaire c'est assez problématique et sachant que le front-end quelqu'un
00:53:22 :qui imaginez quelqu'un qui part en qui fasse un parcours 100% front-end et qui fasse doncl'inverse en fait plutôt que de consolider le back-end et après toucher un petit peu front-endqui fasse l'inverse donc c'est quelqu'un qui va faire du html du css principalement il va passertrois mois ou six mois donc à l'inverse à faire du html du css qui sont donc pas des langages de
00:53:41 :programmation qui sont des du html il n'y a pas de logique là dedans c'est vraiment c'est dubalisage css pareil ça va être du visuel donc vous allez passer trois à six mois à pas dutout apprendre de logique de boucle de if de d'orienter objet etc ensuite vous allez peut-être
00:53:55 :effectivement vous spécialiser avec du réact donc faire du javascript donc là vous allez peut-êtrecommencer à faire de la logique mais là encore ça va être de la logique adaptée au front doncvous allez faire de la logique pour afficher des choses pour créer des composants pour les if les
00:54:08 :boucles etc ça va être justement pour si l'utilisateur a cliqué là dessus on va changerles tels classes donc ça va être très lié au visuel et si finalement donc après tout ça vousvous dites bon bah tiens je vais un petit peu toucher au back-end voilà c'est complètement
00:54:21 :un autre monde de la même façon que quand vous êtes back-end et que vous rentrez dans le front-endc'est pas pareil mais là encore plus parce que je trouve que voilà vous allez devoir utiliser doncsi vous connaissez javascript vous allez devoir utiliser votre langage de programmation pour faire
00:54:34 :de la logique mais complètement différente il y a beaucoup de voilà là ça va être créer uneapplication donc ça va être comment je quelles applications je crée comment je gère mes utilisateursoù est ce qu'il faut que je mette les fichiers tout ça donc ça va être vraiment différent et
00:54:48 :compliqué donc donc voilà moi j'avais d'expérience comme je dis je vois assez rarement des genssouvent même aussi par intérêt en fait les gens qui font du front-end généralement ont un peu moinsd'intérêt à faire du back-end ils préfèrent voilà faire le visuel et puis se concentrer sur la
00:55:03 :partie front et justement ils sont assez enfin assez peu emballés par le fait d'aller tripatouillerdes bases de données et des trucs comme ça alors qu'à l'inverse je vois souvent des gens qui fontdu back-end et qui effectivement ont envie de faire quand même un truc présentable mais ce qui est
00:55:18 :possible là encore je vais pas me répéter avec du html css simple et un framework style bootstrapdonc on arrive à la fin ici les petits trucs aller plus loin ça c'est vraiment des trucs c'est doncça bon ça j'en ai parlé htmx, tailwind et alpine si vous voulez juste aller voir un petit peu de
00:55:38 :quoi il leur tourne après là on est vraiment dans des trucs en plus des trucs assez récentshtmx, tailwind et alpine je crois que les trois ça fait pas plus de deux ans trois ans gros max jepense qu'ils existent donc c'est des technologies encore assez récentes. CICD donc là c'est un petit
00:55:54 :peu dans tout ce qui va rentrer je pourrais rassembler ces deux trucs dans le ce qu'onappelle le devops plus ou moins donc les logiques de déploiement de CICD c'est des trucs qui sontCICD c'est l'intégration et le déploiement continu donc c'est l'idée d'automatiser en fait le doncde j'aurais pu mettre l'inverse en fait peut-être puisque c'est déjà le déploiement que vous
00:56:14 :allez apprendre et ensuite l'automatisation de celui ci donc le déploiement en fait c'est engros l'idée que vous allez vous allez être capable de mettre votre site en ligne alorspourquoi je me le mets dans aller plus loin et je trouve que c'est pas forcément une quelquechose que vous avez besoin de connaître à fond avant de chercher un boulot ça va être différent
00:56:33 :en freelance parce qu'en freelance bien sûr vous allez être un peu responsable souvent de livrerle site au client et donc le client il faut qu'il ait un site en ligne donc là en freelance ça vaêtre assez important par contre en salarié en fait souvent va y avoir le site va déjà être en
00:56:47 :ligne ou alors il ya des gens qui vont être chargés précisément de ça parce que ça va êtrejustement un truc assez important et un point assez névralgique de l'application donc là encoreils vont pas donner ça à un junior qui arrive et qui connaît à peine ce que c'est mais c'est là
00:57:01 :encore important à terme de savoir à peu près comment ça marche donc le déploiement c'estl'idée de mettre votre code sur un serveur et de mettre votre site en ligne pour faire tout simpleet donc vous voyez à côté j'ai mis from scratch et paas paas c'est platform as a service en fait
00:57:19 :vous l'avez peut-être vu il ya de plus en plus de justement de sites qui ont qui se sont engouffrésdans la brèche parce qu'ils se sont rendus compte donc que ce soit heroku digital ocean ont lancéça il ya à peu près un an un an ou deux c'est en fait ils se sont rendus compte justement qu'il ya
00:57:34 :beaucoup de gens qui sont des développeurs et qu'on pas envie de s'embêter avec le déploiementparce que le déploiement le problème c'est que vous allez être confronté à beaucoup deproblématiques à côté serveur moi par exemple j'ai déployé ad hoc strings sur digital ocean etj'ai pas utilisé un paas j'ai tout fait from scratch donc from scratch c'est l'anglais ça veut
00:57:53 :dire en partant de zéro donc donc ça nécessite en fait d'installer plein de choses sur votre serveurde déployer votre code de s'étouffer plein de trucs en fait qui sont qui nécessite des compétencesen justement en infrastructure un petit peu si on puis résumer ça comme ça en manipulation aussi
00:58:17 :ligne de commande etc donc c'est le genre de truc où s'il ya un problème et même moi j'avais passépas mal de temps justement dans les petites boîtes parce que en effet visuel j'avais travaillé dansdes plus petites boîtes où justement on était 10 15 et il y avait un IT qui gérait donc tout le
00:58:31 :parc informatique et qui était très bon en serveur tout ça mais qui n'était pas du tout bon en codeet moi c'était l'inverse j'étais bon en code et quand je suis arrivé dans la boîte en fait jeconnaissais pas grand chose au serveur etc et dans cette boîte j'ai vraiment level up à fond là
00:58:43 :dessus en travaillant avec lui et ça m'est arrivé très souvent voilà de commencer à déployer destrucs justement c'est là aussi que pour répondre à la question au tout début là de Lionel c'estlà dedans que j'ai déployé les sites Django et au début moi je me rappelle voilà tu te retrouves
00:58:58 :face à une erreur dans ton shell et tu comprends que dalle et limite tu as tout foiré, tu asréinstallé une autre version de Python et ça a créé un conflit avec la version de basequi était là que sans faire exprès tu as désinstallé donc c'est le chaos pas possible
00:59:11 :et là l'IT te sort des dizaines de commandes pour aller voir les processus les machins quicomprend rien à rien donc au début ça fait très peur et si t'as pas vraiment un gars qui a del'expérience en IT derrière ou en DevOps enfin tous ces trucs là d'infrastructure tu es complètement
00:59:28 :paumé donc c'est quelque chose que tu apprends sur le tas etc et ou alors il faut faire uneformation vraiment là dedans et c'est des trucs assez compliqués donc tout ça pour dire quejustement il y a des plateformes comme DigitalOcean et Heroku qui se sont rendu comptequ'il y avait vraiment un besoin là dedans de gens qui sont très bons pour faire des sites etc
00:59:46 :mais qui n'ont pas envie de s'embêter autant avec le côté purement déploiement parce que lecôté déploiement à la limite une fois que votre truc fonctionne c'est ce qu'on dit souvent avecLinux une fois que ça marche arrêtez d'y toucher ne mettez pas à jour touchez à rien laissez le
01:00:01 :truc tourner et voilà et le problème c'est que donc à un moment quand même il faut mettre àjour etc des fois aussi vous allez avoir des besoins qui vont évoluer au départ vous allezavoir un petit serveur et puis finalement il va falloir rajouter une base de données il va falloir
01:00:16 :rajouter de la puissance etc changer les versions et tout et tout et en fait c'est là où le PAS vagérer tout ça pour vous c'est qu'en fait vous allez maintenant sur DigitalOcean c'est pour ça queje me pose la question de plus en plus en fait à quel point c'est ça va être utile dans le futur
01:00:33 :de faire des formations là dessus je pense que c'est toujours utile parce que c'est des compétencesque vous avez besoin de connaître qu'on apprend généralement beaucoup sur le tas et c'est coolaprès d'avoir des formations là dessus mais c'est tellement de compétences en fait transversalesc'est apprendre à apprendre Linux apprendre les lignes de commande apprendre comment fonctionne
01:00:51 :un serveur enfin c'est plein de petits trucs comme ça et c'est difficile de faire un cours qui vavous apprendre tout ça ou alors là encore ce sera un cours de 80 heures sur 10 sujets différentsqui font qu'à terme vous saurez gérer tout ça et donc je reviens sur mon DigitalOcean par exemple
01:01:06 :maintenant il y a des trucs c'est presque un clic en fait vous dites voilà je veux créer je veux unsite web avec Django ou je veux un site web avec Node.js où vous pouvez faire votre configuration
01:01:15 :comme vous voulez et vous cliquez sur un bouton il va tout vous set up, il va créer le serveuril va installer Django il va installer la base de données il va faire tout ce qu'il faut et à la finlimite en fait vous connectez votre votre GitHub à ce truc là et quand vous allez faire un release
01:01:31 :ou un push sur votre GitHub donc quand vous allez déployer votre code le logiciel donc surDigitalOcean la plateforme va s'en rendre compte et il va déployer le truc automatiquement et il vatout gérer pour vous donc vous n'avez pas besoin en fait de vous embêter avec tout ça alors
01:01:46 :généralement le seul contrepartie c'est que c'est un petit peu plus cher mais même DigitalOceances trucs là ça coûte 10 15 20 20 dollars par mois pour vous donner un ordre de grandeur moidu coup je n'utilise pas un PAS mais j'ai tout fait from scratch et ça me coûte pour Dockstring
01:02:03 :ça me coûte 10 dollars je crois par mois alors que le site a 2-3 mille personnes qui viennenttous les jours pour faire des exercices pour regarder des vidéos etc et ça tient très bienet si j'augmente je crois que je vais être à les prochains plans sont à 30 40 50 dollars donc
01:02:19 :c'est vraiment rien du tout et en PAS donc si je gère tout de leur côté là on commence à 30 40 50dollars et si on scale donc si on augmente les capacités tout ça les bases de données là çapeut monter dans les 100 200 dollars assez facilement mais c'est des coûts qui sont que
01:02:37 :vous retrouvez ailleurs il y a le RealPython qui a fait un site, je sais pas si vous connaissez c'estun très bon site je vous le mets dans le chat parce que c'est intéressant de le connaître c'est enanglais mais voilà c'est un gars qui a créé ça c'est un peu le Dockstring anglais et lui vous voyez
01:02:57 :en fait dans un podcast il expliquait justement tout son site tourné sur Heroku et qu'il paye ducoup un PAS et il paye 700 dollars par mois je crois et du coup quand il en parlait dans lepodcast il disait que en fait pour lui c'est rien du tout justement bon après c'est justement eux
01:03:14 :ils sont assez gros et même à leur échelle en fait 700 dollars c'est rien parce qu'il disaiten fait si je ne payais pas 700 dollars à Heroku qui gère tout pour moi finalementben en fait je devrais embaucher quelqu'un qui me coûterait 3-4 mille dollars par mois parce que
01:03:28 :ce serait un DevOps et en fait il passerait son temps à s'assurer que tout marche bien à réglerles problèmes au cas où etc et c'est ce que fait directement le Heroku qui paye du coup 700 dollarspar mois donc c'est des coûts qui sont très vite rentabilisés en fait. Je parle je parle
01:03:42 :n'hésitez pas à m'interrompre si vous avez des questions je sais pas si...Justement par rapport au PAS désolé j'apparais toujours en inconnu je ne sais pas pourquoi.
01:03:52 :Ouais c'est du coup c'est David. C'est David ouais. D'accord. Concernant le PAS il va gérer absolumenttout mais du coup même tout ce qui est backup et redondance éventuellement sur sur deux serveursetc. Ouais alors après tu as en fait souvent tu as des options mais c'est aussi valable avec
01:04:11 :avec par exemple ce que j'ai sur DigitalOcean tu vois je peux... C'est assez fascinant maintenantà quel point ils ont justement ils ont prévu tous les cas de figure. Moi je suis très très fan de
01:04:21 :DigitalOcean là dessus justement parce que c'est très granulaire et Heroku je trouve qu'ils sontun peu plus tout en un où tu prends... Enfin quoi que non tu peux quand même aussi un petit peu
01:04:30 :un petit peu rajouter ce que tu veux mais tu vois donc dans mon cas par exemple je peux tu voisrécemment là j'ai vu que mon au niveau du disque là je commence à être un petit peu short sur ledroplet de 25 gigas je crois et je peux rajouter tu vois des volumes à côté donc je vais lui dire
01:04:47 :ben en fait j'ai besoin de 100 gigas de stockage en plus et donc hop tu cliques tu dis voilà çava te coûter 5 dollars par mois tu le rajoutes il s'occupe de lier ça à ton à ton VPS et à ce quece soit fait automatiquement quoi t'as rien besoin de gérer et hop en 10 minutes t'as 100 gigas de
01:05:04 :plus et 5 dollars de moins dans ton compte en banque tous les mois. Et pour le PAS c'est pareilc'est en fait tu vas lui dire à un moment tu vas c'est vraiment c'est enfantin quoi c'est t'as dessliders tu dis voilà j'ai besoin de plus de puissance j'ai besoin d'un peu plus de RAM un
01:05:18 :peu plus de volume un peu plus de je ne sais quoi et voilà tu vas juste payer un peu plus et il vagérer tout pour toi. Et t'as aussi effectivement sur le côté backup tu vois sur DigitalOcean de
01:05:32 :base je peux gérer les backups de mon côté je peux lui dire aussi t'as différentes choses tuvois tu peux dire fais moi un backup de tout le droplet donc ça va te coûter je crois que c'estun dollar par mois il te fait un backup toutes les semaines ou là il te backup vraiment le serveur au
01:05:46 :complet après tu peux rajouter des backups justement de base de données donc donc t'asvraiment une grosse flexibilité là dessus et vraiment je trouve que c'est vraiment pas cherpar rapport à enfin bon c'est sûr que ça dépend toujours au début quand bon si t'es étudiant etque tu veux lancer un petit portfolio bon 5 ou 10 dollars par mois c'est vrai que c'est ton abonnement
01:06:07 :Netflix ça paraît beaucoup quoi mais après quand tu te rends compte que tu peux faire tourner moic'est ça qui me rend assez que je trouve assez dingue quoi tu peux faire tourner un docstringsur un truc qui coûte 10 dollars par mois quoi alors que faire le service pour envoyer les
01:06:24 :envoyer les mails à la newsletter ça me coûte 60 ou 90 euros par mois alors que le serveur quifait tourner tout le site ça en coûte 10 quoi je trouve ça assez fou mais le fait de pas avoirtoute la toute la maintenance au final c'est vraiment super intéressant en termes de gain
01:06:39 :de temps quoi après alors par contre moi je sais que tu vois c'est un truc là je suis pas trop sûrmaintenant si c'est à refaire tu vois je suis content quand même de l'avoir fait au débutfrom scratch justement parce que je trouve ça ça me sécurise d'un côté sachant que je sais quand
01:06:56 :même je me considère pas expert en tout ce qui est infrastructure etc mais tu vois ça m'est arrivédes fois d'avoir des parce que justement par exemple j'avais peut-être mal codé un truc surdocstring et au niveau de la base de données ça faisait trop de requêtes etc et du coup là de
01:07:13 :pouvoir vraiment ouvrir un terminal te loguer sur ton sur ton shell être vraiment sur ta machinevirtuelle et puis aller dans la base de données regarder tout ce que tu veux enfin vraiment allerdans les entrailles du truc tu vois je trouvais ça super cool alors qu'avec les pas souvent t'as
01:07:28 :quand même un petit peu une couche par dessus me semble que généralement tu peux quand même accéderau serveur avec ton terminal mais mais des fois en fait ils mettent tellement de couches par dessusque c'est un peu chiant par exemple sur ta sur ta base de données ça se peut qu'en fait elle soit
01:07:42 :sur un autre truc et que pour y accéder ce soit ce soit un peu galère quoi après j'ai pas encoretrop creusé ce sujet là donc c'est un truc que j'aimerais bien regarder pour voir à quel pointjustement finalement tu peux pas voir un peu le meilleur des deux mondes avec un truc à 90%
01:07:56 :automatisé et quand même ce qu'il faut pour pouvoir aller creuser si jamais tu as un problèmemais mais ouais c'est assez c'est assez cool quand même de voir maintenant que comme je vous dis dansles formations ce que je n'ai pas encore fait de formation sur le déploiement alors il ya
01:08:10 :plusieurs raisons pour lesquelles je les ai pas fait la première c'est que déjà comme je vousdisais en fait c'est que c'est pas une formation c'est que en fait il ya le tuto de digital oceande base en fait qui explique comment déployer un site avec django sur un ubuntu ou équivalent
01:08:26 :qui est ultra bien fait en fait et moi je vois pas ce que je pourrais faire de plus que réécrireleur tuto et après en fait si vous n'arrivez pas à suivre leur tuto et si vous ne comprenez pasc'est qu'en fait il faut faire un tuto linux un tuto ligne de commande etc donc c'est en fait c'est
01:08:40 :ça c'est qu'il ya beaucoup de compétences annexes qui sont plus du piton dans ce cas-ci et etsachant que là encore donc finalement avec les avec les trucs un peu tout en un je me demandequ'elle est pour quelqu'un qui apprend là je me dis sur un objectif de reconversion d'un an je pense
01:08:58 :que vous avez déjà suffisamment à faire avec le back end à consolider tout ça et je me dis qu'àla fin bah voilà en fait vous vous créez votre votre truc automatique sur heroku digital oceanvous déployez votre code et vous n'avez pas besoin de vous embêter plus que ça et après vous pouvez
01:09:13 :quand vous êtes embauché vous intéressez à tout ça sur le long terme donc je suis encore en trainde réfléchir un petit peu à quel est l'approche la mieux pour pour ça pour maximiser en fait lemaximiser les compétences et l'apprentissage là dessus. Après c'est vrai que c'est hyper complexe
01:09:30 :quand même sur la partie sur la partie infra c'est qu'il ya comme tu dis il ya énormément de chosesmoi je vois du coup dans ma boîte pendant quelques mois un peu moins d'un an j'étais dans la partieinfra et quand je vois de la quantité de choses qui avait assimilé et puis j'ai pas du tout été
01:09:54 :expert dans le domaine mais rien que de toucher à certains outils comme Antivul comme au système defichiers de zfs etc c'est tellement vaste tellement vaste et tellement complexe que c'est vrai que sic'est pour entre guillemets juste mettre un site en ligne c'est vrai que ça je sais pas justement
01:10:18 :comment tu pourrais amener ça sans que ça devienne vraiment un truc hyper hyper vaste hyper complexeen fait c'est que tu as aussi en fait justement dans les maintenant tu as tellement de commentdire tu as tellement de techno qui justement sont sont destinés à des grosses boîtes donc mais qui
01:10:39 :malheureusement en fait c'est un peu ça que je trouve c'est que c'est vu qu'il ya plein de boîtesqui utilisent ces techno forcément après ça se retrouve dans les offres d'emploi et après du coupça se retrouve dans les dans les bootcamp et autres qui veulent te placer le mot clé je pense notamment
01:10:53 :à des trucs comme graphql comme amazon aws comme docker comme et le dernier kubernetes et react jel'ai dit je sais plus donc c'est tous ces trucs là en fait qui d'une entreprise et une autre vontêtre utilisés ou non donc tu vas voir une entreprise qui va utiliser google cloud je sais plus quoi
01:11:12 :j'ai google cloud platform d'autres aws d'autres vont avoir du kubernetes d'autres vont faire desinstances docker donc machin etc etc et et le problème c'est qu'en fait donc tu as des gensqui pensent voilà qu'ils font une formation et on leur apprend docker et kubernetes et ils ontl'impression que voilà toutes les entreprises utilisent docker et kubernetes et que c'est comme
01:11:29 :ça que ça marche etc et en fait tu te rends compte que non et c'est pour ça c'est souvent des trucsque tu apprends sur le tas et ça fait ça fait peur aux gens parce que ils disent ou là si quandtu vois les offres d'emploi c'est voilà il faut il faut maîtriser tous ces trucs là et tu dis ben
01:11:40 :moi je connais pas tout ça de toute façon les voilà les c'est des trucs là encore que vousapprenez sur le tas comme tu dis tu vois tu as été un an dans la boîte et puis tu avais encorel'impression d'être un petit peu en apprentissage de tous ces trucs là donc donc c'est pour ça moi
01:11:53 :je reviens toujours sur les fondamentaux sur je trouve que c'est beaucoup plus intéressant etimportant de finalement savoir utiliser linux et puis se connecter en ssh et puis faire destrucs voilà de l'infrastructure de base que de savoir lancer des dockers et d'être un expertdocker parce que finalement voilà vous allez connaître une techno et puis quand finalement
01:12:13 :on va vous mettre sur un autre truc vous allez être paumé donc donc ouais c'est un peu ma visiondes choses mais ouais puis après au niveau niveau apprentissage du coup ouais sinon c'est ça vousallez cibler des trucs très précis quoi c'est que vous allez vous allez former des gens comme un peu
01:12:31 :réact quoi il y a apparemment c'est bon il ya des gens qui disent que oui on peut former àréact en trois mois et qu'après il ya des gens qui trouvent des boulots là dessus oui après jesais pas si fin je sais pas c'est une grosse un gros débat une grosse question est ce qu'il vaut
01:12:50 :mieux se dire je me mets à fond trois mois sur une techno et puis finalement je saurais fairejuste ça puis ok je vais trouver un boulot et puis après finalement dans le boulot que j'auraistrouvé je vais apprendre tout le reste sur le tas ou est ce qu'il vaut mieux se dire je
01:13:01 :consolide enfin je prends des acquis solides et puis après je vois tous les détails je sais pasc'est différentes façons de voir les choses. Juste une question quand il y en a des données
01:13:14 :sensibles du style données de santé ou bien des données personnelles et il se trouve que les gensà qui on destine le site sont sensibles à la localisation des données etc j'imagine que cesoit avec les Roku ou avec DigitalOcean tu peux paramétrer cela et avoir toutes les assurances
01:13:39 :que tu veux ou non en fait c'est des services américains et tu sais pas garantir la localisationdes données. Alors je sais que tu peux choisir l'endroit de ton serveur après il me semble que
01:13:52 :c'est surtout pour des questions de latence etc je sais que juste cet après-midi d'ailleurs j'airecréé un droplet sur DigitalOcean et je me rappelle tu as le truc tu peux le mettre auxPays-Bas en Allemagne aux Etats-Unis en Australie et je sais plus où mais il me semble que c'est
01:14:08 :vraiment juste une question de tu places le serveur au plus proche de là où tu vas avoir le plusd'utilisateurs pour que voilà que les données partent pas à l'autre bout du monde et reviennent.
01:14:15 :Et ça te garantit pas que la loi applicable tout ça soit pas une loi américaine?Je faudrais vérifier je suis pas sûr, ça m'étonnerait quand même je pense pas que cesservices là je pense que c'est vraiment surtout en premier lieu pour des questions de performanceet tout et ça peut-être je vais vérifier mais ça m'étonnerait parce que je sais surtout qu'en
01:14:38 :fait il y a beaucoup de services qui sont uniquement sur ce créneau là en fait. J'aiplus les noms mais je pense que OVH doit être un peu sur ce créneau là mais il y en a un autreil me semble qui justement est recommandé souvent par l'état français etc quoiqu'ils sont pas les
01:14:59 :meilleurs là dedans mais j'ai plus le nom mais il y a un service je me souviens voilà que c'estvraiment leur... Je connais une boîte qui s'appelle Outscale qui a été achetée par Dassault je crois,
01:15:10 :peut-être OVH, en tout cas c'est le contrat de licence, le contrat que tu signes avec euxquand tu souscris, soit c'est la loi américaine qui s'applique ou de la loi française. Ouais
01:15:22 :ouais bah ça c'est effectivement... Je sais que... Mais toi quand tu nous parles de DigitalOcean oud'Heroku tu cites ces deux exemples mais finalement c'est deux exemples parmi des tas d'autres,on est d'accord? Il n'y a pas un niveau de service particulier, c'est-à-dire si on veut utiliser
01:15:39 :GCP ou AWS ou OVH etc on trouvera à peu près les mêmes services que sur Heroku, DigitalOcean.Ouais ouais ouais ouais, moi c'est vraiment une question d'habitude, une question aussi de... Je
01:15:53 :me pose beaucoup la question tu vois sur... Alors pour te faire un peu l'histoire, tu vois il y aPython Anywhere que j'aimais bien parce que justement je le trouvais très user-friendlycomme on dit en français, parce que justement je trouvais que pour un côté éducation c'étaitbien, t'étais quand même bien guidé etc. Bon après du coup c'était un truc aussi américain.
01:16:12 :DigitalOcean et Heroku je les trouve bien justement aussi dans le niveau un petit peu au-dessus,ils sont quand même... T'es quand même bien guidé, c'est super, les interfaces sont bien faites,
01:16:22 :ils ont des guides super bien faits dès que t'es perdu pour te dire comment ils ont des forums ettout aussi. Quand t'es un petit peu perdu vraiment tu trouves généralement la réponse à ta question,
01:16:30 :donc je trouve ça bien pour des gens qui sont plus juste en niveau j'apprends et je veux justetester de mettre un site en ligne mais qui veulent peut-être commencer à faire des projets un peupour des clients ou quoi. Et après tu vois là j'ai un... Je sais pas si... Enfin c'est pas un ami,
01:16:46 :mais un gars qui m'avait contacté sur Twitter qui fait un système justement d'hébergement et onparle depuis un petit moment parce qu'on a un partenariat qui est en train de se mettre enplace qui pourrait du coup vous intéresser. En fait c'est une question qui me trotte pas mal dans
01:17:05 :la tête parce que je sais que justement il y a beaucoup de gens qui sont sensibles à ça et doncquand il m'avait contacté ça s'appelle Velost, voilà, et je trouve que c'est très cool parceque justement il essaie de faire un petit peu un entre-deux, je vous le mets dans le chat.
01:17:19 :Il fait un peu un entre-deux, je trouve que ça ressemble un petit peu à Python Anywhere justementparce qu'il a mis en place pas mal de trucs pour faciliter par exemple avec Django la recherchedes fichiers statiques etc pour quand même accéder à ton serveur en ligne de commande etc. Donc c'est
01:17:39 :des trucs assez cool et justement son... Si je me trompe pas, il me semble que vraiment son...Je regarde mais son credo c'est justement de dire que toutes les données sont hébergées en France.
01:17:53 :Ouais, voilà, pourquoi est-il important d'héberger en France etc, que dit la loi française,performance etc. Donc c'est ça, c'est bien ça. Et alors le seul désavantage en fait,
01:18:10 :désavantage oui ou non, c'est que du coup c'est beaucoup plus cher. Je sais que le partenariatqu'on était en train de faire tu vois, il avait... Il était d'accord pour me faire je crois... Je
01:18:24 :crois que c'est un 20, 15 ou 20% de réduction, un truc comme ça, pour que je puisse du coup vouspermettre d'y accéder avec cette réduction et c'est quand même dans les 30 ou 40 euros par mois jecrois. Ce qui reste tout à fait raisonnable pour si c'est des besoins professionnels, si vous êtes
01:18:40 :développeur etc. C'est tout à fait abordable. Après c'est sûr que... Et puis ça bon j'imagineque du coup c'est un petit service et ça démarre donc ça peut être pratique pour des petits siteset tout. Après forcément l'idée aussi c'est que vous avez envie d'avoir un truc solide quoi. C'est
01:18:59 :pour ça aussi que des fois moi je connais pas trop les autres grosses alternatives en France,je sais qu'il y en a. Bon OVH forcément c'est des gros trucs quand même donc on peut être... Quoique
01:19:10 :ils ont quand même eu des petits problèmes de départ de feu. Mais après c'est aussi ça un petitpeu des fois de faire la balance et je pense que le gouvernement français a eu un petit peu dessoucis aussi là dessus. C'est un peu la balance entre... Ou DrLib, c'est ça je pense à DrLib
01:19:26 :justement avec qui on a pas mal reproché de trucs récemment et où il disait bah en fait à un momenton est pris entre le fait que tu as 10 millions de personnes qui veulent prendre leur rendez-vouscomme ça dans un pic parce que vaccination etc et il faut que le truc il suive derrière parce
01:19:42 :que le site peut pas être down pendant trois jours et que si on veut à la fois garantir lesdonnées et avoir un truc qui tient la route, bah des fois il n'y a pas de bonne solution. Mais en
01:19:52 :tout cas c'est un gros sujet, c'est clair, il faut se poser la question en amont le plus possible,ça c'est sûr. Donc voilà, est-ce qu'il y a d'autres questions? Ça fait 1h20 cette fois
01:20:08 :qu'on parle. Là c'est bon, j'ai un truc qui sonne, je sais pas si c'est... Non je crois que c'estautre chose. Pardon tu peux répéter une dernière fois ce que c'est que htmx, tailwind, css et
01:20:29 :alpinejs? Quelle est l'utilité des trois? Ouais bah écoute je vais te partager, tac, je vais tepartager, je vais te montrer. Hop, on va partager ça, hop, attention à l'effet d'escalier, une autre
01:20:47 :question là. Ouais Johan, ok c'est toi qui sonnait, j'ai eu un son de sonnerie dans mes écouteurs.Donc htmx, htmx en fait c'est, si on voulait faire simple, c'est principalement effectivementsur ajax, en fait c'est que ça te permet de faire des requêtes ajax très facilement, parce que pour
01:21:09 :ceux qui ont fait, d'ailleurs si vous voulez aller voir, j'avais fait un article sur docstring,si je vais voir ajax, voilà, j'avais fait cet article à l'époque parce que, si je vous montreun petit peu, j'ai pas mis d'exemple d'avant, non, parce qu'en fait une requête ajax ça fait
01:21:31 :15 lignes de javascript, c'est impossible de s'en souvenir si vous faites pas du javascript tousles jours, c'est super chiant, il y a des trucs dans tous les sens, et dans les dernières versionsde javascript c'est une façon plus facile de le faire avec l'API fetch, donc ça simplifie un
01:21:45 :petit peu le code, mais c'est pas encore la folie, vous voyez vous avez quand même besoin d'écrireà peu près 5-6 lignes pour juste faire un truc qui est asynchrone, donc c'est à dire qu'en faitvous allez par exemple ici rentrer des informations, cliquer sur calculer, vous n'avez pas envie
01:21:58 :justement que la page se rafraîchisse pour afficher l'opération, vous voulez envoyer desdonnées du côté du back-end et récupérer ces données, les afficher sans avoir besoin derafraîchir la page. Donc c'est ça un petit peu l'exemple, et vous voyez que là donc ça fait
01:22:12 :quand même, voilà au final vous voyez ça fait tout ça ici, parce que là vous avez besoin derécupérer le jeton CRF, vous récupérez les données, vous faites les, voilà, enfin il y a plein plein detrucs à faire, et htmx en fait tu vois ça te permet de faire tout ça, hop, comme ça, en une ligne
01:22:26 :directement dans ton html, c'est en fait un truc que justement on voit de plus en plus, tailwindc'est pareil, c'est qu'en fait ça fait peur au début parce que vous allez surcharger votre htmlde plein de choses, mais finalement c'est assez génial parce qu'en fait vous faites tout au même
01:22:41 :endroit, vous n'avez pas besoin de vous embêter à passer d'un fichier à l'autre, à vous demandercomment vous nommez des trucs, à faire plein plein de trucs dans tous les sens, vous avez toutqui est, toute la logique en fait se retrouve au même endroit, et c'est vrai qu'au début ça fait
01:22:54 :peur parce qu'on a des fichiers html qui sont assez gros, mais en fait vous, moi je me pose plus laquestion, voilà je vais dans mon html, je sais que c'est là, je sais que c'est là que ça se passe,autant au niveau de la logique dans le cas de htmx que du styling avec tailwind. Donc
01:23:06 :ça permet de faire plein de trucs, voilà, tu vas pouvoir lui dire va faire une requête getà cette adresse, le trigger dans ce cas-ci tu vois le input, donc tu as différentes façons de lancercette requête, ça peut être quand tu cliques sur un bouton, ça peut être là tu vois le trigger c'est
01:23:26 :mouse enter, donc c'est vraiment juste quand ta souris va rentrer dans le div, ça va faire unerequête post à cette url, et après tu vas pouvoir récupérer les données qui sont renvoyées parcette vue dans ton target, donc tu vas pouvoir lui dire par exemple quand tu vois là c'est le
01:23:41 :keyup, donc tu vas lui dire quand tu arrêtes de l'écrire, ça va faire une requête à trigger delay,ça va récupérer les informations que cette vue va te donner, et ça va afficher les informationsdans ce div qui est ciblé par le htxtarget. Donc tu vois tu as trois lignes de code qui te permettent
01:24:02 :d'éviter d'avoir à écrire 25 lignes de javascript, et donc quand tu en fais comme tu veux en faire àbeaucoup d'endroits, ça sauve la vie. Donc ça c'est htmx, tailwind css, donc c'est assez compliqué
01:24:19 :à résumer, pour résumer ça te permet en fait de faire du css un peu inline si tu veux, mais avecdes noms de classe, donc là tu vois assez rapidement que directement dans ton html tu écris les nomsde classe et ça va te permettre de changer le style. Donc ça fait effectivement des trucs très
01:24:35 :gros, tu vois là on a un html avec plein de css dedans du coup, mais ça te permet en fait, c'estvraiment une philosophie complètement différente et on peut passer des heures à parler de pourquoien fait ça a été inventé, pourquoi c'est à la fois adoré et détesté, mais moi en fait je
01:24:54 :peux vraiment plus m'en passer et c'est vraiment super plaisant. Donc ça c'est vraiment pour lecôté css, ça ne t'enlève pas la nécessité d'apprendre quand même le css parce que tuvas utiliser plein de concepts de css, donc c'est pas comme bootstrap où des fois avec bootstrap tupeux t'en sortir un petit peu sans forcément savoir faire du css, là ça va être beaucoup
01:25:15 :plus granulaire. Donc voilà pour tailwind et alpine. Alpine c'est vraiment celui que j'ai leplus de mal à décrire, ça permet de faire plein de petits trucs là encore qui sont assez chiantsgénéralement à faire, comme par exemple voilà tu veux montrer quelque chose, c'est assez dur à dire,
01:25:36 :comment, parce que tu as des attributs, tu as des propriétés, tu as des méthodes et avec tout çaen fait je pense le mieux ce serait de montrer un exemple sur docstring. Ici j'ai du alpine,
01:25:55 :alors qu'est ce que je fais? J'ai pas encore trouvé énormément de cas de figure dans lesquelsc'est absolument indispensable. Là j'en ai mais je l'utilise pas. Après c'est quand même...
01:26:08 :Où est ce que je l'utilise? Ok, xdata. C'est encore un que je suis en train... Voilà ok doncje vais te partager mon pycharm. Donc tu vois là par exemple ici, c'est un peu le bordel ce
01:26:31 :truc là, mais voilà. Donc tu vois en fait je set des données ici sur ce div et je dis que si ladifficulté de la session est 1, je mets true ou false et je le stocke dans easy selected,medium selected ou hard selected. Donc ça me permet de créer une variable en gros qui va être
01:26:53 :à true ou false en fonction de la difficulté de la session et ensuite ça va me permettre icid'appliquer une classe en fonction de cette variable. Donc ça te permet en fait de faire de
01:27:05 :la logique si tu veux avec le clic aussi qui va afficher des trucs différents en fonction decette variable. Donc ça te permet en gros de faire du javascript un petit peu simplifié,
01:27:17 :plutôt ici que d'avoir à écrire des callbacks. Donc d'avoir à faire un fichier javascript ouun script ici et de faire une genre de fonction de callback comme ça qui dirait, donc là unefonction de callback que je pourrais mettre ici dans le onclick. Tu vois je pourrais faire ça,
01:27:36 :dire callback et dire que if this.classlist.contains je sais pas quoi alors tu fais ça etc. Donc là tuvois je ferais plein de logique javascript. Donc plutôt que de faire un truc comme ça qui soit
01:27:52 :en plus différent pour chaque bouton, là je définis quelques variables et après c'est toutsimplement avec des directives je dis la classe en fonction de cette variable tu mets un border ou tumets rien et quand tu cliques dessus tu vas changer justement la valeur de la variable et du coup avec
01:28:09 :ces deux petites lignes sur les trois boutons ça me permet de, et là je pourrais encore simplifierparce que là il y a un petit peu de répétition, je pense qu'à la fin je pourrais arriver avec unseul bouton pour éviter un petit peu de répétition de code. C'était pas forcément très très clair,
01:28:21 :c'est je te dis assez difficile je trouve à résumer mais tout ça en gros ça permet de fairedes choses directement dans ton HTML qui t'évite d'écrire du CSS, du javascript et d'écrire 15lignes de code là où tu peux maintenant en écrire une ou deux pour des trucs que tu as besoin de
01:28:39 :faire très souvent. C'est du framework front. Oui alors ouais htmx ça parle pas mal avec leback du coup mais tu vas effectivement, tout le htmx va être intégré au niveau du front,c'est juste qu'après tu vas faire des appels au back donc tu vas quand même faire de l'aller
01:28:59 :retour entre les deux. Mais etailwin là pour le coup c'est vraiment du 100% front, c'est un peu,on pourrait dire c'est un peu du bootstrap, c'est du bootstrap plus flexible, next level,plus récent, enfin non même pas je dirais même pas plus récent, c'est différent, c'est différent,on peut pas vraiment comparer les deux. Mais ouais j'ai prévu là aussi tu vois de faire des tutos
01:29:26 :là dessus et je sais pas trop comment les aborder parce que je pense qu'il faut vraiment, soit ilfaut vraiment refaire justement l'historique de pourquoi on arrive à ça et on peut du coup fairepresque un tuto complet sur pourquoi on a besoin de tout ça ou alors en gros juste faire un tuto
01:29:40 :sur montrer comment l'utiliser, dire aux gens bah vas-y testez et puis vous allez voir assezrapidement si vous aimez ou pas. Mais je pense que c'est plus une évolution tu vois, je préfère
01:29:47 :dire à des gens d'apprendre du CSS, de voir pourquoi ça peut être problématique et pourquoic'est chiant de toujours passer entre ton HTML, ton CSS, tu sais jamais comment nommer les trucspour que naturellement après quand t'arrives à un tuto tailwin en fait tu te poses même pas la
01:29:59 :question, tu sais pourquoi t'es là quoi. Je pense que c'est bien aussi en fait en général, c'est unpeu comme le HTML tu vois, je pense que justement il y a quelqu'un qui m'avait posé la questionrécemment dans la communauté, qui me posait justement la question sur HTML etc et donc
01:30:14 :le meilleur façon de le montrer c'est de dire bah regarde, regarde en fait, essaye de faire unerequête AJAX, regarde pourquoi on a besoin de HTML, donc tu montres à quel point c'est chiant defaire une requête AJAX et après naturellement tu vas comprendre pourquoi tu as besoin de HTML.
Aucune occurrence trouvée pour « ».