- 176
- 55 462
frontendzone 🚀 | Master Frontend development
India
Приєднався 5 гру 2015
Welcome to FrontendZone! 🚀 Learn React, Next.js, JavaScript, CSS, and more to build stunning web applications. Subscribe now and become a frontend pro! 👨💻
Happy Coding !!
Happy Coding !!
Project timeline for portfolio website HTML & CSS 🚀
#portfolio #websitedesign #html #css
project timeline design in HTML & CSS
Join Our Community for Exclusive Updates and Insights!
🚀 Telegram : t.me/thefrontendzone
👨💻 What You'll Learn:
🛠️ Tools and Resources:
Code Editor (Visual Studio Code)
Browser for Testing ( chrome )
👨💻 source code
github.com/ashishyadavcs
➤ Coffee Website Design from Figma to HTML CSS JS ✅
ua-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT.html&si=_vu2cEkWEl5SHjad
➤ CSS Playlist ✅
ua-cam.com/play/PLym_M-q19oHFFl_b9PTcSE7_kNpBBChjo.html&si=Wt4-_9wOjPPbmtIc
➤ How to setup prettier formatting in next.js
ua-cam.com/video/PwVh9lLLgrI/v-deo.html
➤ Setup styled component in next.js
ua-cam.com/video/5e1wnbXj8w8/v-deo.html
Website & Blog
✨ www.frontendzone.com
🚀 Social Profiles
✨ linkedin.com/in/ashishfgiet
✨ ashishyadav.dev
✨ ashishfgiet
✨ github.com/ashishyadavcs
#html #css #javascript #reactjs #nextjs #frontenddeveloper #webdesign
project timeline design in HTML & CSS
Join Our Community for Exclusive Updates and Insights!
🚀 Telegram : t.me/thefrontendzone
👨💻 What You'll Learn:
🛠️ Tools and Resources:
Code Editor (Visual Studio Code)
Browser for Testing ( chrome )
👨💻 source code
github.com/ashishyadavcs
➤ Coffee Website Design from Figma to HTML CSS JS ✅
ua-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT.html&si=_vu2cEkWEl5SHjad
➤ CSS Playlist ✅
ua-cam.com/play/PLym_M-q19oHFFl_b9PTcSE7_kNpBBChjo.html&si=Wt4-_9wOjPPbmtIc
➤ How to setup prettier formatting in next.js
ua-cam.com/video/PwVh9lLLgrI/v-deo.html
➤ Setup styled component in next.js
ua-cam.com/video/5e1wnbXj8w8/v-deo.html
Website & Blog
✨ www.frontendzone.com
🚀 Social Profiles
✨ linkedin.com/in/ashishfgiet
✨ ashishyadav.dev
✨ ashishfgiet
✨ github.com/ashishyadavcs
#html #css #javascript #reactjs #nextjs #frontenddeveloper #webdesign
Переглядів: 81
Відео
Portfolio website HTML & CSS ✅
Переглядів 87214 днів тому
#portfolio #website #htmlcss how to create a portfolio website using HTML and CSS how to create portfolio website Portfolio website HTML Join Our Community for Exclusive Updates and Insights! 🚀 Telegram: t.me/thefrontendzone 👨💻 What You'll Learn: 🛠️ Tools and Resources: Code Editor (Visual Studio Code) Browser for Testing ( chrome ) 👨💻 source code github.com/ashishyadavcs ➤ Coffee Website Des...
State and Props in React.js Explained! 🚀 | Lecture 04
Переглядів 18614 днів тому
#reactjs #tutorial Welcome to our React.js tutorial, where we break down the two most essential concepts: State and Props. If you're a React beginner or looking to strengthen your React fundamentals, this video is perfect for you! 📚 What You’ll Learn: 1️⃣ What is State in React? 2️⃣ What are Props in React? 3️⃣ The key differences between State and Props. 4️⃣ Practical examples to understand ho...
React component lifecycle | Lecture 03 ✅
Переглядів 8914 днів тому
#reactjs #tutorial Understanding the React component lifecycle is crucial for mastering React development. In this video, we’ll explore the three main phases of a component's lifecycle: Mounting, Updating, and Unmounting. 📌 Here’s what you’ll learn: What happens when a React component is created. Key lifecycle methods like constructor(), render(), componentDidMount(), and more. How to handle up...
Create React APP | Lecture 2 ✅
Переглядів 9314 днів тому
#reactjs #tutorial How to create a new react app using vite. Understanding the folder structure of React app download node.js nodejs.org/en/download Join Our Community for Exclusive Updates and Insights! 🚀 Telegram: t.me/thefrontendzone 👨💻 What You'll Learn: 🛠️ Tools and Resources: Code Editor (Visual Studio Code) Browser for Testing ( chrome ) 👨💻 source code github.com/ashishyadavcs ➤ Coffee...
overview of react.js course | Lecture 1 ✅
Переглядів 8014 днів тому
#reactjs #tutorial Welcome to our #webdevelopment series! Join Our Community for Exclusive Updates and Insights! 🚀 Telegram : t.me/thefrontendzone 👨💻 What You'll Learn: 🛠️ Tools and Resources: Code Editor (Visual Studio Code) Browser for Testing ( chrome ) 👨💻 source code github.com/ashishyadavcs ➤ Coffee Website Design from Figma to HTML CSS JS ✅ ua-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8Wm...
How to use chatgpt for coding in 2025 ✅
Переглядів 18521 день тому
#frontend #webdeveloper #chatgpt #coding 🚀 Welcome to our #webdevelopment series! How to use ChatGPT for coding in 2025 0:10 coding with ChatGPT 1:40 create frontend ui with chatgpt 👨💻 What You'll Learn: 🛠️ Tools and Resources: Code Editor (Visual Studio Code) Browser for Testing ( chrome ) 👨💻 source code github.com/ashishyadavcs ➤ Coffee Website Design from Figma to HTML CSS JS ✅ ua-cam.com/...
Animated Button Hover Effects in CSS - very easy
Переглядів 67Місяць тому
#css #button #webdesign #hovereffect 🚀 How to create an animated button in CSS button hover effects CSS creative button in CSS CSS gradient background button timestamp : 0:36 Basic button CSS 1:17 gradient background CSS 2:15 Changes button background using the inspect tool 2:30 trick behind animation 👨💻 source code github.com/ashishyadavcs ➤ Coffee Website Design from Figma to HTML CSS JS ✅ u...
modern grid css background 🔥 #css
Переглядів 60Місяць тому
#css #webdesign #gridlines #background 🚀 Create the gridline background using CSS Modern web design using CSS grid background CSS CSS background color CSS linear gradient background 0:44 HTM structure 1:44 CSS for gridline bg 3:27 How to create gridlines using CSS 👨💻 source code github.com/ashishyadavcs/frontendzone/blob/master/css/grid-bg.html ➤ Coffee Website Design from Figma to HTML CSS JS...
design card with css | page effect ✅
Переглядів 279Місяць тому
#css #html #coding 🚀card design with CSS 👨💻 What You'll Learn: 🛠️ Tools and Resources: Code Editor (Visual Studio Code) Browser for Testing ( chrome ) 👨💻 source code github.com/ashishyadavcs ➤ Coffee Website Design from Figma to HTML CSS JS ✅ ua-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT.html&si=_vu2cEkWEl5SHjad ➤ CSS Playlist ✅ ua-cam.com/play/PLym_M-q19oHFFl_b9PTcSE7_kNpBBChjo.html&si=...
how to add conditional class in react ✅
Переглядів 62Місяць тому
#reactfrontend #javascript #html How to add class based on condition in react js 👨💻 What You'll Learn: 🛠️ Tools and Resources: Code Editor (Visual Studio Code) Browser for Testing ( chrome ) 👨💻 source code github.com/ashishyadavcs ➤ Coffee Website Design from Figma to HTML CSS JS ✅ ua-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT.html&si=_vu2cEkWEl5SHjad ➤ CSS Playlist ✅ ua-cam.com/play/PLy...
fetch & insert API data in HTML ✅
Переглядів 724Місяць тому
#fetch #fetchdata #api #javascript #html 🚀 How to fetch & insert API data in HTML Fake product API fakestoreapi.com/docs ⏰ timestamps : 0:18 Fetch API 0:45 product API endpoint 2:04 insert data into HTML 👨💻 source code github.com/ashishyadavcs ➤ Coffee Website Design from Figma to HTML CSS JS ✅ ua-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT.html&si=_vu2cEkWEl5SHjad ➤ CSS Playlist ✅ ua-cam....
I Mastered Clamp, Min & Max in CSS and You Can Too!
Переглядів 213Місяць тому
I Mastered Clamp, Min & Max in CSS and You Can Too!
create accordion using HTML & CSS only ✅
Переглядів 181Місяць тому
create accordion using HTML & CSS only ✅
Why not to use icon library in your website #css ✅
Переглядів 1122 місяці тому
Why not to use icon library in your website #css ✅
HTML Rendering Secrets Browsers Don't Want You to Know
Переглядів 442 місяці тому
HTML Rendering Secrets Browsers Don't Want You to Know
What is the react component and how to create ✅
Переглядів 1292 місяці тому
What is the react component and how to create ✅
website speed optimization & performance ✅
Переглядів 1372 місяці тому
website speed optimization & performance ✅
how to add star rating schema markup in website ✅
Переглядів 712 місяці тому
how to add star rating schema markup in website ✅
correct way to upload file in google drive
Переглядів 212 місяці тому
correct way to upload file in google drive
How to create responsive slick slider in react.js | part1 ✅
Переглядів 1453 місяці тому
How to create responsive slick slider in react.js | part1 ✅
Map vs forEach in javascript | differences | which to use ✅
Переглядів 393 місяці тому
Map vs forEach in javascript | differences | which to use ✅
How to create navbar using HTML & CSS Easily ✅ #navbar
Переглядів 644 місяці тому
How to create navbar using HTML & CSS Easily ✅ #navbar
Learn CSS flexbox in 15 minutes ✅ #flexbox #css
Переглядів 804 місяці тому
Learn CSS flexbox in 15 minutes ✅ #flexbox #css
Portfolio website HTML CSS | Part -3 ✅
Переглядів 554 місяці тому
Portfolio website HTML CSS | Part -3 ✅
Responsive navbar react js & next.js ✅ #navbar
Переглядів 5264 місяці тому
Responsive navbar react js & next.js ✅ #navbar
Setup prettier in React/Next.js project ✅
Переглядів 1144 місяці тому
Setup prettier in React/Next.js project ✅
Yar buhat Ganda design ha bro Maza nhi Aya but love 💕
@@aistudiopakistanyes this was initial video other part is still in progress.
Hoshiyar ho bhai..
Bring the second part of this video with more additional customizations
Excellent Explanation!
🔥🔥
Nice explanation sir,pls continue this series
@@AnkitMISHRA-k2j sure this will be continued till completion
ap class karate ho dada ?
❤❤❤❤❤❤❤
❤❤❤❤❤❤
🔥🔥
Bro i made youtube icons using CSS clip- path maker. Bus thoda modify karna patha or thoda dimag laga padha ban gaya.
good Job 👍
Lovely
good...
bhai , explain bhi kar diya karo.
bro youtube , github , X , or dusry social media icons ka kya?
@@ahappytech6490 svg icon can be used . If not much icon needed in webpage
Please don't forget to subscribe to watch more interesting videos 👨💻
Good job
It's still not a deep copy in javascript. Use structureClone or if not possible JSON.parse(JSON.stringify(obj)) for serializeable objects
Liked ur content 🔥👍
❤
Bro bring js o/p questions series . And also que asked in machine coding rounds if possible 🙏🙏🙏
@@JDK_24 sure
Just here to support ❤
amazing 👏
Very nice👍
Good information ❤
Indians always have what we need but not in english
Vs code not showing new file icon
right click on the left panel in vs code and tick the explorer option, it will be visible then
press Ctrl+Shift+G, after that drag the source code file from the bar to the left activity bar!
visit website frontendzone.com/blog
Great commended ❤
thanks man, this is really helpful 👍
@@AshutoshJoshi2 Thanks for feedback
nice tutorial
Glad you liked it!
working , thanks
1st time seeing your channel brother and subscribed it. Zada see Zada HTML and CSS par project banaye.
@@jagdishjena9058 sure
dependencies konsi use kri bhai
@@DostiORGaane no dependency
good one, pleas make the second part soon
Sure working on it
Please create more tutorial like this. explained very well. thanks
Thank you, I will
Bhai tum kaha placed huwe ho
I am not fresher, Already working
Nice❤
Thank you so much for your video. now i know how to make git show up in vscode. wondering why i can see git version in vs code via powershell, however git version control icon doesn't appear. thank you so much, you've saved my headache!!!!!
THANK YOU!!
Gd
i have skill in web development, i m fresher can you reffer me any company to get the job.
I would suggest you to speak in hindi, that would be the best part I guess when you create short videos. Actually I have been working on react since a month but I need some more rich content so I will be back here when your videos react to that point of content level.. Make videos in hindi please. that would be more pleasing...
❤cofee ❤
Responsive problam also
Check responsive video part and use style_v1 file for css
Problam
Bhai background IMG benner IMG
good interface
Video Link ua-cam.com/video/bydbH_Hansk/v-deo.htmlsi=IVHBcwcqgHUDEIDx
Very helpful. Thanks ❤
Nice 👍