Session du samedi 18 juin à 20:30

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

Découvrir les formules

Voir le détail des fonctionnalités

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.

Rechercher dans la transcription

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 proposer de 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 tous vu 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 on est 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 le chat. 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 me demande même si c'était pas directement lors de la dernière session que quelqu'un avait posé cette question, 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'était Vincent 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 ce matin 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'un autre. 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 Classroom aussi, 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 peut aussi 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 vous avez 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 le sens où, moi je l'entends souvent plus par le fait que les gens ne savent pas en fait qu'on peut faire 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 pas bon 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 sur Youtube faut faire gaffe parce que c'est ça que j'avais en tête sur Twitter, dans les commentaires sur Youtube vous allez souvent avoir des gens qui vont un peu défendre leur paroisse, c'est ça l'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 ça pour le web, donc souvent ça va être des gens qui sont à fond dans JavaScript ou PHP ou d'autres langages, 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ée de voilà des gens qui vont dire qu'un langage n'est pas fait pour l'un ou l'autre, moi j'aime pas 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 convaincre en 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 et Udemy justement aussi, Udemy parce que beaucoup d'entre vous le connaissent, mais Instagram par exemple 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 plus vraiment le cas, mais que Instagram en fait utilise Django, en tout cas je sais pas si c'est le cas encore 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ès souvent en fait dans les gros sites vous allez rarement avoir une seule techno qui va être utilisé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 faites avec d'autres langages, quand c'est dans des grosses entreprises comme ça généralement vous allez avoir par 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 transition et 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ès populaire parce qu'il permet de faire à la fois le front et le back, ce à quoi moi je mets toujours des 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'est pas tant JavaScript qui va te faire le front, c'est surtout du HTML, CSS et après JavaScript va te permettre d'utiliser effectivement des frameworks comme React ou Vue, mais qui je trouve sont très souvent 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 pas forcé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 faire le back et après sur le front la première chose qu'il va devoir apprendre c'est HTML, CSS et il peut 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 faire des trucs tout cons, d'ouvrir un modal, de faire des trucs un petit peu interactifs, mais on peut trè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 la front-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 à moins qu'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é la petite invitation, vous devriez pouvoir rejoindre si vous voulez, si vous voulez participer à 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écifique pour 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'un qui 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 rapidement et nous en VFX vu que donc VFX, effet visuel, si j'utilise cet acronyme c'est le raccourci pour effet 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 est obligé toujours de, enfin c'était un truc, comment dire, un domaine où il fallait vraiment être très rapide 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 vraiment logiciels où là vous allez avoir beaucoup plus de tests par exemple ou de temps pour développer des 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érents frameworks donc il y en a plein si vous regardez, si vous tapez Python framework web sur internet vous 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 notamment Flask et Django qu'on met souvent un petit peu en opposition alors qu'il n'y a pas vraiment lieu de les 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 que j'ai inclus qui est tout nouveau qui date d'il y a deux ans à peu près, deux trois ans peut-être gros max, je l'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 trucs qui existent depuis 10-15 ans et qui ont jamais vraiment, qui ont des communautés très spé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 nouvelles fonctionnalités de Python à savoir les annotations de type et il permet de faire très rapidement des API 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 et ensuite généralement la version de l'API et ensuite vous allez pouvoir par exemple récupérer des informations, 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 sont connecté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 les gens vont pouvoir faire des requêtes vers ces URLs pour récupérer des informations et donc la caracté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 populaire c'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ées JSON 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 faire facilement 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 être utilisé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'utiliser FastAPI. 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 permet de faire des API REST avec Django donc je ne verrais pas trop trop l'intérêt de partir sur du 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 des informations, c'est pas quelque chose que vous allez pouvoir directement afficher, si je vais sur 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 web où 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'on voit en fait dans les sites web un peu modernes, c'est en fait une Django, enfin Django ou Flask ou 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 et ensuite 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 des fois 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 utiliser du 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 un peu un truc tout en un, vous allez déjà avoir l'interface d'administration qui est très bien foutue que moi j'utilise à 99% pour gérer l'intégralité de docstring, ça va vous permettre par 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 la base 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 vous n'avez pas d'interface d'administration, vous allez pas avoir de base d'un ORM, donc si vous utilisez Flask il va falloir utiliser un ORM et vous allez avoir le choix, vous pouvez utiliser SQL 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 Object Relational Mapping, ça permet en fait de manipuler une base de données dans ce cas-ci avec du code Python 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 avoir des gens qui vont faire un site WordPress parce qu'ils vont vendre leur site à un client et ils ont 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 les produits 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'ajouter des 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 vous permettre 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 les formations. 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 du CSS 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'est vraiment ce qui va te permettre de faire les feuilles de style, donc le visuel, le visuel de 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 qui sont des fichiers HTML avec juste la possibilité de faire un peu de logique dans le fichier HTML si 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 tous les articles de boucler sur les articles et de ne pas avoir à répéter le même code HTML plusieurs fois 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 que je 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 vous avez 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 vous allez afficher des informations et vous pouvez faire le test vous ouvrez Visual Studio Code vous 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 votre fichier et après vous si vous voulez vraiment faire un site fonctionnel vous allez rajouter du 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 vitrine par exemple si vous faites un site pour un client qui va avoir trois pages sur son site par exemple un 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 vous n'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 partie logging avec un utilisateur avec des clients etc bah là vous allez devoir effectivement avoir une base de données et du coup un langage côté backend que ce soit Python, JavaScript ou peu importe qui va vous permettre de faire toute cette logique. Sa réponse était un peu...

