Saturday, April 9, 2016

HOW TO INSTALL SUBLIME TEXT ON UBUNTU 15.10

Sublime text is one the advanced Text Editors with a host of features given here.

I started by adding the repository by entering the following command on the terminal.

sudo add-apt-repository ppa:webupd8team/sublime-text-2

then to update apt.

sudo apt-get update

After updating the apt next thing is to install Sublime text by using following command.

sudo apt-get install sublime-text-installer 

On completion of the installation type the following command in terminal to run the sublime text.


subl
 
or
 
sublime 

This should open the sublime text. So we are ready to go.

Friday, April 1, 2016

HOW TO INSTALL GIT ON UBUNTU 15.10

Git is a source code management system aka version control system. It can be used for managing source code for very small to large projects with code running into millions of lines.

It went through this short try git hands on tutorial to get a overview and basic commands used by git system. Its very interesting you can check it out here.

So the installation part is quite straight forward on Ubuntu.

First fire up the terminal and type the following command to install git software.

sudo apt-get install git

This will not much of the time depending on Internet speed.
After completion of the installation next step is to configure the git. For this first we have to set a user name and then our email address. Run the following commands on the terminal one by one.

git --global user.name "Your Name"
git --global user.email your@email.com

Remember to omit double-quotes in your email address. If you use them it will have undesirable consequences at later stages. But if in doubt at later stages we can always check these variable by issuing the following commands on the terminal.

git --global user.name
git --global user.email

That it we are ready to put our source code under version control

Tuesday, March 29, 2016

HOW TO INSTALL RUBY ON UBUNTU 15.10

In addition to my front-end track on freecodecamp.com, I have started to tinkering with the back-end stuff. For back-end stuff I have decided to go the Ruby way.

I am inspired to select ruby after watching the ruby on rails tutorial by Mattan Griffels. So first thing is to install ruby on my Linux system aka Ubuntu.

After going through the installation documentations, I came to know that best method to install ruby on Ubuntu is via RVM (Ruby Version Manager).

Benefits of RVM are as follows:-

1.  RVM helps in installing multiple ruby interpreters and run-times very easy and consistence

2.  Makes features such as gem-sets supported out of the box.

3.  We can run different ruby versions in different terminals at the same time and they wont mess up with each other.

To install RVM I fired up my Terminal using CTL+ALT+T

On the prompt typed

gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A
1703113804BB82D39DC0E3

I also wanted to install rails so I added --rails to end of the following command.

\curl -sSL https://get.rvm.io | bash -s stable --rails

Completion of installation of RVM takes a while depending on the internet speed.

On completion of  RVM installation to verify it I ran the following command in browser.

  type rvm | head -1

It gave me the following output.

 rvm is hashed 

The output should have been.

rvm is a function.
 
I was getting this issue because the gnome-terminal was not running the
command as login shell. 

The resolution of this issue is very simple. 

In the Terminal window menu click on "Edit" menu then > "Profile Preferences" and in the window that appears select the "Command" tab, and check the checkbox called Run command as login shell. 

That's it than I again checked by typing the above mentioned command and it worked.

Links below will help in installation of Ruby on any OS.


Saturday, March 26, 2016

MY READING LIST OF RECOMMEDED WEB DESIGN BOOKS

In this post I am listing down the books that are on my reading list. This is will be a fluid list, that means I will keep on adding the books as I go about finishing a few. I have selected the books that are on recommended list for web designers The idea here is to engrave the programming lingo and procedure in my brain, by continuously impounding it with the programming terminology which will bring me closer to my goal of mastering the web design.

So here is my list:

1.  HTML and CSS: Design and Build Websites, by Jon Duckett. 
2.  JavaScript and JQuery: Interactive Front-End Web Development, by Jon   Duckett.

3.  Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics, by Jennifer Niederst Robbins.

4.  Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability, by Steve Krug.

5.  Design for Hackers: Reverse Engineering Beauty, by David Kadavy.

6.  Learn to program, by Chris Pine.

