Useful Tips for Web Dev — Part1
A lot of time there are some problems which we face occasionally but the time when that occasion become too often it becomes frustrating to keep searching those occasional problem here and there on stack overflow or documentation of the libraries.
So, I’m starting this series of Problems and Solutions to have those problems all curated at one place.
Let’s see how it goes. Some of these problems took me to get through a lot of stack overflow answers to find the right one. I wish it saves someone’s time.
How to change port for NPM start? or Node JS change server port?
SET PORT=8080 && npm start //windows
export PORT=4000 && npm start //MACSome Quick Generic Web-Developer Friendly Shortcuts (for browsers)
- Open Developer Tools — (ctrl + shift + i)
- Clear Console logs — developer tools (ctrl + l)
- Close Tabs — (ctrl + w)
- Duplicate a Tab — (ctrl + shift + k)
- Open recently closed tabs — (ctrl + shift + t)
- Hard Reload — (ctrl + shift + r)
NVM- Node Version Manager (Windows)
If you’re a JS developer, then you have had or will at later point in time face the need to change the node version installed in your system because the project doesn’t support the latest. Here NVM — Node Version Manager comes to your rescue.
It allows you to have
multiple Node Versionsinstalled and toggle between them based on the individual project requirement.
NVM-windows
Copy as CURL
When you are a frontend developer you often need to integrate APIs. And a lot of time there might be issues which you would’ve have to communicate to the backend developer who will be needing things like the payload and header you sent with the Api, to check you passed everything correctly.
Instead, what you can do is send the CURL URL to your backend developer which he can import in his API test tool like POSTMAN to check it.
Make images responsive so that they don’t overflow.
img{
max-width:100%;
}For more such informative posts, don’t forget to follow me: Atul Bhatt
