Absolute beginner’s guide to starting web development in 2023

[@RichardCalder67]

Great video. One piece of advice that I have for new developers is type things out, even code snippets you find online. Copy and paste is bad. Typing does two things, first and foremost it commits syntax to memory, meaning you won't have to Google it every time you try to do it. Second, it allows you time to reason about, and learn, what the code is actually doing.

[@tajjamalabbas]

I have 1st PC in the office and have a lot of free time I could not download window 10 it's a 32 bit Can you tell me any online code editor for practice? 8:10

[@PeaceOutILoveMrYoung]

"It's only 4 months, you are still a beginner." I needed to hear this, Kevin.

[@ABelugaWhale]

I know that it's not a coding essential, but I would love a "Getting Started with Git/GitHub" video alongside the "Getting Started in VS Code"

[@jorgegamboa5408]

I started like 5 months ago, I have studied lots of hours every day and yeah , Kevin is 100% right… the difference between when you start and now is a whole different thing. CSS ❤️

[@jennielyra3694]

As a 41 year old stay at home mom just getting into web design (as a side hustle) your explanation of the difference between the three - so simple and refreshing.

[@andresfelipeladinoespitia]

Thanks a lot, Kevin. I like this beginner/advanced approach you have decided to adopt for your content. Your name is a staple in the web development community, and I'm pretty sure your contributions to both beginners and advanced developers are highly appreciated. Thanks for the time and effort you put into your content.

[@christopherkecun8349]

Thanks for returning to the start. It is much appreciated.

[@BrentMayberry]

The notetaking suggestion is so good. So many of us are satisfied when something works, and we move on. Taking notes helps cement concepts and patterns in your mind, and it's a great way to collect your own code snippets to use later. Thanks for the encouragement and advice, Kevin!

[@andi1984dev]

Thank you for this incredibly honest and back-to-the-roots review on how to start in web development. It's refreshing to see a genuine guide that doesn't rush the process but emphasizes the importance of steady learning and practice. This is a must-watch for anyone beginning their journey in web development. Kudos for keeping it real! Greets from someone "old" started webdevelopment when there was Mobile Internet Explorer version 5 😆

[@LouiseJosephine]

I first learnt HTML and CSS when i was younger and back then you made your layouts with float and position and to achieve rounded corners and shadows you had to make them with background images lol. I'm so excited by how far CSS has come and learning all the changes 🎉

[@LouiseJosephine]

I'm also a designer, and I think they need a name for when you're both because "full stack" is front/back end but I haven't found a term for when you're also a designer!

[@azikkii]

Just be thankful you didn’t start when you had to code webpages with tables 👀 I still have nightmares from nested tables inside nested tables inside more nested tables.

[@taariqq]

+1 for the Beginner VS Code setup video.

[@musziknchocl8]

I just came across your video as I'm working towards a career transition into tech. I'm in the exploratory stage and trying to decide which path/skillset I want to pursue (UX or front-end dev). Your video is extremely encouraging and helped me understand that there's a community available and that I'm not expected to "know everything" or "be an expert" which is reassuring. I'm coming from a social work/mental health background so this is all very new to me. Thanks again for the positivity 🙏🏾

[@lettyviana]

I tried to learn just by practicing and it was not such a good practice for me. When I combined it with theory, i.e., actually learning what each thing/function/code line does and why they do it, I started to really understand what I was doing when I just practiced. Each person has a pace and we must always respect our own. Thank you for your content Kevin, it has helped me a lot in several situations.

[@KevinPowell]

Totally agree, if you're practicing without having learned anything yet, you'll just be lost... the problem is too many people read/watch tutorials, but don't follow along, or they just follow along and never practice on their own!

[@psm6618]

A VS Code beginner setup and tutorial would be VERY appreciated!

[@explorer8279]

I will being Sticking to your channel on this new journey of mine because your content are Concise and in-depth and straight forward. ❤

[@Nyce45]

Hey, Great Video Kevin! I've been studying HTML, CSS and JavaScript for 10 months with a few breaks in between. I'm not in a hurry, I am learning at my own pace. I watched many tutorials and completed a few web development courses. This week I started Front End Mentor projects, but I often feel stuck and don't know where to start or what is the best tag to use. This leaves me a bit demotivated and wondering if programming is the right path for me. However, I don't want to give up because I have a strong passion for technology. I'm fascinated by the fact that in web development we can create and let our imagination run wild.

