Exercise 01: Principles & Practices of Project Management
- Plan and sketch a potential final project
My Process
:: January 30, 2018 ::
For details of my final project, please see 01. Concept Page.
- Build a personal site describing you and your final project.
- Upload it to the class archive. Work through a git tutorial.
My Process
:: January 30, 2018 ::
Our assignment this week was to build a personal website and to describe ourself and our final project. I've never built a website from the ground up, and it was quite exciting (and frustrating) to learn the nuts and bolts of building one. After watching Fiore’s Recitation on Version Control a few times over, I decided to dig deeper into git by watching tutorials and reading more about git and html online. Here are a list of the resources that I found to be most useful:
Fab Academy’s Fiore Video
Pro Git Book
Installing Git
New Git Project Tutorial
Try Git Tutorials
Fab Academy Git Extended Cheat Sheet
Fab Academy GIT Cheat Sheet of Commands
YouTube: Corey Schafer’s “Git Tutorial for Beginners”
Roger Dudler’ git Cheat Sheet
Massimo Manichielli's Template
Massimo Manichielli's Lecture
Text Editor Install Emacs
Text Editor Install Homebrew
I began the process by installing Git, Emacs and Homebrew. Using my terminal alongside Emacs, I initialized my identity, set up my Git Lab SSH key, saved my public key to my page on FabAcademy’s Git Lab, and began creating a basic index.html using Emacs to start testing the different commands. I was able to create a basic page and tried pushing to my remote repo, but ran into a 404 error. We later learnt that we were missing the .gitlab-ci.yml file which publishes our Master branch to our FabAcademy student URL.
Once I had a good handle on Git, I decided to search for a versatile template. I found
Massimo Manichielli's Bootstrap-based template which is referenced in Fab Academy. I downloaded the .zip file from GitHub, unzipped it in my local git repo, added all the files to staging, committed them, and then pushed the files to my remote repo. I decided to use
Atom, a free and open-source text and source code editor developed by GitHub. I really liked the interface and features in Atom and found the integration to Git to be quite seamless. I also learned more about html and basic commands through the resources I mentioned above.
I then began updating the content on the homepage, about, contact, final project (concept) page, and exercise 01 pages via html on atom.
I’m happy with all that I’ve learned to do in a week’s time and looking forward to building more content into the site.