SlideShare a Scribd company logo
Fullstack Javascript
Fullstack javascript. Isomorphic apps
Нормальный Разработчик
Javascript Разработчик
Но все начинают с
Шаг 1
Fullstack javascript. Isomorphic apps
Шаг 2
Fullstack javascript. Isomorphic apps
Шаг 3
Fullstack javascript. Isomorphic apps
Шаг 4
Fullstack javascript. Isomorphic apps
Шаг 5
Fullstack javascript. Isomorphic apps
Шаг 6
Fullstack javascript. Isomorphic apps
Шаг 7
Fullstack javascript. Isomorphic apps
И еще
Mean.io подход
Package is everything
Package is everything
User SponsorsEvents Orders
Mean.io infrastructure
Темы
Project
PackagePackage
Mean.io CLI
Users
Packages
Misc
Solid package structure
Package
Orders
UI router UI controller UI Model Backend router MongoDB
Client package structure
Package
Orders
UI router UI controller UI Model
Server package structure(add)
Package
Orders
Express
router Controller Model
Но этого ли мы хотим?
Мы хотим
● Перформанса
● SЕО
● Простую поддержку
Fullstack javascript. Isomorphic apps
Как должно работать
App
Orders
Router Controller Model
И никакого разделения
DerbyJS подход
Flow
Browser DB
Model
LiveDB
ShareJS
Flow
Browser DB
Model
Rendering
Browser
Route
Server
Route
Route
Что если...
Я не хочу перерисовывать всю страницу?
Не перерисовывайте!
Transitional routes
Route
From To
Forward
Back
Traditional routes
Transitional routes
Syncable/unsyncable
Syncable Unsyncable
QA
@blackrabbit99
myzlio@gmail.com

More Related Content

PDF
CodeFest 2013. Баяндин А. — JavaScript + Webdriver = ♥
PDF
JavaScript + Webdriver = ♥
PDF
Frontendlab: Cравнить Несравнимое - Юлия Пучнина
PPTX
Как заработать на шаблонах-трансформерах - Виталий Куликов
PDF
Reliable DOM testing with browser-monkey
PDF
bem-components — от методологии до full stack платформы
PPTX
архитектура крупных Word press сайтов
PDF
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...
CodeFest 2013. Баяндин А. — JavaScript + Webdriver = ♥
JavaScript + Webdriver = ♥
Frontendlab: Cравнить Несравнимое - Юлия Пучнина
Как заработать на шаблонах-трансформерах - Виталий Куликов
Reliable DOM testing with browser-monkey
bem-components — от методологии до full stack платформы
архитектура крупных Word press сайтов
Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...

What's hot (20)

PDF
Javascript frameworks
PDF
Mobile web apps
PDF
Beminar js
PPTX
QA Fes 2016. Анна Карпенко. Специфика тестирования мобильных приложений или к...
PPTX
Быстрая и безболезненная разработка клиентской части веб-приложений
PDF
Вебинар по БЭМ: верстаем веб-страницу
PDF
Как не сойти с ума при разработке крупных проектов на WordPress
PPTX
Heyworks: Cравнительный анализ решений для клиент-серверного взаимодействия и...
PPTX
HappyDev-lite-2016-весна 05 Андрей Юдин. Javascript - мультиинструмент для всех
PDF
Преимущества компонентной разработки для тестирования интерфейсов
PDF
WordPress.org Under the Hood, WordCamp Moscow 2017
PDF
2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят
PDF
От БЭМ-методологии до Мануфактуры проектов
PDF
TК°Conf. Организация разработки Frontend. Виталий Слободин.
PDF
Meet Magento Belarus - Andriy Samilyak
PDF
Вебинар по БЭМ: сборка и оптимизация проекта
PDF
Alex baumgertner bem_in_small_projects
PPTX
QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах
PPTX
тпцми лекция 3 браузеры
PDF
Extreme banking
Javascript frameworks
Mobile web apps
Beminar js
QA Fes 2016. Анна Карпенко. Специфика тестирования мобильных приложений или к...
Быстрая и безболезненная разработка клиентской части веб-приложений
Вебинар по БЭМ: верстаем веб-страницу
Как не сойти с ума при разработке крупных проектов на WordPress
Heyworks: Cравнительный анализ решений для клиент-серверного взаимодействия и...
HappyDev-lite-2016-весна 05 Андрей Юдин. Javascript - мультиинструмент для всех
Преимущества компонентной разработки для тестирования интерфейсов
WordPress.org Under the Hood, WordCamp Moscow 2017
2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят
От БЭМ-методологии до Мануфактуры проектов
TК°Conf. Организация разработки Frontend. Виталий Слободин.
Meet Magento Belarus - Andriy Samilyak
Вебинар по БЭМ: сборка и оптимизация проекта
Alex baumgertner bem_in_small_projects
QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах
тпцми лекция 3 браузеры
Extreme banking
Ad

