DEV Community: jalpesh Vadgama

Adding free Cursive(Italic) font to visual studio code

jalpesh Vadgama — Sat, 13 Aug 2022 06:47:56 +0000

We all love visual studio code editor for it's features, extensibility. In this article I'm going to show a great tip about setting up the cursive(italic) font absolutely free.

Recently, It has been trend that people are using the fonts that supports cursive fonts when visual studio code show the keyword and other parts at italic. For that people were paying for the font like Operator Mono, Dank mono etc.

I really like this kind of setup but I don't wanted to pay for it. I have searched couple options but I was not liking the font implementation specially the cursive parts and recently I came to know about this font and that blew up mind. It's look so cool you can see that in below image.

So do you want the same font for the your Visual Studio code editor. If yes, there tip is for you.

So let's me introduce the font it's called "Cascadia Code" font which is from Microsoft. Yeah Microsoft is making some cool fonts since so many years and this one is one of them. I also love consolas from Microsoft and I have used it so many year for the same.

The "Cascadia Code" font is created by Microsoft and If you are using "Terminal" app by Microsoft then it's comes by default with that. You can download the font from the following GitHub link.

https://github.com/microsoft/cascadia-code

After that you need to got setting of visual studio code and then you need to find the following setting font and add "Cascadia Code" as your editor font like below.



"editor.fontFamily": "Cascadia Code ,Consolas"

And then you if you have enabled font ligature by default in visual studio code settings then you need to find the following settings.



"editor.fontLigatures": true,

And replace that setting with following.



 "editor.fontLigatures": "'ss01', 'ss02', 'ss03', 'ss04', 'ss05', 'ss06', 'zero', 'onum'"

And that's it. You are good to go you will get great looking italic font.

P.S. Please do remember that you need to have visual studio theme that supports the italic fonts. There are tons of themes available for that and I'm sure you must be aware about it.

For more information about this font. You can see the GitHub link they have clear instructions on it.

If you struggling with setting up the font in visual studio code. I have created a youtub video for the same. You can watch this video and follow the instructions given this video.

I have been creating lots of video related to programing, Visual Studio code and If you like this video, Please do subscribe to my channel at https://bit.ly/subscribetocodewithv and hit like button on the video.

CRUD Operation with ASP.NET Core MVC, Entity Framework Core And SQL Server

jalpesh Vadgama — Sat, 10 Apr 2021 05:04:21 +0000

In this video, You will learn about ASP.NET Core MVC framework. How it's works and then create a basic Crud operation with Entity Framework core code first with SQL Server Database.

Topic discussed in this video are

➤ What is Model View Controller Pattern
➤ How MVC works
➤ Structure of ASP.NET Core MVC Application
➤ How to install Nuget packages for Entity Framework Core
➤ How to create model classes with Annotation for validation
➤ How to create Entity Framework Context class and how to configure the database connection.
➤ How to Create Migration with Help of Entity Framework Tools Nuget package and Use of Add-Migration command.
➤ How to apply migration with Entity Framework Core in SQL Server database with Update-Database Command
➤ How to create Scaffolding and How to create Controller and Views with Scaffolding in Visual Studio.
➤ Explanation of Code generated and How entity Framework Core works.
➤ How to do validation in Forms and how to use ASP.NET Core Tag helpers for that.

Hope you like this video.

📂 Source Code:

You can find source code from the following GitHub Repository.
https://github.com/JalpeshVadgama/ASPNETCoreMVCEFCoreCrudOperation

If you like this video and wanted to see a similar kind of video then, please subscribe to my YouTube channel at - https://bit.ly/codewithjv

Visual Studio Code Customization - Postfix JS/TS Completion

jalpesh Vadgama — Sat, 27 Mar 2021 04:48:09 +0000

If you are coming from Visual Studio with Resharper background or Jetbrain's IDE. You must have heard term called "Postfix Template".

Postfix templates help you transform expressions that you have already typed without jumping backwards. So basically it will speedup your development by providing lot of templates and you can use that when you write code.

In this video, I have demonstrate you an extension which provides you same exact functionality. It will covert you array into for loop with array.

Below is the link for the same extension
https://marketplace.visualstudio.com/items?itemName=ipatalas.vscode-postfix-ts

For more details please do watch my video.

If you like this video and wanted to see a similar kind of video then, please subscribe to my you tube channel at - https://bit.ly/codewithjv.

Also, Please comment about what content you want to see in my YouTube channel.

Visual Studio Code Tips in 2 minutes - How to highlight current line

