How to install the Browser sync in the sublime text 3 | sublime text 3 install package

How to install Browser sync in Sublime Text 3 

How to install the Browser sync in the sublime text 3

In this article I'm going to show you another alternative to View in the browser, If your device doesn’t support it then you should read this article because this will blow your mind and you can use it if only one is not working and the vice-versa.  However this is very useful for front end web developers. 

how to install package control in sublime text 3

how to install package control in sublime text 3

As I already said,  we need to install Package Control. package control is Sublime's Text Package Manager, which makes it simple to find, install and keep other packages and plugins up-to-date. If you already have Package control you can skip this step, as i already mentioned it before.

 For me I have Sublime Text 3 so After that go back to sublime text and hit Control Tilde to open the console. Another way to open this is via View show console. Paste the code in the console and hit enter, it should start installing. When this pop-up comes through, it means that the installation for Package control was successful. (If your package control is n't installed ) All you have to do now is click OK and close Sublime or not it doesn’t matter much more , it still works.

sublime package control install |Best Sublime text 3 package download 

To check whether Package control installed successfully please click Ctrl Shift P to launch the Package control. And ah if you type: "package" you should see various options that are available for Package control. This means that Package control installed successfully. In case the console installation didn't work for you for some reason for example you've got a proxy on your network there is another way you can install the Package control. 

You do that by manually installing Package control. To manually install, go to this link, download this package. 

 

Once you copy it go back to Sublime Text "Preferences" "Browse Packages" it will bring up Packages in Sublime Text 3 as you can see here go up one space, go into "Installed Packages" and paste the package you just downloaded in here. This is the manual way of installing Package control. 

Download the Browser sync preview in sublime text 3

 It should now have Package control installed. Now that Package control is working, the next step for us is to search the package called Browser sync in install package options and install it and then wait for sometime to download it as it depends upon your internet speed.

opening repositories in package control 

Then simply type in "install package" select it and it will open up with a list of available packages. So as you can see these are all the available packages that you can install in Sublime. So simply type in "Browser" and you've got Browser sync in the top there, simply click on it and if you look at the bottom here it is actually installing the package.

Browser sync is actually the package that we will use to open our code in a web browser. Then install the Browser sync or View in Browser  package for that matter this is what you do.Browser sync is create a local host as like a wammp server.

       

Menu bar of sublime text 

As you can see at the bottom left corner there is no longer any status updates meaning that Browser sync was installed successfully. Then after every install in Sublime Text you need to restart it so that that package registers with Sublime Text. After  we installed Package control so we have to do it again for Browser sync after restarting Sublime Text we are all set to view our code in a web browser. 

Launch option in Browser sync

To view our code in a web browser but wait there is no default shortcut key you have to open it in the menu tab at the end and before the help menu it will show that Browser sync menu. To view in Browser Preview in your default browser then you should go to  Browser sync >> Launch it .

Preview in chrome browser.

Preview in chrome browser.

NOTE :--If by chance any prompt or windows firewall will be stopped to run it when it is first time in use, nothing any worry about it just give it permission to it then after you launch again there is no prompt or any pop up which is stop to run by the windows firewall.

Just to recap in this  article we saw how to install Package control either through the console installation or You can try the other similar Browser preview is View in Browser Click here to see the Browser preview in the sublime text 3.

Your opinion is important!

If you have any problem to install or any other issue you can comment down below I will be answer your question as soon as possible 

Share your tips/opinion in the comments below, won’t you? This way, we, at Unique Imagination  will cook up something even better for your taste next time!

That's it for now guys see you next time. I hope you will like my article, if you got this article useful you share it to another person who is finding a solution, which gave a motivation to write more kind of helpful article like this.

Thank you regards Pratap

Browser Preview in Sublime Text 3 | sublime text 3 package control

Browser Preview in Sublime Text 3 

 

Browser Preview in Sublime Text 3 

sublime text 3 package control

In this article I'm going to show you how you can enable Browser Preview, of your code in sublime text. Basically this is very useful for font end web developers. 

how to install package control in sublime text 3

Command Palette open in Sublime Text.

The first thing that we need to do is to install Package Control.  package control is Sublime's Text Package Manager, which makes it simple to find, install and keep other packages and plugins up-to-date. If you already have Package control you can skip this step.

Head over to this site and depending on the version of sublime text that you have please copy the corresponding code. For me I have Sublime Text Three so I'm going to copy this one. After that go back to sublime text hit Control Tilde to open the console. Another way to open this is via View show console. Paste the code in the console and hit enter, it should start installing. When this pop-up comes through, it means that the installation for Package control was successful. 

All you have to do now is click OK and close Sublime. We needed to restart Sublime Text so that Package control could finish installing. To check whether Package control installed successfully please click Ctrl Shift P to launch the Package control. 

And ah if you type: "package" you should see various options that are available for Package control. This means that Package control installed successfully. In case the console installation didn't work for you for some reason for example you've got a proxy on your network there is another way you can install the Package control. 

You do that by manually installing Package control. To manually install, go to this link, download this package. I've already downloaded it here and ah copy it.

 

Once you copy it go back to Sublime Text "Preferences" "Browse Packages" it will bring up Packages in Sublime Text 3 as you can see here go up one space, go into "Installed Packages" and paste the package you just downloaded in here. 

This is the manual way of installing Package control. After you paste this in here, close this and restart your Sublime Text.

 It should now have Package control installed. Now that Package control is working, the next step for us is to use it to install the View In Browser package. 

Search in package control 

View In Browser is actually the package that we will use to open our code in a web browser. So to install View In Browser or any other package for that matter this is what you do. Simply type in "install package" select it and it will open up with a list of available packages. So as you can see these are all the available packages that you can install in Sublime. So simply type in "view" and you've got View In Browser the top there, simply click on it and if you look at the bottom here it is actually installing the package View In Browser.

As you can see at the bottom left corner there is no longer any status updates meaning that View In Browser was installed successfully. So after every install in Sublime Text you need to restart it so that that package registers with Sublime Text. 

Customization for Browser

This is the same thing that we did when we installed Package control so we have to do it again for View In Browser after restarting Sublime Text we are all set to view our code in a web browser. To view our code in a web browser we simply hit Ctrl+Alt+V and it will open up in your default web browser.

setting in View in Browser package control in sublime text 

Mostly in the Firefox browser but my default browser is Chrome if You wish you could do, Just copy the below line and paste it in the Preferences>package setting>View in browser>setting user.

{
"browser": "chrome",
}

And then save the file and close the tab. And use the shortcut to open your contents that view in browser.

User Setting of View in Browser 

 

Preview in Chrome Browser Looks likes

Preview in Chrome Browser 

Just to recap in this  article we saw how to install Package control either through the console installation or You can try the another similar Browser preview is Browser sync. Click here to see the article how to install the Browser sync in the sublime text 3.

That's it for now guys see you next time.Thank you Guys for reading my article and I hope you will like my article, if you got this article useful you share it to another person who is finding a solution, which gave a motivation to write more kind of helpful article like this.

Thank you very much :) 

