Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 9 additions & 7 deletions _posts/journal-week-6.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@
##Week 6

Things Learned this Week:
* How to do tabs in css
* _Lodash
* Bower
* Leveraging `package.json` and `bower.json`
* Git Flow
* Templating
This week we aquired several new tools to make our lives easier. First we started used [Lodash](https://lodash.com/) which is a JavaScript utility library. With this new tool we were able to use `.template` to make templates for the data we were collecting from the GitHub API.

We also installed [Bower](http://bower.io/) this week. Bower is an awesome package manager for the web. Similar to NPM it allows you to install things on the command line like jQuery, however instead of downloading the whole jQuery library you get CDN links.

My ability to leverage the package.json and bower.json files increased greatly this week. Being able to write scripts that you can call quickly on terminal is a blessing. Especially when working on multiple assignments in a short period of time. Not having to type out long commands for `node-sass` and `broswer-sync` speeds up the development process greatly.




5 changes: 1 addition & 4 deletions _posts/resource-week-6.md
Original file line number Diff line number Diff line change
@@ -1,4 +1 @@
Like them or not the Hamburger menu is an often used navagation tool in today's mobil designs. It's a great idea to
learn different ways to create them so that you have more options the next time you need to add one to your project. Here
is a great tutorial on [_7 Non-raster Approaches for Making the "Hamburger" Menu Icon_](http://webdesign.tutsplus.com/tutorials/7-non-raster-approaches-for-making-the-hamburger-menu-icon--cms-21686).
This tutorial covers using SVG, Icon Fonts, Bootstrap, multiple CSS approaches, and even Keyboard methods.
The muched loved, and much hated, Hamburger menu is an often used navagation tool on today's web. Therefore it's a great idea to learn the multiple different ways of creating them so that you have more options the next time you need to add one to your project. Here is a great tutorial on [_7 Non-raster Approaches for Making the "Hamburger" Menu Icon_](http://webdesign.tutsplus.com/tutorials/7-non-raster-approaches-for-making-the-hamburger-menu-icon--cms-21686). This tutorial teaches how to create a hamburger menu using: SVG, Icon Fonts, Bootstrap, multiple CSS approaches, and even Keyboard methods.
13 changes: 10 additions & 3 deletions _posts/tutorial-week-6.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,11 @@
##How to Install Things with Bower
##How to [Install Things with Bower](http://bower.io/#install-bower)

1) In terminal type `bower install --save <ITEM TO BE INSTALLED ex:jquery, lodash, etc...>
2) Add link/script to your `index.html`
1) In terminal type `bower install <ITEM TO BE INSTALLED ex:jquery, lodash, etc...> --save`

EX: `bower install jquery --save`

2) Add link/script to your `index.html` with the path to your new file.

EX: ` <script src="bower_components/jquery/dist/jquery.js"></script>`

DONE!