EdRoh
EdRoh
  • Видео 41
  • Просмотров 4 505 712
It's Not About Coding More, It's About Coding Right
You can code less for better results.
Links:
learningrabbithole.com/how-many-hours-a-day-can-you-effectively-study/
news.ycombinator.com/item?id=7657502
news.ycombinator.com/item?id=6810289
-----------
Subscribe to my channel: ruclips.net/channel/UCMoEx7gz7IbJHv733yEi2aA
for more web development and web 3.0 blockchain tutorials!
-----------
Who is EdRoh? I'm a lead engineer for a publicly traded company and have been developing for a decade now.
I'm here to provide you in-depth tutorials by simplifying difficult concepts and more importantly, getting your hands dirty by building production level projects with ease to impress your future/current employer or clients.
Просмотров: 1 475

Видео

Being a Developer Doesn't Mean Knowing Everything
Просмотров 2,5 тыс.7 месяцев назад
Learning everything is overwhelming, but you don't have to learn everything to become a developer Subscribe to my channel: ruclips.net/channel/UCMoEx7gz7IbJHv733yEi2aA for more web development and web 3.0 blockchain tutorials! Who is EdRoh? I'm a lead engineer for a publicly traded company and have been developing for a decade now. I'm here to provide you in-depth tutorials by simplifying diffi...
Chatgpt Vision might be useful for front end development
Просмотров 2,3 тыс.7 месяцев назад
Chatgpt Vision is a bit wild. vite installation: tailwindcss.com/docs/guides/vite Subscribe to my channel: ruclips.net/channel/UCMoEx7gz7IbJHv733yEi2aA for more web development and web 3.0 blockchain tutorials! Who is EdRoh? I'm a lead engineer for a publicly traded company and have been developing for a decade now. I'm here to provide you in-depth tutorials by simplifying difficult concepts an...
Why Coding Should be Hard
Просмотров 2,2 тыс.7 месяцев назад
Coding should be hard Subscribe to my channel: ruclips.net/channel/UCMoEx7gz7IbJHv733yEi2aA for more web development and web 3.0 blockchain tutorials! Who is EdRoh? I'm a lead engineer for a publicly traded company and have been developing for a decade now. I'm here to provide you in-depth tutorials by simplifying difficult concepts and more importantly, getting your hands dirty by building pro...
Don’t Be A Humble Developer
Просмотров 2,6 тыс.8 месяцев назад
Sometimes not being humble helps you as a developer. It just happens to work like this, as someone who can show off their work and communicate it the best, is the one that really gets ahead. Developers who are quiet and humble tend to… Links: javascript.plainenglish.io/a-20-year-experienced-ctos-advice-don-t-be-a-humble-developer-919973e8ca5 Subscribe to my channel: ruclips.net/channel/UCMoEx7g...
Is AI hype a bubble
Просмотров 7 тыс.8 месяцев назад
Links: techcrunch.com/2023/08/28/survey-finds-relatively-few-americans-actually-use-or-fear-chatgpt/?ref=futuretools.io cointelegraph.com/news/ai-manias-coming-end?ref=futuretools.io www.honest-broker.com/p/ugly-numbers-from-microsoft-and-chatgpt garymarcus.substack.com/p/the-rise-and-fall-of-chatgpt garymarcus.substack.com/p/what-if-generative-ai-turned-out Subscribe to my channel: ruclips.net...
The Only CSS Layout Guide You'll Ever Need
Просмотров 91 тыс.8 месяцев назад
CSS gets real messy but people insist on continually approach css with a chaotic approach. In this video, I go through a step by step process of how you should approach css layouts, an exact strict guide on how you can approach it without leading to css chaos. As someone who experienced a lot of chaotic and poorly maintained css codebases, this guide will truly help you find a good process for ...
Scientifically Proven Prompt Engineering: A Game-Changer for Developers
Просмотров 5 тыс.8 месяцев назад
Sign up to enroll for a 7-day free trial with Coursera now! imp.i384100.net/QyAy0z #Coursera, #CourseraPartner and @Coursera Prompt Engineering for Developers. This one’s an in-depth look about all the prompt engineering techniques that are scientifically studied and used and related for developer use. I show how to go through and utilize different prompt engineering techniques so that you can ...
I Give Up (Sort Of)
Просмотров 5 тыс.8 месяцев назад
🚨 Big Changes Ahead! 🚨 I've decided to pivot. No, I'm not leaving the 'build an app' scene, but there's a new journey I'm embarking on! Dive in to hear about my struggles, the role AI is playing in the developer community, and where I see opportunities that many are overlooking. Don't worry, there's still a sprinkle of tech talks left. #FutureOfTech #ChannelUpdate” Subscribe to my channel: rucl...
Build a Next JS 13.3 App with Auto ChatGPT Content | Next 13.3, Prisma, TipTap, Typescript, Deploy
Просмотров 62 тыс.Год назад
To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/EdRoh/. The first 200 of you will get 20% off Brilliant’s annual premium subscription. Build a Complete Fullstack Next JS 13.3 App that will Automatically generate Blog Post Content with ChatGPT. We will use the latest Next JS 13.3 with the app directory, and then Prisma as our ORM, TipTap for our text editing...
Build A MERN Finance Dashboard App | Machine Learning, Typescript, React, Node, MUI, Deployment
Просмотров 181 тыс.Год назад
To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/EdRoh/. The first 200 of you will get 20% off Brilliant’s annual premium subscription. Build a MERN Finance Dashboard App that has Machine Learning Predictions. The frontend will consist of Vite for our starter application, Redux Toolkit for state management, Material UI for our component library, and Recharts...
Build a Chat App with NEW ChatGPT API | Full stack, React, Redux Toolkit, Node, OpenAI
Просмотров 187 тыс.Год назад
Build a Chat Application with ChatEngine and OpenAI and ChatGPT integration tutorial. The frontend will consist of ChatEngine for our chat application, Redux Toolkit for our state management, Redux Toolkit Query for making api calls, Hero icons for our Icons and React Router for Navigation. For the backend we will be using Node Js as our runtime, Express Js as our backend framework, and OpenAI ...
Build a Complete Typescript React Fitness Application for Beginners | Responsive
Просмотров 188 тыс.Год назад
Build and Deploy a Complete Typescript Fitness Application tutorial. For frontend, we will be using React, Typescript, Vite, Tailwind, Hero Icons, Framer Motion, Form Submit, React Anchor Link Smooth Scroll. We will also be using Cloudflare Pages for deploying our app. Links: React: reactjs.org/ Typescript: www.typescriptlang.org/ Typescript Types vs Interfaces: tinyurl.com/typescripttypesvsint...
Build a MERN React Admin Dashboard | Redux Toolkit Query, Backend Focus, Deployment, Data Modeling
Просмотров 498 тыс.Год назад
Build and Deploy a MERN Stack Admin Dashboard tutorial. For frontend, we will be using Material UI, Material UI Data Grid, Nivo Charts, Redux Toolkit and Redux Toolkit Query. For backend, we will be using Node JS, Express Js, Mongoose, and MongoDB. We will also go through how to Data Model using Entity Relationship Diagrams as well as making aggregate calls in MongoDB. Links: Node: nodejs.org/e...
Build a COMPLETE Fullstack Responsive MERN App with Auth, Likes, Dark Mode | React, MongoDB, MUI
Просмотров 1 млнГод назад
Links: Material UI: mui.com/material-ui/getting-started/installation/ Redux Toolkit: redux-toolkit.js.org/introduction/getting-started React Router: reactrouter.com/en/v6.3.0/getting-started/installation Redux Persist: github.com/rt2zz/redux-persist React Dropzone: react-dropzone.js.org/ Node: nodejs.org/en/download/ Nodemon: github.com/remy/nodemon NPX: www.npmjs.com/package/npx VsCode: code.v...
Build a FULLSTACK React Ecommerce App that is fully Responsive with Stripe Payment
Просмотров 247 тыс.Год назад
Build a FULLSTACK React Ecommerce App that is fully Responsive with Stripe Payment
Build a Responsive React Portfolio Website | Tailwind, Framer-Motion, & React Hook Form
Просмотров 115 тыс.Год назад
Build a Responsive React Portfolio Website | Tailwind, Framer-Motion, & React Hook Form
Build a COMPLETE React Admin Dashboard App | React, Material UI, Data Grid, Light & Dark Mode
Просмотров 1,4 млнГод назад
Build a COMPLETE React Admin Dashboard App | React, Material UI, Data Grid, Light & Dark Mode
Build a DECENTRALIZED Web3 React Social Media App for Beginners | React, Chakra UI, Lens
Просмотров 17 тыс.Год назад
Build a DECENTRALIZED Web3 React Social Media App for Beginners | React, Chakra UI, Lens
Building a Full Web3 Mint Website for Beginners | React, Hardhat, Ethers, and Chakra
Просмотров 155 тыс.2 года назад
Building a Full Web3 Mint Website for Beginners | React, Hardhat, Ethers, and Chakra
How $50 million dollars worth of crypto were stolen due to a few lines of code
Просмотров 3,2 тыс.2 года назад
How $50 million dollars worth of crypto were stolen due to a few lines of code
How these NFT Contracts lost Hundreds of Thousands due to one line of Code | Smart Contract Code
Просмотров 3,6 тыс.2 года назад
How these NFT Contracts lost Hundreds of Thousands due to one line of Code | Smart Contract Code
How to Write a Basic NFT Contract from Scratch | Solidity, Remix
Просмотров 52 тыс.2 года назад
How to Write a Basic NFT Contract from Scratch | Solidity, Remix
How to Deploy Your Smart Contract onto the Blockchain | Hardhat Tutorial
Просмотров 7 тыс.2 года назад
How to Deploy Your Smart Contract onto the Blockchain | Hardhat Tutorial
How to easily create a Web3 Mint Website from scratch | React, Hardhat, Ethers
Просмотров 31 тыс.2 года назад
How to easily create a Web3 Mint Website from scratch | React, Hardhat, Ethers
Solidity | Pure and View in 2 Minutes
Просмотров 2,2 тыс.2 года назад
Solidity | Pure and View in 2 Minutes
Solidity Tutorial | Visibility Modifiers - Public, External, Internal Private
Просмотров 1,8 тыс.2 года назад
Solidity Tutorial | Visibility Modifiers - Public, External, Internal Private
Redux Toolkit with Redux Saga | Toolkit and Saga made Simple
Просмотров 43 тыс.2 года назад
Redux Toolkit with Redux Saga | Toolkit and Saga made Simple
React Hook Form How To Get Started | Build a Simple Form
Просмотров 4,7 тыс.2 года назад
React Hook Form How To Get Started | Build a Simple Form
Redux Toolkit with Redux Thunk | Build a Photo Gallery App
Просмотров 13 тыс.2 года назад
Redux Toolkit with Redux Thunk | Build a Photo Gallery App

