Setting up dev environment

By
Once I fixed with the idea and created that’s prototype using proto.io , the next step is to code and to do coding we need a developer environment in which we can work seamlessly.

http://www.shubhro.com/static/development-environment/angrylaptop.png

What is dev environment

In computer program and software product development, the development environment is the set of processes and programming tools used to create the program or software product. The term may sometimes also imply the physical environment.
Note: Refer to these videos for more details about How To Setup A Development Environment.

Operating System
I am currently using fedora 24 (KDE), which is a distribution of GNU/LINUX Operating System. If you are thinking to use linux, you should start with Ubuntu / Linux Mint / Elementry OS, in my case I used Ubuntu for 1 year then migrated to fedora for last 2 years. Since we use Linux so we should be familiar with basic commands which we will be using during our Internship. I used this post from Techmint to brush up my basic Linux knowledge and command line skills.
Some basic commands we need to know to create and manage files through Linux terminal (command line) :

  • $ pwd : This command shows present working directory(folder).
  • $ ls : List all files and directory inside a directory.
  • $ cd <directory name/path> : Change into a directory.
  • $ mkdir <dir name>: Make a new directory.
  • $ rmdir <dir name> : Delete an empty directory.
  • $ rm <file name> : Delete a file.
  • $ rm -rf <dir name> : Delete a directory recursively and forcefully.


Editor & IDE

The next thing I need is an IDE. Most of the web developers uses Brackets which is a modern open-source code editor for HTML, CSS and JavaScript that’s built in HTML, CSS and JavaScript. It is available for Mac, Windows and Linux , and it is very easy to setup and easy to use.
Although I am using Sublime Text for a long time since my early days of programming. It is a very good editor with a lot of features.


Snapshot of sublime text

Sublime Text in my system is highly customized with themes, colour schemes, fonts and many more things. To do this customization, first I need was to install Package Control which gives access to repository of sublime packages such as themes, fonts, colour schemes, tools, plugins etc developed by Sublime Text developers and various other developers over the globe.
After installing Package Control to install a plugin for ex. terminal what we need to do is -
  • Open sublime text
  • Press ctrl+shift+p
  • Write install packages (it will load the repositories)
  • Write the package/plugin name terminal there and press enter. You can also search for other packages.
  • It will install soon depending on speed of your internet connection speed. Now restart Sublime Text after finishing the installation.
New and upcoming packages can be found on the website of packagecontrol.io and also on many other developers forum such as stackoverflow, quora etc.

Tools and Library

I wanted to write backend code for my web application in Node.js , So I need to install that on my system. Also I need to install http-server to host my application locally. http-server is a package of Node.js Package Manager (NPM) environment, to install that what I did is —
  1. > Open command prompt.
  2. > Run the command: npm install http-server -g
To test/run the http-server using a sample project
  1. > Write an html basic page code.
  2. > Open terminal in that directory.
  3. > Run the command http-server.
  4. > Open a web browser and go to the url: localhost:8080.
Now I was ready with my development environment, the coding can be started.

What's Next?

Next post is about learning git. Stay Tuned!

Comments

Post a Comment

Popular posts from this blog

User Feedback & Testing of White Board

By
Image
As in my previous posts, I’ve described about all screens of my app  White Board.  You can check here — App Screen 1 (UI + Backend Integration) If you are familiar with my previous post and app idea then you know what I did before, otherwise just check my app… medium.com App Screen 2 (UI + Backend Integration) Task 5.1 Hasura Internship. Week 5 task medium.com App Screen 3 (UI + Backend Integration) Task 6.1 Hasura Internship Week 6 Task medium.com This one is for user feedback about my app and testing of the app for any bug. When I completed my app with required functionality as I described in MVP in my first blog post at the beginning of my journey. Idea for an APP | First step to internship This article is about my brainstorming for an idea which can be used an MVP. medium.com Testing and fixing bugs is one of the important part in order to build a successful application. Anyhow a person can’t do this all alone, so it is a better way to get feedback from others as w
Read more

Idea for an app | First step to internship

By
Image
It all started when I joined IMAD (Introduction to Modern Application Developement), an MOOC provided by NPTEL in association with Hasura. I completed the assignments and appeared in the final test, scoring an overall of 84%, which, much to my delight, landed me an internship with Hasura. First week task The task in the first week was to come up with an idea for an app that can be demonstrated and used as a Minimum Viable Product (MVP) with just 3 screens. I discussed this task with a few of my friends and researched the internet for viable ideas. After long sessions of discussion and surfing the internet, I finally settled on the idea for an app for a  Collaborative   White Board . The idea   The idea of the app is pretty simple, to create an online platform for collaborative brainstorming by a group/team of people from across the globe. This sort of brainstorming is usually required for startup ideas, projects or the onset of any form of development in a group.
Read more

Playing with the Octo-Cat

By
Image
After I done with setting-up dev environment, next task of Hasura Internship was to learn git basics. https://octodex.github.com/images/dojocat.jpg Git is not a programming language or an IDE About Git Git is the most commonly used  distributed version control system . Git is a mature, actively maintained open source project originally developed in 2005 by Linus Torvalds, the famous creator of the Linux operating system kernel.  GitHub  is a company that provides a platform to do version controlling Git allows a team of people to work together, all using the same files. And it helps the team cope with the confusion that tends to happen when multiple people are editing the same files. Version control in simple terms is nothing but making flags/check points as significant changes are made to your code/work so that you can always go back to whichever version was last working properly or whichever version you want to use at the moment. Why Git and Github? Version contr
Read more