Presentation is loading. Please wait.

Presentation is loading. Please wait.

Designveloper Overview of Web and App development process March 11 th, 2014 Hung Vo - CEO.

Similar presentations


Presentation on theme: "Designveloper Overview of Web and App development process March 11 th, 2014 Hung Vo - CEO."— Presentation transcript:

1 Designveloper Overview of Web and App development process March 11 th, 2014 Hung Vo - CEO

2 Agenda -Web development process -Design -Convert to HTML/CSS -Manipulate animation -Create JS template -Database and logic processing -Focus on -What is important -How to get things done faster

3 Design  Using PSD, Illustrator  Arrange workspace  Understand different screen size  Color types, color profile  Layers, layer comp  Text styling  Image Sprite  Image types: JPEG, GIF, PNG  Grid system  Ref:  2.html 2.html

4 HTML/CSS  HTML5  Tags  Attributes  Validate your HTML -  CSS3  CSS selector -  CSS specificity - specificity-things-you-should-know/http://coding.smashingmagazine.com/2007/07/27/css- specificity-things-you-should-know/  Validate your CSS -

5 PSD to HTML/CSS  Keyboard shortcuts  How to get info about:  Text  Image  Color  Dimension

6 Frameworks  Bootstrap -  Zurb Foundation -  jQuery Mobile -

7 CSS preprocessor  LESS / SASS 

8 Animation manipulation  HTML5 Canvas - and-Animation-with-Canvas/ htmlhttp://www.lynda.com/HTML-5-tutorials/HTML5-Graphics- and-Animation-with-Canvas/ html  CSS Transforms/ html  jQuery

9 JavaScript  Animation manipulation  Database and logic manipulation  Focus:  Objects – how it works, define objects  Events -  JSON -  Ajax - https://api.jquery.com/jQuery.ajax/http://www.w3schools.com/ajax/default.asp https://api.jquery.com/jQuery.ajax/  Ref:

10 NoSQL  Not Only SQL 2.html  Saves data as BSON objects (Binary JSON)  MongoDB  Redis:  Pub/Sub for realtime processing

11 jQuery  Write less, do more  $:object  $ = select  $(css expression)  $.

12 Backbonejs  MVC for frontend  Event  Model  Collection  View  Backbonejs/ html Backbonejs/ html

13 Nodejs  JavaScript that runs on server  Event-driven  Non-blocking IO model  Perfect for data intensive real time apps that run across distributed devices  Soket.io : realtime processing  Training/ html Training/ html

14 JS template  Mustache.js mustachejs/114901/ html  Handlebar  EJS


Download ppt "Designveloper Overview of Web and App development process March 11 th, 2014 Hung Vo - CEO."

Similar presentations


Ads by Google