- Видео 157
- Просмотров 47 126
frontendzone
Индия
Добавлен 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 !!
What is the react component and how to create ✅
#reactjs #reactcomponents
🚀 Welcome to our #webdevelopment series!
How to create a react component.
What is react component
👨💻 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 ✅
ruclips.net/p/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT&si=_vu2cEkWEl5SHjad
➤ CSS Playlist ✅
ruclips.net/p/PLym_M-q19oHFFl_b9PTcSE7_kNpBBChjo&si=Wt4-_9wOjPPbmtIc
➤ How to setup prettier formatting in next.js
ruclips.net/video/PwVh9lLLgrI/видео.html
➤ Setup styled component in next.js
ruclips.net/video/5e1wnbXj8w8/видео.html
Website & Blog
✨ www.frontendzone.com
🚀 Social Profiles
✨ linkedin.c...
🚀 Welcome to our #webdevelopment series!
How to create a react component.
What is react component
👨💻 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 ✅
ruclips.net/p/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT&si=_vu2cEkWEl5SHjad
➤ CSS Playlist ✅
ruclips.net/p/PLym_M-q19oHFFl_b9PTcSE7_kNpBBChjo&si=Wt4-_9wOjPPbmtIc
➤ How to setup prettier formatting in next.js
ruclips.net/video/PwVh9lLLgrI/видео.html
➤ Setup styled component in next.js
ruclips.net/video/5e1wnbXj8w8/видео.html
Website & Blog
✨ www.frontendzone.com
🚀 Social Profiles
✨ linkedin.c...
Просмотров: 12
Видео
How to create component and use props in react.js ✅
Просмотров 4721 час назад
#react #propsinreact #nextjs #reactjavascript How to Create a React Component and Use Default Props Welcome to this beginner-friendly tutorial where we dive into React components and learn how to utilize default props effectively! 🚀 In this video, you'll discover: ✅ How to create functional and class-based React components. ✅ The role of props in customizing components. ✅ How to define and use ...
website speed optimization & performance ✅
Просмотров 8114 дней назад
#websiteperformance #lighthouse #websitespeed Learn how to analyze and optimize the performance of any website. In this tutorial, we explore tips and tricks to build faster UIs that are ideal for search engine optimization. Ultimate guide to web performance How to improve website performance score page speed optimization website speed optimization ➤ Lighthouse performance developer.chrome.com/d...
how to add star rating schema markup in website ✅
Просмотров 6114 дней назад
#seo #seotips How to add the star rating snippet in Google search results for your website product schema markup Google search snippets schema markup WordPress #seo #schemamarkup #searchengines #google
correct way to upload file in google drive
Просмотров 1414 дней назад
#frontend #webdeveloper How to upload files in google drive in organized way to search easily 👨💻 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 ✅ ruclips.net/p/PLym_M-q19oHGBcROlwSOiIRgYM8WmqUiT&si=_vu2cEkWEl5SHjad ➤ CSS Playlist ✅ ruclips.net/p...
How to create responsive slick slider in react.js | part2 ✅
Просмотров 96Месяц назад
#reactjs #carousel #javascript #nextjs Learn how to create a slick slider in React js In this tutorial, I'll show you how to integrate a Slick Slider into your React JS project. Slick is a powerful, fully responsive, and mobile-friendly carousel that’s easy to implement and customize. Whether you're building a dynamic image slider or a content carousel, Slick is the perfect tool to enhance your...
How to create responsive slick slider in react.js | part1 ✅
Просмотров 85Месяц назад
#reactjs #carousel Learn how to create a slick slider in React js In this tutorial, I'll show you how to integrate a Slick Slider into your React JS project. Slick is a powerful, fully responsive, and mobile-friendly carousel that’s easy to implement and customize. Whether you're building a dynamic image slider or a content carousel, Slick is the perfect tool to enhance your web applications. 🖥...
Map vs forEach in javascript | differences | which to use ✅
Просмотров 36Месяц назад
#frontend #map #foreachloop #javascript What are the differences between map() and forEach() which is more optimized to use. What is the use of foreach loop What is the use of map in javascript Map in Javascript forEach loop in javascript foreach loop javascript Foreach method in javascript 👨💻 What You'll Learn: 🛠️ Tools and Resources: Code Editor (Visual Studio Code) Browser for Testing ( chr...
How to create navbar using HTML & CSS Easily ✅ #navbar
Просмотров 54Месяц назад
How to create navbar using HTML & CSS Easily ✅ #navbar
Learn CSS flexbox in 15 minutes ✅ #flexbox #css
Просмотров 76Месяц назад
Learn CSS flexbox in 15 minutes ✅ #flexbox #css
Portfolio website HTML CSS | Part -3 ✅
Просмотров 52Месяц назад
Portfolio website HTML CSS | Part -3 ✅
Responsive navbar react js & next.js ✅ #navbar
Просмотров 4712 месяца назад
Responsive navbar react js & next.js ✅ #navbar
Setup prettier in React/Next.js project ✅
Просмотров 1062 месяца назад
Setup prettier in React/Next.js project ✅
How to setup styled components in NEXT.JS ✅ #nextjs
Просмотров 2532 месяца назад
How to setup styled components in NEXT.JS ✅ #nextjs
Create Portfolio website HTML & CSS only ✅ Part - 2
Просмотров 1342 месяца назад
Create Portfolio website HTML & CSS only ✅ Part - 2
Create #portfoliowebsite HTML & CSS only ✅ Part - 1
Просмотров 5402 месяца назад
Create #portfoliowebsite HTML & CSS only ✅ Part - 1
importance of communication skills specially for developer & engineers
Просмотров 632 месяца назад
importance of communication skills specially for developer & engineers
How to change color mode in BenQ GW2790QT monitor
Просмотров 592 месяца назад
How to change color mode in BenQ GW2790QT monitor
Level up frontend After HTML CSS and Js
Просмотров 542 месяца назад
Level up frontend After HTML CSS and Js
How much frontend to get the JOB ✅ #frontenddeveloperroadmap
Просмотров 1084 месяца назад
How much frontend to get the JOB ✅ #frontenddeveloperroadmap
How to pass props from child to parent react.js ✅ #reactjs #props
Просмотров 4374 месяца назад
How to pass props from child to parent react.js ✅ #reactjs #props
How to host website on github pages FREE ✅
Просмотров 545 месяцев назад
How to host website on github pages FREE ✅
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
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 ruclips.net/video/bydbH_Hansk/видео.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
AUTO SUBSRKE WKWKWK THNKYUUU
hello dear my media quires dont work in react.js please help
Check whether your css file loading or not
❤badhiya bhai
Nice bhai❤
❤
🎉🎉🎉🎉🎉
Superb ❤
Best 🙂🙂🙂
good tut bro, make more like this
looks cool🙂
Bhaiya abhi maain seekh hee rha hu , iss waqt React par hu Toh mujhe experience main kya dalna chahiye? Kuch major projects bhi nahi banaayein hain abhi maaine
Add whatever you have created for now Ex- landing pages, portfolio website, mini projects etc , add clients project if you have done any
Thanks, this was helpful. been teaching myself