HTML5, CSS and Javascript: Difference between revisions
Brian Wilson (talk | contribs) mNo edit summary |
Brian Wilson (talk | contribs) mNo edit summary |
||
Line 1: | Line 1: | ||
This started out as "Stuff I need to look at" and is changing into a diary. | |||
2014-01-20 | == Stuff I am thinking about == | ||
=== 2014-01-20 === | |||
Brian likes this: [http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background How do I think in AngularJS if I have a jquery background] so he decides not to dive into JQuery anytime soon. | Brian likes this: [http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background How do I think in AngularJS if I have a jquery background] so he decides not to dive into JQuery anytime soon. | ||
2014-Jan-19 | === 2014-Jan-19 === | ||
[http://yeoman.io Yeoman] which is composed of three parts, | [http://yeoman.io Yeoman] which is composed of three parts, | ||
Line 23: | Line 25: | ||
More... [http://www.heroku.com/ Heroku] - $ - Build and deploy web apps - python, node, ruby, java.. | More... [http://www.heroku.com/ Heroku] - $ - Build and deploy web apps - python, node, ruby, java.. | ||
2013-Jul-23 | === 2013-Jul-23 === | ||
[http://www.hotgloo.com HotGloo] - $$ - Prototypes and wireframes -- | [http://www.hotgloo.com HotGloo] - $$ - Prototypes and wireframes -- | ||
Line 34: | Line 36: | ||
[http://backbonejs.org/ Backbone.js] - "Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. " | [http://backbonejs.org/ Backbone.js] - "Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. " | ||
05-Apr-2013 | === 05-Apr-2013 === | ||
Another thing to look at: [http://getbootstrap.com Bootstrap] templates | Another thing to look at: [http://getbootstrap.com Bootstrap] templates | ||
(Thanks Jesse!) which led me to [http://glyphicons.com/ Glyphicons] | (Thanks Jesse!) which led me to [http://glyphicons.com/ Glyphicons] |
Revision as of 00:23, 21 January 2014
This started out as "Stuff I need to look at" and is changing into a diary.
Stuff I am thinking about
2014-01-20
Brian likes this: How do I think in AngularJS if I have a jquery background so he decides not to dive into JQuery anytime soon.
2014-Jan-19
Yeoman which is composed of three parts,
- Yo is the scaffolding tool; quickly set up all the parts of a new app
- Grunt is the build tool.
- Bower is a package manager for the web; like apt-get, use it to add components including their dependencies
Yeoman lets me set up projects to use many things, including Angular, Bootstrap, Compass, Modernizr
Do this:
yo webapp grunt serve
This will automatically launch a browser and point it to http://localhost:9000/ which is where your newly built app will be running. As you edit files in the webapp, the browser updates. Very cool.
More... Heroku - $ - Build and deploy web apps - python, node, ruby, java..
2013-Jul-23
HotGloo - $$ - Prototypes and wireframes -- "A website wireframe is a basic visual guide used in interface design to suggest the structure of a website and relationships between its pages. A webpage wireframe is a similar illustration of the layout of fundamental elements in the interface. Typically, wireframes are completed before any artwork is developed.” (Source: Wikipedia)
Moqups - $ - Wireframes
Angular.js - MVC like javascript framework
Backbone.js - "Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. "
05-Apr-2013
Another thing to look at: Bootstrap templates (Thanks Jesse!) which led me to Glyphicons