HTML5, CSS and Javascript: Difference between revisions

From Wildsong
Jump to navigationJump to search
Brian Wilson (talk | contribs)
mNo edit summary
Brian Wilson (talk | contribs)
mNo edit summary
Line 1: Line 1:
== Stuff I need to look at ==
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,

  1. Yo is the scaffolding tool; quickly set up all the parts of a new app
  2. Grunt is the build tool.
  3. 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