[@mk-vg1mx]

same :D

[@shamrosekjan598]

Same situation feels like I should just quit

[@mk-vg1mx]

@@shamrosekjan598 do not quit, find a buddy to code with

[@LelouchBritannia-id6nx]

Try to do projects related to what you're interested, along the way you will search and find tools you need to complete it. Hope this helps

[@aal2002]

Thank you for making a video for beginners that actually makes sense!

[@lillyinthefield2787]

Yes I been looking all. Over NO ONE HAS A BEGINNER into vs code as far as learning how to use it 😮😮😮😮

[@She_tech]

This video came across my tl at the right time. Was feeling overwhelmed that after months I wasn't making any progress on my front end journey.

[@Evangelist45938]

Kevin you are my hero in web developement I always recommend your channel when people say how do i learn css :)

[@sahanabajpaie4529]

Some KZbinrs or educators might give you the impression that you just need to be proficient in HTML, CSS/SASS, and a bit of JavaScript to secure your first front-end developer job. However, the reality is that with these skills alone, you might not even receive an interview call, let alone land a junior role. To have even a slight chance of getting an interview, you should be familiar with at least one framework (such as React, Vue, or Angular).

[@Konstantinosiakovou]

Absolutely and that is why I feel i am not gonna be web developer.

[@Akim-z8t]

Senior developer, watching this video👍

[@harikrishnanpandyan5684]

Me : Learning more than 9 months still watching the video.. 😅😂😜

[@Alex.Shalda]

Hey! Already applying?

[@olaniyanayodele5986]

Css got us all like this😂

[@fuzzboi]

Been learning for 5 years! In the same situation 😂👏

[@nickodicko8866]

Same 😂

[@tamunotonyespencer922]

@@olaniyanayodele5986 where you at?

[@courtneysdani]

Love the video. This journey is definitely discouraging. I started a bootcamp and I’m almost on month two and I have been struggling….. I feel like we are learning everything so quickly I don’t have time to really play with or build things with the new things we are learning. I do better when I don’t feel so much pressure or so rushed.

[@bensonbenson4149]

Glad to have seen this...started in July and I'm glad for progress. Thank you kevin

[@vlfanai_dev29]

Been learning web development for about 4 months now on a Lenovo Chromebook Duet😅 and this channel always help me get better with css.

[@NKXyooj]

This video gave me some inspiration. I graduated with an associate degree in web development and design and still feel like a beginner on many concepts. I’ll be looking at your other videos to teach myself again. Thanks for the video! 🙌

[@undyla-chan1675]

Dude thank you. You're really sweet and encouraging and with all the toxic techbros around here on the internet it's hard to find someone who just sounds like they genuinely want to teach people cs. Thanks man!

[@ahmed51988]

You said in some of your videos that one of your goals is to make people fall in love with css or at least hate it less through forming a solid understanding of it. Your magic worked for me. Thanks !

[@homeoffice3524]

I totally recommend Notepad ++ I can work with VScode. But I just don't need all that customisation and beautify things. It's just really personal preference. For example if I'm doing Python code then definitely VS or Pycharm not notepad++ but for HTML/CSS/PHP I somehow prefer Notepad++

[@_ata_3]

Thanks for pointing out that it takes time, maybe years to be good at it. A lot of people fake this so much they are not being honest.

[@lesalmin]

Here's my advice to beginners: test each new line of your code immediately after writing it - it doesn't take too long and your code will remain valid all the time (actually VS Code Live Server extension will do it semi-automatically for you). If you add several lines of HTML, CSS and JavaScript at once and then test your page/app it will be much harder to find the error(s).

[@wranther]

A VS video tutorial based upon your teaching style would be a fine companion video to your other video tools! -Bob...

[@juli.72]

Awesome video as usual. Thanks for this Kevin!

[@Konstantinosiakovou]

Algorithms sometimes are helpful! I have that question long time ago trying to be a professional web developer until I found your videos and I found them very interested!

[@papyrus88]

Amazing! A community like that was just what i was looking for!! ❤️❤️❤️

[@AustinThomasFilms]

When I started watching your channel I hated CSS, now I genuinely enjoy it and think that it's one of the most fun parts! Thanks for what you do Kevin, keep up the great work.

[@swingoutmuseum6454]

Kevin, thank you for this video. I'm a newbie and I'm getting confused with all the information out there. 1) I would like to see a video about setting up and using VS code to debug a JavaScript program. 2) Another video discussing the next skills, tools, and languages to learn

