手把手教你复制youtube网站

[广告:最高 ¥2000 红包]阿里云服务器、主机等产品通用,可叠加官网常规优惠使用 | 限时领取

关注微信公众号:码中人

回复 ytb 下载视频教程

更多优质视频教程等你来

最近想了解一下youtube.com前端界面的制作,于是就在youtube.com搜索“如何克隆一个youtube网站”,搜索结果很多,挑了一个较新的视频,认真看完。

教程链接:

🔴 Let’s Build a YouTube Clone with REACT JS for Beginners – YouTube

https://www.youtube.com/watch?v=NT299zIk2JY

加上中英字幕后,搬运到B站:

用reactjs构建youtube前端_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili

https://www.bilibili.com/video/BV1fa4y157vq

学习完之后,照猫画虎,用reactjs实现了youtube.com的前端界面。

点击查看效果:http://ytb.mzh.ren/

源码下载:https://github.com/mzhren/youtube_by_reactjs

欢迎关注,fork。

视频教程内容

制作该直播视频的是一个叫 Clever Programmer 的频道。

视频主讲的是这两个哥们:sonny(左)和qazi(右)。

我起先以为这两个哥们是四手联弹,结对编程。看完才发现是相声编程。

什么叫相声编程?就是其中一个叫sonny的哥们编写代码,另一个叫qazi的哥们假扮成萌新,问一些技术上的问题,如果有人打赏,便截图出来表示感谢。

一个斗哏,一个捧哏。感觉他们这种形式挺不错的,有人专心实现功能,有人对接直播观众。整个直播下来,他们收获了100多美元的打赏。他们很激动,很感恩。比直播跳舞的小姐姐们挣的少,态度好。

这个视频是个直播视频的录屏,长达3小时。排除插科打诨的内容,实际教学时间约1小时。主要教学内容:

  • reactjs的基本使用
  • @material-ui/icons 的使用
  • flex布局

最后实现的功能页面,主要有两个:首页(网格布局)和列表页、搜索页。

首页效果:http://ytb.mzh.ren/

列表页:http://ytb.mzh.ren/search/mzhren

 

码中人 微信公众号

关注微信公众号

码中人 微信公众号

发表评论

电子邮件地址不会被公开。 必填项已用*标注