10 Ways to Become a Good Programmer|how to became a programmer|How to increase your programming skills

A good programmer is someone who always looks both ways before crossing a one-way street. ~Doug Linder Working as a software programmer in IT industry, one thing that drives us daily to the work place; is that fun and passion lies in programming. But to make that programming a fun and to get an eternal elation out of it, one needs to learn and adhere to some basics which make you a good programmer. I am not writing mantras which you can follow to become a good programmer, but the intention is to collate a list of helping tips which I learned and implemented in the industry to get good results. There is no definition of a good programmer, but here we are referring to the category of programmer who have developed excellent IT solutions and helped in overall growth of this industry. 1.Work on Basics As it is true for any industry and any job, the conceptual understanding is the key for success. Unless one has strong conceptual foundation, he/she can never be a good programmer. The core co

5 Best Visual Studio Code extensions for Angular developer

Best 7 Vs code Extension for Angular 





VS Code is awesome: it’s a really fast beast, it works splendidly with Typescripts and on top of that it is free. Crazy!

Still… it can do better. The main idea here is that the editor itself is pretty limited in functionality so we can customize it to our needs with the use of rich gallery of extensions, depending on what technology — languages, frameworks — we’re using it for.

Here is the selection of extensions that I found most helpful when working on Angular apps: 


Following is List of Extension:-

1. TSLint

ext install tslint

If you aren not linting your code yet, start now
If you already are, seeing linter those errors alongside the code is far more convenient than having to look for them in your terminal. That’s what TSLint extension enables.

It will draw squiggly lines under the code where you have a problem and display a list of warnings & errors on hovering it. You can also see the list of all detected problems in… well, the Problems panel

    See DEMO how its Works:-

best vs code extension for angular developer


2. Auto Import

ext install autoimport

We’re not living in the global world anymore… well, I mean as far as our scripts are concerned. Nowadays everything has to be imported. When working with Angular you’ll often be writing several of those import { Something } from './somewhere'. This guy will do it automatically for you.

SEE DEMO HOW ITS WORKS:-



3. Angular 2 TypeScript Snippets

ext install Angular2

How many times have you written the code for a component or, say, even things like a code for getting data from url and mapping the response to JSON object?

return this.http.get('http://someurl')
.map((response: Response) => response.json());

If you feel like there are more fun things to do with your time, you’re right. That is why it’s good to have some Angular code snippets at hand. Angular 2 TypeScript Snippets has several code pieces that cover the typical scenarios:

  • In the TypeScript land you’ll be able to choose from 10 things to generate, such as componentservice or subscription.
  • In HTML there are additional 7, like ngFor or ngModel


SEE DEMO HOW ITS WORKS:-




4. Angular 2 TypeScript/HTML Snippets

ext install angular2-snippets

The similar story to the previous tool. This one is created by Dan Wahlin, another well known name in Angular community, and has a bit more snippets (14 in TypeScript and 12 in HTML). I have both of these extensions installed and haven’t yet decided which one I’ll stick with.

SEE DEMO HOW ITS WORKS:-



5. Angular2 Files

ext install vscode-angular2-files

This little helper is basically like Angular-CLI’s ng generate … command. When creating a new file you can choose a component, directive, pipe, etc (even a route!) and the newly created file will already have the boilerplate code.
Edit: and it now uses the configuration you have in angular-cli.json so e.g. no need to configure stylesheets files’ extensions separately .

SEE DEMO HOW ITS WORKS:-


HERE ALL ABOVE EXTENSION ARE BEST 5 VS CODE EXTENSION THAT GIVES YOU A VERY GREAT EXPERIENCE OF ANGULAR DEVELOPMENT .

BEST 5 VS CODE MEANS THESE ARE FOR YOUR HELP TO IMPROVE CODING PATTERNS AND ALL.


Comments

Popular posts from this blog

10 Ways to Become a Good Programmer|how to became a programmer|How to increase your programming skills