7.  Learn ruby the hard way, by Zed Shaw. 

8.  Michael Hartl's Rails Tutorial.


Other resources that I intend to follow;

1. One month rails, by Mattan Griffel.

2. The odin project.

If you have any suggestions please let me know by commenting below on this blog post

Friday, March 25, 2016

WIKIPEDIA VIEWER - PROJECT

Finally I have completed this project and what a feeling on accomplishing this project. It took be almost a week, I even thought of quitting this boot-camp.

So the objective here was to build a CodePen.io app that is similar to this the one posted here http://codepen.io/FreeCodeCamp/full/pgNRvJ.
 
These are the rules for the game.

#1: I have to figure out the code myself no cheating allowed. (Initially I      completed it by coping code from somewhere, but then angel stuck me. loll)

#2: Fulfill the below user stories. Use whichever libraries or APIs you need.

So the user stories that I had to fulfill are as follows.

#1: One should be able to search Wikipedia entries in a search box and see the resulting Wikipedia entries.

#2: One can click a button to see a random Wikipedia entry.


At last the clues are here:

1: URL use to get a random Wikipedia article:
    http://en.wikipedia.org/wiki/Special:Random.

2: Entry on using Wikipedia's API:
    http://www.mediawiki.org/wiki/API:Main_page.
 
My comments:

1.Initially I was overwhelmed by the mere size of the API and its documentation.

2.Completely clueless about the vocabulary and how this API sandbox worked.

3.Thought of quitting this Freecodecamp.com thing.

But than something in me told me hang-on and you will do it. then I went on to figure out the things one by one. If I write each and everything it will run into a book. So after a week long struggle here is my still not so good product (still a lot of scope for improvement).
See the Pen Wikipedia Viewer by Bhagwant Singh (@sagit2002) on CodePen.

Thursday, March 17, 2016

SHOW THE LOCAL WEATHER - PROJECT



  • Objective: The objective here is to build a CodePen.io app that is functionally similar to this: http://codepen.io/FreeCodeCamp/full/bELRjV.

  • The rules are as follows:-

    #1: Don't look at the example project's code. I have to figure it out myself.
    #2: I have to fulfill the following user stories. I am free to use whichever libraries or APIs and look of the App as well

    The user stories are given as:-

    #1: User should we able to view his current weather condition.
    #2: User should we able to see a different icon or background image (e.g. snowy mountain, hot desert) depending on the weather.
    #3: User should be able to push a button to toggle between Fahrenheit and Celsius.

    I used the Open Weather API to build this app. I had to struggle a little bit with ajax queries and toggling of the temperature into Fahrenheit and Celsius.

    I don't think this is a perfect App, but I will try to improve it as I learn more and have more experience with web development.

    So here is my version of the Show The Local Weather App. Please check it out by clicking on the embedded version.

    See the Pen Show the Local Weather by Bhagwant Singh (@sagit2002) on CodePen.

    Saturday, March 12, 2016

    BUILD A RANDOM QUOTE MACHINE - PROJECT




  • Objective: The objective here is to build a CodePen.io app that is functionally similar to the one given here : http://codepen.io/FreeCodeCamp/full/bELoPJ.

  • The rules are as follows:-

    #1: Don't look at the example project's code. I have to figure it out myself.
    #2: I have to fulfill the following user stories. I am free to use whichever libraries or APIs I need.

    The user stories are given as:-

    #1: A button to show a new random quote.
    #2: A button to tweet out the quote.

    I used the Random Famous Quotes API by Andruxnet delivered in Json format.

    Initially I found myself clueless about the API thing. To solve this issue I went through API documentations.

    Next issue I was not able to figure out how my Jquery code is doing. Inorder to solve this and find where my code was failing I fired up firebug addon for firefox. In the firefox console I could easily check my code running issues.

    So here is my version of the Random Quote Machine. Please check it out by clicking on the embedded version.


    See the Pen Random Quote Machine by Bhagwant Singh (@sagit2002) on CodePen.