Igor Asonov - Fab Academy 2015

Homework assignment

Principles and practices

Make a website

Site should house all Fab Academy documentation and describe:

who you are;
week reports;
potential final project.

NOTE: No PHP allowed. HTML and Javascript only. See examples from 2014 year.

Final Projects

Look at prior years to get a feel. Pick and "sketch" your final project (the project may change as you go through the course). By "sketch" you can draw, use pictures, etc - but at bare minimum describe with text.

Project management

After you've made your website, you need to get it into the 2015 class archive.

Mercurial

Get Keys and Local Details. Your instructor will tell you how they would like you to work with your lab's local copy of the archive. Get the archive keys from your instructor.
Practice, Practice! "Work through" a Mercurial tutorial, don't just read it, you need to "do it" - over and over until you get the "feel".

With Hg (Mercurial) it's practice, practice, practice! It takes a while to get the "flow". Don't get discouraged! You can master it! Read over the Fab Academy Handbook, particularly the student responsibilities section.

Site

I used Brackets.io to create my site. First version of site was made from example ("Getting started" page of Brackets). If you working with Ubuntu - you may use this PPA.
To add repository and install Brackets using Linux terminal use

sudo add-apt-repository ppa:webupd8team/brackets
sudo apt-get update
sudo apt-get install brackets

Then I decided to make a header and footer - the same for each page. Instead of using Ctrl+C, Ctrl+V I found a way how to include html files using jQuery load function. I copied JavaScript file to my folder and used such code from StackOverflow:


a.html:
<html>
  <head> 
    <script src="jquery-1.10.2.js"></script> 
    <script> 
    $(function(){
      $("#includedContent").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="includedContent"></div>
  </body> 
</html>
b.html:
<p> This is my include file </p>

I didn't know how to insert HTML code to <code> tag because browser hide all tags so I replace all brackets "<" with "& lt;" (without space). Also I installed spell-checker for Brackets using Extension manager in menu "File".

Mercurial

Anna updated tutorials here. I installed Mercurial using tutorial for Ubuntu. In my opinion it's unnessesary to use "sudo" because all operations were made in home folder. Also I installed TortoiseHG using command "sudo apt-get install thg" to use graphical representation of modifications and changes.