VS Code Extensions and Common Shortcuts for Web Designers

Nikhil Savalgi — Mon, 03 Oct 2022 16:58:58 +0000

JavaScript (ES6) Code Snippets

This extension contains code snippets for JavaScript in ES6 syntax for Vs Code editor. It supports both JavaScript and TypeScript.

Auto Close Tag

After opening a tag in HTML and XML it’s a hectic job to close it. So here is a nice solution. This extension closes the HTML and XML tag automatically.

Prettier — Code formatter

This extension will help us to format the JavaScript, HTML, CSS code. We can configure it as per our need.

Auto Rename Tag

This extension renames html tags automatically. So we can keep our code consistent and easy to maintain, even when working on bigger projects with lots of elements deep in the HTML structure.

Live Server

At the last the one extension every web designer/developer must use. This extension helps us in launching a local development server with live reload feature for both static & dynamic pages. So the next time you guys don't have to refresh the page again to see the output.

Cool Shortcuts

I have found useful cool shortcuts that allows you to start typing and if you hit tab it will complete your text or the cod you are trying to write. In react this can be useful when importing as you just need to start the import component and hit tab and it completes it.

when in your terminal there are a few tricks to speed up the process if you made a mistake or need to run a command again you can simply push the up arrow. And it will show the last command you typed and you can push up as many times as you feel the need to.

there are some good to know things we should be typing in our terminal a few I think we should always know.

Ctrl c – copy
Ctrl v – paste
Ctrl / - comment out the line of code
Ctrl b – hides your side column
Ctrl P -This shortcut will bring up the dropdown menu with all your files so that you can quickly navigate to a new one.
Ctrl Shift F -This is a great one that I just recently learned. If you have a load of files and folders in VS Code and you are looking for something specific you can use this shortcut to quickly find it.

Websites Every Programmer Should Know

Nikhil Savalgi — Mon, 03 Oct 2022 16:13:12 +0000

When i was learning Computer Science, there are some useful sites that I came across. Here is a non-exhaustive list of some sites you should visit. This list will get updated as soon as I can get another link, but you can also contribute by adding those you know 😉.

When you get stuck

1. Codementor : A mentorship community to learn from fellow
developers via live 1:1 help and more.
2. devRant : Community where you can rant and release your stress
3. Google : A search engine for anything you get stuck with.
4. Stack Overflow : subscribe to their weekly newsletter and any other topic which you find interesting.

Coding practice for beginners

freeCodeCamp: Learn to code and build projects for nonprofits. Build your full stack web development portfolio today
Blackbird School: Learn to code online with our beginner-friendly platform.
Reddit.com/r/dailyprogrammer: interesting programming challenges where you can learn from looking at other's code, even if you are not able to solve code you can look at how others solved.
InterviewBit | Coding Interview Questions : Gamifies the experience of practicing for your interview and includes lots of sample problems to solve.
Lod-Cloud: The Linking Open Data cloud diagram
Pramp: It's your turn to be the interviewer. when done, click on the swap roles button on the left
treehouse: The fast, easy, and affordable way to build your skills.
GeeksforGeeks: Learn to code, Study for placement, Do competitive coding.
edabit: Practice coding via various small challenges.
Learn Git Branching : Learn and practice git commands in an interactive way.

Jobs

AngelList: AngelList is a website for startups, angel investors, and job-seekers looking to work at startups.
CareerBuilder: CareerBuilder is one of the largest job boards, providing job listings, resume posting, and career advice and resources to job seekers.
Dice: Dice is the leading site for tech job seekers. You can search by company, job title, keyword, employment type, and location.
Glassdoor: Find the job that's right for you. Search all the open positions on the web. Get your own personalized salary estimate.
Indeed: Find international jobs on Indeed and get a market salary for your dedication and devotion.
SimplyHired: Simply Hired is a free job search engine (and mobile app) that takes the hassle out of getting hired and provides you with all the information you need to make a sound career move.
Undercover Recruiter: Become Recruiter, Candidate or Employer. You can get your job easily here.
Who is Hiring: An awesome resource for searching, filtering, and finding new and attractive jobs according to your needs and interests.
ZipRecruiter: The Smartest Way to Get Hired.
RemoteML : Remote Machine Learning jobs.
Linkedin jobs : A very nice research tool for programming jobs

DEV Community: Nikhil Savalgi

VS Code Extensions and Common Shortcuts for Web Designers

Cool Shortcuts

Websites Every Programmer Should Know

When you get stuck

Jobs