7 essential skills every web developer should have (my opinion)

Thread below🧵
🔹 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
🔹Git

Not many people store their codebase in their local machine anymore. Git is an incredibly popular source control software.

Source control is a fancy way of saying - track, manage and observe changes made to source code over time.

Learning at least the basics is important
🔹CSS

All those fancy websites you find were all made possible with CSS.

Grasping the basics of CSS is very important. Things like 👇

✅ Selectors
✅ CSS Properties
✅ Length units
✅ Flexbox and Grids
✅ Transitions
✅ Animations
✅ Media queries for responsive design

etc
🔹 JavaScript

The last and important piece of the puzzle.

JavaScript is used to create the movements and logics in your website.

You use it to make your website "intelligent".

Learn 👇

✅ Fetch API
✅ Promises
✅ Variables
✅ Data Structures
✅ Syntax rules
✅ ES6

And more!
🔹UI Frameworks

We all know that time is important for web developers. Hence, frameworks are being created consistently to save more time.

It's then best to learn one or two frameworks like 👇

✅ Bootstrap CSS
✅ React is
✅ Vue js
✅ Materialize CSS
✅ Angular
✅ Tailwind
These are the essential skills I believe web developers should have.

One more I would add would be a DevTool, like Chrome DevTools. This will help in development.

If this was helpful to you, follow me 👉 @UbahTheBuilder for more tweets on software development.

• • •

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

22 Apr
4 habits I use to write code faster

Thread below🧵
🔹Relative Comparisons

This is a strategy I use to remember syntax. I simply reason about one language/syntax in relation to another.

For eg,JavaScript uses semicolons and bracket parameters whereas Python uses no brackets, as well as indentation.

By relating them, I remember.
🔹Cleansheets

I have so many cleansheets saved in my computer. Cleansheets for Git commands, CSS selector syntax, JavaScript, Flexbox and CSS grids, Bootstrap classes etc are all saved on my computer.

When I get stuck, I just refer to them easily and quickly.
Read 7 tweets
13 Apr
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
12 Apr
Beginners guide to learning back-end development with JavaScript

Thread below 🧵
- Node Beginners Tutorial - 🔗 w3schools.com/nodejs/
- Express.js for Beginners - 🔗 developer.mozilla.org/en-US/docs/Lea…
- Express.js for Beginners (video) - 🔗
- MongoDB for Beginners - 🔗
- Full Node.js project with Passport, Express and Mongo - 🔗
- OAuth 2.0 tutorial - 🔗 tutorialspoint.com/oauth2.0/index…
- Node Authentication with Cookies and Sessions - 🔗
- Next js for Beginners - 🔗
Read 5 tweets
6 Apr
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
5 Apr
Complete roadmap for learning the key concepts in CSS

Thread below 🧵
CSS flexbox - 🔗
CSS Inheritance and Cascade - 🔗 developer.mozilla.org/enUS/docs/Lear…
CSS Units - 🔗 w3schools.com/cssref/css_uni…
CSS Selectors - 🔗 w3schools.com/cssref/css_sel…
CSS Grids - 🔗
CSS Colors - 🔗 w3schools.com/cssref/css_col…
CSS Functions - 🔗 w3schools.com/cssref/css_fun…
CSS Properties - 🔗 tutorialrepublic.com/css-reference/…
CSS Box Model - 🔗
CSS Block formatting - 🔗 developer.mozilla.org/en-US/docs/Web…
CSS Box Sizing - 🔗 w3schools.com/css/css3_box-s…
Read 5 tweets
2 Apr
6 advices I have for every newbie web developers

Thread below 🧵
First, I'll advice you learn CSS and JavaScript first before going intoo any of the UI frameworks.

This will go a long in helping you learn other front-end technologies are you grow.
Secondly,

You must learn how to use Git. It doesn't matter what languages you use, knowledge of Git will always be required.

Thankfully, knowing the basics will be enough for you to manage your project.
Read 8 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!