Tweet

Kingsley Ubah💥

23 Feb, 13 tweets, 5 min read

@code

🔹Do you use VSCode?

Here are 10 important VSCode (@code) extensions every developer should have installed

P/S: If you find this helpful, kindly retweet 🙏

A thread ⬇️

🔹Prettier Code Formatter

Prettier is an opinionated code formatted which is handy when it comes to code formatting.

Once you have this extension you will never have to worry about formatting the code because it does it for you.

marketplace.visualstudio.com/items?itemName…

🔹Debugger for Chrome

You can set breakpoints, step our way through the code, debug scripts added dynamically etc

Say we have a function which we are not sure if it’s being executed or not this extension can help by pausing in the debugger when executed

marketplace.visualstudio.com/items?itemName…

🔹Bracket Pair Colorizer

This extension allows matching brackets to be identified by colors.Very helpful when you are into a debugging session and working on a huge codebase.

The user can define which characters to match, and which colors to use

marketplace.visualstudio.com/items?itemName…

🔹JavaScript (ES6) Code Snippets

When you want to build new projects quickly this could help. Instead of typing the whole code, it has a lot of predefined snippets for the most common JavaScript functions

Has support for TypeScript, React, Vue, and HTML

marketplace.visualstudio.com/items?itemName…

🔹TypeScript Hero

TypeScript is a superset of JavaScript that compiles to plain JavaScript. When we are using TypeScript this extension comes in handy. It sorts and organizes your imports and fixes coding errors with a feature called ‘Light bulb’.

marketplace.visualstudio.com/items?itemName…

🔹Git Lens

When you are working with your teammates on a project this extension uses the power of VSCode and helps you to visualize code authorship at a glance.

It shows when a particular code was committed or changed and who changed it.

marketplace.visualstudio.com/items?itemName…

🔹ESLint

While working on huge codebases with a language flexible as JavaScript, we need a linter and a formatter.

This extension helps you to do this. This can auto-format your code and finds bugs in your code as well.

marketplace.visualstudio.com/items?itemName…

🔹Better Comments

This extension helps you create more human-friendly comments in your code. It allows you to give different color codes for different types of comments which could be TODOs, Highlights, Alerts, and other types of comments.

marketplace.visualstudio.com/items?itemName…

🔹Search node_modules

When we are building components and using the component in different apps we surely make some modifications to the node modules.

This extension allows you to quickly navigate the file inside your project’s node_modules directory.

marketplace.visualstudio.com/items?itemName…

🔹Rest Client

This extension allows you to make an HTTP request and view the response in VSCode directly rather than switching between two applications this extension does this work for you.

marketplace.visualstudio.com/items?itemName…

@heybereket

🔹Lunar Theme

A minimal, dark and light space theme for VSCode created by @heybereket

marketplace.visualstudio.com/items?itemName…

@UbahTheBuilder

Phew 😅, and that's it!

I hope you found this thread helpful.

If you did, make sure to follow me @UbahTheBuilder for more threads on web development 🔥

Also, kindly retweet the first tweet.

Thanks and Goodluck!

• • •

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

24 Feb

7 helpful tips for junior developers.

A short thread ⬇️

🔹START A SIDE PROJECTS

You may be busy with work, or school (or both). Whenever you have the time, engage in little projects that will hone your coding skills.

It doesn't have to be something big, you can make it as simple as possible.

🔹LEARN TO PROPERLY TEST YOUR CODE

There is nothing worst than writing a code ridden with bugs. Testing is one of the most important disciplines in programming, invest in it.

Learn about unit testing, UI testing, integration testing etc.

Read 9 tweets

Kingsley Ubah💥

@UbahTheBuilder

19 Feb

8 helpful tips for every newbie developer out there.

A must read thread ⬇️

🔹MASTER THE BASICS

This is very important. You may not know this, but most of the popular libraries/frameworks you see today are all built from an underlying fundamental language. Could be JavaScript, CSS or PHP. Grasp the basics properly.

THINK BEFORE YOU CODE

Before writing code for your application you need to imagine, in a step-by-step flow, how you want your app to run

Using a piece of paper close to your keyboard, draw graphs, concepts, images, etc.

Visualize your app and consider all you need to build it

Read 10 tweets

Kingsley Ubah💥

@UbahTheBuilder

18 Feb

8 JavaScript Libraries every developer should know.

A Thread ⬇️

🔹Lodash

Lodash is a JavaScript library which provides utility functions for common programming tasks.

Lodash contains tools to simplify programming with strings, numbers, arrays, functions and objects.

lodash.com

🔹SWFObject

This simple yet powerful JS library is mainly used to embed flash SWF files in HTML documents. It supports only SWF files, and no other media types can be embedded using SWFObject.

More here 👇

npmjs.com/package/swfobj…

Read 10 tweets

Kingsley Ubah💥

@UbahTheBuilder

13 Feb

🔹What is an API?

In this thread, I'll tell you all you need to know about Application programming interfaces (APIs).

P/S: If you find this thread helpful, kindly retweet 🙏

⬇️

🔹What is an API?

An API (Application programming interface) is simply the set of rules guiding how a client browser communicates with a web server to exchange data.

Three parties to note are:

- Browser (Client)
- Server (Back-end)
- A network (the Internet)

When we talk about APIs, we talk about requests and responses. A client makes a request to a server for data (HTML page or json data) over a network (The internet) and the server responds with the data.

The data transmitted to and fro are stored in something called Headers.

Read 9 tweets

Kingsley Ubah💥

@UbahTheBuilder

27 Jan

Do you use or want to learn about the Express.js framework?

Here is a cleansheet which I have put together on Express.js which includes the request and response HTTP methods and middlewares

A thread 💈 ⬇️

The basic actions in Express.js which comprises:

- Importing express module
- Instantiating your app
- Listening at a port number
- Setting and getting properties

Request handler methods which are HTTP verbs for handling API requests

⬇️

Read 5 tweets

Kingsley Ubah💥

@UbahTheBuilder

25 Jan

Are you interested in learning Python?

A thread on Python's basic syntax 🧵

P/S: If you liked this thread, please retweet.

VARIABLES
- Variable names are case sensitive (name and NAME are
different variables)
- Must start with a letter or an underscore
- Can have numbers but must not start with one
- Python is loosely-typed (you don’t specify the type when
declaring a variable.

FUNCTIONS

- In python, functions are defined with the def keyword.
- Indentation is used instead of curly braces.
- A colon is placed after the parameters.
- No semi-colons.

Read 12 tweets

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!