[@Swiftwebberi67]

Thanks a lot for this Insight Kevin. Glad to have found your community!

[@natesanp9088]

Am learning a lot through your videos. Thank you

[@nakulyadav9287]

I finished a pretty comprehensive certification back in march, covered html css js and basics of React. Even learnt a lot of advanced Css concepts from Kevin. Though after that, I felt completely burnt out and kind of moved away from it. It's been 6 months and I felt like I needed to get back to it. Hopefully, this time around I can stick with it for good. Wish me luck guys :) Thanks for the video kevin

[@late.night.creation]

Hey Kevin, great video! I also just wanted to say I really like your sweater!

[@_tanzil_]

Finally after being comfortable with JavaScript, I'm gonna start learning React on September 😊

[@Glorian692]

thanks Kevin so much may God give you more life and all you wish to fullfill..

[@crimsonisland]

I’d love to see how you configure your VS Code.

[@agateanne6384]

I really like this fellow. Thank you so much Kevin Powel !!! I'll definitely subscribe to your channel!

[@angerbadge773]

i was waiting for react..etc part oh wait this is an absolute beginners guide right, hope u will make an other video about what one should focus and learn once he/she has done a good amount of work and build some projects in html css and js.

[@bill4824]

@KevinPowell, Last week I started my web dev journey through Scrimba. I am doing the Front End Career Path. I've also done your CSS course there as well! Thanks for all you do.

[@doniecode]

Thank you man. God Bless😊

[@Eminno-Ab]

This video clarify many things thanks

[@pfever]

Summary: * You will need a PC with a browser and a code editor or IDE * Learn HTML, CSS, Javascript in that order. * Do not wait to become "perfect" at one language before moving to the next one, there is always something new to learn so google, AI, and the community of programmers are your friends. * Learn by doing, work on personal projects that motive you. * Everybody follows a different path, after knowing the basics, you will know what you need when you are faced with a necessity when building something * Make a list of bullet points of what you learned after a study session in order to clarify your understanding

[@eymardjulianfaderon7493]

very informative man, thanks a lot and God Bless.

[@Mhmd-wx1bg]

Thanks man! I'm currently watching your space travel website course on Scrimba!

[@whoistobitoun]

Great channel, Kevin! You’re helping me on my journey 🙌🏾

[@MarvinKleinMusic]

I would highly appreciate a video about VS code

[@rawafkarim4469]

I agree writing notes is very efficient way and by doing this we don't forget stufffffffff

[@petrvalenta8835]

Hi Kevin, another very nice video. Thank you a lot! One thing, about the "Note taking" 11:00 - I've tried, but in fact there is so much information and if you are at the beginning, you don't know what is important and unimportant information and so you easily slip into writing everything. I know it, I've experienced it. Now I don't write notes anymore and instead I prefer to write code. If I don't remember something, I look at my older repos, or I google (or ask the AI) and I remember a lot more that way than by writing notes. 😊

[@KevinPowell]

One reason I like to advocate for taking notes after, and not during. When you do it while learning, you tend to write *everything* down. If you do it afterwards as a recap, it can be a lot more useful. But yeah, coding first for sure!

[@di2015]

Hey Kevin, I've recently subscribed to your channel. Best content on youtube!

[@eirenedelosreyes6025]

I agree,taking note is a great tool in learning.

[@hollowbug2443]

A good metaphor for the web languages is: Html is like the skeleton of a creature. Css is all the muscles & skin javascript is the ability to everything and make it interact with each other and other things. And javascript frameworks (like react, angular etc) are throwing out or/and rewriting other functionalities for a different creature (use-case scenario) like a dog instead of a human. dogs don't need the walking but instead need a rewrittten speech module to just go 'barf' and some variations of it.

[@Phantasmal-Frights]

Thank you ! Beautiful video and thanks very much for the advice. Cheers !

[@MrDwarfsChannel]

First of all Great video as always. I am a returning Web Developer / moving to web dev from another field. It could be a cool idea to make a video for develoeprs coming from other areas since web dev is really different to other fields in that there are tons of options for tooling. For example in IOS dev there is a clear choice of what you should focus on and what are the tools that you need to learn if you want to do something but in webdev there are tons of frameworks and libraries for almost everything.

[@thejourneyofamom]

Thank you Kevin for this video.

