So if your New Year's resolution is to become a Web developer, I'm going to give you all of the steps and technologies and tools that you need to learn right now so you could become the best Web developer possible in 2020.

Let's get started now.

Welcome back to Webb.

Have simplified my name's Kyle, and my job is to simplify the Web for you so you can start building your dream project sooner.

So if that sounds interesting, make sure you subscribe for more videos just like this one.

Also, before I get started with everything you need to learn, I have a playlist on my channel called New Web Developers.

Start here and you can go this playlist, and it's going to include nearly everything that I talk about in this video, and this is going to be staying up to date.

So even if you find this video a year from now, two years from now, you can still use that playlist toe, learn everything you need to become a Web developer, so I'm gonna have that link down the description below.

Now, to get started, we first need to talk about the tools and technologies you need to download to get started with Web development, because, unfortunately, you need a little bit of stuff installed in order to become a Web developer.

Luckily, these air pretty easy, though the first thing you need is going to be some form of Web browser, which, if you're watching this video, I'm sure you already have installed.

You can use something like Google Chrome Firefox Safari.

As long as it's a modern Web browser, it's going to be fine.

So don't use Internet Explorer.

Make sure you use something that's modern and going to work with all love and new technologies.

Also, the next thing that you're gonna need is a text editor.

My personal choice of text editor is visual studio code, but you can use any texted or do you want such a sublime?

It doesn't really matter.

I just recommend visual studio code because of how great it is for Web development.

It was made with Web development in mind, so it is perfect for Web development.

The next thing that you're going to need is going to be some form of version control.

This just means that when you make changes to your code and to your websites, you can actually save those different versions.

So it's really easy to go backwards.

If you broke something and go forward and save things and so on.

It just makes working.

With changes so much easier, I recommend using git.

It is, by far and away the most popular version Control out there so I would use get combined with get hub for all of your version control needs.

Also, you're going to need a terminal to be able to access get and all of your different versions.

So if you're on mackerel Lennox, the built in terminal is great.

But if you're on Windows, I would recommend using git bash with actually comes with get.

So when you're down there to get, you're gonna get a terminal called git bash, so I would recommend using that for all of your different terminal related needs.

Now, those are all of the different tools that you're going to need to download for Web development so we can finally start jumping into what you need to learn for Web development.

And unlike most people, I recommend the very first thing that you learn with Web development is the different types of Web development out there.

They're actually tons of different types of love development, namely, front end, Back and and Full stack development said.

Knowing the difference is between those three and the other more minor types of Web development is incredibly important.

I have a video where I cover the difference between all these topics.

I'm gonna like it down in a description below.

So make sure you watch that video and figure out what type of Web developer you're most interested in going into its going to shape what you should learn first.

So I'm gonna first talk about if you decide to do front end by development.

This is what I recommend for most people when they're starting, since it's easier to learn and, in my opinion, more enjoyable, such as very visual, and you can see exactly what you're doing.

So if you want to be a front end developer, the most important thing you're gonna need to learn is going to be HTML.

It's essentially what allows you to make the websites.

It's how you put all of your content on your website so I would have aged team.

Oh, you really only need to learn the basics.

HTML.

It's fairly straightforward and shouldn't take you too long to learn the basics of.

And once you understand those basics, you could move on to CSS.

CSS is a huge concept.

There's a lot of advanced topics for CSS, and I'm actually working on a course for CSS, which you can check out in the description below if it's out when you're watching this video.

But essentially CSS is going to be what allows you to style your Web sites.

It's going to be allowing you to make your website look different than other websites.

You can change colors of things positions.

You could do a ton with CSS and combined with HTML.

You could make really, really good looking by the sights, and you could actually build tons of websites for different things, such as portfolio sites using just CSS and HTML.

So I recommend learning the basics of CSS and the basis of HTML as your starting point for front and Web development.

Then, from there, you can work on deploying your websites, I recommend using a tool like nettle ify.

It makes deploying html CSS Stites Incredibly easy, and you can actually see your sights and give them to other people so they can check out your sights.

It's really cool to build.

Have all that information readily available for you on the Web deployed out there for everyone to use.

Now, once you know HTML and CS says the next thing to learn is JavaScript, and this is both important.

If you choose front end or back, and it doesn't matter, both of them are going to use JavaScript either way in the front end, your only choices JavaScript.

So you need to learn it.

And JavaScript is going to allow you to do all of the really cool things on your Web page, such as making things happen when you click a button, allowing things to move around your page Really fancy Lee.

It allows you to do all of the user interaction portions of your website, and this is going to be the hardest thing that you learn in front and Web development.

At the beginning, you need to learn all of the programming concepts such as variables of rays types classes.

All these different programming concepts, and you need to start thinking like a computer, thinking logically thinking in that programming mindset, which is difficult to learn it first.

So I recommend you take quite a bit of time to really learn and master JavaScript and on Lee, learn the vanilla Plain JavaScript.

Don't learn Jake weary.

Don't learn some kind of framework or anything like that.

Just learn JavaScript right away.

It's going to be the best to learn just plain JavaScript to start.

And then from there, when you get more advanced, you can throw in other things, such as react in the future.

Now that you know what you need to learn for the front end, let's move on to what you need to learn for the back end.

And this I recommend you learning Second, if you already learned front and first, but you can start with the back end, and the first thing you need to do is your language of choice.

