- 38
- 186 260
Fullstack Simplified
India
Приєднався 6 лип 2021
Welcome to Fullstack Simplified, your ultimate hub for mastering full-stack development! Created by Prasoon Goswami, this channel helps you learn full-stack skills-from beginner basics to advanced techniques-efficiently and practically. Whether you're starting fresh or leveling up, we’ve got you covered with the latest tools, technologies, and best practices.
Discover popular frameworks like React, Node.js, and NextJs while building real-world projects step by step. Our tutorials simplify complex topics into easy, actionable lessons, perfect for aspiring developers and seasoned coders alike.
I started Fullstack Simplified in 2017, driven by my passion for coding and my first internship as an Android developer. My goal is to inspire and guide you to become a confident full-stack developer.
Join the Fullstack Simplified community, subscribe, and let’s create something amazing-together! 🚀
Thank you for watching, and happy coding!
Discover popular frameworks like React, Node.js, and NextJs while building real-world projects step by step. Our tutorials simplify complex topics into easy, actionable lessons, perfect for aspiring developers and seasoned coders alike.
I started Fullstack Simplified in 2017, driven by my passion for coding and my first internship as an Android developer. My goal is to inspire and guide you to become a confident full-stack developer.
Join the Fullstack Simplified community, subscribe, and let’s create something amazing-together! 🚀
Thank you for watching, and happy coding!
How to Become a Frontend Developer in 2025: A Complete Roadmap
🚀 How to Become a Frontend Developer in 2025: A Complete Roadmap 🚀
Are you ready to kickstart your career in frontend web development? In this video, I’ll guide you step-by-step through the ultimate frontend developer roadmap for 2025, designed specifically for beginners, college students, and freshers who want to excel in the ever-evolving world of tech.
🔥 What You’ll Learn in This Video:
Why learning frontend development in 2025 is a smart career move
Essential tools and technologies you need to master
How to build a solid foundation with HTML, CSS, and JavaScript
The best frontend frameworks, libraries, and resources to follow
Advanced topics like React, Git, and responsive design
Insider tips for building a portfolio that stands out
💡 Why Choose Frontend Development in 2025?
Frontend developers are in high demand worldwide. Learn about the latest job trends, average salaries in India, the US, and beyond, and the skills that top companies are looking for in frontend engineers.
📚 Resources Mentioned in the Video:
- Roadmap: roadmap.sh/frontend
- Git: www.w3schools.com/git/
- Basics: www.freecodecamp.org/news/html-css-and-javascript-explained-for-beginners/
- Shadcn: ui.shadcn.com/
- Tailwind Css: tailwindcss.com/
- Salary Insights: www.ziprecruiter.com/Salaries/Frontend-Developer-Salary?.com
🎯 Whether you're just getting started or have some experience, this roadmap will help you reach your next milestone as a developer. Watch now and take the first step toward an exciting and rewarding career in frontend development!
Are you ready to kickstart your career in frontend web development? In this video, I’ll guide you step-by-step through the ultimate frontend developer roadmap for 2025, designed specifically for beginners, college students, and freshers who want to excel in the ever-evolving world of tech.
🔥 What You’ll Learn in This Video:
Why learning frontend development in 2025 is a smart career move
Essential tools and technologies you need to master
How to build a solid foundation with HTML, CSS, and JavaScript
The best frontend frameworks, libraries, and resources to follow
Advanced topics like React, Git, and responsive design
Insider tips for building a portfolio that stands out
💡 Why Choose Frontend Development in 2025?
Frontend developers are in high demand worldwide. Learn about the latest job trends, average salaries in India, the US, and beyond, and the skills that top companies are looking for in frontend engineers.
📚 Resources Mentioned in the Video:
- Roadmap: roadmap.sh/frontend
- Git: www.w3schools.com/git/
- Basics: www.freecodecamp.org/news/html-css-and-javascript-explained-for-beginners/
- Shadcn: ui.shadcn.com/
- Tailwind Css: tailwindcss.com/
- Salary Insights: www.ziprecruiter.com/Salaries/Frontend-Developer-Salary?.com
🎯 Whether you're just getting started or have some experience, this roadmap will help you reach your next milestone as a developer. Watch now and take the first step toward an exciting and rewarding career in frontend development!
Переглядів: 143
Відео
How to Implement Dark Mode in React Like a Pro
Переглядів 3,3 тис.Рік тому
This video is all about how to use implement dark mode based on user as well system preferences in a React web app using material-ui 5, typescript, following best practices and industry standard coding patterns. 📚 Materials/References: - React Context Tutorial: ua-cam.com/video/DQxQQydJg3k/v-deo.html - React useRef Tutorial: ua-cam.com/video/gwFfzIaKnAU/v-deo.html - Material UI: mui.com/materia...
JavaScript Interview Questions 2023 - Polyfills
Переглядів 536Рік тому
JavaScript Interview Questions 2023 - Polyfills
React useEffect: Everything you should know
Переглядів 546Рік тому
React useEffect: Everything you should know
Build custom elements with Web Components using vanilla Javascript
Переглядів 8 тис.2 роки тому
Build custom elements with Web Components using vanilla Javascript
Firebase Hosting using GitHub Actions - React | CI/CD
Переглядів 16 тис.3 роки тому
Firebase Hosting using GitHub Actions - React | CI/CD
React Router v6 | Public and Protected Routes
Переглядів 33 тис.3 роки тому
React Router v6 | Public and Protected Routes
Firebase v9 Authentication in React | Google & GitHub Sign In
Переглядів 4,4 тис.3 роки тому
Firebase v9 Authentication in React | Google & GitHub Sign In
Firebase v9 Storage in React | Upload Files to Cloud
Переглядів 31 тис.3 роки тому
Firebase v9 Storage in React | Upload Files to Cloud
Firebase v9 Authentication in React | Email-Password Auth | Forgot Password
Переглядів 21 тис.3 роки тому
Firebase v9 Authentication in React | Email-Password Auth | Forgot Password
React Context API | Manage Global State
Переглядів 2,5 тис.3 роки тому
React Context API | Manage Global State
JavaScript Array Methods You Must Use (with Examples)
Переглядів 3803 роки тому
JavaScript Array Methods You Must Use (with Examples)
Firebase v8 Storage in React | Upload Files to Cloud
Переглядів 2,9 тис.3 роки тому
Firebase v8 Storage in React | Upload Files to Cloud
React useRef and forwardRef in depth
Переглядів 26 тис.3 роки тому
React useRef and forwardRef in depth
Everything about React Portals in 10 minutes
Переглядів 12 тис.3 роки тому
Everything about React Portals in 10 minutes
Learn React Custom Hooks in 7 minutes | Create useFetch hook
Переглядів 1,3 тис.3 роки тому
Learn React Custom Hooks in 7 minutes | Create useFetch hook
Data fetching in React using Suspense | React Concurrent Mode
Переглядів 1,7 тис.3 роки тому
Data fetching in React using Suspense | React Concurrent Mode
5 Must Have Visual Studio Code Extensions - 2021
Переглядів 3753 роки тому
5 Must Have Visual Studio Code Extensions - 2021
Deploying React Web App on Firebase - Completely free | Easy Hosting
Переглядів 6 тис.3 роки тому
Deploying React Web App on Firebase - Completely free | Easy Hosting
Building forms in React with Material-UI, Formik and Yup
Переглядів 10 тис.3 роки тому
Building forms in React with Material-UI, Formik and Yup
Insightful 🧠
epic 👍
Excellent explanation.
Thanks for watching, glad it helped!
puedes compartir el codigo ?
You are a life savior.
Thanks a lot!!
are you copying the web dev simplified ???
Yes
from where I will get source code?
How to add custom color for light and dark theme, instead of default color
Commendable 👏🏻
Thank you
Thank you soooooooooooo MUCH!!❤
You’re welcome! Glad you liked it
web dev simplified - indian version?
Glad you consider the same. Trying to make things easier to understand.
Great tutorial! Thanks! You really helped me out with this stuff... ☺☺
Glad it helped.
usecase 2 and 2 not same?
How can we add environment variables?.. please reply
Finally, I learned how to implement a theme using MUI. Thanks a lot, buddy.
Glad it helped!
Good video man!
Glad you liked it..
what to input here if the repo is inside an organization ? ? For which GitHub repository would you like to set up a GitHub workflow? (format: user/repository)
What about showing and not showing Navbar?
You can do the similar thing, use ternary to show/hide navbar based on auth state
thank yoou
You're welcome!
thanks a lot for covering this complex subject, it works flawlessly
Really glad it helped
Thank you !!! it was relly clear , a could deployed , great !!!
Glad it helped
one of the best video of amaizng explanantion, I dont commit normally but you deserve.
Thanks a lot. Really glad you liked it
Amazing explanation 👏
Glad it helped. Thanks for watching
Great job, Rajat!
Thanks a lot. 🤩🤩
Thank You, Keep doing Indian
Thanks for watching. Do checkout my latest video on the channel as well on react dark mode - ua-cam.com/video/VwvXjZIo7ys/v-deo.htmlsi=w3jhLV6RUt4WkCst
Bah darun Khub bhalo..... Congratulations 👌👌👌👌
Really appreciate how you explain things in a simple way. Loved it❤
Thanks for watching.
Nicely Explained
Thanks! Glad it helped
Great content . Amazing video and explanation 👏👏😊😊
Glad it helped
Prosoon Goswami just brewed up a React storm in his latest UA-cam masterpiece, "Master React Dark Mode: Unraveling Usee & System Theme Preferences in Material UI-5." 🌌 It's the tech fiesta for computer engineers, IT sorcerers, and CS-IT engineering mavens. Pro tip: Watching this video is like adding rocket fuel to your React journey-strap in and enjoy the ride! 🚀 Don't be shy; hit play, drop a like, and join the cool gang by subscribing to Prosoon's UA-cam channel. Let's turn this coding party into a rave! 🎉💻 #ReactDarkMode #MaterialUI5 #ReactTutorial #CodeMasters #ITDevelopment #CSStudents #TechGenius #SubscribeNow #CodingMagic #ReactThemePreferences
Glad you liked it
Amazing I got to learn alot from you!
Awesome, thank you!
what about the "secret api keys" how to handle them? do you also push them to the remote repo ?? I'm getting FirebaseError: Firebase: Error (auth/invalid-api-key).
For api keys you need to create your own. Ideally it is not recommended to push the secret api keys to remote git repo. You can add the particular file to .gitignore and it won’t push it to the remote repo
great explaination..
Thanks for watching. Glad this helped
A very clear explaination of useRef and forwardRef. Thanks. {2023-11-09}, {2024-03-22}
Glad you liked it. Thanks for watching
how do icheck token id in firebase console
I don’t think you can check for token id in the firebase console. They do have a function which you can use in your code to generate token id. You can read more about it here - firebase.google.com/docs/auth/admin/verify-id-tokens#web
Los indios van demasiado
Really nice video. But I have a problem. Right after newly registering, I can' see dislayName. Any suggestion?
Try checking the user call response by logging it to the console if displayName for the logged in account is available.
this is not working for me import ReactDOM from "react-dom"; import { AiOutlineClose } from "react-icons/ai"; const Modal = ({ onClose, isOpen, children }) => { return ReactDOM.createPortal( <> {isOpen && ( <> <div className="z-50 m-auto relative min-h-[200px] max-w-[80%] p-4 bg-white"> <div className="flex justify-end"> <AiOutlineClose onClick={onClose} className="text-2xl" /> </div> </div> <div onClick={onClose} className="absolute top-0 backdrop-blur z-40 h-screen w-screen" > {children} </div> </> )} </>, document.getElementById("portal") ); }; export default Modal;
very clean presentation and explanation. thank you very much
Glad it was helpful!
The easiest to understand explanation of this I've seen so far. Thank you 🙏🏽
Glad it was helpful!
React Portals, beautifully explained. Thanks. {2023-07-24}
Glad this helped
thank you for the easy-to-understand tutorial, bro!
Glad it was helpful!
noob, you can make it deploy in direct push , name: Firebase CI on: push: branches: master jobs: build: runs-on: ubuntu-latest strategy: matrix: node-version: [15.x] steps: - uses: actions/checkout@v2 - name: Use Node.js version ${{ matrix.node-version }} uses: actions/setup-node@v2 with: node-version: ${{ matrix.node-version }} - run: npm i - run: npm install -g firebase-tools - run: CI=false npm run build - name: Archive Build uses: actions/upload-artifact@v2 with: name: build path: build deploy: name: Deploy needs: build runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 - name: Download Build uses: actions/download-artifact@v2 with: name: build path: build - name: Deploy to Firebase uses: w9jds/firebase-action@master with: args: deploy --only hosting env: FIREBASE_TOKEN: "${{ secrets.FIREBASE_TOKEN }}"
Awesome! Thanks for sharing
you rock man....keep it up....your code helped alot
Awesome, thank you!
Thanks a lot for making this video, Its so precise and bulk with information 🎉🎉🥳🥳👍👍.
Glad you liked it
akhhhh tfooooooooooooo. stupid.
it's rare for me to upvote a tutorial video... even rarer for me to then comment on it... this is epic...👍
Thanks a lot for watching. Glad you liked it
Holistic, cohhesive and comprehensive tutorial. Thank you Prasoon.
Thanks alot for your reply. Glad it helped
Use fetch use krne pr vo length ka issue de raha h pata nahi kyo.... Data bhi fetch horra pr vo leanght vali error resolve nahi ho rahi
Can you please share your code snippet so that i can understand the error better
Thanks men for the firebase setup! great job