[@alaaxeldin]

As someone who is trying to learn, I would add one thing which is should put effort where it counts. Your brain is designed to ignore any information that is irrelevant at the moment. So if you spend hours watching videos and reading documentations, you are going nowhere but if you actually try to 'get your hand dirty' and start by building small projects and searching for the information you need to solve the problem you're currently facing then you will go really far really fast. However You should enjoy the journey and don't focus on the destination because it doesn't exist.

[@spankyjeffro5320]

#1- Your brain isn't and wasn't designed. #2- All information is relevant to what you want to achieve. #3- Tutorials introduce you to concepts, practice cements those concepts. But, tutorials are taking you somewhere, towards proficiency. #4- Sure, googling specifics can be good. But, foundationals need to be learned first or the only things you're gonna learn are individual specifics. #5- The destination is proficiency: Tutorials - Practice - Start project - Finish project - Start project - Google specifics - Finish project - Practice till you have at least 5 sole-developed projects. Then you're proficient.

[@sebastiangonzales46]

Thank you so much for this Sir Kevin 🙌

[@952a259]

Kevin, thank you for great motivation video! 👍

[@galeflower3272]

Thank you!!! I needed this.

[@andrewchalimbanakanyinji5434]

Thank you kevin, i really appreciate your advice

[@nordicnomad5473]

It's better to learn by doing, for example try to create a simple mouse click game using html, CSS and JavaScript . This will make us learn the basic and most used features of html, CSS and JavaScript

[@raba650]

I’ve always seen myself as not being that creative. So coming into this field with this in mind, I’m struggling with coming up with design ideas. But looking at the dev tools elements and styling for different themes and websites has helped me to learn. Hopefully the more I do, the better I’ll get over time.

[@fitsum-ru5yw]

Please help me I'm in the same situation thinking of i'm not creative enough for software engineering... but I'm academically clever student.

[@raulbarriga7416]

@@fitsum-ru5yw Just study the topic of web design to learn about different tools & technical people use in web development. There’s a bunch of KZbin videos on this to help.

[@spankyjeffro5320]

Why not focus on being practical in stead of creative? Why not try to fix some problems? Create functionality? If you want to focus on being creative, copy for a time. Look for sites with cool themes and copy them to gain inspiration and break down their design choices.

[@daveturnbull7221]

I find taking a 10-20min break really handy when I'm struggling to wrap my head around something. I usually go and turn a perfectly good piece of wood into sawdust. I often find the solution suddenly just pops into my head.

[@KevinPowell]

Yes! breaks are so important!

[@tamunotonyespencer922]

You learnt yourself

[@mskev8224]

Very intersting explanation of the fundementals. I know you are an expert on web matters but could you reduce the zoom cuts as they are very distracting.

[@charith-q8m]

That is really helpful.. also improved my confidence

[@adeniyiokunade1075]

Learnt how to use ATOM through you so please do a how to get started with VS CODE video. Thanks.

[@__manojts__]

First like and comment my guru 😊

[@sam-harrison]

So well explained, awesome stuff 👍🏻

[@TheJurciks]

I couldn't agree more about reflecting on where you started and where are you now. I've been learning Web Dev seriously for more than a year now, trying to put in at least an hour every day, of course it doesn't work that way so ideally I will do it like 4 days throughout the working week. So after a whole year and doing college I will still sometimes feel like I don't know what am I doing but if I look back at my college course where I barely touched on JS and now after I've been learning for a year the difference is staggering. I always laugh at these KZbin videos whiy titles "How I become a web developer in 6 months"

[@JerryFitness01]

Super helpful! Thanks a lot!

[@Aloooy108]

My tip is: The Odin Project.

[@Poukenkambou]

Kevin, this is a very motivational message

[@maddysingh8332]

Sir i have been following your channel for a year and so but your main focus has always been on css please make some videos on the functionality side(javascript) from the beginners perspective. I have completed your course conquering responsive layouts, please make some videos on javascript as well 🙏🙏🙏🙏

[@KevinPowell]

A lot of other very talented teachers who know JS better than me out there :D

[@maddysingh8332]

@@KevinPowell any recommendations please 🙏

[@jeanelizedenys]

i'd be interested in a setting up vscode video showing from fresh install of vscode to live site. ie how you set it up, compile code and get it to run the website, test your code and maybe even debug if there are tools for that

[@1DonFF]