00:24:25 :On peut avoir des clients qui veulent un site avec plein de couleurs, plein de design et là il va falloir bien connaître le CSS, comment maniquer ça.

00:24:38 :Ouais mais justement en fait tu vois c'est pour ça que je vais y revenir après dans ma partie backend frontend, ça dépend vraiment en fait ce pourquoi vous vous destinez si par exemple vous souhaitez 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 être intéressant de quand même s'intéresser un minimum au frontend aussi parce que vous allez potentiellement avoir 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 important peu importe ce que vous souhaitez faire parce que même si vous souhaitez être full stack à long terme, 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 bouton qui n'a pas un bon padding ou qui n'est pas stylisé exactement comme il faut mais que quand on clique dessus ç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 ça supprime 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 vais y revenir mais il y a beaucoup de gens qui critiquent bootstrap je trouve que pour des gens qui 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 je trouve 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 frontend là 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 rien codé là dessus c'est vraiment c'est presque ma base de données qui est affichée comme ça donc vous 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 base de données qui me permet de changer voilà la date à laquelle il a été sorti est-ce qu'il est publié 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 comme je vous disais il y a quelques par exemple pour les articles de blog je me suis fait une interface custom 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 je vous repartage le notion ici donc donc est-ce que est-ce que c'est clair un petit peu django donc vraiment si vous avez besoin d'un site assez complet avec une interface d'administration avec 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 django c'est d'avoir un truc qui est trop complet pour ce que vous avez besoin de faire ce qui je trouve est 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 taper un an pas taper un clou mais un autre truc le quoi ouais c'est ça ouais c'est le côté un peu zinaga c'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 des trucs 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 jardin quand il fait beau et quand il pleut exemple typique voilà effectivement si vous installez django vous allez jamais en fait aller faire l'affaire utiliser une interface administration sur 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 ça ferait du sens de ne pas utiliser django après si vous commencez à créer un site vous êtes pas encore 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'utiliser django au lieu de flask voilà donc est ce que est ce que ça va pour ça pour les différents frameworks 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 pour faire du du entre guillemets full stack alors on a eu deux interventions en même temps jean 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 autres ok bon bah jeanne c'est juste toi qui n'entend pas les autres alors ouais essaye parce qu'apparemment les autres s'entendent tous bien donc ouais essaye 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'administration c'est plus compliqué ouais effectivement là dans un cas comme ça c'est pour ça que je dis enfin ç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ûr mais parce que forcément alors ça dépend en fait c'est ce que tu vas réfléchir si tu utilises le mê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 être pas ê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 risques quand même en te lançant dans Django ça couvre un peu tous les cas de figure tu vas pouvoir faire 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 besoin et de graduellement par la suite effectivement changer ton application pour passer sur du flask aprè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 donc pourquoi j'ai noté ces petits trucs là donc voilà premier truc consolider le backend moi je trouve que 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 je crois que c'est Vincent ou Arthur je sais plus qui justement était en train de faire le projet to-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 que tu es en ce moment Johann c'est le fait d'apprendre au départ d'apprendre les deux en même temps vous allez 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 du tout genre si vous faites du CSS et du Python vous allez vite vous rendre compte ou du javascript pour 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 à vous allez vous allez passer votre temps à voilà à dire bon bah là je crée un utilisateur je vérifie une 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ètement différent vous allez alors avec certains trucs de CSS maintenant il ya un petit peu de logique de 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ètement différent du coup vous allez vraiment faire de la stylisation vous allez rentrer dans des notions de UI donc d'interface qui sont complètement différents du coup du du backend HTML pareil vous 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 mais pour manipuler votre page web et quand vous faites les trois en même temps quand vous apprenez les trois 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 programmation en même temps le CSS c'est un truc HTML et CSS on a l'impression que c'est un truc on peut apprendre une 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 formations là il ya quelques presque un an maintenant que ça m'a permis justement de comprendre un petit peu des 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 personnellement je passais une heure à faire un truc alors que quelqu'un qui était vraiment développeur content il le ferait en cinq minutes donc donc c'est vraiment voilà c'est des langages différents c'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 au niveau de l'exécution et c'est ça que donc je reviens sur ce que je disais à propos de Vincent ou 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 les deux 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 pour supprimer le tout doux elle passait au niveau du front et ou au niveau du back il savait plus trop 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 justement pas 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 pour que 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 pas grave quand je clique sur le bouton ça fonctionne quand je clique quand je fais toute la logique ça fonctionne 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 une bd en fait qui montre en quatre en quatre lignes le comment j'ai retrouvé ça en fait il y a l'idée que 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 de il ya toujours l'idée ouais ok c'est ça voilà j'ai trouvé yes je l'ai trouvé alors voilà je vais vous le partager alors désolé c'est un peu long les partages d'é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 en fait 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 que vous tombiez là dedans mais en freelance c'est un écueil que je vois tout le temps c'est qu'en fait 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 en fait vous allez très rapidement vu que c'est très visuel et c'est aussi assez sympa vous allez très rapidement 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 allez passer trois jours à faire une page que potentiellement le client finalement va vous dire bon en fait j'en ai pas besoin ou alors que vous même vous allez vous rendre compte que finalement vous 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 plus de temps que nécessaire justement parce que vous n'êtes pas super à l'aise avec le front donc en fait 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 mois pour faire un projet bah petit à petit vous allez perdre du temps sur ces choses là et le risque c'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 vous vous dites bon ok moi je vais faire je vais faire les roues ensuite je vais faire les roues avec le bas 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 fait on doit avancer le déploiement deux semaines avant la date prévue donc il n'y a plus le temps faut 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 ou l'autre soit vous avez un truc qui roule mais vous n'avez pas de toit et donc ça va être un et 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ètement inutilisable. 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 dont vous avez besoin et finalement donc la dernière étape ici c'est ce qui est conseillé donc c'est voilà vous arrivez avec un truc minimum qui va remplir le cahier des charges minimum en fait c'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'est quoi vraiment tous les éléments absolument critiques dont vous avez besoin et vous allez les faire en priorité donc vous allez faire déjà tout le back-end genre je peux ajouter un produit je 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 qui fonctionne que un front à la moitié cassé etc pour un client il vaut quand même mieux avoir un minimum 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 mieux commencer avec un bootstrap tout simple avec justement des boutons qui sont classiques avec un 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 carrosserie avoir des roues et comme ça si jamais il ya un problème ou faut sortir le truc rapidement bah vous 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 carrosserie etc etc donc voilà c'est très très important d'avoir ça en tête et quand vous construisez un projet pour pas justement partir dans tous les sens parce que ça c'est vraiment l'écueil que je 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à moi je conseille déjà avant de trop partir en du front end de consolider le back end si vous êtes moi je conseille 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 assez chambrelant 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 arriver et c'est pour ça que je dis trois à six mois il vaut mieux passer à un premier donc une première moitié 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 bac pardon et s'assurer que voilà que vous êtes à l'aise que vous avez commencé à faire des projets qui 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èmes et de cas de figure possible et après dans un deuxième temps une fois que vous êtes assez confiant 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 faire un site mais ça va être là pour le coup vous pouvez passer une ou deux journées à apprendre si 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 allez retourner avec django et après donc effectivement commencer après six mois une fois vous êtes assez confiant 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 react et qui disent oh là faut que j'apprenne react qui vont commencer à apprendre du javascript parce que react 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'était le truc assuré pour perdre six mois et arriver au bout du chemin et savoir faire à peu près c'est le 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 à dire benjamin code sur youtube parce qu'il a fait une vidéo sur laquelle je suis d'accord où il parle de 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 bootstrap parce que c'est un peu c'est même aller contre contre votre propre emploi parce que maintenant avec css avec toutes les merveilles qu'on a en front vous n'avez pas besoin de passer par bootstrap vous 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 des choses qui vont être beaucoup plus granulaires qui vont vous permettre de faire des choses plus professionnelles plus plus avancées et de façon mieux qu'avec bootstrap mais bootstrap je trouve que 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 les profils que je vois il ya déjà il faut savoir qu'un dev full stack c'est très rare moi les seuls 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'on pourrait appeler full stack je me mets là dedans c'est plutôt des gens back end qui savent faire du 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 que vous pouvez vous rendre compte que le site fonctionne qu'il est pas trop dégueulasse que 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 suis pas moi dev front end c'est que je sais que je développe probablement deux fois plus lentement qu'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 donc c'est dans cette optique là que je dis que je ne suis pas dev front end et moi je n'aime pas enfin c'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 donc j'ai pas envie de m'emmêler les pinceaux dans du javascript sachant que je ne suis pas un expert dedans 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 alors imaginer quelqu'un qui en a fait depuis deux mois c'est assez complexe et surtout parce qu'en fait on 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 faire disparaître un truc etc c'est tout à fait suffisant donc ne tombez pas dans les cueils moi 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 je sais plus un élève qui non je crois que c'était un autre vincent qui est dans la communauté si je me 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 justement c'est d'avoir un site avec cet effet un peu de vous l'avez probablement vu de ne pas avoir de rafraî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 finalement quand 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 marche bien etc plutôt que de partir dans un monolithe avec du react mal maîtrisé qui va effectivement peut-ê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 le voyez dans le aller plus loin il ya des c'est quelque chose qu'on voit de plus en plus justement je 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 ya des trucs dans tous les sens maintenant tous les deux mois il ya des nouvelles techno tous les deux 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 des projets où il ya 5000 dépendances c'est un peu le le le gag en fait à chaque fois de si vous regardez 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 avec node.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 plein de trucs donc donc voilà ça fait des projets où plus personne comprend rien même les développeurs eux même quand ils reviennent six mois après ils comprennent plus comment ça marche et finalement il 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 trop voulu s'embarquer dans plein de javascript et qu'on s'est rendu compte qu'en fait on n'en avait pas besoin 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 pas avoir une page qui se rafraîchit pour juste quand on se met un formulaire du coup c'est un peu cette stack 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 peu difficile à décrire j'arrive jamais à décrire celle là ça permet de changer des états sur la page 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 code donc en fait l'intérêt de ça c'est que vous avez des bibliothèques qui sont très légères qui permettent 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 un truc très très léger très facile très très facile à apprendre aussi et très facile ensuite à utiliser et 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 50 minutes 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 mon htmx 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'html css ensuite un framework comme bootstrap pour faire des trucs un peu plus jolis un peu plus facilement 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 des révolutions dans le domaine de l'interface qui ça va pas être des trucs incroyables etc mais ça sera 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 faire du freelance je vous rappelle donc que quand vous allez être embauché en fait il ya différents cas 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 full stack donc un mec qui a dix ans d'expérience ils vont en engager un qui vont payer 150 000 à l'année mais 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 et qui vont pas trop savoir quoi faire donc voilà et après en fait souvent dans les offres d'emploi vous 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 et c'est intéressant d'avoir des gens qui connaissent un petit peu le front-end mais par voilà parce que 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éveloppeur front-end et moi je connais très peu de développeurs à l'inverse qui sont spécialisés front-end et qui font 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'inverse mais je trouve que de façon logique quelqu'un qui fait un site incroyable en front-end qui va pouvoir 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'est pas trop sûr et qui finalement il fait une mauvaise manip et il supprime des données ou il fait un truc 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 donc l'inverse en fait plutôt que de consolider le back-end et après toucher un petit peu front-end qui fasse l'inverse donc c'est quelqu'un qui va faire du html du css principalement il va passer trois 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 du balisage css pareil ça va être du visuel donc vous allez passer trois à six mois à pas du tout 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-être commencer à faire de la logique mais là encore ça va être de la logique adaptée au front donc vous 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 changer les tels classes donc ça va être très lié au visuel et si finalement donc après tout ça vous vous 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-end c'est pas pareil mais là encore plus parce que je trouve que voilà vous allez devoir utiliser donc si 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 une application donc ça va être comment je quelles applications je crée comment je gère mes utilisateurs où 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 gens souvent même aussi par intérêt en fait les gens qui font du front-end généralement ont un peu moins d'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 tripatouiller des bases de données et des trucs comme ça alors qu'à l'inverse je vois souvent des gens qui font du 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 bootstrap donc 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écents htmx, tailwind et alpine je crois que les trois ça fait pas plus de deux ans trois ans gros max je pense 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'on appelle le devops plus ou moins donc les logiques de déploiement de CICD c'est des trucs qui sont CICD c'est l'intégration et le déploiement continu donc c'est l'idée d'automatiser en fait le donc de 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 en gros l'idée que vous allez vous allez être capable de mettre votre site en ligne alors pourquoi je me le mets dans aller plus loin et je trouve que c'est pas forcément une quelque chose 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 livrer le 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 être justement un truc assez important et un point assez névralgique de l'application donc là encore ils 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'est l'idée de mettre votre code sur un serveur et de mettre votre site en ligne pour faire tout simple et 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és dans 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éploiement parce que le déploiement le problème c'est que vous allez être confronté à beaucoup de problématiques à côté serveur moi par exemple j'ai déployé ad hoc strings sur digital ocean et j'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 serveur de déployer votre code de s'étouffer plein de trucs en fait qui sont qui nécessite des compétences en 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é dans des 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 code et moi c'était l'inverse j'étais bon en code et quand je suis arrivé dans la boîte en fait je connaissais 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 des trucs justement c'est là aussi que pour répondre à la question au tout début là de Lionel c'est là 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 as réinstallé une autre version de Python et ça a créé un conflit avec la version de base qui é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 qui comprend rien à rien donc au début ça fait très peur et si t'as pas vraiment un gars qui a de l'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 une formation vraiment là dedans et c'est des trucs assez compliqués donc tout ça pour dire que justement il y a des plateformes comme DigitalOcean et Heroku qui se sont rendu compte qu'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 le côté déploiement à la limite une fois que votre truc fonctionne c'est ce qu'on dit souvent avec Linux 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 allez avoir 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 va gérer tout ça pour vous c'est qu'en fait vous allez maintenant sur DigitalOcean c'est pour ça que je 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étences que vous avez besoin de connaître qu'on apprend généralement beaucoup sur le tas et c'est cool après d'avoir des formations là dessus mais c'est tellement de compétences en fait transversales c'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 va vous apprendre tout ça ou alors là encore ce sera un cours de 80 heures sur 10 sujets différents qui 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 un site 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 serveur il va installer Django il va installer la base de données il va faire tout ce qu'il faut et à la fin limite 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 sur DigitalOcean la plateforme va s'en rendre compte et il va déployer le truc automatiquement et il va tout 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 DigitalOcean ces trucs là ça coûte 10 15 20 20 dollars par mois pour vous donner un ordre de grandeur moi du 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 viennent tous les jours pour faire des exercices pour regarder des vidéos etc et ça tient très bien et 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 50 dollars et si on scale donc si on augmente les capacités tout ça les bases de données là ça peut 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'est un très bon site je vous le mets dans le chat parce que c'est intéressant de le connaître c'est en anglais 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 du coup un PAS et il paye 700 dollars par mois je crois et du coup quand il en parlait dans le podcast 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 disait en fait si je ne payais pas 700 dollars à Heroku qui gère tout pour moi finalement ben 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égler les problèmes au cas où etc et c'est ce que fait directement le Heroku qui paye du coup 700 dollars par 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 absolument tout mais du coup même tout ce qui est backup et redondance éventuellement sur sur deux serveurs etc. 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 sont un 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 vois récemment là j'ai vu que mon au niveau du disque là je commence à être un petit peu short sur le droplet 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à ça va te coûter 5 dollars par mois tu le rajoutes il s'occupe de lier ça à ton à ton VPS et à ce que ce 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 pareil c'est en fait tu vas lui dire à un moment tu vas c'est vraiment c'est enfantin quoi c'est t'as des sliders 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 va gé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 tu vois tu peux dire fais moi un backup de tout le droplet donc ça va te coûter je crois que c'est un 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'as vraiment une grosse flexibilité là dessus et vraiment je trouve que c'est vraiment pas cher par rapport à enfin bon c'est sûr que ça dépend toujours au début quand bon si t'es étudiant et que 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 moi c'est ça qui me rend assez que je trouve assez dingue quoi tu peux faire tourner un docstring sur 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 qui fait tourner tout le site ça en coûte 10 quoi je trouve ça assez fou mais le fait de pas avoir toute 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ûr maintenant si c'est à refaire tu vois je suis content quand même de l'avoir fait au début from 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 sur docstring 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 machine virtuelle et puis aller dans la base de données regarder tout ce que tu veux enfin vraiment aller dans 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éder au serveur avec ton terminal mais mais des fois en fait ils mettent tellement de couches par dessus que 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 encore trop creusé ce sujet là donc c'est un truc que j'aimerais bien regarder pour voir à quel point justement 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ème mais mais ouais c'est assez c'est assez cool quand même de voir maintenant que comme je vous dis dans les 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 vous disais en fait c'est que c'est pas une formation c'est que en fait il ya le tuto de digital ocean de 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éécrire leur tuto et après en fait si vous n'arrivez pas à suivre leur tuto et si vous ne comprenez pas c'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 et sachant que là encore donc finalement avec les avec les trucs un peu tout en un je me demande qu'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 ocean vous 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 train de réfléchir un petit peu à quel est l'approche la mieux pour pour ça pour maximiser en fait le maximiser 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 choses moi je vois du coup dans ma boîte pendant quelques mois un peu moins d'un an j'étais dans la partie infra 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 de fichiers de zfs etc c'est tellement vaste tellement vaste et tellement complexe que c'est vrai que si c'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 complexe en fait c'est que tu as aussi en fait justement dans les maintenant tu as tellement de comment dire 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îtes qui 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 je l'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 des instances docker donc machin etc etc et et le problème c'est qu'en fait donc tu as des gens qui pensent voilà qu'ils font une formation et on leur apprend docker et kubernetes et ils ont l'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 trucs que tu apprends sur le tas et ça fait ça fait peur aux gens parce que ils disent ou là si quand tu 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 vous apprenez sur le tas comme tu dis tu vois tu as été un an dans la boîte et puis tu avais encore l'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 et important de finalement savoir utiliser linux et puis se connecter en ssh et puis faire des trucs voilà de l'infrastructure de base que de savoir lancer des dockers et d'être un expert docker 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 vision des choses mais ouais puis après au niveau niveau apprentissage du coup ouais sinon c'est ça vous allez 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 je sais 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 faire juste ça puis ok je vais trouver un boulot et puis après finalement dans le boulot que j'aurais trouvé 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 pas c'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 ce soit 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 localisation des 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'ai recréé un droplet sur DigitalOcean et je me rappelle tu as le truc tu peux le mettre aux Pays-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 plus d'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 ces services là je pense que c'est vraiment surtout en premier lieu pour des questions de performance et 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'ai plus les noms mais je pense que OVH doit être un peu sur ce créneau là mais il y en a un autre il 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'est vraiment 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 eux quand 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 ou d'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 a Python Anywhere que j'aimais bien parce que justement je le trouvais très user-friendly comme on dit en français, parce que justement je trouvais que pour un côté éducation c'était bien, 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 et tout 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 juste tester de mettre un site en ligne mais qui veulent peut-être commencer à faire des projets un peu pour 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 on parle depuis un petit moment parce qu'on a un partenariat qui est en train de se mettre en place 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 donc quand il m'avait contacté ça s'appelle Velost, voilà, et je trouve que c'est très cool parce que 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 justement parce qu'il a mis en place pas mal de trucs pour faciliter par exemple avec Django la recherche des 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 partenariat qu'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 vous permettre d'y accéder avec cette réduction et c'est quand même dans les 30 ou 40 euros par mois je crois. 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'imagine que du coup c'est un petit service et ça démarre donc ça peut être pratique pour des petits sites et 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 petit peu des fois de faire la balance et je pense que le gouvernement français a eu un petit peu des soucis 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 moment on est pris entre le fait que tu as 10 millions de personnes qui veulent prendre leur rendez-vous comme ç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 les donné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'est autre 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 te partager, 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 effectivement sur 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 montre un 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 tous les jours, c'est super chiant, il y a des trucs dans tous les sens, et dans les dernières versions de 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 fait vous 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 des données du côté du back-end et récupérer ces données, les afficher sans avoir besoin de rafraî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 de récupérer le jeton CRF, vous récupérez les données, vous faites les, voilà, enfin il y a plein plein de trucs à 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, tailwind c'est pareil, c'est qu'en fait ça fait peur au début parce que vous allez surcharger votre html de 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 demander comment vous nommez des trucs, à faire plein plein de trucs dans tous les sens, vous avez tout qui 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 la question, 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 lancer cette 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 une requête post à cette url, et après tu vas pouvoir récupérer les données qui sont renvoyées par cette 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 informations dans 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 avec des noms de classe, donc là tu vois assez rapidement que directement dans ton html tu écris les noms de 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'est vraiment une philosophie complètement différente et on peut passer des heures à parler de pourquoi en 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 le côté css, ça ne t'enlève pas la nécessité d'apprendre quand même le css parce que tu vas utiliser plein de concepts de css, donc c'est pas comme bootstrap où des fois avec bootstrap tu peux 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 le plus de mal à décrire, ça permet de faire plein de petits trucs là encore qui sont assez chiants gé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 ça en 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 lesquels c'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 donc je 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 la difficulté 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 ici d'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 de cette 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 ou un script ici et de faire une genre de fonction de callback comme ça qui dirait, donc là une fonction 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à tu vois 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 tout simplement avec des directives je dis la classe en fonction de cette variable tu mets un border ou tu mets 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 simplifier parce que là il y a un petit peu de répétition, je pense qu'à la fin je pourrais arriver avec un seul 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 faire des choses directement dans ton HTML qui t'évite d'écrire du CSS, du javascript et d'écrire 15 lignes 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 le back 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 il faut vraiment refaire justement l'historique de pourquoi on arrive à ça et on peut du coup faire presque 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 assez rapidement 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 pourquoi c'est chiant de toujours passer entre ton HTML, ton CSS, tu sais jamais comment nommer les trucs pour 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 un peu comme le HTML tu vois, je pense que justement il y a quelqu'un qui m'avait posé la question ré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 une requête AJAX, regarde pourquoi on a besoin de HTML, donc tu montres à quel point c'est chiant de faire une requête AJAX et après naturellement tu vas comprendre pourquoi tu as besoin de HTML.

01:30:25 :Voilà voilà, je pense que ouais on va pouvoir s'arrêter ici à moins qu'il y ait d'autres questions, je pense qu'on a fait pas mal le tour. Et ciao Johan du coup qui part et s'il n'y a pas

01:30:41 :d'autres questions bah on peut s'arrêter là. Je commence à... non ça va j'ai cuisiné une demi-bouteille.Je vois Laurent et Yonel qui sont en train de taper, je sais pas si c'est pour dire bonsoir ou dernière question, non ok. Ok bon bah on s'arrête là du coup, bonne soirée tout le monde

Rechercher sur le site

Lance une recherche parmi les centaines de ressources disponibles sur le site.

Formulaire de contact

N'hésite pas à nous contacter si tu ne trouves pas la réponse à ta question dans la FAQ.

Inscris-toi à Docstring

Pour commencer ton apprentissage.

Tu as déjà un compte ? Connecte-toi.