Skip to main content

My Toolkit

Every developer needs a nice set of tools to help him to be more productive and focused towards his work. It may not be very easy for everyone to find a good set of tools. In this post, I am listing the tools that I have used and which may be very useful for you. IDEs IDEs are one of the most important tools that every developer needs. Some of the awesome IDEs that I have used and would recommend you are- 1) Adobe Brackets Brackets is a very lightweight IDE with many extensions giving it superpowers. If you are working on a small scale project and need speed, then Brackets is for you. It has awesome support for HTML, CSS and JS including smart autocomplete suggestions. Support for more languages can be extended via numerous extensions. Smart live preview gives more to programmers as they can see the changes as they code. This IDE is absolutely free of cost and available for downloading at  http://brackets.io/  . 2) VS Code Visual Studio Code gives the power of Microsoft's Visual S

My Toolkit

Every developer needs a nice set of tools to help him to be more productive and focused towards his work. It may not be very easy for everyone to find a good set of tools. In this post, I am listing the tools that I have used and which may be very useful for you.


IDEs

IDEs are one of the most important tools that every developer needs. Some of the awesome IDEs that I have used and would recommend you are-

1) Adobe Brackets


Brackets is a very lightweight IDE with many extensions giving it superpowers. If you are working on a small scale project and need speed, then Brackets is for you. It has awesome support for HTML, CSS and JS including smart autocomplete suggestions. Support for more languages can be extended via numerous extensions. Smart live preview gives more to programmers as they can see the changes as they code. This IDE is absolutely free of cost and available for downloading at http://brackets.io/ .

2) VS Code


Visual Studio Code gives the power of Microsoft's Visual Studio with more speed and compact size. This is literally a true IDE with in-built Debugger, Terminal and Git integration. It too has hundreds of extensions giving it support for multiple programming languages. It has Emmet enabled by default giving it more speed. It is ideal for users who want a strong IDE while working in large projects. It is also free and available for downloading at https://code.visualstudio.com/ .

3) Webstorm

Jetbrains Webstorm is a really-really powerful IDE for power users who want their IDEs to do the most of the hard and setup tasks and focus on their programme/code. It has a powerful in-built terminal and git integration with smart automation. This IDE is exclusively built for web development. It has intelligent code assistance with Intelli-J. It has smart features for frameworks like React and Angular and provides smart default templates for them. You can experience its power while using it. It is my favourite IDE. Although this IDE is not free and you need to purchase a license for using it, you can download a 30 day free trial version on https://www.jetbrains.com/webstorm/ .

Hosting

Finding a free hosting for your small-scale projects can be very tough. I am listing my favorite hosting here-

1) Netlify

Netlify is a free and user-friendly hosting service for hosting static sites. You can deploy your site straight from any git provider such as Github or manually upload your website directories. Netlify provides continuous deployment. This means that you can instantly see the changes you make on your site. Netlify provides a free subdomain to each site such as example.netlify.app . It also automatically provides free https to your sites. Netlify automatically handles form submissions without writing any backend code. Netlify basic plan is free and provides the basic services that you need. For more services, you can but any one of their premium packs.

Quick Testing

Whenever a new idea strikes your mind or you need to test something and you try to bring it on the computer, making complex file structure with a new project setup can be a tedious job. There are many in-browser IDEs for this purpose but CodePen is my preferred one.

Codepen

Codepen is an online frontend IDE that runs in your browser. You can quickly start coding without any setup. It also provides live preview. Once you have done your work, you can save, share, and even embed your code called Pen CodePen has its own community and all the community member create, share and discuss on their pens. You can even make a project exactly like your installed IDE with managing your file structure. Members who have premium membership get extra benefits like asset hosting, live collaboration mode and unlimited projects and collections.

Community

Developer communities are places where developers discuss, work and solve their questions and issues together. Communities are not only places of asking questions, but also enhance skills and discuss about the industry and the latest updates.

Stack Overflow

Stack Overflow  is the largest developer community in the world. It is a place to ask questions, discuss the logic and solve queries. With users working with experience in hundreds of programming languages,  this is the best place to ask questions. The site works in a voting and reward system in which good questions and answers are up voted and users are encouraged to work in the community.

Comments

Popular posts from this blog

Let's get Sassy.

Have you ever tried Sass in your StyleSheets? If not, then you will start using it from today. Sass is a CSS Preprocessor. Although, I am not going to explain what is Sass etc, but I am going to share some of the most useful features of Sass which I use a lot. So without wasting a single minute let's get started. 1)Variables: We would have used variables in programming languages like JavaScript, Python, C etc. But we can use variables in Sass also. Variables in Sass are mostly used to store colors, font size, etc. When we are dealing with many colors like #ffc000  or #ffff00  etc and our Sty leSheets become very large it becomes very difficult for us to remember each color's hex code and we mess up. We can overcome this problem by using variables. We can save #ffff00 as $yellow and use the color by the variable name wherever we want. You can see this in action in the below embed -  See the Pen Sass Variables by PraneetDixit ( @PraneetDixit ) on CodePen 2)Ne

Playing with CSS Cards

New design trends are coming everyday. Card layout in CSS has been a very popular layout type in the recent times and many companies like Google are using card layout in their designs. We will try to create a card layout in this short tutorial. - Prerequisites : Basic knowledge of HTML and CSS. Flexbox will be our friend in layout. 1) Basic file structure - The basic project structure will go as below : Project Directory     |-index.html     |-style.css 2)Basic html - <!--index.html--> <!DOCTYPE html> <html> <head> <title>CSS Cards</title> <link rel="stylesheet" href="style.css"> <!--CSS link--> </head> <body> <div id="container"> <div class="card one"> Card 1 </div> <div class="card two"> Card 2 </div> <div class="card

A coin toss program in Python and JS

Today, we will increase our confidence in programming by making a coin toss program in two popular languages : Python and JavaScript. Starting from Python: Python is a very popular and readable language. Python developers have a large demand in the industry. So keeping this in mind, we will start with python. First of all, we will make an algorithm on which we will work. 1)Make two choices. 2)Have random computer input and human input. 3)Check if both inputs are same. 4)Print the result of the toss. These are the basic steps. We will add additional features afterwards. So let's go... 1)Importing packages First ly, we will import a package which will help us to generate random computer choice. import random 2)Creating choices For creating two choices to select, we will make a list as follows- options = ['heads', 'tails'] 3)Selection We can get user's choice using input() - userchoice = input("Enter your choice - heads/tails ->") For