Це відео не доступне.
Перепрошуємо.
Quelles technologies j'ai choisi pour Grafikart.fr ?
Вставка
- Опубліковано 2 лют 2021
- Dans cette vidéo je vous propose de de découvrir ensemble les choix que j'ai fait pour le développement de cette nouvelle version du site.
Article : grafikart.fr/b...
Ce serait superbe une série de vidéo sur le choix des technologies selon les types de projet ( e-commerce , site d'infos, blog, site vitrine, site d'entreprise internationale, documentation, etc. ) .
J’aime beaucoup ce genre de vidéos ou tu partages tes expériences et tes points de vues sur les différentes technologies. Ça aide beaucoup, merci
Une des vidéos les plus intéressantes de la chaine !
Je suis dev pro également et j'ai énormément apprécié ce contenu.
Une analyse complète des besoins (en cas réel, c'est tellement rare) avec une justification pour tous les choix technique; choix des libraires, choix, de l'architecture ,choix des frameworks backend et frontend, comment gérer l'évolution, le déploiement.
Un aspect moins abordés mais qui peut être très intéressant c'est le coût "réel" des services (et p-e aussi comment diminuer/optimiser le cout).
Je profite de mon commentaire pour proposer des sujets:
- Plus de vidéos d'analyses sur des projets réels (si c'est possible sur des missions pour des clients). Ca serait hyper intéressant et plus orienté dev "avancé". Si on ne peut pas montrer le code, le scénario suffit amplement.
- Une vidéo sur tout l'aspect monitoring d'une application (mesurer la performance d'une requête, du site, ... Cibler les erreurs 400 / 500 et montrer comment les résoudres. Comment récolter les logs (que regarder, expliquer les métriques ou faire un live ou on voit 2 personnes regarde les parcours, un suit ma vidéo sur vuejs, 50 € d'abonnements ont été récoltés, ...) mais aussi les analytics style Google ou autre, ...
Merci Jonathan ,
Ton retour d’expérience est vraiment intéressant , personnellement je serais effectivement aussi très intéressé par la recette Ansible
Merci pour cette vidéo : c'est très intéressant d'avoir tes points de vues, de comprendre les questions que tu t'es posé etc pour la conception de ton site ! :D
Merci beaucoup je veux réaliser un jour un site comme le tiens
Ben le chemin est encore long mon pote
euh tu peux commencer maintenant mdrr
@@Reyz3r Tu connais son niveau technique ? Pourquoi être dénigrant envers des gens que tu ne connais pas ?
SUPER comme d'habitude, c'est très bien expliquer avec l'apport d' exemples, votre approche personnelle INDISPENSABLE, la diction et le rythme est vraiment un plaisir à écouter !!! Tout est très bien !!!
Merci à vous , et surtout Bravo pour vos engagements pour les débutants et les novices ...
remerciements profonds pour partage d'expériences et modesté de présentation, personnellement j'aimerai que ca sera pertinente
Merci beaucoup pour cette vidéo, et aussi (surtout) le choix d'avoir mis tout ton site en open source ! Je sais pas quand j'aurais le temps de parcourir les sources mais ça m'a l'air très intéressant !
J'ai fait du PHP pendant pas mal d'années, et je suis passé à Java. Pour le moment je ne regrette pas ce choix, le multi Threading, le typage fort, le typage générique, et surtout tout ce que l'API Java et les librairies tiers offrent, et j'en passe...
Pour moi Symfony ressemble énormément à Spring ☺️
En tout cas très bon choix technique !
Super vidéo ! Comme d'habitude je dirai :)
Pour moi, je pars sur de l'API Platform + ReactJS. Ayant fait un peu de symfony quand même mais n'ayant jamais upgradé mes skills front, ça me parait une belle aventure :)
Merci pour le retour. Pour ce qui est des containers, aujourdhui je pense qu'il faut oublier docker-swarm. Soit on peut aller 100% docker et docker-compose, soit on veut pouvoir sérieusement scaler et là on va sur Kubernetes.
Par contre je suis pas convaincu de l'optimalité de la recherche dans les articles avec une base de donnée SQL. As-tu considéré quelque chose comme Elasticsearch/Solr?
Pour docker, mon cas était un peu spécial car je n'ai qu'un serveur, donc Kubernetes semble contre productif dans cette situation.
Pour la recherche je trouve Elasticsearch très bien mais beaucoup trop complexe pour mon besoin. J'ai mis plus de détail sur ce choix dans l'article associé.
@@grafikart Oui absolument. Kubernetes pour moi c'est vraiment pour les trop grosses applications.
Pardon j'ai pas lu ton article! Je vais voir ca.
Très bonne continuation.
Edit: J'ai zappé en effet le passage de la vidéo où tu parles d'Elasticsearch.
Ce retour est vachement intéressant.
Concrètement ce que tu recherches, avant un langage, c'est un framework avec un cadre relativement strict pour ne pas avoir à te prendre la tête avec l'organisation du code ou avoir à refaire la roue.
Étant dev fullstack je regarde plus le code que les framework (majoritairement Go et Node) et admet ne pas avoir cette vision orientée framework.
Encore une fois, vachement intéressant comme retour
les détails sur la recette Ansible m'intéresserais beaucoup =) , super vidéo ! merci !
Tellement intéressant, merci pour le partage !
Vraiment top comme vidéo, ça tombe à pic, j'étais justement en train de remettre en question mon workflow, ça fait plaisir d'avoir un avis justifié venant de toi ! Ce sont des choix très réfléchi, je ne suis pas d'accord avec tout mais je comprends ton explication. Bref, super vidéo très complète, merci pour toutes ces infos !! 👌
Merci pour tes retours d'experience et analyses :) Symfony
C'était cool comme vidéo ! Si tu veux t'intéresser à l'aspect Cloud, je parle d'aws, j'ai pas encore trop test Google, tu peux checker l'abonnement sur "acloudGuru", les tutos et les ressources sont archi bien, ils sont spécialisés dans le passage de certif', j'ai l'impression que ça serait pas aussi compliqué de faire ce que tu veux que tu imagines :)
Pour ton cas, les technos que t'as choisis sont nickel. Bien joué !
Merci pour ce gros partage et toutes vos explications!
Super vidéo, retour d'expérience très instructif , merci !
Très sympa ce retour d'xp. Pour le nommage de classe, tu t'es déjà intéressé à BEM ? Pour l'exemple de ta div "courses", en BEM ça aurait pu être "..."
Oui il a déjà traité l' d'organisation CSS, il y a une paquet d'années dans cette vidéo.
Il précise qu'il n'est pas fan de la convention BEM : ua-cam.com/video/t8Up7GiNIoU/v-deo.html
Super vidéo, très subjectivement impartiale, merci Jo
Super merci. ça me donne de l'inspiration pour les choix techniques justifiés
Quelles connaissances incroyables !
Très bon retour d'expérience.
Concernant les fonctions et typage, pour moi je vois cela comme des contrats. C'est-à-dire des exigences de base. C'est pareil pour une application, elle a besoin de configuration et c'est bien de throw directement pour savoir dès le début ce qu'elle a besoin pour fonctionner. Si par exemple tu as besoin d'un token et qu'il n'est pas défini (je parle en js) et que tu ne fait pas de vérifications, tu sauras qu'au moment du premier appelle à l'api ce qu'il passe. Et si tu ne l'utilises pas tout le temps sur tous tes champs, tu le verras que quand un utilisateur utilisera ton application et te les féras remarquer. Par conséquence, plus tu mets de contraintes en amont, plus ton application serra solide. Donc, tu as des exigences globales (sur le plan de l'application) et des exigences purement et simplement fonctionnel (périmètre applicatif, fonctions ... à différentes échelles). Dans les langages fortement typés tu n'es pas obligé de vérifier ses exigences de types, car elles sont vérifiées par les compilateurs. Un langage JS doit donc être bien testé sur ce plan-là.
Tu as aussi des exigences de flux ( authentification, token, réception du token, stockage du token).
Voir schématiquement les flux d'un regard plus haut niveau, tu trouveras tous tes cas des tests nominaux à tester. Exemple, formulaire, tu verra différents types de vérifications. Vérification au niveau de la saisie donc tes vérifications tu les mettras à niveau input (type text, le mot de passe doit contenir X caractères), après une fois la saisie vérifier tu as la vérification de la data et c'est l'api qui se chargera de fournir les messages d'erreur. En plus d'autre bouton, formulaire utilisera cette même routes donc en termes de réutilisation c'est mieux. Tu standardises donc, car ça permet la dé complexification de ton application et crée des comportements génériques -> ça fait réfléchir :)
Salut ! Merci pour ta vidéo (et toutes les autres) c'est très intéressant (big up pour symf), si tu est chaud pour une vidéo sur le deployment ce serais top !
Tu es fort ,tu es un vrai genie
Comme dab🧘🏾♂️ et le timestamp vous avez utilisé time ago js ou ? (Il ya 2 heures)
Merci pour ta chaîne. Que penses-tu de svelte et de son évolution ? Est-ce intéressant de travailler avec ?
Toujours au top, merci à toi !
Je reviens toujours vers cette vidéo pour reprendre le même raisonnement quand j'ai besoin de faire un choix
Merci beaucoup pour ces précisions ! :)
Pourquoi tu n'as pas utilisé de framework css du coup ?
Là-dessus je n'ai pas compris ^^'
Sinon bravo pour la partie front, je pensais que c'était compliqué mais au final pas du tout :)
Intéressant !
D'ailleurs tu parles de SEO, comment as-tu géré la migration, notamment au niveau du mapping/redirections d'URLs, liens internes etc?
Il serait intéressant d'avoir un retour la dessus. As-tu déjà noté une petite perte de traffic ou baisse SEO?
Les URLs n'ont pas changées entre l'ancienne et la nouvelle version. Pour les méta données je me suis calqué sur la version précédente.
Bonjour, merci pour cette super vidéo.
J"aurais une question, connais-tu l'impacte des custom element d'un point de vue SEO, comme c'est des balises qui ne sont pas du standards au HTML classique.
Ton niveau en professeur dépasse mes attentes en professeur
Merci pour la vidéo. Pour le reset css tu as une recommandation stp ?
Je vous conseillerais CodeIgniter à la place de Laravel par rapport au problème que vous avez posé. J'ai laissé Symfony justement à cause de la documentation.. Je vous souhaite juste de jeter un coup d'oeil sur Codeigniter la version 4 vient de sortir.
Excellent, purée je me demandais c'est quoi ça"ensib" pour déployer facilement, et à la fin de la vidéo tu dis je vous montrerai comment utiliser ma recette ''ensib''. Trop fort, désolé si j'écris mal l'outil je connais pas du tout
Tu l'aimes beaucoup cette petite Lara Vel ! Ça à l'air de bien coller entre vous.
on oublie souvent la vitesse du framework, symfony avec Magento est l'un des framework les plus lents du marché.
Sur quoi tu bases ton analyse stp ?
Pourquoi tu ne parles pas des langages statiques classiques ?
Style java, C#
J aurais bien voulu connaitre les pour et les contres sur ces langages.
Comme actuellement on entend quasi que parler des langages/frameworks hypés
Je regarde cette vidéo chaque mois lol 😅
J'avoue que suis intéressé par le déploiement. Mes connaissances en la matière sont quasi inexistantes. Je ne serai pas contre un tuto sur le ça, et si ça concerne react ça serait cool. Merci à vous
Salut, dans une autre vidéo live, on a vu que le formulaire d admin des tags était rafraichi automatiquement à l ajout d un nouveau champ. Quel est le système utilisé pour générer cet admin? Est-ce un bundle?
J'aimerais beaucoup avoir ton avis sur Java Spring. J'ai longtemps trouvé cette technologie overkill pour un "petit" site web sans trop de business derrière, mais en m'y mettant elle reste assez simple et je pense qu'elle répond à tes attentes
Je suis d'accord avec toi, Java est surtout beaucoup plus stricte, et offre un cadre très rigoureux. Mais eu delà de ça tu sait exactement ce que tu fait lorsque tu l'utilise ☺️
je voudrai savoir quel langage utilisé pour la création d'un site comme le bon coin
As-tu déjà essayer aspnet core avec C# ?
Merci , je cherchais justement une solution alternative a elasticsearch
vous êtes un génie
Intéressé par les 2 vidéos!
Bonjour @grafikart, j'aimerai bien savoir si tu pouvais repreciser l'outil utilisé pour la navigation en js "trumbo link". Désolé pour la syntaxe je n'ai pas super bien compris. Merci. Au passage tu merci pour tes tutoriels super bien fait et très compréhensible.
il a parlé de Turbolinks
@@soleilfroid2615 merci
Tu code tout ça seul ? Et ça t’as prit combien de temps ?
Salut vidéos hyper interressante, pense tu que la stack preact que tu as mise en oeuvre est techniquement/ théoriquement possible via le système de templating Jinja qui se trouve dans django ? avec un webpackloader configuré ect...
Oui cette approche est totalement indépendante du backend et s'adapterait sur n'importe quel framework aisément.
@@grafikart entendu, merci pour ton retour
Salut salut, je suis développeur depuis 3 ans. Et je n'ai jamais été conquis par les différents framwork proposé au public.
Les framwork js comme tu le dit sont en constant évolution, même si effectivement ont peut faire un code propre ajd qui fonctionnera tjs dans l'avenir.
C'est pour cela que tous comme toi je me suis tourné vers php. Cependant tous les framwork que j'ai pus testés, ne me convienne pas non plus.
Mon cas d'usage est de proposé des services (platform) à des société ou utilisateurs standard. C'est pourquoi j'ai décider de créer mon propre framwork.
Pour les curieux il est ordonné comme ceci :
.htaccess // Qui redirige toutes les requête sans exeption.
index.php // appel les differents function de chargement, bd, error view, ...
loader.class.php // toutes le function de chargement
config.php // db, clef d'api
domain.class.php // identifie le domain avec le quelle l'utilisateur charge la page pour y afficher le bon project
sont arborésance ressemble à ceci :
libs/emple.class.php
project/[project_name]/templates/
project/[project_name]/apps/api/
[sub_domain]/test.php // return array
project/[project_name]/assets/css/...
Exemple page :
project/[project_name]/apps/[sub_domain]/[page_name].php
qui donne :
[sub_domain].[domain]/[page_name]
Je fait les rendu avec twig, et toutes mes form sont poster en jquery.
Les templates me permettent de faire des bloques avec du js réutilisable.
L'avantage est que je n'ai plus qu'un projet pour tous mes code, ce qui permet d'être plus efficace pour les mise à jours.
Surtout avec des solutions comme Qovery je vous lèse regarder.
J'ai créer un Tools avec des petites function pratique comme :
Tools::url([sub_domain], [page_name]); // le domain est automatiquement récupère
Tools::strminmax($str, $min, $max); // bool
Tools::intminmax($int, $min, $max); // bool
Tools::isset_in_array($value, $array); // bool pour vérifier les informations en post.
Une fois une page charger les changement de page sont fait en js, les jointures ne sont pas actualisé.
Avec ma function page("[page_name]");
J'utilise bootstrap pour le coté acheter des template facilement et avoir une base joli dans mes test.
Mes formulaire ont donc tous la même base une template twig ou j'ai défini tous les type d'input que j'utilise.
Voila voila, j'espère que ça en inspireras certain !
J'ajoute qu'un projet peut également charger plusieurs interfaces différentes en fonction du domain.
L'upload des fichier ce fait aussi par domain, et ce save dans un .txt pour éviter les multi extensions et les noms sont en db. J'ai une function de scaling pour les images just à mettre /75 en fin de lien pour avoir du 75x75(max)
Pourquoi tu n’as pas parlé de CakePhp ???
j'ai une question qui me viens. Est-ce-que les web components sont souvent utilisé en production ? et pourquoi ne pas les avoir utilisé dans ton cas puisque tu utilise les customs elements ?
Custom Elements fait partie des Web Components ;)
cf developer.mozilla.org/fr/docs/Web/Web_Components
Je viens de comprendre qu'on peut utiliser juste une partie de la stack des web comp' si on veux, cool. Merci.
Quel cloud avez vous choisi?
Aws ou Azure?
La réponse est dans la vidéo (ou dans l'article en description) ^^
Spoiler : aucun des 2
Vue a aussi un bon support JSX ;)
Superbe. A quand une nouvelle formation sur le framework Laravel?
Salut graf
stp comment as tu géré le coté admin ? tu n'en a pas parlé
C'est à dire ? L'admin a été fait comme le front "à la main"
Tu as utilisé quel service (entreprises) pour acheter ton serveur enligne ?
Infomaniak.
@@grafikart merci beaucoup
Que penses tu de Ovh? Pourquoi tu n’utilise plus ?
votre avis sur python
Qu'en est il de Cakephp ? ;)
Merci.
Tu utilises quoi pour "compiler" le scss?
J'utilise sass et j'utilise plus généralement vite pour gérer les assets
@@grafikart merci
La prochaine fois, si tu utilises Laravel, check le laravel-preset de Axentix =)
Bonjour, qu'est ce que tu entend par "ruby est trop libre"
J'ai donné plus de détail dans l'article disponible sur le site. Mais pour résumé une classe peut être modifié à l’exécution et un objet peut se retrouver avec de nouvelle méthode générées à la volée (on retrouve cette possibilité sur d'autres langage mais en général on essaie de l'éviter, c'est souvent l'inverse dans le cas de ruby).
@@grafikart merci beaucoup pour ta réponse, une autre question ❓ stp, pense tu que js est plus facile à debugger que ruby? Ca fait 5 mois que je me casse la tête avec ruby mais j'ai l'impression que js est plus simple et plus utilise dans le monde du travail ? Merci par avance
Merci infiniment peut-on te joindre par mail pour avoir ton point de vu sur un projet particulier
merci
Pour moi aussi, Symfony reste le best
Hello Grafikart, Tu vas bien j'espere. stp peux tu faire une video sur comment tu fait tes tournages, montages, quel outils tu utilise pour tes montages etc... ou si tu as deja faire une video a cet effet, peux tu passer le lien stp. Et force a toi! Je t'admire beaucoup.
Tout est ici ;) grafikart.fr/tutoriels/making-of-122
Faire une vidéo sur la partie des serveurs. Je suis fatigué d’utiliser les cpanel je veux configurer moi même
Même si elle commence à dater tu peux suivre cette série : grafikart.fr/formations/serveur-linux
Ok merci beaucoup.
Les live coding du nouveau grafikart me manquent déjà .
Il reste encore des choses à dev tinkiet ;)
Bon retour. Je me demandais pourquoi tu stream les videos depuis le site puisqu'elles sont sur YT ? C'est de la BP inutile, à moins que je saisisse pas toute ta logique
Ce sont les vidéos premiums qui sont streamé depuis le site. Les autres sont streamées via UA-cam.
Ils ont un chien je trouvais ça rigolo.. lol.. tu as fait ma journée grafikart.
ça ma fait tellement de bien que tu dis "la doc de Symfony est opaque sur les options de configuration" Merci je me sent moins seul. J'écris la conf au petit bonheur la chance et c'est pas toujours efficace.
10% de doc, 90% d'options mentionnées une fois sur une question au fin fond d'internet
@@grafikart exactement, il est super le nouveau site que tu as codé Chapeau bas.
Si on suit tes tuto, tu nous apprends à faire tout cela ?
Est ce que tu pourrais faire un tutoriel de ce site de debut juste q'a la fin?
Par contre, niveau Debian/Ubuntu, j'ai fait le choix inverse pour l'argument opposé 😄
Pk du nginx et pas apache ?
Plus simple à configurer pour faire proxy je trouve
Salut Grafikart, ton site est vraiment du Master Class!
En combien de temps à tu développé le site ?
Coucou, 1 an je crois (si ce n’est un peu plus)
Bonjour confrère du sud, le langage avec le qu'elle j'ai le plus d’expérience et le Java et tu n'a pas parler de Spring ou du C#.. J'ai un projet en cours a faire sur Laravel dans le cadre de ma formation, l'automatisation et intéressante mais le faite que pour que tout les objet soit interconnecter doive être Enfants de modèle qui et un objet magique qui fait le café j'ai du mal a comprendre la logique et j'ai l'impréssions de pas avoir la main sur les modèle.
a titre personnelle j'aurais préférais symfony qui s’apparente + a spring en java.
pourquoi t'as appris ça ? parce qu'ils avaient un chat. Excellent choix
En ce qui concerne le choix de la base de données, tu n'en as pas beaucoup parlé.
Java avec Spring tu peux tout faire, et demande d'être rigoureux
Je suis tout à fait d'accord, et surtout tu a accès à pas mal d'autres choses sans trop te casser la tête ☺️
@@CaptainCoder999comme quoi ? Vends le moi j'arrive pas trop à m'y mettre
@@mwlulud2995 mon commentaire date légèrement !
Je travaille quotidiennement dans l’écosystème Java. Le langage à proprement parlé demande de la rigueur de part son typage fort et sa verbosité (cela peut en effrayer certain). À côté de ça il te permet de faire des choses comme du multithreading (on a des fois besoin de faire certain traitement en parallèle pour gagner du temps et de l’efficacité).
Après en ce qui concerne le Framework tu peut littéralement tout faire, du batch de l’application web mvc traditionnelle du l’API… Par contre il induit une certaine lourdeur… Mais aujourd’hui il existe des Framework plus légers et tout aussi efficaces comme Quarkus, Micronaut et pour ceux qui veulent l’absolue légèreté sans parler de Framework on a Vert.X. 😊
Ah et aussi le Java d’aujourd’hui apporte pas mal d’API assez cool à utiliser, et le langage évolue sans cesse pour gagner en modernité en terme d’écriture ! 😀
15', et puis Symfony c'est Français : Cocorico !!
Ca aussi c'est un point PoSiTiF, non ? :-)
Pour moi Laravel c'est un peu comme Arch Linux et Symfony comme Debian
pk t'utilise pas Turbo github.com/hotwired/turbo a la place de Turbolinks
Turbo pèse beaucoup plus et ne fais pas plus que Turbolink du coup j'ai pas migré ^^
@@grafikart mais le développement de Turbolinks est stoppé non 🤔
docker, docker-swarm c'est une chiure
Tu es tout seul pour grafikart?
Yep
oh my god, utiliser JSX parce que c'est simple de changer si JSX viendrait à disparaitre, mouais... Faut que ça disparaisse quoi, d'ici la, tu as le temps de refaire ton site 15 fois.
trop de live de 3h frerot, laisse ca sur twitch ca saoule la
Cette vidéo n'est pas un live ^^
@@grafikart oui je sais
pour ma part, j'utilise Angular qui est un vrai framework. solide, un code bien organisé, avec tout ce qu'il faut ... j'ai besoin de facilité pour le dynamisme,. les symfony, laravel etc... je ne peux plus...
@@imrur4704 arrête ton angular bashing ! Angular est un VRAI framework ne t'en déplaise et il n'y a rien de bancal à part ta connerie... Angular, react, vue, svelte... sont tous des bons frameworks .... espèce de moutons . je pari que t'as un iphone
@@imrur4704 « un code aussi bancal » 😂 Angular est le seul framework parmi les technos frontend. Le reste c’est uniquement des librairies qui te laissent une flexibilité d’architecture et qui n’intègrent pas de nombreux composants nativement. Cela résulte majoritairement sur des codebases degueulasse et pas maintenables car mal conçues.
Tous ceux qui critiquent le framework sont ceux qui n’ont jamais eu les compétences ou l’envie de l’exploiter 🙂
@@imrur4704 toi tu devrais passer moins de temps sur OpenClassrooms et passer plus de temps à utiliser ton cerveau et te forger ton propre avis plutôt que de relayer toutes les propagandes frontend que tu gobes
@@imrur4704 D'accord alors toi t'as rien compris. "Vue/React plus structuré" lol. Simplement t'as rien compris aux différences entre un framework et une librairie. Je vais devoir te filer le lien moi-même? Et si tu me conseilles OCR, je devrais peut-être te conseiller un lien vers un bescherelle. Allez bonne soirée
Grafitkart à quand l'actualisation de ta formation symfony.
Quelqu'un peut développer ce pts avec des exemples j'ai du mal à saisir ua-cam.com/video/TuUVuW0Xb1M/v-deo.html