Tweet

Kingsley Ubah

19 May, 10 tweets, 3 min read

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…

🔹REGEX PREVIEWER

Regex Previewer gives you a side document that matches your regex.

The extension gives multiple examples to match, so it becomes easier to write regex for different purposes

marketplace.visualstudio.com/items?itemName…

🔹PRETTIER

Prettier is a code formatter which
formats your code every time you save it, significantly reducing the amount of time you need to spend formatting your code.

marketplace.visualstudio.com/items?itemName…

🔹BRACKET PAIR COLORIZER

Bracket Pair Colorizer gives both opening and closing brackets matching colors, so it much easier to know which brackets belong together.

marketplace.visualstudio.com/items?itemName…

@code

🔹GIT HISTORY

Git History allows you to compare branches, commits, and files across commits without having to look through git log in the terminal, all from @code

marketplace.visualstudio.com/items?itemName…

🔹PEACOCK

With Peacock, you can set and change the color of your Visual Studio Code environment. That way, you can quickly identify which instance you’ve just switched to.

marketplace.visualstudio.com/items?itemName…

@UbahTheBuilder

Do you have any other extensions in mind?

Comment below this thread.

Follow me 👉 @UbahTheBuilder for similar threads on becoming a better developer.

Are you struggling with Web development?

Then this ebook might be for you

gumroad.com/a/834147443

• • •

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

This Thread may be Removed Anytime!

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

More from @UbahTheBuilder

Kingsley Ubah

@UbahTheBuilder

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

Kingsley Ubah

@UbahTheBuilder

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…

🔹Asynchrony - 🔗 developer.mozilla.org/en-US/docs/Lea…

🔹ES6 Promises - 🔗
developer.mozilla.org/en-US/docs/Web…

🔹Async/Await - 🔗 javascript.info/async-await

🔹Modules - 🔗 javascript.plainenglish.io/understand-jav…

Read 5 tweets

Kingsley Ubah

@UbahTheBuilder

11 May

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

Kingsley Ubah

@UbahTheBuilder

10 May

How to handle Impostor Syndrome as a developer 🧵

~thread~

" If Mr X, a well renowned and highly educated professional could make this kind of mistake and still bounce back then you have a chance"

What I do is that I motivate myself from the mistakes/failures of other experts in the past.

If these people failed, then who am I?

Ask for help.

Whether it's a fellow developer on social media or a team member at work.

Opening up to someone about your feelings can be very helpful as he/she is most likely to give you words of encouragement in hopes of allaying your doubts and motivating you.

Read 6 tweets

Kingsley Ubah

@UbahTheBuilder

29 Apr

8 basic JavaScript concepts to know as a Beginner

Thread below 🧵

🔹Events

JS is an event-driven language. There is an action/event from the user to trigger your script to run.

You define an event handler that will run when a particular event eg click, hover etc is triggered.

There are many DOM Event methods and Properties to learn

🔹Variables

Variables are containers of data. It's important to learn about identifiers like let, const and var. Also understand the different data types:

✅String
✅Number
✅Boolean
✅ Arrays
✅ Objects
...

Read 11 tweets