Liberate The Front End

WELCOME

1

Liberate The Front End

HELLO WORLD

What we’re going to do today?

Front End Training

2

Liberate The Front End

We’re going to HAVE FUN!

3

+ Ngabuburit

Liberate The Front End

ALA

ANDI

NU HANSENTALK MORE NO TALK

TALK LESS

ashantika@kartuku.co.id hsmgultom@kartuku.co.id

atama@kartuku.co.id

4

CODE LESS DO MORE!

Liberate The Front End

Stay as up to date as you need I’M GETTING

STAY UPDATE

5

OLD

Liberate The Front End

It might not be you’re getting !

It might be that You’re Getting

old

BORED

Liberate The Front End

we fly forward

FIND A WAY TO GET EXCITED AGAIN

Liberate The Front End

HISTORY

8

Liberate The Front End

FLASH + HTML TABLE

9

EVOLUTION OF THE WEBTechnology grow every day

FLASH + CSS/HTML

CSS / HTML + JS

http://www.evolutionoftheweb.com/

CSS 3 / HTML 5 + JS

Liberate The Front End

APP 1 APP 2

THE OLD MOBILE

SITE

10

http://m.

http://mobile.

Liberate The Front End

ONE APP

Responsive

11

Web Design

Liberate The Front End

WE’RE HERE

MODERN WEB WORKFLOW

12

templates

CSS / HTML, JS

mv*

authentication

security

storage

JSON XHR

Liberate The Front End

POWERFULLUSEFULLCOMPLICATED

13

Liberate The Front End 14

UI

ArchitectUre

DOMFULL STACK

CUSTOM STACK

Liberate The Front End 15

SUPERHEROIC JS MVW FRAMEWORK

SCAFFOLDING TOOL

JAVASCRIPT TASK RUNNER

WHEN JS MEETS MAVEN

Spectacular Test Runner FOR JS