J'ai créé un clone de Twitch en 24H
Вставка
- Опубліковано 1 жов 2024
- Merci à Hostinger: hostinger.com/...
Utilise le code COCADMIN pour 10% de réduction en plus de la promo black friday!
Formations: cours.cocadmin...
Newsletter: cours.cocadmin...
Rejoignez le discord: / discord
Twitter: / cocadmin
Instagram: / cocadmin
Tiktok: / cocadmin
Merci à Hostinger: hostinger.com/cocadmin
Utilise le code COCADMIN pour 10% de réduction en plus de la promo black friday!
Le coupon n'est déjà plus valable ...
Zut je trouvais être un bon sujet
Bonjour, cool pas mal j'ai une idée de faire le même concept de vidéo mais en 1 heures avec des outils no- code? Ou uniquement codé avec un smartphone ? Et/ou tous ça mais en marchant oki je sors lol
J'adore beaucoup vos vidéos. Continuez à nous surprendre de temps à autre.
Ou codé sur un Windows 95,98 ou 2000 ?
Petit tips pour la partie front, mets des background-color sur tes éléments, ca permet de voir l'espace réel que prend chaque élément. Sinon bon boulot ! :)
Hey merci pour cette superbe vidéo, Twitch n'à qu'à bien ce tenir ^^ :)
Le mec lance un challenge 24H, au bout de 10 secondes il lâche "la flemme de faire 24H je compte dormir" 😆
*La notif qui fait plaisir*
Rahhh, le front end ... 😂
Tout pareil, quand j'en suis là, je procrastine avant, et surtout pendant 😛
Le HTML et le CSS vraiment, ça me gonfle très vite. L'intégration c'est parfois marrant, mais pas longtemps, et pour le HTML si je peux faire des bouts en markdown pour ne pas avoir à éditer du HTML dégueulasse directement, je m'en prive pas.
Très sympa la vidéo en tout cas. 😉
dommage que ta vite passer la partie dev c'etait interressant quand meme mais respect pour le projet bg!
ouai jdois garder une balance entre rythme et technique pour pas que ca soit trop enuyeux pour ceux qui dev pas ;)
Super vidéo ! j'essaie de trouver le chemin du fichier de configuration à 4:03 . Quelqu'un saurait ou il peut être ? (je suis sous debian 11)
Coucou gg pour le défi.
Et oui en CSS beaucoup d'éléments ont des margin de base.
C'est pour sa que on a tendance a les enlevé de tout les éléments au début avec un .
* {
margin : 0;
padding: 0;
}
Cela évite les mauvaises surprises
Thanks pour le tips 🙏🏼
@@cocadmin pas de soucis
encore une vidéo deutsche qualitat 👍
Question : En terme de flux ça donne quoi? Comment le server web hébergé chez hostinger discute avec ton container qui convert le flux vidéo de ta cam? #schemadarchi
Techniquement j'ai msi seulement le frontend sur hostinger. Il faudrais mettre le conteneur dessus pour voir mais je pense qu'il faudrais prendre un vps pour avoir des perf utilisables.
Sinon c'est du contenu statique donc principalement limité par la bande passante, donc a 6mb/s par spectateur tu peux calculer combien tu as besoin :)
Le titre de la vidéo sa serait plus : Quand tu dois absolument faire une vidéo pour un placement produit mais tu as la flemme
Ce qui m’énerve, c’est la facilité que t’as à retranscrire un flux de streaming sur le navigateur quand à côté t’arrive pas à aligner 2 textes en CSS 😭😭
Je retiens la qualité de hostinger, le [object Object] à 10:28 était énorme.
haha j'avais pas vu :D jpense c'etait juste au chargement de la page :)
🤣 j'ai bien rigolé, merci pour ça
hahahaha!! la partie front end, ca m'a trop fait marrer. je te comprend tellement. on aurait dit moi🤣🤣
Mec c’était énorme haha! Encore une super vidéo. T’aurais du m’appeler pour le front! 😂
Ps: par contre l’irrespect pour ton cadre 100k UA-cam au fond haha
Essaye le framework CSS Tailwind, peut-être qu'il changera ta vision sur le front-end :)
Je valide !
Réutilisation de miniatures == productivité maximale ! 😅
Bonjour, j'ai remarqué que tes vidéos sur WSL sont un peu vieux, mais dit moi as tu l'idée, ou bien quelqu'un ici à l'idée de comment démarrer quelques services linux sous WSL au démarrage de Windows. systemctl ne passe passe pas, l'ancienne /etc/init.d/ ssh start qui passe. j'ai eu des problème en voulant installer proxmox sur la couche Debian de wsl. Alors que proxmos s'installe sans problème sur Debian. Merci coca tes vidéo c'est une dinguerie
VRAIMENT domage de montré son visage quand tu explique montre ton visage au debut de la video mais apres enleve le steplais steplais c'est degeulass quoi...
T'es foue refaire Twitch j'aur banger j'aur tu peux donner tes abonné vue que c'est toit qui la crée 🔥.
Essaye le framework CSS Tailwind, peut-être qu'il changera ta vision sur le front-end :)
Moi je verrais bien un livecoding en binôme avec Benjamin Code
Ahhhhhh!!!! Le front end 🤣🤣🤣🤣
Comment je deviens partenaire sur la coca tv? 200 follow?
J'ai dis sur linkedin que j'avais réussi à aligner une div verticalement. Depuis je travaille pour la nasa.
Tu sors un site de streaming genre c'est incroyable et derrière tu me fais un code CSS bancale c'est carton rouge
Tailwindcss bro fait un effort 😌 sans déc la vidéo est folle, t’es toujours un fou 😅
Mange des brocolis au lieu de te casser la tête avec le Front !!!
😂😅
#BenjaminCode
#LeFrontCestDuColoriage
GG! Incroyable la vidéo. Et f**k le front ! 😂
T’es super chaud !
Et bien vu la musique de Mario sunshine, les bonnes refs
Moment le plus revisionné quand tu demande de fermer les yeux pour la CB lol
A 11:13 tu a montré plusieurs i0 dons la t'ene est le serveur
ça serait tellement stylé ce genre de défis à plusieurs, genre un Bejamin Code pour pour le Front
Exactement ce que je me suis dit ! Ça serait le feu
8:14 j'ai aussi cette meme sensation quand je fais du front end 😂😂😂😂
On apprecie l'OST
tmtc
une petite pensée au code source de twitch leaked en octobre 2021
Tu te fais pas strike avec les musiques de Mario sunshine ? 🤔
Tien moi aussi le front-end c'est pas ma tasse de thé 😅😅
Donc là, ton bureau est en stream H24 maintenant 😂?
@BenjaminCode combiner vos forces mdrr
Goatesque de pouvoir faire ça en 24h
On dirait moi qui fait du frontend 😅 Je compatis
Et ton docker tourne toujours sur ta machine locale
Mdr t'es le pire integrateur du monde ahahah 😅. Apres je te comprends, perso j'y ai pris gout qu'apres mettre mis a faire des animations css complexes. Pour les valeurs par defaut (margin, padding, outline, etc) tu peux utiliser un reset css ou alors normalize.css (dependance) pour virer toutes ces merdes. Sinon sympa tes videos c'est vraiment cool a regarder, des bisous et GG
je l'ai fais en 5 mn avec chatGPT ^^
CSS Flexbox ou CSS Grid , tu devrais peut être le voir moi depuis que j’ai vu ces deux outils de CSS ma vision du front end a changé 😂 cool la vidéo
Le siteweb qui renvoie vers un lien referral sur Amazon Canada. Petit vicieux ;)
Haha ququn à racheter le domaine 😅
Tu viens d'un autre monde
Tu as regardé du côté de WebRTC ?
trop fort les plans en timelapse !
Salut coca, j'aimerais bien faire un petit Twitch avec deux volets donc deux thèmes pour nos régions... Si je peux t'en parler pour un avis par mail ou téléphone Mada
Très bonne vidéo comme d'hab, mets un reset CSS la prochaine fois ça te prendra moins la tête pour le front mdr
Les joies du CSS 😂
En tout cas je te fais pas dre le front c'est passionant et chiant aussi 😁. Mais quand ca marche , c'est cool . C'est pour ca c'est cool d'utliser un template pour gagner du temps ,en ajoutant du taillwind css et c'est dans la boite
Grave interessant ! Toujours des concepts de fou 💪💪
ptdr le front end j'ai exactement la même réaction quand je doit en faire ca me les brises😂 en plus quand tu sais pas pourquoi mais tout etait bien, tu rajoute un tout petit element dans le css et bim ca casse tout HAAAA
Tu peux nous passer le code st
Ahahahah excellent, le front c'est ce que je préfère mec !! Intéressant ce petit défi :)
C'est marrant, le front, j'ai exactement, mais vraiment exactement la même sensation ! Ça me paraît être une science abstraite extra terrestre. Rien ne se passe comme prévu.
Question à 2,50€, tu as just upload un zip avec tout tes fichiers html, css et js et tout à fonctionné tout seul ? Pas de serveur Web a configurer (nginx, apache,...) ???
Oui c’est une offre d’hébergement à la base donc j’ai rien config :)
@@cocadmin ok et pk une facture de 144€ juste pour l'hébergement premium à 2,50€/mois?
Genre 2,50€ c'est la promo pour 1mois seulement et les autres mois plein tarif (13€/mois)?
Il a fait kicks mdr
Incroyable t’es vidéo
🙏🏼
Super boulot, mais pourquoi n'as tu pas pris l'option webrtc plutot que faire du hls ?
Pourquoi ne pas avoir fait comme Kick (aspirer le code source de twitch qui avait leak et le modifier à ta sauce
Salut, toujours aussi cool tes vidéo est merci de nous divertir :D
Haha excellent ! Mais tu héberges pas le container avec la c'est pas du jeu 😄
Super vidéo
Et si t’es comme moi qui déteste le web et dcp notamment le css va check tailwindcss c une masterclass et grâce opti mtn
Vas-y des bisous
thanks! je vais regarder ca :)
Ah ouais, je savait pas que le tchat de Twitch utilisait IRC, je pensait qu'il utilisait une websocket classique
😆 la galère sur la mise en forme CSS ! On dirait moi qui fait du shell Linux. On est complémentaires Cocadmin, marions-nous mdr !
Top merci
rip le site marche pas dommage j'aurait trop voulue stream dessus
Est-ce que il va avoir le lien du site où tu as créé le site pour le plaisir
Pourquoi pas te payer github copilot ??
Autant t'es une sysadmin de génie mais quel frontend .. x))
La chaine ou je like avant de matter la video !
🙏🏼
Bah apres la y a que toi sur ce twitch clone, faut pouvoir s'inscrire comme streamer et chaque streamer peut avoir son propre stream. Ça ne sera pas une partie de plaisir. 😆
mais baisse la musique bon sang de bon soir
a quel moment c'est trop fort ?
Hey ! c'est quoi ton clavier ?
J'ai jamais vu quelqu'un autant souffrir sur du front end🤣🤣🤣
Du coup quelle la stack front et back ?
je crois que j'ai jamais vu cocadmin plus énervé que devant du css mdr
Ça va tu es polyvalent. Bonne vidéo
Le site de l'héberbeur sur Archive Org ?
haha a quel moment est-ce que tu vois ca ?
@@cocadmin à la fin comparaison des offres.
C'est un clone de Twitter qui est demandé en ce moment ;)
Imagine un client te demande une copie de twitch et tu lui livres ce que t’as fais 🥲
La même le front mon pire cauchemar😂
du coup, défi réalisé en 5h ?
ça c'est la Version Beta de twitch x)
t'es juste ouf, je dois te rencontrer
pov un sysadmin fait du front
Mais le site ne marche pas😓😓
bonne vidéo mais c"est normal que le son est décalé
a un endroit spécifique ?
C'est incroyable 😂 il trouve docker facile et HTML compliqué alors que la plus part des gens, c'est l'inverse 😂😂 Tout débutant commence par HTML
en vrai docker tu t'en sors en 3 4 commandes
le front end faut tatonner de ouf
@@holo0667 moi ça me fait peur lol. Déjà le principe que chaque commande est irréversible ça rend le back vraiment pas agréable. Dans un script front, tu te plante, tu change ton code, ça marche, let's go. En back tu fais « rm » sur le mauvais fichier ou t'oublie mon mdp root, c'est mort.
J'ai eu beaucoup plus de facilités à codes des statistiques financière en python qu'un crontab avec Ubuntu 😅
Pourquoi pas #Webflow pour le Front ❓
nickel !
En 4 heures, gg😂
T'es un tueur, j'adore.
bonjour
oui.