- 174
- 52 731
frontendzone
India
เข้าร่วมเมื่อ 5 ธ.ค. 2015
Frontend development tutorials and tips! Learn React, Next.js, JavaScript, HTML, CSS, and more with Ashish Yadav. Explore coding hacks, real-time apps, and best practices to level up your web development skills.
Happy Coding !!
Happy Coding !!
Portfolio website HTML & CSS ✅
#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 Design from Figma to HTML CSS JS ✅
th-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT.html&si=_vu2cEkWEl5SHjad
➤ CSS Playlist ✅
th-cam.com/play/PLym_M-q19oHFFl_b9PTcSE7_kNpBBChjo.html&si=Wt4-_9wOjPPbmtIc
➤ How to setup prettier formatting in next.js
th-cam.com/video/PwVh9lLLgrI/w-d-xo.html
➤ Setup styled component in next.js
th-cam.com/video/5e1wnbXj8w8/w-d-xo.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
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 Design from Figma to HTML CSS JS ✅
th-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT.html&si=_vu2cEkWEl5SHjad
➤ CSS Playlist ✅
th-cam.com/play/PLym_M-q19oHFFl_b9PTcSE7_kNpBBChjo.html&si=Wt4-_9wOjPPbmtIc
➤ How to setup prettier formatting in next.js
th-cam.com/video/PwVh9lLLgrI/w-d-xo.html
➤ Setup styled component in next.js
th-cam.com/video/5e1wnbXj8w8/w-d-xo.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
มุมมอง: 11
วีดีโอ
State and Props in React.js Explained! 🚀 | Lecture 04
มุมมอง 412 ชั่วโมงที่ผ่านมา
#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 ✅
มุมมอง 342 ชั่วโมงที่ผ่านมา
#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 ✅
มุมมอง 392 ชั่วโมงที่ผ่านมา
#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 ✅
มุมมอง 252 ชั่วโมงที่ผ่านมา
#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 ✅ th-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8Wm...
How to use chatgpt for coding in 2025 ✅
มุมมอง 15914 ชั่วโมงที่ผ่านมา
#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 ✅ th-cam.com/...
Animated Button Hover Effects in CSS - very easy
มุมมอง 66หลายเดือนก่อน
#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 ✅ t...
modern grid css background 🔥 #css
มุมมอง 45หลายเดือนก่อน
#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 ✅
มุมมอง 276หลายเดือนก่อน
#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 ✅ th-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT.html&si=_vu2cEkWEl5SHjad ➤ CSS Playlist ✅ th-cam.com/play/PLym_M-q19oHFFl_b9PTcSE7_kNpBBChjo.html&si=...
how to add conditional class in react ✅
มุมมอง 61หลายเดือนก่อน
#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 ✅ th-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT.html&si=_vu2cEkWEl5SHjad ➤ CSS Playlist ✅ th-cam.com/play/PLy...
fetch & insert API data in HTML ✅
มุมมอง 660หลายเดือนก่อน
#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 ✅ th-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT.html&si=_vu2cEkWEl5SHjad ➤ CSS Playlist ✅ th-cam....
I Mastered Clamp, Min & Max in CSS and You Can Too!
มุมมอง 213หลายเดือนก่อน
#css #code use these CSS functions to optimize your CSS clamp() min() max() 0:10 How to optimize your CSS lines 0:50 clamp( ) function in CSS 2:00 max( ) function in CSS 4:10 min() function in css 👨💻 source code github.com/ashishyadavcs ➤ Coffee Website Design from Figma to HTML CSS JS ✅ th-cam.com/play/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT.html&si=_vu2cEkWEl5SHjad ➤ CSS Playlist ✅ th-cam.com/pla...
create accordion using HTML & CSS only ✅
มุมมอง 181หลายเดือนก่อน
create accordion using HTML & CSS only ✅
Why not to use icon library in your website #css ✅
มุมมอง 112หลายเดือนก่อน
Why not to use icon library in your website #css ✅
HTML Rendering Secrets Browsers Don't Want You to Know
มุมมอง 44หลายเดือนก่อน
HTML Rendering Secrets Browsers Don't Want You to Know
What is the react component and how to create ✅
มุมมอง 128หลายเดือนก่อน
What is the react component and how to create ✅
website speed optimization & performance ✅
มุมมอง 1312 หลายเดือนก่อน
website speed optimization & performance ✅
how to add star rating schema markup in website ✅
มุมมอง 692 หลายเดือนก่อน
how to add star rating schema markup in website ✅
correct way to upload file in google drive
มุมมอง 192 หลายเดือนก่อน
correct way to upload file in google drive
How to create responsive slick slider in react.js | part1 ✅
มุมมอง 1253 หลายเดือนก่อน
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
มุมมอง 643 หลายเดือนก่อน
How to create navbar using HTML & CSS Easily ✅ #navbar
Learn CSS flexbox in 15 minutes ✅ #flexbox #css
มุมมอง 793 หลายเดือนก่อน
Learn CSS flexbox in 15 minutes ✅ #flexbox #css
Portfolio website HTML CSS | Part -3 ✅
มุมมอง 543 หลายเดือนก่อน
Portfolio website HTML CSS | Part -3 ✅
Responsive navbar react js & next.js ✅ #navbar
มุมมอง 5123 หลายเดือนก่อน
Responsive navbar react js & next.js ✅ #navbar
Setup prettier in React/Next.js project ✅
มุมมอง 1133 หลายเดือนก่อน
Setup prettier in React/Next.js project ✅
How to setup styled components in NEXT.JS ✅ #nextjs
มุมมอง 4583 หลายเดือนก่อน
How to setup styled components in NEXT.JS ✅ #nextjs
❤❤❤❤❤❤❤
❤❤❤❤❤❤
🔥🔥
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 th-cam.com/video/bydbH_Hansk/w-d-xo.htmlsi=IVHBcwcqgHUDEIDx
Very helpful. Thanks ❤
Nice 👍
But sir in my vs code don't show source control option also in Extensions
It comes with vscode itself, check settings about source control
Nice mere bhai ❤
Nice mere bhai ❤
Thank you! 🙏
Load more karne par ads show nahi ho raha hai aapke site par
Please code provide kiya karo
Could you bring more frontend projects like these ? Need to practice CSS and JS
sure