|
Change #13016
2012-02-23
19:42:37
|
update
Calagator::Event
1250462045
Real World HTML5, CSS3, Javascript -- All API Driven
Roll back
| description |
<p>This meetup will feature snacks by Vitamin T, a book giveaway, and everyone who wants one will get a $50 MongoHQ credit.</p>
<p>The dream of web services lies in deploying rich web applications without having to render anything on a server first. You don't need Wordpress, Ruby on Rails, or any complex deployments to deliver powerful and sexy interactive experiences. You just need a bit of Javascript, and a lot of CSS.<br>
This is walkthrough of a real production app composed entirely of static resources (html pages, css, javascript) with NO SERVER CODE, other than the APIs it talks to.</p>
<p>This is a true separation-of-concerns architecture, and we learned a lot by developing this.</p>
<ul>
<li>How to use Compass/SASS to quickly generate CSS* How we used Middleman to write our HTML using SLIM</li>
<li>Using some HTML5 tricks to make layout simple</li>
<li>How we render everything on the fly using HTML templates (Handlebars)</li>
<li>What is backwards compatible, and what gracefully degrades</li>
<li>Really, REALLY sexy page transitions (ala github file browsing) using CSS3 (and a bit of Javascript)</li>
<li>How we made everything work on mobile devices with almost no work at all</li>
<li>Why we designed everything this way in the first place, and why you should too</li>
</ul> |
→ |
<p>This meetup will feature snacks by Vitamin T, a book giveaway, and everyone who wants one will get a $50 MongoHQ credit.</p>
<p>The dream of web services lies in deploying rich web applications without having to render anything on a server first. You don't need Wordpress, Ruby on Rails, or any complex deployments to deliver powerful and sexy interactive experiences. You just need a bit of Javascript, and a lot of CSS.<br>
This is walkthrough of a real production app composed entirely of static resources (html pages, css, javascript) with NO SERVER CODE, other than the APIs it talks to.</p>
<p>This is a true separation-of-concerns architecture, and we learned a lot by developing this.</p>
<ul>
<li>How to use Compass/SASS to quickly generate CSS* How we used Middleman to write our HTML using SLIM</li>
<li>Using some HTML5 tricks to make layout simple</li>
<li>How we render everything on the fly using HTML templates (Handlebars)</li>
<li>What is backwards compatible, and what gracefully degrades</li>
<li>Really, REALLY sexy page transitions (ala github file browsing) using CSS3 (and a bit of Javascript)</li>
<li>How we made everything work on mobile devices with almost no work at all</li>
<li>Why we designed everything this way in the first place, and why you should too</li>
</ul> |
| locked |
nil |
→ |
false |
| title |
Real World HTML5, CSS3, Javascript -- All API Driven |
→ |
MongoHQ Design Walkthough. Real World HTML5/CSS3/Javascript/API/OAuth |
|