What is Kotlin language ?

Hello awesome people,welcome to the my brand new Kotlin post .

In this post I will explain what Kotlin is and why you should invest time to learn it.

So without any further delay let’s start

What is Kotlin?

The first obvious question “What is Kotlin?”

In simple language :- Python+Java=Kotlin

Well, the easiest answer of this question is “Kotlin is a programming language.”
If you don’t know what is a programming language then let’s first try to understandit.
A normal user like you and me, we understand and communicate in natural languages like
English, Hindi, French or Dutch,ETC.

But a computer don’t understand natural language.A computer only understands the language
of 0s and 1s.Language of 0s and 1s is known as binary language or machine language.But
for a normal human being, it’s not possible to understand binary language.So what if we
want to perform a specific task on a computer, for example playing a song.How can we tell a
computer what to do?Here programming language comes in the picture.

A programming language is a set of instructions for the computer.Any user can write the
instructions for a computer to perform any specific task.Computer user can use any
programming language to write these instructions.Every programming language has it’s
own compiler or interpreter, which is capable to convert these instructions into binary
language.A computer can understand this
binary language and provide the output based on it.

There are lots of programming languages like C, C++, Java, Python, Scala and Kotlin isone
of them.Kotlin is the latest and powerful language for multiplatform applications.You can use
Kotlin for android application development or server side applications.You can write the code
in Kotlin and target both JVM and JavaScript.Recently Google announced Kotlin as official
language for Android application development.Let’s talk about the history of Kotlin
programming language.

In July 2011, JetBrains started “Project Kotlin”.JetBrains is the famous product Development
Company and creator of leading Java IDE “IntelliJIDEA”.Primary development of Kotlin
programming language is from the team of JetBrains programmersbased in Saint Petersburg
Russia.Name of the language comes from the Kotlin Island, which is situated near
Saint Petersburg.In February 2012, JetBrains open sourced the project under Apache 2
license.After 4 years of development, on February 15, 2015, Kotlin version 1.0 was released.
This was the first official and stable release of Kotlin. In March 2017, Kotlin version 1.1 was
released with the JavaScript support.Now let’s talk about the Advantages of Kotlin
programming language-First Advantage, Kotlin is a statically typed language.

It means type of the variable is known at the compile time.If you are going to write any Kotlin
code,then you must specify the type for each variable;otherwise Kotlin compiler won’t be
able to compile the code.The main advantage of statically typed language is, all type
checking can be done at the compile-time and therefore lot of bugs can be caught and
resolved at a very early stage of development.In statically typed language, since type of the
variable is known at the compile time,this helps compiler to generate optimized code.
Performance wise, statically typed language gives better result because they don’t
require extra run time type checking.Kotlin is an open source language.
In 2012, Kotlin was made open sourced and its source code was released under
Apache2 license.

It mean anyone can read, modify or distribute the source code.If you are curious and want to
look Kotlin code then visit this link below.Another great advantage of Kotlin is, it is
interoperable.It means you can easily convert the Kotlin code into Java or JavaScript.
There is no need to write the separate code.You can write the code in Kotlin and build it
for multiple platforms.If you are targeting JVM then you can easily convert Kotlin code into
Java language.Similarly you can also easily convert Java code into Kotlin code.You can also
mix Java and Kotlin code and leverage any existing JVM libraries withoutany difficulties.

