Thread by @VittoStack

You don't need to be a kungfu developer to monetize your skills.

Learn the fundamentals of HTML, CSS, and JavaScript.

Start making money.

Here's a Free roadmap + Projects to kickstart your front-end development career.

A thread ↓

Fundamentals first.

Before JavaScript, you need to master fundamentals.

Published by Harvard itself, this free course is the best way to set the foundations of your development career.

Fundamentals of computer science:
courses.edx.org/courses/course…

{ 1 / 18 }

Learn HTML and CSS.

Everything started with HTML, then someone thought of making things "cool" and created CSS.

From Zero to CSS/HTML hero, in this "Responsive Web Design" certified Free course:
freecodecamp.org/learn/responsi…

{ 2 / 18 }

Develop your first project

Up and running with HTML and CSS?

Learn by doing is key but you need a place to showcase your works.

A plain HTML and CSS portfolio is a great first project.

A step by step guide, by @florinpop1705:


{ 3 / 18 }

Learn Git.

Knowing version control is not optional.
- Keep track of your changes.
- Back up your code.
- Avoid disastrous consequences.
- Collaborate seamlessly.

Learn Git in this crash course with Mosh:



{ 4 / 18 }

Learn JavaScript.

Learning JavaScript is one of the best investments you can make as a developer.

Start developing interactive websites and monetize your skills, with this Free course from edX:

edx.org/course/javascr…

{ 5 / 18 }

Learn Algorithms and Data Structures.

Being a good developer means a lot of things: one of those is knowing your tools.

Understand Algorithms and Data Structures to write better code.

Freecodecamp offers a free certified JavaScript course:

freecodecamp.org/learn/javascri…

{ 6 / 18 }

Develop your second project.

Elon Musk once said: The best way to learn is through a problems-driven approach

Create a Todo App to test how HTML, CSS, and vanilla JavaScript work together in a real-world scenario.

Here's an amazing tutorial:

{ 7 / 18 }

What vanilla JavaScript means?

When you read "vanilla JavaScript" you should intend this as JavaScript used without any framework (React, Vue, etc.)

{ 8 / 18 }

Develop more projects.

I can't stress enough: learning by doing and solving problems is the best way to learn.

Once you know HTML, CSS, and JavaScript: start developing more stuff!

Lack of inspiration?
Here's a list of 16 projects ideas:

dev.to/frontendmentor…

{ 9 / 18 }

How to choose the right project?

Do you want to develop web apps? Develop a Netflix clone.
Do you want to develop SaaS? Develop a subscription-based tool.
Do you want to develop landing pages? Create a landing page.

Be relevant.

{ 10 / 18 }

It's time to monetize.

You don't need to have 10-years of experience as a front-end developer to start monetizing or land your next job.

You need:
- HTML, CSS, JavaScript.
- A portfolio.
- 3 relevant projects.
- Consistent social profiles

Apply.

{ 11 / 18 }

How to make money as a developer?

If you want to learn how to make money as a developer, read:
"Ten++ Ways to Make Money as a Developer" by @florinpop1705

Start monetizing your skills now: gumroad.com/a/669160563/Sk…

{ 12 / 18 }

Make money with Open Source.

Lots of developers don't know that you can make money with Open Source Software.

Here's a thread that will teach you how to build wealth out of your contributions 🚀

https://twitter.com/VittoStack/status/1433324585659871237

{ 13 / 18 }

Learn a framework.

Learning a framework will skyrocket your job opportunities.
Choose your weapons between:
- React
- Vue
- Svelte

Choose based on your preferences and your country's demand.
All of them are stunning frameworks.

{ 14 / 18 }

React roadmap.

React is an amazing open-source framework for building UI and is maintained by Facebook.

Here's an amazing playlist by the net ninja to kickstart your React journey



{ 15 / 18 }

Vue roadmap

Similar to React, with great documentation, and easy to learn.

Learn Vue in this amazing crash course by @traversymedia



{ 16 / 18 }

Svelte Roadmap

Svelte has a new approach to building user interfaces.

Whereas frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

svelte.dev/tutorial/basics

{ 17 / 18 }

Conclusions:

Becoming a web developer in 2021 is free and it's the best investment you can make.

Remember to learn by doing, being consistent, and trust the process.

Learn the fundamentals first and build, brick after brick, your wealthy future.

{ 18 / 18 }

Here's the summary:

- Learn fundamentals.
- Learn HTML and CSS.
- Create a portfolio.
- Start monetizing.
- Learn JavaScript.
- Populate your portfolio.
- Learn a framework.
- Apply.

Thank you for reading!

I'm Vitto 👋
Helping developers monetizing their skills

If you found this Thread useful:
- Retweet it
- Hit the follow button
- Turn on the notifications

Receive weekly tips to build wealth as a developer:
getrevue.co/profile/vitto