The Next

Era Of The Web

Tal zenger

@talzen     

tal_z@walla.net.il     

So....What's New ??

  • Spa & progressive apps
  • Binding
  • State managers
  • Injection & loading dependency
  • Reactive world
  • Server side rendering
  • Components base & Concept of separation
  • Web workers
  • Web components 

Manage Dependency

  • Dependency graph
  • For big projects
  • Tree shaking
  • Split dependency to chunks
  • Keep initial load time low
  • Group together all static assets

Components 

  • Flex structure
     
  • Easy to manage
     
  • Easy to maintain
     
  • Like dependency injection methodology 

Web components

 

Template with life cycle

Spa apps

Show us that solving the
problem of expensive
JavaScript

parsing is to keep it small

Whats our problems & how we Measuring?

Profling

Which App We Want ?

  • Easy to scale
  • Easy to debug 
  • Community - Help and Support
  • Development Tools - Environments, ide, manage dependencies
  • Easy to test
  • Easy to develop

The Great Candidate

A Brief..

  • Node.js is a JavaScript runtime environment built on Chrome’s V8 JavaScript
     
  • Non blocking
     
  • Event-driven base I/O paradigm
     
  • Event loop
     
  • World of jsons - native json language - no converter
     
  • Npm
     
  • Great Errors handling

Debugging

Manage Dependency

Testing

Performance - What Else ??

Architecture

  • Components base vs mvc
  • Errors logged
  • Non blocking vs blocking
  • Clean app structure
  • Scales out easily
  • Minimalist web framework

Open Our Eyes To...

  • New tech subjects like - Long pull streaming, event driven, etc..
     
  • Using various db like Sql, Nosql
     
  • New edge technologies all the time
     
  • Easy to upgrade versions
     
  • ​Easy tech adaptation
     
  • Managing right our project files and structure

Community Feedback

https://medium.com/unexpected-token/10-weeks-of-node-js-after-10-years-of-php-a352042c0c11

Numbers & Usage Don't Lying..

As a Company Vision

  • More dev power - no need time to wait for backend-front developer
     
  • Developers work collaboratively!
     
  • Optimally reuse developer resources
     
  • Programmer Passion

REFERENCES 

  • https://medium.com/@zurfyx/building-a-scalable-node-js-express-app-1be1a7134cfd 
  • https://medium.com/@mihaigeorge.c/web-rest-api-benchmark-on-a-real-life-application-ebb743a5d7a3
  • https://www.npmjs.com/package/async-lock
  • http://jmeter.apache.org/
  • https://www.sitepoint.com/sitepoint-smackdown-php-vs-node-js/
  • https://seanmcgary.com/posts/how-to-structure-a-nodejs-express-project/
  • https://www.caffeinecoding.com/better-express-routing-for-nodejs/

Tal zenger

@talzen     

tal_z@walla.net.il     

You can find this slides at:           slides.com/wallacode

Follow us on twitter:                   twitter.com/wallacode

And github:                                  github.com/wallacode

 

The Next Era Of The Web

By Walla Code

The Next Era Of The Web

  • 346