How To Learn And Get Better At Web Development
Tags: javascript, webdev, beginners, productivity
Published: 2022-03-31 07:04:36

First ask yourself, what do you want to do? Do you just want to know about the basics of web development or want to get really good at it? If you just want to know about it, you’ll not face many problems, learning resources are very easily accessible. The real task is getting better at development.

## If you want to get better at the development you need to do three things:

1. Keep learning new technologies.
2. Apply
3. Teach others and document

## 1. Keep Learning New Technologies:

Once you choose tech as your career, the one thing that is never going to stop is learning. You will always be a student. You can not be rigid in this space it’s always changing, there is always something new to learn. But this should not scare you, because once you learn a technology and get good at it, moving to a new tech becomes easier. After all, the fundamentals of every tech are somewhat the same.

#### So first you need to pick a domain (in our case it’s web development).
- Learn its basics i.e., the minimum amount of knowledge you need to get started (HTML, CSS, JavaScript).

#### Practice what you have learned by building projects
- Start with small ones and then move to bigger projects

#### Once you get hold of the fundamentals you can switch to any new technology.

✨ So first you have to learn the fundamentals and then keep an eye on the new trends and learn what excites you the most.

### Learning Resources:

We have discussed how you have to learn, so now lets see from where you can learn:

- **[freeCodeCamp](https://www.freecodecamp.org/)**
- **[YouTube](https://www.youtube.com/)**
- **[Udemy](https://www.udemy.com/)**
- **Technical Blogs:** [Hashnode](https://hashnode.com/) | [Dev.to](https://dev.to/) | [Medium](https://medium.com/) | [freecodecamp](https://www.freecodecamp.org/news)
- **Documentation:** [MDN docs](https://developer.mozilla.org/) | https://www.w3schools.com/

### 1. freeCodeCamp
freecodecamp is a non-profit organization that provides quality courses on various domains including web development. It’s one of the best resources that are present out there, they also have a [YouTube channel](https://www.youtube.com/c/Freecodecamp) that is full of educational videos on various topics and they provide all of this for free. It’s a gold mine for learners. If you are a beginner then I would highly recommend you to check out their [website](https://www.freecodecamp.org/) and YouTube channel.

### 2. YouTube
This is something that’s obviously not new for anyone. But you know what, YouTube has more than just music and cute cat videos. I’ll list down some quality channels for you to learn web development and web designing.

- **G.O.A.T and beginner-friendly**
    - [freecodecamp](https://www.youtube.com/c/Freecodecamp)
    - [Traversy Media](https://www.youtube.com/c/TraversyMedia)
    - [The Net Ninja](https://www.youtube.com/c/TheNetNinja)
- [Fireship](https://www.youtube.com/c/Fireship) (New tech information)
- [Coder Coder](https://www.youtube.com/c/TheCoderCoder) (Web Dev)
- [Programming with Mosh](https://www.youtube.com/c/programmingwithmosh)(Everything)
- [Kevin Powell](https://www.youtube.com/kepowob)(CSS)
- [Wes Bos](https://www.youtube.com/wesbos) (New tech and tips)
- [Codevolution](https://www.youtube.com/c/Codevolution) (Code along tutorial)
- [Adrian Twarog](https://www.youtube.com/c/AdrianTwarog) (Mostly for web design)
- [Dev Ed](https://www.youtube.com/c/DevEd) (Web Design and Dev)
- [DesignCourse](https://www.youtube.com/c/DesignCourse) (UI | UX)

I don’t think you’ll need anything more than this. I have listed quite a few channels to learn from but keep in mind not to get lost in these videos(Just stick to one or two channels courses). If you really want to grow as a developer then just watching the videos is not going to help you. 

✨ Learn enough to start a small project and then learn along with the project.

### 3. Udemy
On Udemy you can get quality paid courses to learn web development. Few of these courses might be from educators you already know through YouTube. The courses are on-demand and self-paced, so you can watch them anytime and at your own pace.

These are a few popular courses on Udemy for full-stack web development:

[By Colt Steele](https://www.udemy.com/course/the-web-developer-bootcamp/)

[By Angela Yu](https://www.udemy.com/course/the-complete-web-development-bootcamp/)

### 4. Technical Blogs
Technical blogs are not only a good resource for new tech news and trends but also a great way to learn. These blogs are written by fellow learners like you. Blogs will teach you a specific concept in very less time. 

You need to have a profile on these blogging websites and have to keep them checking from time to time:

- **[Hashnode](https://hashnode.com/)**

- **[Dev.to](https://dev.to/)**

- **[Medium](https://medium.com/)**

- **[freecodecamp](https://www.freecodecamp.org/news)**

### 5. Documentation
If you don’t like learning through watching videos or you want to quickly revise, then learning through documentation can be your path.

Some documentation websites that you need on your bookmark bar:
- **[MDN Web Docs](https://developer.mozilla.org/)**

- **[w3schools](https://www.w3schools.com/)**

- **[Eloquent JavaScript](https://eloquentjavascript.net/)** (A eBook not a documentation)

- **[javaScript.info](https://javascript.info/)**

Other than these, you can also refer to the tech-specific documentation like react.js and node.js documentation.

## 2. Application:
This is the most important step and ironically most people fail here. Just mugging up the information will not make you a developer. If you want to get better at development, then you need to practice development. A developer is not someone who knows everything about tech, you don’t have to mug up every single concept of web development. You’ll forget things and that’s okay. You have google, you don’t have to memorize things. 

You only need to retain the core concepts. You have to know how exactly a certain thing works and that will only happen when you’ll apply what you know. 

✨**Don’t just make those tutorial projects, work on projects that you can use in your daily life. Contribute to open-source.**


There are a few websites that you can use to practice frontend web dev:

- [CSSBattle](https://cssbattle.dev/)

- [CodePen challenges](https://codepen.io/challenges)

- [Frontend mentor](https://www.frontendmentor.io/)

- [Codewell](https://www.codewell.cc/])

## 3. Teach others and document:

This is also a very important part and can give you an edge over other people who are at the same experience level as you. Through teaching others and documenting, I mean learning in public and building in public. Learning a new technical skill can be tough, you will face many problems and you’ll need help from other people, this is where learning in public will help you.  When you learn in public you network with people in that space, people who are at the same level as you and might be facing the same problems as you, people who are more experienced and have gone through those issues and know how to solve them. You connect with a very supportive tech community and this community will not just help you when you get stuck, it’ll also be a boon to your knowledge.

Learning in public has huge benefits, you might end up getting an internship, freelancing project, or even a job offer. Your profile will be proof of your work.

There are many ways by which you can share your work and learning. You can write blogs on the very website you read them(as you are doing right now), you can tweet about it and if you have more free time to spare, you can even make videos.

✨ **So build/learn in public. Let others know what are you working on or learning. Open yourself to the opportunities waiting for you.**

## Conclusion:
Learn enough to get started and then learn while building. There are a plethora of resources to learn don’t get confused, pick any one or two, and stick to it. Try not to fall into tutorial hell and focus more on creating projects. Open yourself to the world and share what you know, be more discoverable.
If you are still here, thanks for reading.