jalpesh Vadgama — Mon, 22 Mar 2021 04:22:58 +0000

In this video, I am going to show you a tip about highlighting current line visual studio code. It can be done via "workbench.colorCustomizations". There are other tons of options provided in workbench color customizations I will talk about that in upcoming videos.

Here is the code the same.

"workbench.colorCustomizations": { "editor.lineHighlightBackground": "#e9f2fa", // "editor.lineHighlightBackground": "#171a1a", "editor.lineHighlightBorder": "#9292ac" }

For more details please do watch my video.

If you like this video and wanted to see a similar kind of video then, please subscribe to my you tube channel at - https://bit.ly/codewithjv.

Also, Please comment about what content you want to see in my YouTube channel.

C# 9.0 Feature - Omit New Expression

jalpesh Vadgama — Wed, 10 Mar 2021 19:46:43 +0000

With .NET 5.0, Microsoft has released new version of C# and It got some cool new features. So I'm creating a video series about those new features and this is video is second of them. In this video, We are going to learn how we can omit the new expression and we have to write less code when we know the type of object we are creating.

In this video, I have created an simple console application and explained how we can omit the New Expression in C# 9.0. If we know the type and if we don't know the type i.e. we use var keyword then its giving errors.

For more details please do watch my video.

Here is a complete list of video series:

Part 1: C# 9.0 Feature - Top New Level Statement
http://bit.ly/CS9TopLevelStatement

Part 2: C# 9.0 Feature - Omit New Expression
http://bit.ly/CS9OmitNewExpression

If you like this video and wanted to see a similar kind of video then, please subscribe to my you tube channel at - https://bit.ly/codewithjv.

Also, Please comment about what content you want to see in my YouTube channel.

C# 9.0 Feature - Top Level Statements

jalpesh Vadgama — Fri, 05 Mar 2021 10:19:25 +0000

With .NET 5.0, Microsoft has released new version of C# and It got some cool new features. So I'm creating a video series about those new features and this is video is first of them. In this video, We are going learn about C# 9.0 Top Level Statement feature. With this feature now you don't need to write the boilerplate code like classes and you can directly write your statement and functions.

In this video, I have created an simple console application and explained how we can use the C# 9.0 top level statements. You can even use the functions and few other C# features with top levels statements

But there are certain limitations also there.

You can use top level statement in only one file in your visual studio project.
You can not combine main method and top level statement together otherwise it will give errors.

For more details please do watch my video.

Here is a complete list of video series:

Part 1: C# 9.0 Feature - Top New Level Statement
http://bit.ly/CS9TopLevelStatement

Part 2: C# 9.0 Feature - Omit New Expression
http://bit.ly/CS9OmitNewExpression

If you like this video and wanted to see a similar kind of video then, please subscribe to my you tube channel at - https://bit.ly/codewithjv.

Also, Please comment about what content you want to see in my YouTube channel.

How to create project with Visual Studio 2019 – New Project Dialog

jalpesh Vadgama — Thu, 04 Mar 2021 18:05:03 +0000

With Visual Studio 2019, A new project dialog has been introduced and there are lots of improvement done from the new project dialog. In this video, I have explained all the features of New project dialog for visual studio 2019

Following is video for the same.

If you like this video and wanted to see a similar kind of video then, please subscribe to my you tube channel at - https://bit.ly/codewithjv.

Also, Please comment about what content you want to see in my you tube channel.

Create your first REST API with ASP.NET Core And Visual Studio Part-1

jalpesh Vadgama — Mon, 10 Aug 2020 13:30:08 +0000

A simple video about Creating ASP.NET Core Web API(Rest API) with Entity framework core and SQLServer using Visual Studio 2019.

In this introductory video, We have created an ASP.NET Web API project with Visual Studio 2019 from the template we have already there by default. We have also learned how we can integrate the simple routing with ASP.NET Core controllers.

We also saw a startup file and a few other items in the ASP.NET Core Web API template.

The technology used in this video are:
ASP.NET Core 3.1
Entity framework core 3.1
Visual Studio 2019

Following is video for the same.

If you like this video and wanted to see a similar kind of video then, please subscribe to my youtube channel at - https://bit.ly/codewithjv.

Also, Do let me know what more content you wanted to see in for ASP.NET Core

Getting Started with Angular Reactive Forms

jalpesh Vadgama — Fri, 24 Jul 2020 07:27:59 +0000

In Angular, There are two ways to create forms.

1) Template Driven
2) Reactive Forms.

Here in this video- I have explained what are the advantages and disadvantages of using reactive forms in the angular application.

