- Видео 12
- Просмотров 14 069
CodeNest
Добавлен 20 ноя 2024
The simplest and easiest explanation of software development, such as React, NodeJs, ExpressJs, Mongodb, NextJs, JavaScript and Tailwind.
Vs Code ULTIMATE Guide: Settings, Extensions & Themes For 2025
Nucamp for USA Students: nucamp.co?referral=GN31XH.
Nucamp Flex for International Students: www.nucamp.co/community/on/nucamp-flex
Vs Code ULTIMATE Guide: Settings, Extensions & Themes For 2025 🚀
Whether you're a beginner or a seasoned developer, this video is your go-to resource for VS Code settings, extensions and themes.
Learn how to optimize your coding workflow with must-have settings, game-changing extensions, and beautiful themes to elevate your development experience.
🌟 What You'll Learn:
Essential VS Code Extensions for maximum productivity
The best extensions for web development, JavaScript, React, and more
Stunning themes to customize your editor for 2025
Pro tips to speed up your codi...
Nucamp Flex for International Students: www.nucamp.co/community/on/nucamp-flex
Vs Code ULTIMATE Guide: Settings, Extensions & Themes For 2025 🚀
Whether you're a beginner or a seasoned developer, this video is your go-to resource for VS Code settings, extensions and themes.
Learn how to optimize your coding workflow with must-have settings, game-changing extensions, and beautiful themes to elevate your development experience.
🌟 What You'll Learn:
Essential VS Code Extensions for maximum productivity
The best extensions for web development, JavaScript, React, and more
Stunning themes to customize your editor for 2025
Pro tips to speed up your codi...
Просмотров: 328
Видео
Build a Stunning Portfolio Website with React, Tailwind CSS & Framer Motion!
Просмотров 12 тыс.17 дней назад
Build a Stunning Portfolio Website with React, Tailwind CSS & Framer Motion! Are you ready to build a professional portfolio website that stands out? In this step-by-step tutorial, I’ll show you how to create a stunning portfolio website using React, Tailwind CSS, Framer Motion and EmailJs for contact form, you can also use it as a react project example. Link for images: drive.google.com/drive/...
AI Revolutionizes Web Development!
Просмотров 110Месяц назад
AI Revolutionizes Web Development! Discover how AI is revolutionizing web development in 2025! 🚀 Learn how tools like GitHub Copilot and ChatGPT can boost your productivity, help you code faster, and give you a competitive edge in the job market. Find out why AI is now a must-have skill for developers and how leveraging it can help you build an impressive portfolio with more projects in less ti...
React Developers Faceoff THREE Must Know Technologies for Success!
Просмотров 96Месяц назад
Boost Your React Skills WITH THESE 3 MUST KNOW Technologies! Are you ready to take your React skills to the next level? 🚀 In this short video, I reveal the 3 MUST-KNOW technologies that every React developer should master in 2025: Tailwind CSS, TypeScript, and Next.js! Whether you're building stunning UIs, writing scalable code, or creating high-performance apps, these tools will supercharge yo...
Get Paid as React Developer in 2025
Просмотров 1,5 тыс.Месяц назад
React Developer: Get Hired Faster (and Paid More): 5 Expert Tips 💼 Struggling to land your dream job as a React developer in 2025? You’re not alone-but don’t worry, I’ve got you covered! In this video, I reveal 5 expert tips to help you stand out, beat the competition, and get hired faster as a React developer. 🚀 Here’s what you’ll learn: 1️⃣ Why mastering Cortex technologies like Tailwind CSS,...
Learn Redux Toolkit in RECORD TIME with These 6 Simple Steps!
Просмотров 40Месяц назад
Learn Redux Toolkit in RECORD TIME with These 6 Simple Steps! Master Redux Toolkit faster than ever with this quick, easy-to-follow guide! In this RUclips short, I’ll break down the 6 simple steps you need to implement Redux Toolkit in your React applications. What you’ll learn: How to set up Redux Toolkit with createSlice and createAsyncThunk. Key concepts: actions, reducers, and store. Simpli...
Redux Toolkit: createAsyncThunk Made Easy!
Просмотров 83Месяц назад
Redux Toolkit: createAsyncThunk Made Easy! Learn how to master createAsyncThunk in this comprehensive tutorial! If you're working with Redux Toolkit and need to handle asynchronous actions like API calls, this guide will walk you through everything step by step. In this video, you’ll discover: What is createAsyncThunk and why it’s a game-changer for async actions. How to simplify API calls and ...
Redux & Redux Toolkit : The Ultimate Tutorial!
Просмотров 191Месяц назад
Redux & Redux Toolkit: The Ultimate Tutorial! Master Redux and Redux Toolkit with this comprehensive tutorial! This step-by-step guide is perfect for beginners and experienced developers looking to streamline state management in their React applications. Chapters: 00:00 What is Redux 00:27 Redux Key Concepts 02:49 Installing Redux 03:20 Creating the Store 05:15 Using the Provider 06:30 Creating...
useState vs useReducer: Which Should You Use?
Просмотров 54Месяц назад
Master React State Management with useReducer React Hook! Learn how to harness the power of the useReducer hook in React to manage complex state like a pro. In this step-by-step tutorial, we'll explore why useReducer is a great alternative to useState for handling multiple state transitions in your React applications. Chapters: 00:00 Example with useState 01:54 useReducer Syntax 06:11 Managing ...
What Experts Don't Want You to Know About Async Await
Просмотров 105Месяц назад
Understand Async Await in JavaScript: Simplify Asynchronous Code in 29 Seconds! Struggling with JavaScript promises? Learn how to use async and await to write clean, readable asynchronous code in just 29 seconds! This quick tutorial breaks down async/await syntax and shows you how to handle API requests and asynchronous tasks like a pro. Perfect for beginners and developers looking to level up ...
Want to MASTER JavaScript Promises FAST
Просмотров 30Месяц назад
This quick and easy guide explains how Promises work and why they’re essential for handling asynchronous tasks like API calls, file operations, and more. ✅ Learn the basics of Promises: What are Promises in JavaScript? How to use .then(), .catch(), and .finally() Simplify async code with Promises! Perfect for beginners or anyone looking to brush up on JavaScript essentials in under a minute. 💡 ...
JavaScript Promises & Async:Await Explained Simply!
Просмотров 722 месяца назад
Unlock the power of asynchronous programming in JavaScript with this beginner-friendly guide to Promises and Async/Await! 🚀 In this video, I break down the concepts of JavaScript Promises and how they help manage asynchronous tasks, like API calls, file operations, and more. Chapters: 00:00 Creating Promise 03:58 Consuming the promise 07:25 Promise states 08:41 Fetch API with promise 13:01 Asyn...
Loved the video ,it was to the point
Thank you so much for your feedback! I really appreciate it and I'm thrilled to hear you enjoyed the video.
That's very good project
Thank you so much!
bro how much days you take to upload ecommerce projects maximum minimum time estimated?
This 3 hours video took me 3 weeks to create, record and edit, I think the ecommerce project will be about 10 hours long, it may take really long, sorry for this bad news but I'm trying to be honest 😪
amazing project. thanks for upload video
Thank you so much!
Nice Work
Thank you so much!
can you tell me how did you edit your personal picture
I used Photoshop, cropped my image, created hexagonal shape, gave it gradient overlay, made it's edges smooth, created a clipping mask on my photo, then I duplicated it and removed the bottom part and left the head, then I duplicated the hexagonal shape, removed the filling and added stroke :)
@@CodeNestDev Thank you for providing such a detailed description.
@@Luffy-ce4dq You're most welcome!
Great work 👏, I've subscribed to your channel!
Thank you so much, I'm glad you liked it, thanks for the sub as well. 🙌
Please bus tricket management
Could you please clarify what you mean?
Your tutorials are amazing. Only thing I am having difficulty is the size of the fonts when reading. Can you please zoom the codes a little more for other videos? Thank you so much.
Thank you so much, I will do it in the next video.
Bro am waiting for ecommerce project with payment integration
As soon as possible
Thank you very much !! I started to search for a job just a week ago, and my mentor recommended me to create a personal portfolio... you've been very helpful.. cheers mate !
You’re very welcome! I’m so glad the video could help you. A personal portfolio is a fantastic step, great advice from your mentor! Best of luck with your job search.
i don't understand one things about when we create hero section: we import hero section after navbar then why hero section data gone under navbar?
Because the position of the Navbar is fixed which is similar to the absolute position but it will be sticky on the window (position "fixed" takes the element out of the page flow, and then you can adjust it's position using left, right, top and bottom so it's position will be fixed to somewhere on the viewport and when you scroll down it will be in the same place in the window), and it also has the z-index: 10 or 20 which means it will be on the top of the lower z-index elements (defauld z-index is 0)
Brother another humble request please don;t create too much files for every littile even text image background img
You are absolutely right, thank you for the advice
بالتوفيق إن شاء الله
ربنا يعزك يارب ♥️
I found this video very useful for me..Currently learning React JS and I am going to download this video so that I can make this portfolio for me by following this video.
Glad it was helpful! Good luck bro!
@@CodeNestDev Thank you
@@AmanWebDev You are very welcome bro!
please increae Vs fonts
Yeah sorry for that, next video I will not forget increasing the font size.
please make mern portfolio , also increase the font size of vscode .
For the MERN portfolio I'm thinking about creating a MERN e commerce portfolio project, and I will think about your idea as well, thank you for the suggestion, and for the font size, I will do that in the next video.
@@CodeNestDev yes size of vscode is small
@@alensunny7982 Really Sorry for that, gunna make it bigger in the next one!
very well demonstrated. Thanks a lot.
You’re very welcome! I’m glad it was helpful.
@@CodeNestDev A lot... appreciate your efforts.
@@KannadaMusicLibrary 🙌
Really good Video 👌
Thank you so much bro! 🙌
Sir can you make a ecommerce or Real time Chat Application using React js and tailwind because your way of teaching is very good
Thank you so much for the kind words! I'm really glad you enjoy my teaching style. I will do my best to do an e commerce one soon!
Bro make a ecommerce website using React js and tailwind css with payment or with fire base plz upload ASAP Am waiting and also thanks for this type of project
Thanks for your feedback and suggestion, sounds like a great idea, I will do my best to get it done.
fucking good Brother ❤🔥❤🔥
Thanks, brother! Glad you liked it!
very nice project please make a Ecommerce website with add to cart functionality and Payment integration please make it very fast
Thank you so much for your kind words and suggestion! An eCommerce website is a great idea. I’ll definitely consider creating a tutorial on that soon!
@@CodeNestDev yes am waiting for this projects to add in my CV
@@CodeNestDev yes me also waiting these type of projects
@@Irfanwrites1 🙌
@@CodeNestDev oohhh someone is also waiting like me for these types of projects interesting
Lovely tutorial, glad I found this, so recent as well. Great video. Thanks for sharing.
Thank you so much for your kind words! I’m really glad you found the tutorial helpful and enjoyed the video. Your support means a lot.
please provide github repo link of code
Of course, it's on the description now.
Tysm sir❤
You are very welcome ♥️
Comments make video popular
Thanks a lot bro 😍
Comments make video popular
♥️
Comments make video popular
♥️♥️
عربي ؟
عربى مصرى 🙌 🇪🇬
@@CodeNestDev ماشاء الله على المواهب النادرة في بلاد العرب
@@anisgamer7792 الله يبارك فيك! شكراً على كلامك الجميل
Can I use your design ? I will try to do the code with myself , and put the project in my portfolio ?
Of course, you’re welcome to use the design!
Hello man , I dont know why you are not famous yet !! may god helps you 😊😊😊😊, I want to ask you , I just finished and anime List web + E-commerce project from a fake API and I really liked it , what do you recommand to do now ?
Hey Anis, thank you so much for your kind words! That really means a lot to me. May God bless you too! 🙏 Your Anime List + E-commerce project sounds awesome, great job! If you’re looking for the next step, I’d recommend exploring real-world APIs or building your own backend with Node.js and Express. You could also challenge yourself by adding user authentication, payment integration (like Stripe), or even deploying your project to make it live for others to use!
excellent
Thanks a lot bro!
Excellent explanation
Thank you so much, I'm glad you found it helpful!
keep going its very usefull ❤❤
Glad you found it useful!
i think i am searching in the wrong place or the wrong way, i have all these tips, and my projects is good enough but i never get heired, is there something should i know or do more than that, somebody help please
Continue applying to jobs, don't give up!
I subscribed to your channel out of supporting you Abelrahmaan.. keep going bro 💪
Thank you so much for the support! It really means a lot to me.
Do you have any advices how to start freelance ? as a frontend devoloper knowing that It won’t take me long to finish React.js
Start by building a strong portfolio with 2-3 solid projects showcasing your skills in React and frontend development. Then, create profiles on platforms like Upwork or Fiverr and start applying for beginner-friendly gigs to build reviews and experience.
@@CodeNestDev thx man
@@anisgamer7792 You're very welcome my friend
So how I can solve the Designs probleme , what I can put in my Portfolio ? and thx for this video
You're very welcome Anis, which design problems are you talking about ?
@@CodeNestDev I dont know how to design a website , and in my portfolio there is no design to put it there
Focus on improving your design skills by studying simple UI/UX principles or using tools like Figma to practice. Meanwhile, you can use free templates from platforms like Dribbble or Behance to build projects and showcase your frontend skills.
Keep working i am gonna support you 💪😊
Thank you so much!
This is what everyone is doing. That will not make the cut in an oversaturated market. Your technical skills need to be on point, but you need to differentiate yourself and standout. Pick some niche that makes you a perfect fit for a niche set of clients like: React + UX expert, React + CMS expert + React + Monorepo Expert.
You're absolutely right Stefan, that was really valuable tips, but in this video I'm talking about things that take hours to few days to be done, I understand that these information are not new to you, but I always meet Reacts devs that really don't know what to do next, therefore I made this video, anyway ... Thank you so much for the comment 🙏
FIRST!
What about it Shaun ?
Amazing 🙂 you explain very well, thanks for the upload and subbed 👍
I'm glad you found it useful, thanks for the sub!
Thank you for this fantastic explanation of the useReducer hook! The way you broke down the concepts and provided practical examples made it so much easier to understand. ❤
@@wekaand2468 Thank you so much for your kind words! I’m glad the explanation helped clarify the useReducer hook for you. ♥️