Principles and practices, project management

Which editor? : I tested Notepad++, FirefoxDeveloperEdition, gvim under Ubuntu then finally I decided to use Brackets.

Brackets is an Adobe open source project that takes a different approach on how a code editor for the web should look. It is an editor for the web. From the ground-up Brackets has been designed and focused on helping web developers and web designers to work on websites and web apps. This mean that it treats HTML, CSS, and JavaScript like first-class citizens. This also means that it is lightweight. For beginners is a great tools because if you installed Google Chrome, the live preview allow you to see the result without installing a local web server.

My favorite Tutorial : It exists many differents tutorials, I choose the one from W3schools.com

On the W3schools.com web site it says : 'the world's largest web development site' In fact : it's simple, it coverts HTML,CSS, Javascript and also Bootstrat and many others with more than 1000 Examples

Framework : Bootstrap is most popular HTML,CSS,and JS framework for developing responsive, mobile first projects on the web.

Bootstrap is open source. It's hosted, developed, and maintained on GitHub. It exists a growing collection of examples and I decided to start with one which is based on a scrolldown unique web page.

One of the most important feature of FabLabs is KNOLEDGE SHARING, so it becomes our responsability to contribute to documentation and instruction. To do this we need a repository and because we all use the same it's necessary to manage it with versionning. It exist many repository which have this version control feature like Git, Github, Bitbucket... The repository of the FabAcademy is based on mercurial system.

The laptop I used during the FabAcademy is working under Windows 8.1, For personal reason I prefer to use Ubuntu, but to be able to switch quickly between the 2 environments I installed Ubuntu under VirtualBox and I created a folder in Windows which is mounted under Ubuntu.

I installed Mercurial on Ubuntu just by following the tutorial of our repository.

If like me, you want to use a shared folder between windows and Ubuntu :Do Not Use the root of this shared folder to create your .ssh folder or you will get permissions problem, because mount will set the owner of the folder as root. Also before push any new files check the right of the files under Ubuntu because Windows doesnt manage the right as unix does and even a picture will have executable flag set on.

1st Synchro :

jmd@jmd-VirtualBox:~/FabWeb$ pwd

/home/jmd/FabWeb

jmd@jmd-VirtualBox:~/FabWeb$ hg clone -e "ssh -i ~/.ssh/keys/academy" ssh://hg@fabacademy.org/academy.2015/Web/eu academy.2015

The authenticity of host 'fabacademy.org (91.126.132.8)' can't be established.

ECDSA key fingerprint is 60:b0:2d:04:17:36:72:16:0d:d0:d8:5d:e8:fd:9b:bd.

Are you sure you want to continue connecting (yes/no)? yes

requesting all changes

adding changesets

adding manifests

adding file changes

added 199 changesets with 2114 changes to 1842 files

updating to branch default

1731 files updated, 0 files merged, 0 files removed, 0 files unresolved

remote: Warning: Permanently added 'fabacademy.org,91.126.132.8' (ECDSA) to the list of known hosts.

jmd@jmd-VirtualBox:~/FabWeb$

Instruction for next synchro

hg pull

hg update

hg add

hg commit -m 'short explanation'

hg push

Never force push, neither create 'multiple heads'