You can also target JavaScript.Recently Google announced Kotlin as official programming
language for Android applicationdevelopment.You can also create Android applications with
Kotlin.Another awesome advantage of Kotlin is, it provides way to write concise code.
If you want to define plain old java object or POJO class in java, then you need to
writethe getters and setters for each variable.For example, look at this class.

This is a simple plain old java object or POJO class written in Java programming language.
It requires multiple lines of code, which is also very time consuming.In Kotlin you can write
the same class in just one line like this.And therefore, Kotlin reduces the amount of
boilerplate code.This helps in saving lot of development efforts and time.Kotlin is a tool
friendly language.You can use any IDE for Kotlin development.Some IDEs requires plugin
for Kotlin.If you don’t want to use any IDE and just want to do hands on then you can use
Kotlinonline editor.You can also build from the command line.

Kotlin programming language has easy learning curve.It doesn’t enforce any particular
programming philosophy.It supports both functional and object oriented programming
approach.Syntax and semantics of Kotlin are very similar to other programming languages.
If you are just a beginner then also you can easily learn and adopt Kotlin.If you are a java
developer, then you can easily convert the Java code into Kotlin usingKotlin converter too
l and start development in Kotlin programming language.

that's me signing off thanks for reading my article will see you in the next one

5 Best code editor for Windows and Mac| open source editor

5 Best code editor for Windows and Mac

Are you a developer? having a problem to type code? Getting lots of error? 

So, you are landed in the right place.

Today I will introduce some information which can help you a lot.

Top 5 most popular code Editors.

Top 5 most popular code Editors for developer.

Both software development and web development all start with a single line of code.

This code is created in what is called a text editor. 

If you ask a hundred of developers what are the favorite code editors are, you’ll hear

a lot of the same names popping up and over again. 

Developer are loyal to their tried, true, and trusted editing platforms. 

Here are the 5 most popular code editors currently on the market.

1. Atom 
2. Sublime text editor
3. Notepad++
4. Brackets
5. Vim

1. Atom 

Atom is an open source cross platform editor from GitHub that you can use on OS X ,
windows or Linux. Its features a built-in system that allows you to install new packages
or create a custom one yourself.

Developers love Atom because it free, customization and because it was crated using
web technologies (html, JavaScript, CSS and node.js)

One of the biggest advantages of Atom is its active developer community which has
created several plugins and themes.

From my personal experience: I love the Atom very much,
because it is a very user friendly and fully customized able and in-build
dark mode feature and also Its works as interpreter as well as compiler or C and
C++ and there are many programming languages which can helpful for code lover.

I suggest you once in life time use the Atom editor. 

2. Sublime text editor

Sublime text editor is a fast and lightweight cross platform code editor packed with
features and plugins that developer love.With its “Goto Anything’s” keyboard shortcut,
you can easily jump to any symbol or line of code with in your program.

The multiples selection option allows you to make several changes at one time rather
than having to go correct each line of code individually.Built with a powerful python
API, Sublime text editor welcome several types of plugins and is completely
customization.

From my personal experience: its also a like Atom editor but there is a little difference.
I will suggest those how are new to programming language like HTML, CSS or etc
can use this code editor with out any hesitation or problem. Till now I am using the
sublime text editor for past 3 years.

 3. Notepad++

Another opensource and free editor, Notepad++ is written in C++ and offer higher speed
and a smaller overall program size.

Notepad has a reputation for being “environmentally friendly” and even touts this
benefit on its website, highlighting the fact that it uses less CPU power resulting in a
greener environment. 

And developer like the fact that notepad++ only takes up 4mb of space upon download.
It also supports 50+ programming language and even allows users to define their own. 

From my personal experience: yes I definitely recommend for HTML and CSS or web
programming such kind of languages so if you liked it you can download it and gave a
comment below that how is your experience to know all over the other developers. 

4. Brackets

Adobe’s Brackets text editors has been around since 2014. Like Atom, Brackets is a free
and open source platform written in HTML, CSS and JavaScript.

Its is used primarily for web development. 

Some of the features of Brackets include inline editors, which allow you zero in on
specific code rather than jumping between file and tabs, and Live Preview, which
shows you exactly what your code and changes will look like in a browser. 

From my personal experience: I would be not suggested you to use the software but I
didn’t personally use as much. But I heard lots of developer that the brackets are also
good for programming so you can go for that , you can try it.

5.Vim

A free open source software Vim was first released way back in 1991. It is across
platform solution that continues to show up on favorite code editors lists decades later.

Vim has a large and dedicated community of user that are constantly crating useful
new script and updates to the platform. The software is completely customization and
offers extensive documentation and how to guides for its users. 

From my personal experience: I would be not suggested you to use the software but

I didn’t personally use as much. If you are like you can try it.

Also read:-10 best programming languages to learn | best programming language

Thanks for reading my article and giving your valuable time 

      

Thank you very much 

Cheers 😊 Have a nice day 😊