I just use the basic built notepad app already available on either phone or laptop but shi gotta google the elements sometimes yk 😂😂😂😂😂😂

[@Smile__007]

Beyond amazing 👏🏾......

[@keaton718]

Do you have advice for designers who want to learn web development to supplement their design skills? I know usually designers design a site and developers make it, but designers aren't cheap and developers aren't cheap so some of us want to do it all ourselves. I know you've said multiple times you don't recommend trying to specialise in both, but it is nice being able to make all your own graphics and animations and videos and stuff and the static html site that uses it all.

[@nordicnomad5473]

Try to convert a web design done in Photoshop or the same into actual html/CSS. This will help you to learn the basics, then start learning CSS animation, gradients etc

[@colorsofgaia]

I feel like making templates for WordPress, sounds fun. Do you know the difference in Wordpress and Webflow?

[@deatho0ne587]

VSC or NeoVim (has a higher learning curve but you might like it better) for your IDE. Obsidian is great for taking notes and also decent for learning Markdown (you will need this for jobs). NPP okay for notes (quick ones) and looking at files from others (before adding them to your own).

[@myartikool]

(Neo)Vim for webdev is so needy in terms of plugins, custom settings, lsp's, linters and so on. It is really better to just start with vscode and not touch (neo)vim until you feel comfortable with the default web stack. I've already learned basics of react and started learning typescript - and that's another layer to take care of. So i just get burntout of neovim and its settings, and plugins to make it usable... so i just switched back to vscode. Don't get me wrong for some python, c, java or whatever language like that - (neo)vim is awesome and i would've use it, but for webdev there's just too much work to make it... nice to develop in. Oh, and in vscode there are two awesome plugins for typescript: total typescript, pretty typescript errors. Not a necessity but something nice to have at start.

[@deatho0ne587]

Work comps: VSC - Companies love MS Home/Work comps: VSCodium or NeoVim - Depends on the OS By the way, TypeScript is not every job out there. Yes, it is nice and wish JS had types by default. The extensions to add to VSC for webdev depend on what projects a user will be working with. "Code Spell Checker" can work in general.

[@JoseGarcia-vr8mx]

After doing this for 5 years, I still feel like I'm a beginner lol

[@ViewMumbai]

Great content ❤🎉

[@janbohlen8488]

Great video, thanks

[@victorjr969]

Is it advisable to learn WordPress Mr. kelvin?

[@DJBGETCOLD]

What is the difference between Visual Studio and Visual Studio Code editors?

[@moodyshah007]

as well as html, css havascript, should you also learn C# or Python

[@115switch]

This is literally day 1 advice lol i consider myself a beginner but not fron scratch lol but that is really good advice overall for people just starting out usually you see videos and they make a lot of assumptions. great channel great video as always

[@adjeteysowah3895]

Should I learn bootstrap?

[@jonsommet]

I started learning in 2019, I have a degree and certificates, and I would say I am just now starting to feel like I know a thing or two.

[@tswaggcodes5]

Im having trouble with “CSS”. Like after I code my HTML, I don’t know where to start first

[@Eminno-Ab]

Could you create a video discussing how beginners should approach using AI and understanding its limitations? I'm particularly interested in learning about the boundaries beginners should be aware of when dealing with AI. Your insights would be greatly appreciated.

[@homeoffice3524]

That's the worst what beginner can do.

[@KevinPowell]

Ask it for clarification on things you don't userstand, for the most part.

[@Eminno-Ab]

@@homeoffice3524 why ? If he is self taught why not dont use AI ?

[@homeoffice3524]

@@Eminno-Ab You can simply use google and git. If someone is writing code for you and you are beginner you will never be able learn and understand. And all this virtual assistants taking random codes what is out dated and not secure. Results from this assistants are bad.

[@spankyjeffro5320]

Think of A.I. like this: The average person is a moron. An absolute moron. A.I. is only as smart as the moron who coded it. Machine learning can help. But, if it fundamentally thinks apple = apelp, it will always be a moron. You also have to factor in the end-user moron. Will they be able to understand and use it properly. Probably not, they're morons. So, code your A.I. so only you can understand it. So, only you can do the work and won't be replaced by a moron, you hope.

[@3.14name]

I m very unsure if I should pivot to web development with a marketing ba, or it s too late for it now and I should focus on something else seeing AI building a website with just a few prompts. Any advice?

[@Nala-Potter]

Chatgpt helped center an image by display block