How to become a full-stack web developer in 2021

🧵
🔹Learn HTML

HTML is the markup language of the web. With it, you can make texts underlined, bold, italicized etc.

You can also create navigations, forms and many more web elements.

Learn about HTML here 👇

w3schools.com/html/
🔹Learn CSS

CSS (Cascading Style Sheets) is used to style/design HTML elements. Without CSS, the whole web page would look boring. CSS can also be used to create simple, yet eye-catching animations.

Learn more about CSS with (@traversymedia)

🔹Learn JavaScript

Javascript is used to make a web page more dynamic. Things like animations, alerts, timers, moving buttons etc are easily made with JavaScript.

You can write scripts and logics that will be executed whenever an event is triggered.
developer.mozilla.org/en-US/docs/Web…
🔹Learn React or Vue (or Angular)

These are front-end JavaScript frameworks/libraries. They make writing JavaScript easier and faster. You can forget about the basic rules and create dynamic applications very fast.
VUE -
React - gumroad.com/a/834147443
🔹 Basics of WordPress

Wordpress is a content management system which enables you create web apps incredibly fast, without necessarily knowing how to code. With little training, you can use wordpress.
- websitesetup.org/how-to-start-a…
🔹Learn PHP, Python or Node

These are all server side languages/technologies which are used to create server side applications, i.e applications that does not run on the browser, but the web server.

NODE -
PYTHON - w3schools.com/python/
🔹Learn SQL and (or) NoSQL
SQL database system uses tabular relational model to represent data and their relationship. NoSQL doesnt work with relations model used in relational databases.

Databases are basically containers for data.

🔹Learn Git and GitHub

Git is a version control tool used to manage and track any and all changes made to source code. GitHub is simply a public repository where anyone can push in, store and manage their source code.

atlassian.com/git
🔹Learn DevTools

Chrome DevTools is one of the most popular tools to debug and assess your app, however there are many other options out there.

Chrome DevTools 👇
🔹Learn SEO

SEO stands for Search Engine Optimization, & entails the rules guiding how search engines (like Google) rank your site. This is a very important topic to learn if you’re looking to create professional sites which will need organic traffic

ahrefs.com/blog/what-is-s…
🔹FIND YOUR FIRST CLIENT (FREELANCING)

- Fiverr
- Upwork
- Toptal
- Guru
- Freelance
- PeoplePerHour
- Upstack
- Github Jobs

🔹WHEN YOU GET STUCK, GO TO THESE PLATFORMS

- Google (search your problems)
- Stack Overflow
- YouTube
Go from knowing just HTML to becoming a React developer 👇

gumroad.com/a/834147443
If you found this thread to be helpful:

- Follow me 👉 @UbahTheBuilder for more
- Retweet the first tweet

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Kingsley Ubah

Kingsley Ubah Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @UbahTheBuilder

27 May
What exactly is Local Storage and how is it used?

Here's all you need to know:
The local storage is a mechanism used to store information about a user like his/her

- name
- interests
- preferences

or even cookie in the client's computer.

It is a small database controlled by the web browser
- You can only store the values as strings, not array or object

- If the information you want to store in local storage is an array, object or map, you must first coerce it to a string.

- Info will remain even after the tab is closed.
Read 9 tweets
26 May
7 essential skills every web developer should have (my opinion)

🧵
🔹 Problem Solving

I put this first because I think it's the most essential soft skill to posses

Whether you are planning your site's design, styling elements or debugging, you are solving a problem

Web devt and programming is all about problem solving and critical thinking.
🔹 Communication

Not everyone knows what the DOM, Git or an API is

Being able to communicate difficult concepts in a simple and digestible way is a crucial skill, especially for teamwork and collaboration

Mastering the art of effective communication is crucial for a web dev
Read 9 tweets
24 May
7 Popular CSS Selectors To Know

A thread 🧵
🔹Universal Selector

The universal selector matches all the elements in a HTML document

It is represented by an asterisk (*)

* {
...
}
🔹Type Selector

The type selector matches all the elements specified in a comma- delimited list.

It allows you specify the same styles to several elements

h1, h2, h3 {
...
}
Read 9 tweets
19 May
7 VSCode extensions to improve productivity as a web developer

Thread below 🧵
🔹LIVE SERVER

Live Server sets up a local development server with a live reload feature for previewing your site

Every time you save your code, you'll instantly see the changes on the browser

marketplace.visualstudio.com/items?itemName…
🔹ICON FONTS

Icon Fonts offers snippets for a variety of icon fonts, including the popular Font Awesome v5 icon pack.

marketplace.visualstudio.com/items?itemName…
Read 10 tweets
18 May
7 GitHub Repositories all web developers should know

Thread below 🧵
🔹33 JS CONCEPTS

This repository contains 33 concepts that every JavaScript developer should know. It is a very useful repository for both newbie and experienced JavaScript developers to strongly grasp the basics of JavaScript

github.com/leonardomso/33…
🔹 AWESOME CLEANSHEETS

Cleensheets are very useful resources which contains huge amount of information on a specific topic.
This repository has got cheatsheets for basically everything — from frontend libraries to backend and even databases.

github.com/LeCoupa/awesom…
Read 9 tweets
17 May
The quickest way to learn JavaScript is by having the right resources.

Here are some good resource to learn JavaScript.

🧵
🔹JavaScript Prototype - 🔗 freecodecamp.org/news/a-beginne…

🔹ES6 - 🔗 w3schools.com/js/js_es6.asp

🔹Variable Scoping - 🔗 w3schools.com/js/js_scope.asp

🔹JavaScript Closures - 🔗 developer.mozilla.org/en-US/docs/Web…
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(