Angular 2 packages for sublime text 3

Recently, I have written a blog post about Angular 1.5 Packages for the sublime text 3. It was a great hit and lots of people were asking for packages for the Angular 2. So I thought it would be a good idea to write a blog post about it. So let’s get started. We have already learned that how we are going to install packages on the sublime text 3. So Followings are packages that are good for angular 2.

As we all know that Angular2 is built with TypeScript and So first thing we need is a Typescript package.

Typescript:

This plugin is developed by Microsoft it self. You can find more information at their Github Repository.

https://github.com/Microsoft/TypeScript-Sublime-Plugin

There are code editing services provided by this package. You can do lots many things with the package like Rename, Format document i.e where different shortcuts are already defined in the GitHub repository. This package is a must for Angular 2 development.



Angular 2 snippets:

This package provides code completion and snippets for the angular 2. It has been imported from John Papa’s code completion for visual studio code.

https://github.com/pjlamb12/st3-ng2-snippets

It provides various snippets and code completion for Angular 2.



Once you type ng2 it will have snippets for various things in Angular 2.



That’s it. Hope you like it. Stay tuned for more!.

Continue Reading

BugConf- Building secure software by Kaushal Bhavsar–Director of Pratikar Technologies

Nowadays, Security is a major concern as hackers are so smart that they can break anything.  So this Saturday we have one of the great conferences by Kaushal Bhavsar, Director of Pratikar Technologies. He is going to cover lots interesting topics mentioned below and it is the conference should not be missed. I have heard Kaushal many time and many times we have been co-speaker for the events. When Kaushal speaks about security he is just awesome. Please do register and go there I’m sure it will worth investing your time. Following are the topic sKaushal is going to cover in his conference.

• Why security for developers?
• Common threats for software.
• Integrating security in SDLC.
• Interactive Panel Discussion.
• Networking and high tea.

So, I request all my reader who is based at Ahmedabad to register for this event and attend this Conference. Here are the details for venue and time. Just register for the conference via clicking on Add to Calendar list.

When:

Saturday, July 9, 2016, from 4:30 PM to 6:30 PM (IST) – Add to Calendar

Where:

Gujarat Law Society Auditorium - GLS Campus Opp. Law Garden, Ahmedabad, Gujarat 380006 – View Map

You can find more information about Kaushal Bhavsar at his blog: http://kaushalbhavsar.com/

and Here is more information Pratikar Technologies : http://pratikar.com/

That’s it. Stay tuned for more!!.

Continue Reading

Angular 1.5 packages for Sublime Text 3

One of my friends was using Sublime text 3 as  editor for the Angular.js application but he was using it without packages so he has to do manually all the things. I suggested him few packages and now he is much more productive than ever. So in the blog post, I’m going to share few tips and packages working with Sublime text.

Installing package on Sublime Text 3:

Sublime Text 3 support packages that make Sublime Text 3 a great choice for any kind of Web Development project. This makes developer’s life easy and developers will be much more productive than ever. Sublime Test does not come with inbuilt package manager but there is a third party package manager called “Package Control”. You can find more information about that on the following location.

 https://packagecontrol.io/

There is instruction provided for installation at the following link.

https://packagecontrol.io/installation

Angular.js 1.5 packages for Sublime text:

JS Hint:
If you have ever work with JavaScript you should be knowing about linter for JavaScript. JS Hint is a JavaScript linter which will look your code and verify that it has proper styling, proper syntax, and error related to JavaScript best practices.

To make sure that this plugin works correctly. You need to install JS Hint installed globally via npm:

npm install -g jshint

Then type Ctrl+ Shift + P and select install package.



Once you click on Install it will load the extension from the repository and you can install the extension you choose.



AngularJS:
This package is developed by Angular UI Team. It contains lots of functionality like

• Code completion for Inbuilt angular libraries.
• Angular-Related Snippets.
• Directive completion of Custom Defined Directives

To Take advantage of this plugin’s syntax highlighting You need to change the view type of your HTML page file View-> Syntax-> HTML(Angular.js).



And then you can code completion like following.




JSFormat:
This package helps you format your Javascript and JSON. It is based on JS Beautifier. It highly configurable and you can also define your preferences. There are plenty of options available you can see that on the following link.

https://github.com/beautify-web/js-beautify#options

John Papa’s Angular Snippets for Sublime Text:
John Papa has created great snippets for Angular.js and it’s very useful. He has written a nice blog post about how to install it with Sublime Text. You can refer that from the following link and refer that.

https://johnpapa.net/angularjs-snippets-for-sublime-visual-studio-and-webstorm/

After installing that you can create lots of angular boilerplate code very easily. For example, If you want to create an angular controller just type ngcontroller.



Once press tab it will create an angular controller like below. It will also follow best practices written in John Papa’s style guide also.



That’s it. Now you should be much more productive with angular and sublime text editor. Hope you like it. Stay tuned for more!!.

Continue Reading

Microsoft MVP 2016 and ASP.NET Community Stand-up link