Комментарии

  • @abdurrahim-bi8kd
    @abdurrahim-bi8kd День назад

    after the refresh the color auto set to primary dark but the light is not remain. how to fix this issu? you should add this but you didn't

  • @amkr-yd1tp
    @amkr-yd1tp 2 дня назад

    3:30:35 when i am registering, i am getting a error 'POST localhost:3001/auth/register 500 (Internal Server Error)', and a warning 'Warning: An unhandled error was caught from submitForm() SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON' how can i correct it ??

  • @juniorWeb247
    @juniorWeb247 2 дня назад

    reall really really superb video, Thank you sooooooooooooooooooooooo much for this concept. God bless you man

  • @--Vishnu--
    @--Vishnu-- 4 дня назад

    Hi bro I have assignment releted this type help me bro

  • @cd92606
    @cd92606 5 дней назад

    Great video but bro... you need a pop filter on that mic. (Sound-sensitive autistics like me are driven crazy by plosives.)

  • @aasupabaral7380
    @aasupabaral7380 5 дней назад

    At first when u did authorisation and authentication (the nodejs code). how can we see the form that you had at the browser's screen to check if our code is running properly. Is it because you had already done the frontend part or am I missing out something here. Please reply me I'm in confusion and I really want to learn this!

  • @keving2027
    @keving2027 5 дней назад

    Anyone struggling at 1:51:31, GridToolbar doesn't show up with this code anymore. When I installed MUI is installed 7.4. The web says to use "slot" props instead of components, I had to import: import { DataGrid, GridToolbar, GridToolbarContainer, GridToolbarFilterButton, GridToolbarDensitySelector, GridToolbarExport, GridToolbarColumnsButton } from "@mui/x-data-grid"; const CustomToolbar = () => { return ( <GridToolbarContainer> <GridToolbarColumnsButton /> <GridToolbarFilterButton /> <GridToolbarDensitySelector /> <GridToolbarExport /> </GridToolbarContainer> ); }; <DataGrid rows={mockDataContacts} columns={columns} slots={{ toolbar: CustomToolbar }} />

  • @lowmikow1099
    @lowmikow1099 8 дней назад

    Thank you for this tutorial! It was exreamly helpful for TS beginners! Your explanations are great! Wish you and your family all the best)

  • @holgerjrgensen2166
    @holgerjrgensen2166 8 дней назад

    AI is Superstition and Illiteracy, a dead mantra, it just sounds 'So Smart'.

  • @jamesau4296
    @jamesau4296 8 дней назад

    Ask people who worked in Silicon Valley, most programmers time are spent on troubleshooting data type errors instead of writing more lines of code, is it true?

  • @zenmaster8
    @zenmaster8 8 дней назад

    as a cs masters student specializing in AI, i have mixed feelings about the current state of ai. AI has fascinated me for years and one of my hopes is that we can achieve GNI in my lifetime (if it is possible). I think there is a lot of important stuff that AI can do that humans cant but i dislike the immediate want to replace everything with AI because AI models A. are nowhere near human intelligence yet and B. AI thinks in different ways than humans do. I fear for the rigid black box of thinking AI's have making huge decisions for the world.

  • @knowledgehub1956
    @knowledgehub1956 9 дней назад

    AI is complete garbage , can`t even solve 200 and 300 years unsolved math conjectures !! all those exaggerated claims such as, it will take over , it will kill us lol are intentionally designed to create a hysteria for useless companies to steal / make easy money in bubbles like stock market and fed grants . In reality, machines, will stay dumb machines even if we achieve quantum computing or even a home temperature superconductor , shit will stay always the same .

  • @DRCmusic
    @DRCmusic 9 дней назад

    Is there any benefit to do this project with just d3 and react only for any of the visualizations, and just import the calendar and form libraries/dependencies? without the other dependencies? Would that reduce loading times/file sizes and make the visualizations more customizable, or is it just added work for very little benefit? Thanks!

  • @juliovicenteperez7172
    @juliovicenteperez7172 9 дней назад

    Hello! Error! 22 | import "react-pro-sidebar/dist/css/styles.css File not found! Can you provide it? Thank You!

  • @argh5665
    @argh5665 10 дней назад

    00:00 Part 1 - thinking of css 3:01 Part 2 - thinking of flexbox 9:59 Part 3 - thinking of grid

  • @MAbhinavBolla
    @MAbhinavBolla 11 дней назад

    i have a data undefined when the api call fetches data can anyone give solution for that

  • @danielzapata9099
    @danielzapata9099 11 дней назад

    gran video 👍👍

  • @danieledun7977
    @danieledun7977 12 дней назад

    Which app do you use for prototying your layout. I see an app in the background

  • @paco04hidal17
    @paco04hidal17 12 дней назад

    what is the version of node?

  • @bhoomisharma3802
    @bhoomisharma3802 13 дней назад

    I'm finding this channel right before my practical examinations..😢 on web development...😂 Are you kidding me! 😫😫 My project is trash as it is ..😫😫😫

  • @user-iq5em8qe1w
    @user-iq5em8qe1w 13 дней назад

    thanks for the video. Anyone, what's the Chrome tool to see the box display architecture? thanks, bye .

  • @ghantaramaseshu
    @ghantaramaseshu 13 дней назад

    Thank you @EdRohDev npm i @mui/material @emotion/react @emotion/styled @mui/x-data-grid @mui/icons-material react-router-dom@6 react-pro-sidebar formik yup @fullcalendar/core @fullcalendar/daygrid @fullcalendar/timegrid @fullcalendar/list @nivo/core @nivo/pie @nivo/line @nivo/bar @nivo/geo

  • @weedmanjunior
    @weedmanjunior 13 дней назад

    bravo

  • @woodeater.beaver
    @woodeater.beaver 13 дней назад

    Thank you so much sir! This was the main reference for our capstone project and it just feels wrong to not show appreciation even in the least possible way. So I wish a great life ahead of you and God bless you more!!!

  • @kidyoshi007
    @kidyoshi007 14 дней назад

    THIS IS THE BEST CSS VIDEO I HAVE EVER SEEN IN MY LIFE !!! this the the most perfect video explanation of what CSS is! BEAUTIFUL

  • @TimAyro
    @TimAyro 14 дней назад

    Me watching this video with my css filled with floats...

  • @abzz1290
    @abzz1290 14 дней назад

    Hi, can you share the name of the extension your are using for Flexbox etc?

  • @zuhriddinganiev2718
    @zuhriddinganiev2718 15 дней назад

    it would be great if you add websockets

  • @smailsafire9593
    @smailsafire9593 15 дней назад

    Whats the name of the extension to see all boxes?

  • @Yoyo-sy5kl
    @Yoyo-sy5kl 15 дней назад

    For anybody struggling to get the toolbar to work, they changed it's parameters ofcourse since the tutorial is a year old. Instead in the DataGrid handler do the following: <DataGrid rows={mockDataContacts} columns={columns} slots={{ toolbar: GridToolbar }} /> components no longer works unfortunately.

  • @atypocrat1779
    @atypocrat1779 16 дней назад

    Human brain: 30 watts to run. AI chip: terawatts to run

  • @Develoquent
    @Develoquent 17 дней назад

    The most common phrase in this tutorial has to be 'Just be careful, theres a lot of boxes' lol. I cringe seeing this. Im building it out and creating components for a lot more things and its helping organize things correctly. I dont have more than 1 box without a child component inside of it broken out. Its much cleaner and makes it so much more readable. Still though, im very appreciative of this tutorial!

  • @nkthehustler
    @nkthehustler 17 дней назад

    Love from india

  • @gumbilicious1
    @gumbilicious1 17 дней назад

    I hate messing with css, that is why I am here

  • @sara-parker
    @sara-parker 18 дней назад

    😍

  • @sara-parker
    @sara-parker 18 дней назад

  • @infoplus503
    @infoplus503 18 дней назад

    how getting data from database and showing in the table !!!

  • @roopikaikuppast7479
    @roopikaikuppast7479 18 дней назад

    amazing tutorial for me everything is working except comment its showing default comment but unable to add new comment what to do plz help

  • @vibhac8
    @vibhac8 18 дней назад

    Hi,I have just started watching the video May I know, the Middleware and Backend

  • @FurqanHun
    @FurqanHun 19 дней назад

    i understood flex easily i do use it tho didnt knew about it in detail, bu yes grid is terrifying would probably take more to to get familiar with

  • @aditideshpande1266
    @aditideshpande1266 19 дней назад

    Why I connect to the server ? \

  • @davidshanahan6081
    @davidshanahan6081 19 дней назад

    When you reference align-content at 7:08, I think you have confused it for align-items. Align-content is used when a row has wrapped.

  • @Develoquent
    @Develoquent 19 дней назад

    the longer i follow this tutorial the more i realize this guy loves his 'boxes' come on, can we please break things out and use actual NAMES for components rather than a comment above a box tag? its so confusing to follow lol.

  • @motion69
    @motion69 19 дней назад

    Am I in 2000?

  • @wanderingidj0t543
    @wanderingidj0t543 20 дней назад

    I want to like this tutorial... But being newbie, and trying to follow along - the edits and jumps in code that we see on screen, has left me lost. Two standout examples: Section: Router Setup (at 55:35) you jump from adding paths, to adding routes. ALL the code we just added disappears - Why?; Section: Sidebar (at 1:04:41) where you've gone from adding a box to return, to adding the user icon - there's suddenly a WHOLE bunch more code, that I have no idea how/why it's there, or where it came from.

  • @sobanwaqar1192
    @sobanwaqar1192 20 дней назад

    after creating topbar when i try to toggle into dark and light mode . There is no effect on background . its just the color of search bar changing but not the whole background. why is it can anybody guide??

  • @sumit.019
    @sumit.019 21 день назад

    getting Cannot GET / on browser window ,and also after enter the routes , in terminal (getting)-"GET / HTTP/1.1" 404 [help me]

  • @discodoplan4794
    @discodoplan4794 21 день назад

    Hi, Ed. Thank you so much for this video. But I have one question for you) How do I link my smart contract to my ipfs storage. Thanks)

  • @MichaelChukwuma-jb1fe
    @MichaelChukwuma-jb1fe 22 дня назад

    Thanks a lot for the insightful tutorial. As a matter of file structure, would it be legal to throw my Topbar and Sidebar into the components folder since they're both technically shared? Thanks again.