I have also created a sample application and demonstrate how we can create reactive forms and also validate the same.

Following is video for the same.

If you like this video and wanted to see a similar kind of video then, please subscribe to my youtube channel at - https://bit.ly/codewithjv.

Also, Do let me know what more content you wanted to see in for Angular

How to debug Node.js Application with VSCode without any configuration

jalpesh Vadgama — Mon, 01 Jun 2020 12:50:32 +0000

In this video, I'm going to show a quick tip about debugging Node.js application with Visual Studio Code without any configuration.

In the earlier version of Visual Studio Code, We can also debug the Node.js application but at that time we have to create launch settings and there are some parameters for that. But now with Javascript debug terminal we can directly attach node.js application with visual studio code and even it can also able to debug node.js express files.

You just need to do CMD+ SHIFT + P on mac or CTRL + SHIFT + P on Visual studio code and select Create: Javascript debug terminal. That's it rest it will do all the stuff automatically.

Following is video for the same.

If you like this video and wanted to see a similar kind of video then, please subscribe to my youtube channel at - https://bit.ly/codewithjv.

Also, Do let me know what more content you wanted to see in for node.js.

Angular: Interaction between Component with Shared service

jalpesh Vadgama — Sun, 24 May 2020 11:52:46 +0000

In this video, We are going to learn how we can have interaction between components via shared service.

If you have not seen my first video about Interaction between Component with @Input and @Output in Angular and then I would highly recommend it to see that video. Following is a link to that video.

https://bit.ly/AngularComponentInteraction

In this video, I have created a shared service that has got a message source as behavior subject from rx.js which holds an observable. By default, I have initialized it as the default message. Then I have created a new method where I have created a method called "change message" from where the user can change the message.

After that, I have injected this service into two different components and subscribe to current message observable. I have also created a button click event in both components which calls the Change message method from shared service. As we have subscribed to both our message observable it will reflect in message change in both components.

Source Code for this video is available on - https://github.com/JalpeshVadgama/AngularSharedService

If you like this video and wanted to see a similar kind of video then, please subscribe to my youtube channel at - https://bit.ly/codewithjv.

Build your first RESTful API with Node.js and Express. CRUD Operation with API in Node.js and Express

jalpesh Vadgama — Mon, 18 May 2020 03:59:59 +0000

I have created a video series where I have explained how we can create RESTFUL API with node.js and Express. It is a four-part video series and each part explains one operation in the details.

Part 1: Build your first RESTful API with Node.js and Express Get all students and Get Students by Id:

In this video, I have explained how we are creating A get APIs to get all the data from the data store. In this video, I have not used any database but I have used object array as a database. So in this first part, I have explained how we setup the express and express router to map functions against the URLs(Endpoints) of Web API. Then I have created two APIs 1) Get all students 2) Get Students by Id and I have also explained how it is done via code.

Following is the first video of the comeplete video series:

Part 2: Build your first RESTful API with Node.js and Express Create Student(Post):

In this part, I have explained how we can use Body parser a middleware to get data from the request body. Basically body parse is a middleware that extracts body from request and provides us in east format. Then I have explained how we can get data via POST API and get data from the request body. After that, I have created the 'ValidateStudent' function to demonstrate how we can validate the data coming from our body.

Following is the second video of complete video series:

Part3: Build your first RESTful API with Node.js and Express Update(Put):

In this video, We have created a put API with the help of express and node.js. Here we are passing two things there. One is Id on which we need to update Student and Student Object which we want to update. In API I am checking whether our student's array is having that Id or not
otherwise it will return not found. If it is there then it's going to first validate student object and then update it with new data.

Following is the third video of the complete video series.

Part 4: Build your first RESTful API with Node.js and Express Delete

In this video, We have created a Delete API with the help of express and node.js. Here we are passing id for a student whom we need to delete. Then we are checking if a student with that student id exist then we are deleting that students from the array which act as our database. And the end we are sending the message that the student deleted successfully.

Following is the fourth video of the complete video series.

All the Source Code for this video series is available on - https://github.com/JalpeshVadgama/FirstNodeJSRestAPI

Subscribe to my channel:

As you know there is lots of hard work required to create a video series like this. So If you like this video series and wanted to see a similar kind of videos then, please subscribe to my youtube channel at

https://bit.ly/codewithjv.

It gives me the inspiration to create more video series like this. Also, please share your thought on the content you wanted to see on my youtube channel. I will try to create content based on popular demand. So please let me know and I will try to cover topics mentioned in the comments.

Also, Do let me know what more content you wanted to see in for node.js.