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
