- 7
- 1 990
FRONTCODER
Registrace 16. 06. 2024
Hello, my name is Ankur, and I welcome you to my channel, "FRONTCODER". I post programming sessions that focus on HTML, CSS, and JavaScript. Join me as we look at how to create responsive websites and web apps, as well as unique UI/UX designs, CSS animations and effects.
This channel shows the process of creating beautiful and effective web projects from scratch, letting you see the site take shape step by step.
To keep up with the latest material, subscribe to the channel and click the bell icon for notifications.
This channel shows the process of creating beautiful and effective web projects from scratch, letting you see the site take shape step by step.
To keep up with the latest material, subscribe to the channel and click the bell icon for notifications.
Creating a Responsive Web UI Design with HTML, CSS, and JavaScript | ASMR Coding | No Talking
Welcome to my channel! In this video, I recreate a beautiful web UI design from Dribble by Dstudio using HTML, CSS, and JavaScript. Watch the entire coding session to learn how to build this impressive design step-by-step. Don't forget to like, comment, and subscribe for more ASMR coding tutorials. Your support helps me create more content for you!
This is inspired by DStudio on dribbble.com (dribbble.com/dstudiotech)
Here is the design link: dribbble.com/shots/23017910-Web-UI
Check out the live demo:
ankur6580.github.io/CreditFC/
GitHub repo:
github.com/Ankur6580/CreditFC
This video is perfect for anyone looking to improve their front-end development skills with a relaxing, no-talking coding experience.
Music By: Stream Beats by Harris Heller (streambeats.com)
Timestamps:
0:00 - Intro
0:32 - Linking CSS, JS and Boxicon
0:55 - HTML structure
6:40 - Importing Google Font
17:30 - Making it Responsive
20:55 - Creating the sidebar
26:55 - Adding functionality to the sidebar (JS)
30:15 - Outro
Happy coding!
This is inspired by DStudio on dribbble.com (dribbble.com/dstudiotech)
Here is the design link: dribbble.com/shots/23017910-Web-UI
Check out the live demo:
ankur6580.github.io/CreditFC/
GitHub repo:
github.com/Ankur6580/CreditFC
This video is perfect for anyone looking to improve their front-end development skills with a relaxing, no-talking coding experience.
Music By: Stream Beats by Harris Heller (streambeats.com)
Timestamps:
0:00 - Intro
0:32 - Linking CSS, JS and Boxicon
0:55 - HTML structure
6:40 - Importing Google Font
17:30 - Making it Responsive
20:55 - Creating the sidebar
26:55 - Adding functionality to the sidebar (JS)
30:15 - Outro
Happy coding!
zhlédnutí: 492
Video
Creating a Responsive E-Commerce Product Page with HTML & CSS | ASMR Coding | No Talking
zhlédnutí 332Před měsícem
Welcome to my channel! In this video, I'll walk you through the process of creating a responsive e-commerce product page using HTML and CSS. We'll design a sleek and modern product layout, perfect for any online store. Check out the live demo :: ankur6580.github.io/Furniture-Hub/ Github repo :: github.com/Ankur6580/Furniture-Hub This video is perfect for anyone looking to improve their front-en...
Creating a Responsive Testimonial Page | HTML & CSS | ASMR Coding | No Talking
zhlédnutí 23Před 2 měsíci
In this ASMR Frontend coding session, I tackle a challenge from devchallenges.io: creating a fully responsive testimonial page using HTML and CSS. This video is perfect for anyone looking to improve their front-end development skills with a relaxing, no-talking coding experience. Follow along as I build a sleek and functional testimonial page, covering essential techniques for responsive design...
Creating a Business Blog Card | HTML & CSS | ASMR coding | No Talking
zhlédnutí 48Před 2 měsíci
In this video, I tackle a simple yet effective challenge from devchallenges.io: creating a Business Blog Card. This is a perfect project to enhance your basic HTML and CSS skills. We'll build a sleek blog card featuring an image with an overlay, a title, a short description, and a tag. Join me and learn how to create clean and responsive web components from scratch! If you enjoy the content, do...
Creating a Minimal Blog Card | HTML & CSS | ASMR coding | No Talking
zhlédnutí 64Před 2 měsíci
In this video, I tackle a simple yet effective challenge from devchallenges.io: creating a minimal blog card. This is a perfect project to enhance your basic HTML and CSS skills. We'll build a sleek blog card featuring an image, a title, a short description, and a tag. Join me and learn how to create clean and responsive web components from scratch! If you enjoy the content, don't forget to lik...