Viewers also liked (6)

PDF
Performance optimisation in javascript
PPTX
PDF
Fiber Optical cable brochure-QianXin
PDF
Cloud computing: An introduction
PPT
Cloud computing simple ppt
Performance optimisation in javascript
Fiber Optical cable brochure-QianXin
Cloud computing: An introduction
Cloud computing simple ppt
Ad

Similar to Fullstack javascript. Isomorphic apps (20)

PDF
Архитектурные решения при создании облачного сервиса на Asp.Net
PDF
Экскурс в мир WEB разработки
PPTX
Строим простые и масштабируемые бекэнды
PPTX
CONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITY
PDF
Переводим без интернета: как мы делали Яндекс.Перевод для iOS, Иван Москалёв
PDF
Веб 3.0. Есть ли будущее у Java в RIA и Mobile?
PPTX
Devops-практики в разработке решений для бизнеса — Максим Пашук, 2ГИС
PDF
Devops-практики в разработке решений для бизнеса, Максим Пашук
PDF
DUMP-2015: «DevOps-практики в разработке решений для бизнеса» Максим Пашук, 2...
PPTX
Макс Волошин «Микросервисы на практике»
PPTX
Архитектура мобильных приложений с примерами на Xamarin.Forms [RUSSIAN]
PPT
Database automated deployment and versioning ...for smart people
PDF
Архитектура кода нового 2ГИС Web API или куда мы дели MVC
PDF
«Continuous Integration — A to Z или Непрерывная интеграция — кто всё сломал?»
PPTX
Введение в gRPC
PPTX
Введение в gRPC
PDF
Введение в gRPC / Introduction to gRPC
PDF
Доклад Виталия Котова на конференции LoveQA. "Selenium тесты. От RC и одного ...
PPTX
Микросервисы в .NET Core
PDF
Встраивание Python в мобильные приложения – нюансы interoperation, новые подх...
Архитектурные решения при создании облачного сервиса на Asp.Net
Экскурс в мир WEB разработки
Строим простые и масштабируемые бекэнды
CONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITY
Переводим без интернета: как мы делали Яндекс.Перевод для iOS, Иван Москалёв
Веб 3.0. Есть ли будущее у Java в RIA и Mobile?
Devops-практики в разработке решений для бизнеса — Максим Пашук, 2ГИС
Devops-практики в разработке решений для бизнеса, Максим Пашук
DUMP-2015: «DevOps-практики в разработке решений для бизнеса» Максим Пашук, 2...
Макс Волошин «Микросервисы на практике»
Архитектура мобильных приложений с примерами на Xamarin.Forms [RUSSIAN]
Database automated deployment and versioning ...for smart people
Архитектура кода нового 2ГИС Web API или куда мы дели MVC
«Continuous Integration — A to Z или Непрерывная интеграция — кто всё сломал?»
Введение в gRPC
Введение в gRPC
Введение в gRPC / Introduction to gRPC
Доклад Виталия Котова на конференции LoveQA. "Selenium тесты. От RC и одного ...
Микросервисы в .NET Core
Встраивание Python в мобильные приложения – нюансы interoperation, новые подх...