I recommend using Java script combined with no Jess and Express, which is going to allow you to make Web servers where you can serve up what page is on the back end, but you can choose any language you want.

For example, you could choose Python combined with Django Ruby combined with rails.

You could even choose PHP, even though I wouldn't recommend it if I were you, I would choose between either JavaScript with node and express.

Or I would choose Python and Django those air going to be your most popular languages for back end Web development and are going to be ableto have you the most job opportunities out there.

And in my opinion, they're also fairly easy to learn compared to some other things, such as learning Java of Ernie PHP, that could be a little bit more difficult.

They may not be as modern, and they may not have as many resource is available as JavaScript and Python.

Another incredibly important skill for back and Web developers to learn is database.

You need to learn some database, whether this is a sequel databases such as Post Dress or my sequel, or if it's a no sequel databases such as Bongo DP, it doesn't matter.

I just recommend you choose one or the other.

It is entirely up to you and make sure you learn that.

Also, I'd recommend learning a little bit about the other type.

So if you chose to learn, Mongo D B also learned the basics of sequel for things such as My Sequel.

Just so you know the difference between the two, but really, you only need to learn one for these purposes.

This is going to allow you to store and save data on your website so that users can save their own data and then see that data later when they come back to your website.

It's an incredibly important skill to know, but you really only need to know it if you're planning to do back in with development.

Since front and Web developers don't deal with databases now, the very last thing toe learn as a back end Web developer is going to be deployment, and you cannot use net Lif I, with the back end, soured, recommend using her Roku just because how easy Hiroko is, its incredibly easy to get up and running with the site.

So I'd recommend using Hiroko.

You can deploy your node site or your Python Django site there.

It's really easy to deploy up to Roku and then you can actually have a site up and running, just like if you did the front end with metal.

If I it's something you can show the people you can throw up on the Web and other people can access, which is the most fun part of love development, in my opinion.

And from there, if you are in both the front end and the back end, that is the basics that you need to know in order to get up and running with Web development in 2020.

But once you learn those basics, there's a ton of more advanced concepts that you can go into of your choosing.

So one of those concepts is going to be version control.

This is something that's applicable.

The front end Web development back in Web development and any form of software development anywhere is going to be version control.

You're gonna wanna learn, get and get up in death.

I would even recommend learning this while you're learning the basics of your front end or back and development just so you can get in the habit of using version control, since it's one of the most important skills any Web developer can learn, and once you understand it, it's actually fairly straightforward to use an implement.

Now, if you want to become more well versed in front and Web development, the first thing I would recommend is learning some form of front and framework.

Right now, the most popular is by far react.

So I would recommend learning wrecked I even Evan, entire full course on react.

You can check out as well as a ton of react videos on my channel, so I would recommend running react first.

But you could also choose something like angular view or spelt.

It's really up to you.

But react has the most jobs right now.

And when you learn that front and framework, it's going to allow you to take your APS to the next level and really make it so much easier to find a job.

Also, I would recommend learning the very, very basics of Jake Worry.

J.

Query is an older library that's not really used as much anymore, but it's really popular in older cos older code bases, and you're going to see it with a job.

So I'd recommend at least learning the basics so you can understand what J query looks like, and you can read the Jake we recode that people are writing.

But I wouldn't spend a ton of time on it because J.

Query is constantly on the decline.

The next most important thing to learn is going to be advanced.

CSS Concepts.

This is going to be CSS grid CSS Flex box.

You're going to do serious as variables.

There's a ton of advanced CSS concepts, as well as understanding the intricacies of how CSS works, how position works, how display works, how all of these inner workings of CSS actually function and some of the more complex behind the scenes of CSS.

Like how selector specificity works.

These are all really important to learn, and I have videos on all of these topics on my channel you can check out.

So just go down the description for any of these topics, and I'll have links to all the videos for these different topics.

The last two things to learn with front and Web development is accessibility, which is just how easy your site is to access for people that maybe your screen readers can't read Super well can't use their mouths super world maybe can't use their keyboard.

It's a way to make your sight more usable for everyone.

And the next thing is going to be single page applications and progressive weather maps.

These were quite advanced concepts, single page applications and progressive Web apps, so I'd recommend saving those till the very end till you have a really solid understanding everything else but essentially, Ah, lot of Web applications are moving towards progressive Web, EPPS or single page applications where everything is done on the front end.

There really is not a big back end.

It's just a P I.

You call.

So learning about those different things and how to implement them is going to be important for getting jobs going forward in the next couple years.

Now moving on to the back end.

Some really important skills that you need to learn that are more advanced is going to be what, like arrest a P.

I is.

And what a graft to L.

A.

P.

I is right now by far rest AP eyes are the most popular, but graphic UL is really gaining popularity and graph you'll AP Eyes, in my opinion, are probably going to start taking over in the coming years, so knowing the difference between the two, how to implement them and how to use them is incredibly important.

Another incredibly, incredibly important skill for back and developers is security understanding how to make sure your databases secure.

You don't have sequel injection.

You make sure that your admin roots were secure, that people can't access other people's accounts.

User authentication.

All of that is incredibly important.

And all that security concern falls on the back and developer sort of learning about security.

Understanding security is really important as a back and developer.

Another thing to learn as a back end developer that does some full stack development is going to be a CSS framework learning something like bootstrap or tailwind.

CSS is going to make it so that you can implement good looking websites using the CSS frameworks without actually having in depth CSS knowledge.