July 1 is always been a special day in my life Because I eagerly wait for My MVP Status renewal and again this time also I have been awarded for Microsoft Most Valuable Professional 2016 for Visual Studio and Development. On July 1 I got the same email again which I was waiting for it eagerly.




On this occasion, I would like to thanks, Biplabl Paul and Gadharv Rawat for their constant support and guidance. I would also like to thanks, MvpAward team for considering me to become a Microsoft MVP. As always there has been great support from friends and family. Without their constant support, I am nothing. So thank you for the constant support family and friends.

Also, I would like to thanks my dear readers of the blog. Whatever I am today is due to readers of my blog. So thank you very much for the constant support and guidance.

ASP.NET Community Stand-up:

Recently before few days, I have written A blog post about How to create Rest API(Web API) with ASP.NET Core 1.0. I just recently came to know that it has been shown in ASP.NET Community Stand-up video as community links. This is a such a great appreciation from the makers of ASP.NET like Damien Edwards, Jon Galloway whom I admire most. Special thank Jon Galloway for the mentioning it on ASP.NET Community Stand-up videos. You can see that video at the following link.



Thanks again for everything. Stay tuned for more!!.

Continue Reading

Publishing existing applications to Github with Visual Studio 2015

Before some time, I have published a blog post for using Github with Visual studio team explorer.  So with reference to this blog post, one of the users email me that how we can publish the existing applications to Github? So I thought it would be a great idea to write a blog post about it. So in this blog post, We are going to learn how we can publish existing application to Github with visual studio 2015. Visual Studio 2015 comes with Team explorer and when you install the visual studio 2015 there is an option to install the Github extension for visual studio. If you have not installed it then you can also insert separately from the following link.

https://visualstudio.github.com/

How to publish existing applications to Github with Visual Studio 2015:

To demonstrate this we are going to use console application, So I have created a core console application with File-> New project.



Once created application, I have added it to the source via right clicking solution explorer and Click on Add Solution to Source control.



It will add the solution to default source control, In my visual studio git is configured as default source control. But if it not there it will ask between Git or Team server. Once you click on add solution to source control it will create a local git repository. Now It’s time to write some code. Here is a sample code that I have written.

using System;

namespace GithubConsoleApp
{
    public class Program
    {
        public static void Main(string[] args)
        {
            Console.Write("Github sample application");
            Console.ReadLine();
        }
    }
}

Now it's time to commit code to Local Git repository with team explorer like following.



Now once you click sync it will try to sync with the remote repository of GIT since we don’t have the remote repository.



Here, there are three options available, Github, Team Services or custom remote repository. Since we are going to use Github so click on GetStarted for GitHub option. It will load following screen.



Here in above screenshot, My Github account is already configured otherwise it will ask for your Github Credentials.  Now click on publish it will create a new repository in Github and publish the whole history to GitHub also.



You can see the same thing on Github.com also.



That’s it. It’s very easy to use Github tools with Visual Studio 2015. Hope you like it. Stay tuned for more!!.

You can find sample Github repository used in this application at - https://github.com/dotnetjalps/GithubConsoleApp

Continue Reading

Peek Definition every where in Visual Studio 2015

Visual studio 2015 is great IDE and I love more and more whenever I explore some new features of Visual Studio 2015. In this blog post, We are going to learn about Peek Definition which was available from Visual Studio 2015.It is a great feature with this you can view code without moving to file where this code has been written. Till now this was available only for the C# code but with Visual studio 2015 it is now available with anywhere so now you can have that  available in XAML, CSHTML  and ASPX file too.

Let’s see how it's working on both sides.

Peek definition on C# Code:

You can see the particular code for a class via selecting it and right click and select pick definition or you can use shortcut Alt+F12.



Now once you click on Peek Definition. It will peek definition window like below.

Peek Definition on CSHTML file:

You can also have peek definition now in CSHTML page also just like below.



Hope you like it. Stay tuned for more!.

Continue Reading

Simplified Rename feature in Visual Studio 2015

Visual studio 2015 is a great IDE and I love all the latest features provided in this edition. I have always been a fan of refactoring features and with Visual Studio 2015 they are now more streamlined. In this blog post , we are going to learn about rename refactoring features. So Let’s get started.

We can use this renaming feature when we have found there is a spelling mistake in variable declaration and we want to rename that with correct spelling. This is the just scenario I have explained but there could be much more. So Let’s see how it works.



In above code, you can see that we have made some spelling mistake with employees variable and we want to correct it. So you select that variable and right click and select rename or you can press shortcut Ctrl+ R,Ctrl +R.



Once you click on rename it will open the following dialog.



This dialog contains three options.

1. Include comments – which will replace this word in comments also.
2. Include strings – Which will replace this word in the string which we have defined in double quotes.
3. Preview changes – It will show a preview of changes we are going to make.

Now you can see the highlighted part in above where I’m going to change from employie to employees.



Now once you click on apply it will open a preview dialog like following.



Once you will click on apply it will apply the changes.



That’s it. It’s very easy Hope you like it. Stay tuned for more!!.

Continue Reading