Up next in 10
Learn Web Development FREE and Actually Get Hired
4K views
Feb 6, 2024
The "Learn Web Development FREE and Actually Get Hired" video offers valuable insights and practical advice on how to kickstart a career in web development without spending money on formal education. It likely covers various free resources available online, such as tutorials, courses, and coding platforms, that can help viewers learn essential web development skills. Additionally, the video may provide tips on building a strong portfolio, networking with industry professionals, and showcasing expertise to potential employers. The overarching goal is to empower individuals with the knowledge and tools necessary to land a job in web development, even without a formal education or significant financial investment.
View Video Transcript
0:00
It was Monday, sometime in the morning, and I sat alone in the hall, nervously bouncing my right leg as I waited for my turn to speak to a counselor
0:08
Several years prior, I would have felt right at home, but not this time. I felt like a complete failure and a loser
0:15
Would I really be okay with being that guy, you know, the old man sitting in class with a bunch of other college students
0:21
Okay, so I wasn't that much older than them, but at the moment, it felt like I might as well have been a hundred years older than them
0:27
My heart was thumping hard, and I could feel my anxiety building with every breath. I was nervous, and I was terrified
0:34
I felt a bit of excitement when the academic counselor gave me a tour. I was going to finally redeem myself
0:40
Finally, I'd be able to provide for my wife and kids and give them what they truly deserved
0:45
I'd get a more technical degree in one of the sciences. I was thinking maybe like geology or physics or computer science
0:51
But all my hopes came crashing down as I looked over the academic course plans
0:55
You see, I wanted to leave my current construction job and get some other full-time job and then go to the school and work on that degree part-time
1:03
Problem was, each of these degrees had mandatory classes just sprinkled throughout the day
1:07
No evening options for some of them, and even worse, my previous degree only knocked out a small handful of the general classes
1:14
and I wasn't eligible for any more tuition assistance or student loans
1:19
I was kind of in denial, so I went ahead and registered for geology, only to withdraw my registration a couple days later
1:26
It just wasn't going to work. I mean, if I wanted to be a good husband and father, I had to just man up, take things into my own hands, take control of my own destiny
1:36
I simply couldn't afford the time and money to go back and get a computer science degree
1:41
But I knew a couple of self-taught programmers. They didn't even have a bachelor's degree in anything
1:46
Out of the three areas of interest, programming seemed to be the most viable, and I am so glad that I took the leap because I'm now making a ton of money as a software engineer building web applications
1:54
It's pretty hard. I had to sort through a bunch of outdated books, and most of the tutorials that were actually worth doing you had to purchase
2:00
and coding boot camps just really weren't available like they are now. I had to wade through a giant pile of poop looking for the gems
2:08
Fortunately for you, there are so many resources out there now to help you become a programmer
2:13
Now, you could go through a coding boot camp for a short, structured approach to learning to code, but let's be honest here
2:19
They can be really freaking expensive, and a lot of them are pretty sketchy, just trying to take your money
2:25
Boot camps also tend to focus on full stack, and that's not a good thing
2:29
You can find out why in one of my other videos, and I'll leave a link to that video in the description down below
2:34
Frankly, I think you could save a ton of money by going the self-taught route, so you should seriously consider skipping a boot camp
2:41
At the end of this video, I'm going to share a front-end developer roadmap with you, which covers the things that you should focus on learning
2:48
Before we get to that, here are some excellent free resources that I wish I had when I was starting out
2:53
If you follow my developer roadmap and you complete these courses, you are going to be in a great position to actually get a software job
3:00
It's not going to be easy. It's going to be a ton of work, but it is doable
3:04
The first place that you should start out is with Free Code Camp, and they offer several certification courses
3:09
Don't get too hung up on the actual certifications for any of these courses that we're talking about
3:14
because these kinds of certifications are more of vanity awards just to make you feel good
3:20
not really something that is super recognized or important in the industry
3:24
Start with Free Code Camp's Responsive Web Design course. Here, you're going to learn about building HTML pages as you work through a simple app
3:32
What I like is that you have everything you need to get started right in front of you
3:36
You have instruction on what to do, a place to type your code, run some tests that will tell you when you've done things correctly
3:42
and a way to see the results. You're going to learn how to style a website with CSS, and I really like that there's an emphasis on responsive design
3:49
which is how you make a website look good across different size devices
3:53
You'll also become familiar with accessibility concepts so that you can build things that can actually be used by people with disabilities
3:59
like those that have color blindness. It's a good skill to have, and some companies will even require it
4:04
Once you've worked through the exercises for each certification course, you'll have some projects to build
4:09
Don't skip these because building stuff is the fastest way to let concepts sink in
4:14
JavaScript is the programming language of the front end, so for sure you want to do the JavaScript, Algorithms, and Data Structures course
4:21
The Front End Development Libraries course is interesting. Bootstrap is a framework designed to help you style your website more easily
4:27
and it also comes with some pre-built components like dropdown menus and stuff like that
4:31
But Bootstrap is not the only option available. There are others out there, and in the real world, you'll probably be working with similar libraries built by your company
4:39
My issue with this section is that it also teaches jQuery. Now, jQuery is a decent library for interacting with HTML instead of relying on plain JavaScript
4:49
but when building Angular or React applications, it's actually bad practice to include jQuery
4:55
I've personally never used or seen jQuery used in any of the React apps that I have worked on
5:02
So you might consider skipping the jQuery section altogether and learn it later on if you encounter a situation where it would be helpful
5:10
Just realize that in skipping it, you might have to go rogue a little bit in the project section
5:14
and figure out some of the stuff to do inside of React directly rather than using jQuery
5:20
This course also covers React.js as well as the Redux library, which is used for managing state inside of a React application
5:27
And these are good sections to learn, and once you're comfortable with React, you could also look into semantic UI as a React-focused alternative to Bootstrap
5:36
Sass is a CSS preprocessor that lets you do some really cool things with CSS
5:40
like using mixins and programmable logic, including variables. And these kinds of processors have been around for a while and have been pretty popular
5:48
but CSS is also getting better and now supports things like variables natively
5:53
That said, you'll probably encounter preprocessors inside of projects that you're working on
5:58
so Sass would be a good one to learn. The next Free Code Camp course is Data Visualization with D3
6:05
This will teach you how to use a JavaScript library to have cool charts and stuff in your app
6:10
In the real world, depending on your project, you may or may not need this kind of visualization
6:16
But it's super common to integrate with these types of libraries, so this would be great practice, even though D3 itself is not something that I would absolutely consider as essential
6:26
Then there's Free Code Camp's course on backend development and APIs. If you've watched my video on why it's a bad idea to become a full stack developer as a beginner
6:35
you might be tempted to skip this course. I personally think this course is still useful
6:40
The first section is on npm packages, which is something we also use for applications on the frontend
6:46
If you have the time, I think it's still worth it to do these sections to become familiar with how backends work
6:52
Then call it good for now on the backend stuff and focus on getting really good at frontend
6:57
There are other courses on Free Code Camp that you can ignore, like the Python ones, if you plan to stick to frontend development
7:03
Their quality assurance course covers testing, which is important. It teaches Chai, which is fine, but I personally prefer Jest
7:10
So either do the Chai section here, or wait for the tutorial on Jest that is included in one of the other websites we'll look at
7:17
Don't feel pressured to learn testing until you're already feeling pretty comfortable with React
7:22
If you do decide to go full stack, then I definitely think you should do Free Code Camp's information security course
7:28
because the backend really is the gatekeeper for securing data. Once you've completed these Free Code Camp courses, you should move on to the Odin project
7:37
There will be some overlap between the two, but still go over it because you'll likely pick up some things that you forgot going through Free Code Camp
7:44
You'll start with the foundation section, which in addition to HTML, CSS, and JavaScript
7:49
you'll also get introduced to something called Git, which is how we do version control
7:54
This lets us keep a record of all of our changes so that we can find when a bug was introduced or reverse our code if needed
8:01
Once you've completed the foundation section, go on to the full stack JavaScript path to dive deeper into HTML, CSS
8:08
and you'll even dive deeper into JavaScript. This course is also going to teach you about testing with Jest, which as I've mentioned is the framework that I like for doing my testing
8:18
I also really like that you'll learn about backend as a service, because I personally used Firebase when I was starting out
8:24
It's a great way to handle the backend stuff while you focus on frontend skills, and it's pretty easy to get everything set up and configured
8:31
You'll learn about animation and other cool stuff in the advanced HTML and CSS course
8:35
but if you already did the backend API course on Free Code Camp, you could probably skip the Odin Project's Node.js course unless you do plan to be full stack
8:45
Now that you've done the foundation path and most of the full stack JavaScript path, you'll notice that Odin Project also has a third path for Ruby on Rails
8:54
I would totally skip that one. We'll talk about some more free courses in a minute, but at this point, you should be feeling somewhat comfortable and ready to start building some things on your own
9:02
You'll stumble, and it will be slow at first, but that is completely normal
9:06
Even as you work through other coding courses and tutorials, it's super important that you just start building stuff on your own, because this is a crucial step in developing skills faster
9:15
You don't want to get stuck constantly following and relying on tutorials
9:19
Another course that is worth taking if you want to really solidify your React skills is Ryan's React.js Frontend Web Development for Beginners course on Udemy
9:28
He covers React Hooks, which is the newer, more functional way to do React components and manage component state
9:35
It's just under three hours long, but it is worth it for beginners. Another cool free course is one offered by Harvard University
9:41
It's the CS50x Computer Science Intro course, where you can learn how to think like a programmer
9:47
You'll learn about algorithms and other core software engineering concepts. There are a ton of other courses like this from other leading universities, and they're called MOOCs, at least I think that's how you say it
9:56
I could be totally wrong, but that's short for Massive Open Online Courses
10:00
Often, these are free if you don't need the certificate, which is great because guess what
10:05
You don't need the certificate to get a programming job. A great place to search for more of these types of courses is on MOOC.org
10:13
Now, at this point, you've gone through enough courses to have a fair amount of repeat instruction, which is good
10:18
Now you must step away from tutorials and build things. Think of a problem that is related to one of your hobbies and try to build an app that solves that problem
10:26
When you do get stumped, and you will, don't give up. You should research the problem and learn how to overcome it
10:32
Learning how to research efficiently is super important as a software developer
10:37
This process gets easier the more that you do it. So when will you be ready to get a software development job
10:43
You're likely not going to feel ready even when you start your first job
10:47
but you'll know you're getting close when you're comfortable with everything that I share in this Front End Developer Roadmap video
10:53
I'll also leave a link in the description. Thanks for watching. Lates
#Career Resources & Planning
#Computer Education
#Distance Learning
#Education
#Jobs
#Programming