ASMR Programming - Video Sharing Platform UI - No Talking
HTML-код
- Опубликовано: 31 май 2024
- 🌟 Exploring the Ultimate Video Sharing Platform UI Design! 🎥💻
Welcome to AsmrProg! In this exciting video, we delve deep into the intricacies of designing a user-friendly and visually stunning UI for a video sharing platform. Whether you're a seasoned developer looking for inspiration or a newbie eager to learn, this video has something for everyone!
🔍 What's Inside:
- An in-depth walkthrough of the key components of a video sharing platform UI.
- Tips and tricks for creating a seamless user experience, from navigation to content discovery.
- Design principles and best practices to make your platform stand out in a crowded digital landscape.
- Insightful commentary on the latest trends and innovations shaping the future of UI design in the realm of web coding.
Join us on this journey as we dissect the anatomy of a top-notch video sharing platform UI and uncover the secrets to crafting an interface that captivates users and keeps them coming back for more. Whether you're a designer, developer, or simply curious about the magic behind your favorite video-sharing sites, this video is sure to inform and inspire!
Don't forget to like, share, and subscribe for more exciting content on web coding, UI/UX design, and everything in between. Let's dive in and revolutionize the way we experience online video together! 💡✨
Source Code : github.com/AsmrProg-YT/Video-...
Responsive Portfolio Designs Playlist : • Responsive Personal Po...
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
• 100 Days of JavaScript...
Keyboard Info : Skyloong GK61 Pro
Keyboard Link : skyloongtech.com/skyloong-gk6...
Skyloong Instagram : / skyloong_official
Email : info@skyloong.vip
Facebook : / skyloongvip
RUclips : / @skyloong
Web Design Coding Bootcamp Playlist : • ASMR Web Design Bootcamp
source of all projects also will upload in AsmrProg github page :
github.com/AsmrProg-YT
Video Contents :
00:00:00 - intro
00:02:08 - Warming hands
00:02:15 - Main codes
00:02:47 - Remix icons
00:03:12 - Google fonts
00:03:49 - Left section
00:08:18 - Main styles
00:09:22 - Left section styles
00:10:45 - Sidebar styles
00:13:22 - Header
00:14:20 - Header styles
00:17:48 - Banner video
00:20:12 - Banner styles
00:24:10 - Categories
00:25:26 - Categories styles
00:26:48 - Video items
00:29:22 - Video items styles
00:33:47 - Profile
00:34:46 - Profile styles
00:36:44 - Playlist
00:37:35 - Playlist styles
00:40:07 - Playing
00:41:13 - Playing styles
00:45:18 - Weekly popular
00:47:50 - Weekly popular styles
00:51:35 - Main JS codes
00:52:24 - Play video on hover
00:53:20 - Handle sidebar
00:54:10 - Handle categories
00:54:51 - Responsive codes
01:03:30 - Sidebar scroll events
01:07:43 - Small devices responsive
01:11:27 - Final Result
Asmr Game Coding Playlist : • ASMR Game Coding
Other Video's :
Coding IOS (Iphone) Calendar : • ASMR Programming - Cod...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Cod...
Coding a Snake Game : • ASMR Programming - Cod...
Movie Guide App Coding : • ASMR Programming - Mov...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Cod...
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
👍 Enjoying the video? Drop a like and comment to support us! Don't forget to subscribe for more web coding content! 💻🚀
Bro creat web texte to video ai with html js
Superb video . Please do one tutorial with back end , Rest API creation and database included.
Pls make a translation extension 🙏🙏❤️🩹❤️🩹
Bro pls make a website pop up extension with having -
Add website(edit + delete)
Feature
I recently found your channel and I want to say that your videos are really cool. I’m studying to be a programmer and I like this kind of videos + ASMR. Good luck with your channel development!💖😼
The best UI Designer i ve ever seen! Continue bro❤
Thanks for another master piece loved your videos ❤
Se essa rede social existisse eu faria parte. Ficou muito lindo seu projeto!👏👏
Thank you dear reza for giving us more knowledge about programming . Your videos can give me idea to create a new website for my self or others ❤🔥🙌🏻
Keep going 💪🏼
Thanks so much 🙏❤️
UI looking crazy nice! 🔥
Thanks 🙏❤️
I learned so much from this video. Thank you!
🙏❤️
It's too cool, thank you!!!
🙏❤️
whaoh impressive ! Good job Leader
Thanks 🙏❤️
Wow . great work 😍
🙏❤️
WAKE UP!!!! NEW ASMRPROG UPLOAD 🗣️🗣️🔥
😁❤️
Wow It's nice. Great
🙏❤️
Bro you are really awesome ❣️
❤️
You're doing a fantastic job. Don't ever stop creating!
Thanks 🙏❤️
Is back end development used in this video?
Awesome Bro You Are SO TALENTED :D
Thanks 🙏❤️
Hi, can i know what is the keyboard and mouse your using?
Cool ✌️🚀
Thanks 🙏❤️
Excellent
🙏❤️
Just awesome many many thanks.please can you make those others videos which is you give alternative
Thanks, yes 😁❤️
Any recommendations for someone who wants to become a software engineer
👍⌨👍 thanks
nice but why u dont use react with tailwind ? maybe u dont know ?
Bro can you make it multipaged??
Yes, we will have backend for it too, soon 😉
we need u to try do a full stack website i mean frontend and backend please !
Hi, yes! We will have full playlist for it 😉
@@AsmrProg thanks u so much i waiting for u
hi! thank you for sharing, very beautiful design; CAN you do some thing as social media web site on future?
Hi, yes maybe we will have it soon 😉
Hi, can your next content create an e-commerce website? Coincidentally I have a school assignment and I'm having a little difficulty, thank you
Have you ever thought about doing one with tailwind?
Yes, we will have playlist for it, or maybe tailwind with reactjs 😉
Are there any themes you use for visual studio code? Can you give their names?
Hi, yes, there is a video about my settings in channel 🙏
What is your keyboard name?I want one for me.But I just don't know the type.please tell me.
Hi, all keyboard links available on videos description 🙏
Can you make a video about generating javascript data.... about creating an account and logging in to the web?
Hi, this type of projects are with backend, we will have it in backend playlist 🙏
داش رضا دمت گرم غالی
Chakerim 🙏❤️
I love your videos bro.👌
🙏❤️
where is source file for this project i did not find in github
Hi, link on description 🙏
Where did you learn to code?
Hi, bootcamps in my country!
@@AsmrProg If you get the time and opportunity, can you please make a course for us!
Friend When a video of your set up where you work
Guau
🙏❤️
😍🥰😍😍😍🥰🥰
🙏❤️
i love u ❤
A very good tutorial, but why not use sass?
Thanks, because currently we working with pure css, we will have sass soon 😉
can we get that figma design?
XD
Hi, I don’t have figma for it!
PLEASE SHOW TO US YOUR SETUP
Hi, there is a video about it in channel!
@@AsmrProg i want to see your pc setup actually
Good I need Source Code
Hi, added on video description 🙏
Project this add login and register make really video share platform pls
Hi, yes, on backend videos 😉
bro , you have to setup an admin panel to change video feed . manage hime pages and many others.
Sorry?!
code app tiktok ?
no apps
Sorry?!
that use website. do not apps