Web Development tutorials with full courses on HTML, CSS, JavaScript, React, Node.js and more!
My goal is to help you learn how to build the web. Teaching helps me learn, too. I work full-time as a Solutions Architect / Developer and part-time as a university web dev instructor. Thank you for subscribing, supporting my channel and sharing the videos you think may help others.
Keep striving for progress over perfection.
And a little progress every day goes a very long way.
Milestones:
July 20, 2020 - 1st video
Jan 1, 2021 - 1k subs
April 2021 - 4k watch hours
Nov 2021 - 10k subs
Jan 21, 2022 - Video at 100k views
Feb 16, 2022 - 100k watch hours
Feb 19, 2022 - 1m views
Dec 13, 2022 - 100k subs
Dec 2022 - Over 1m views in 1 month
April 7, 2023 - 10m views
May 26, 2023 - 1m watch hours
Sept 22, 2023 - Video at 1m views
Dec 25, 2023 - 250k subs
Пікірлер
Thanks for github.com/SH20RAJ/nextjs-loading-problem
❤❤❤❤❤❤❤ i want to pay you my whole college fee tbh Our college professors complicated this shi so hard. This was soo good
You need a high end computer to run that locally though. My mac m1 lags lol so I'll stick to copilot
Hmm, I have a mid PC running it without issues. I do have extra RAM though. Might make a difference.
Can confirm as well. I did the same test as Dave and it took about 1-2 minutes for the entire code to be written using codeqwen. Don't know if it's CPU or GPU that slows it down. I have 32gb RAM a 9400k and a AMD 580RX. So I guess at least my PC is not as fast as Dave's. But fun little piece of software to use. I also use Cody Free version as an alternative to Copilot, as I'm still learning programming and only do a little coding at my current job, so I don't feel it's worth forking out $ yet.
You definitely deserve your entry to the Nirvana! (The thing is: you bring so much enlightenment to our world that if you do so, you will be missed a lot! Hopefully you volunteer to reincarnate on this planet to bring your light!)
Fanatic course. I appreciate the level of detail.
thanks for the course, enjoy the coffee, you deserve it!! from @books4christ
Dave, I appreciate this a lot and definitely gonna check this out. After this, nobody's gonna use Copilot anymore.
Hello, I can see that you have python and js lessons on your channel, but what language has more opportunities to start job at least for free or for food:/? I learned python and Django before, but dropped it because people said that it's too slow, and i'm practicing MERN now, of course it feels a bit harder than Django. And i'm a bit confused now, was it right choice or wrong to drop python web
There are jobs for both. Difficult to say which would be better. Both are among the most popular programming languages.
It is so cool but it crashes my pc every few minutes. Even though my PC meets the requirements.
Hmm, I'm on a PC and that hasn't happened. Strange indeed. It does seem to be a bit power hungry according to some comments, but mine is far from a recent PC.
I am implementing a modal within a modal is this a good idea to do parallel routes?
A modal within a modal - I'd avoid if possible, but sometimes weird things are necessary. Parallel routes are a good idea for a modal - not sure about layering them.
Thank you for the great content. I have a private ollama server running in my company with dedicated video card. Is it possible to connect Continue to this server in my LAN? Ollama is not installed on my local workstation, it is on a server here in my environment.
I don't know, but if you find out, please share here. Interesting!
Thank you Dave for these great tutorials, as a non-native English speaker you speak English so evident that I can comprehend I'm stiil learning HTML and CSS Dave with your tutorials, your tutorials are so invaluable 🌻❤
Glad I can help!
very helpful tutorial, thanks a lot
Doesn't "useActionState" from React do exactly that? Why a third party hook?
Not the same. I should have emphasized the differences more. This implements Zod or other validation and abstracts away catching errors - no try/catch necessary. Also provides clearly defined error types. I'm going to do a follow up using toasts to show some additional patterns.
Is it adviced to use custom authentication endpoints or using prebuilt packages like autho0, passportjs to implement authentication and authorisation for a professional production app ? . By the way love your vedios .
Thank you! Rolling your own off is a good learning experience. That said, I prefer to use a service like Kinde for most projects.
Want to see docker, docker compose from scratch
I've tried a few models locally, and I really like having an AI assistant locally. Too bad I can't run it on my laptop. Anyone know of any good free or low cost alternatives?
Yeah running locally will take some power. If your laptop runs short on that, you might want to look at services that don't run locally.
As an answer to myself, I just found out about Chat RTX from Nvidia...it can run local LLM's and train on your local data as well. Now I only need a extension to integrate it into VS Code.
Hi Dave! I've been stuck on the trouble of having to display server error to client side. I just recently learned that in production, the server would change the error that was returned to client to a generic error message(I think this is not the issue when using action and useFormState instead of onSubmit). Should I use this on every form that uses react-hook-form and server actions? In a real world scenario, is it enough to just display a generic error message from the server? Whenever I want to do a mutation, I'm thinking of using the native form action before I switch to react-hook-form if my form is complex. Is this the right approach? Lastly, base from your experience, does it matter for UX if the error message is displayed when the form is submitted or on input blur/change.
There should be no problems displaying an error client side using what I show in this tutorial. I am going to do a follow-up to this with a toast message tutorial. There are several patterns that can be used. It won't just display a generic server message. As shown, you also get validation errors and fetch errors. You can modify the server error to show e.message so it can be very specific. I suggest sticking with react-hook-form and showing errors onBlur. It is a much preferred user experience.
Well its good. But takes away many system resources.
Could be a drawback of keeping everything local depending on machine power. I'm not usually running many other tasks while coding/chatting with it.
Awesome 😍....
Actually it's the intellisense extention that does not seem to be working, after installing is there any setting to change or anything to enable it? I hover over and I am not seeing the css,
After creating the script for prettier, am I supposed to do npm run prettier? Because the extention does not seem to be working for me.
but you need strong strong CPU
Mine isn't too strong. I'd say mid.
Thanks alot Dave, As per the request for upcoming videos I would be happy if you could provide honoJS, react / nextJs and postgress tutorial
Many possibilities there! Thanks for the request!
Legend
Thanks for a great tutorial, just have a question: is it possible to make parallel routing with diffrerent nextjs projects for example localhost:3000 and localhost:3001, localhost:3000 has sidebar of dashboard and localhost:3001 apper in dashboard if we navigate to it but sidebar stays from localhost:3000.
No, the parallel routes must be within the same project.
is this the future of IT ?? is this react library and redux stuff really practical ?? i hate seeing this and i don't understand why react is popular ?? it's really the most disgusting thing i saw in coding ? by the way , this tutorial is not helpfull and it's based on memorizing not what the actual understanding , there's much much better tutorial outthere ... i'm sorry but i first stumbled on your video and it discouraged me soooo much !!! this is not how a beginner learns this !!!
I don't feel like Redux is the popular choice going forward but so many deployed React apps still use it that it is good to know.
Thanks.Which is the best Ollama LLM for nextJS 14 free / licensed ?
I don't think you can target a framework like that unless someone specifically creates an LLM for it. Just go with the rankings for coding like I do with EvalPlus in this video.
thank you so much
You're welcome!
I was wondering if you could make a postgresql tutorial
Nice request! I've been thinking about that 🙌
Thanks Dave!
You're welcome!
Great! More of this please!
Thanks for the feedback! I do want to compare more of these solutions. I really like this one because it is local and you choose your own model - which allows you to upgrade as models improve.
@@DaveGrayTeachesCode 🙏
Did I miss something? I did not see code completion as you type your own code.
There is tab auto completion. That is the setting I changed in the config - but yeah, trying to fit it all into 10 minutes or less, I didn't demo everything.
Great work Dave!!! 🎉🎉🎉🎉❤❤❤
Thanks so much!!
thanks Dave, your always as ever on the money so to speak. Local LLMs may well be the next thing and privacy is king so this is well worth the time and investment. Thanks agai, your a ⭐cheers
You're welcome and I agree!
@@DaveGrayTeachesCode yep, I've got deepseek-coder-v2 running already, thanks to your prompting me to take a look on now windows up to now I've been running on WSL so in order to get this to work I had to first stop ollama in WSL with syttemctl commands to stop and disable but that aside, running in windows now which is terrific, its even working with dart / flutter which is amazing
Dave will ever make a course about the new nextjs futures
I'm waiting until Next.js 15 is promoted beyond release candidate. Then I will consider it.
I am using MacBook m1 and did everything as mentioned in the video. It seems like vscode is lagging after applying all the configuration. Also, auto suggestion is not working for me. Is there anything m missing?
I didn't add it to my Mac yet to compare, but installed locally shouldn't create a lag. I think you've got plenty of power, too. Maybe a quick restart of VS Code? As mentioned, I did have to restart Windows.
It's old news. 😢
Definitely not for everyone. But yeah, we do hear about things at different times.
first time hearing about this
Can we set the token size since there is a limit with copilot. Thank you another wonderful tutorial.
It will only be limited by the limits of the model you choose.
@@DaveGrayTeachesCode Thank you.
hey dave, do you use linux and if you do which distro do you use, i'm trying to switch from windows.
I used to. My favorite for a long time was Debian. Then everyone went to Ubuntu. Last I knew, Ubuntu was easiest to switch to.
@@DaveGrayTeachesCode thanks, i'll try that.
Everybody has an opinion on which Linux distro is best, and all of us are 100% right. :) I use PopOS as a daily driver and suggest you give it a try. Zorin and Mint are also often suggested for somebody just coming over from Windows. Ubuntu is a good choice as well. Depending on your hardware, you should be able to boot from a USB stick and try any of these before you commit to an installation.
I think Codeium is better even with free version
You've already had time to compare both? I want to compare others. Can you choose your own free model with Codeium? If so, it comes down to the extension features and UI comparison.
Good sir@@DaveGrayTeachesCode 1. Codeium doesn't require me to install and run a local ollama instance which hogs the compute and memory of my MBA making it unbearable to code. 2. Codeium free version doesn't give the ability to choose models but the Pro model has ability to choose GPT 4 models. Haven't tried that, don't have that kinda money but free is fast and good enough for my use case - Web dev. 3. Codeium setup is just 1 click. 🙂
Continue seems interesting, currently I testing cody, cursor & supermaven
Yes, I'm interested in comparing free options
Does this all happen locally? No posting your code to some server in Vietnam somewhere?
Right! And yes, 100% local.
@@DaveGrayTeachesCode This assumes we have a really good computer?
Thank you Dave, good quality content right there ❤
You're welcome!
Will take a look, but I'm finding hard to believe there's something out there to replace supermaven. Copilot is trash compared to it now.
Yes so many new things. I like this because you can keep changing the models as they improve and the extension is constantly being updated as well.
I agree supermaven is awesome. Switched from copilot
I tried it and instantly loved it-it's even better than my Tabnine Pro subscription! Thanks for letting me know it exists <3
Hello sir l'm learn the python from your channel but i forgot everything after some days and after a long time I'm learning again python please give some suggestions to learn python
Don't rush. Just learn one thing and then try to apply it. The more you use it, the easier it is to remember. Just learn a little something new every day.
@@DaveGrayTeachesCode ok thank you sir but in python course I couldn't understand the operators you wouldn't explain the some operators . How to understand that and were you learn python and other new technologies
@@Mrplayall8849 there are many python resources available. If what I said or taught did not stick with you, sometimes it is good to reference other sources of information. Putting all of these together will help your understanding.
I can't get past use of Ctl-C (on mac) after that step my venv is stuck and won't let me deactivate or runserver. I have deleted all and started from scratch 3 times and the same thing happens everytime after the Ctl-C command.
Hi! I noticed that the List component is re-rendered every time the value in the search field is changed. However, the request goes away after the last change of the List component - is this a feature of useSwr? Will this not work with fetch? Am I right? Thx for video and your work!