Panaya

Technology Review

Web BACK/Front END

WHERE WE (were) LEFT OFF



ohhh between 5~9 years ago


Tomcat, JSF/JSP...

In "Tech" years ?





almost an eternity

Where we are going ?



"Renovated" Architecture:


THIN Server
RICH Client

Communication : REST


"Back-end"



Or Server-Side




REST & CONTROLLER MAPPING

(SPRING)


'FronT-End'


BUILDing BLOCKS


AMIR - GO TO OTHER PRESENTATION :)

FrameWork


Angular JS

SO WHAT IS 'ANGULAR"





nothing but another Framework trying to do what every other Framework was trying to do before



AND SUCCEEDING !

WHY




It's the best

Learning Curve


What's There to Understand ?

MVW





Model-View-Whatever

Basic COncepts



Modules

  • Controller
  • Factory/Service
  • Constants
  • Values

Dependency Injection

FRAMEWORK EXTENTIONS

UI ROUTER

What is an app but...


Apps consist
of
components
within 
components 
within 
components.
Let State Views Describe It


States naturally describe these nested 'pieces'. 


A form within 
a field within 
a panel within 
a listview within 
a page within 
a site.

Is just a state within a state within a state...

A Typical Use Case




UI ROUTER


Turns Web-Applications into a "State Machine"

URL dictates State and Vice-Versa

ANGULAR TRANSLATE


LAYOUT-ING



Try and be thin with your HTML skeleton

USE resources (YES - copy/paste)



CSS

SASS

COMPASS

CSS





NOTHING TO ADD :|

SASS OR SCSS



SUPER CSS

You can see at as a CSS extension
More likely - it's "Super-Set" of CSS


Interpreted into CSS

WHAT DOES IT GIVE US ?


  • Variables
  • Nesting
  • Inheritance
  • Mixins
  • Functions & Arguments

COMPASS


Framework on top of CSS/SASS/and more


Comes with many built-in libraries
Also generates our "font package"

COMPONENTS


Bootstrap
Kendo-UI
jsTree
HighCharts

ISSUEs & LIMITations

BROWSERS


It's important to understand

each browser has a different implementation of the JS Interperter

Same goes for HTML/CSS Standards



Copy of E2e TM

By Amir Gal-Or

Copy of E2e TM

  • 817