Webapplications: from concept to code – architect in online – 1. concept

View Github Repository Open presentation in a new window

peterpeerdeman

See all presentation from peterpeerdeman

Webapplications: from concept to code – architect in online – 1. concept

0 0

webapplications-from-concept-to-code

a guest lecture about software development in Lifely, a digital agency from Amsterdam

On Github peterpeerdeman / webapplications-from-concept-to-code

Webapplications: from concept to code

@peterpeerdeman

architect in online

What should we talk about?

Development Process?
Backend Code?
Frontend Code?
Dev-ops?
Careers?
Consultancy?
Startups?

endpoint15.herokuapp.com

How to create apps

Anyone?

  • Concept
  • Interaction design
  • Architecture
  • Development (SCRUM)
  • Deployment
  • Analytics & Monitoring

1. concept

2. interaction design

3. Architecture

4. Development

4. Deployment

5. Analytics & Monitoring

How to code your app?

Anyone?

  • Client
  • Server

Serverside rendered

Serverside rendered

HTML, no javascript required
logic and rendering on server
very cacheable
page refresh on interaction

example server side rendered code

Lifely blog (php)

Clientside rendering

Clientside rendering

"API Endpoints" exposing JSON/XML data
REST is defacto API standard
Client decides what to do with data

example REST api code

Leefplezier app API (php)

Single Page Apps

MVC model to render templates
Consume REST endpoints
AJAX / XHR requests
New framework everyday (react, angular, meteor)

example SPA code

Leefplezier dashboard app code (angular)

Real-time applications

Real-time applications

No HTTP / REST / Request-Response
JSON over bi-directional websockets
Real-time updating UI's

example realtime code (meteor js)

endpointcon-map meteor example on github

What I ask of you?

Give webapplications a try!

Getting started

Server side rendering: Laravel (php)
Single page applications: React (Javascript)

Thank you for your attention

https://github.com/peterpeerdeman/webapplications-from-concept-to-code

Webapplications: from concept to code

@peterpeerdeman