JavaScript – дверь во все платформы презентация

Содержание

О докладчике Михаил Семичев (9 лет во Front-End разработке, фанат JavaScript) Руководитель Саратовского Front-End направления EPAM Systems (70+ JavaScript разработчиков). Я вижу своей главной задачей - создание достойных

Слайд 1JavaScript
– дверь во все платформы
17-19 марта 2017
САРАТОВ
Михаил Семичев
Software Engineering

Manager
EPAM Systems
Mikhail_Semichev@epam.com

Слайд 2О докладчике
Михаил Семичев
(9 лет во Front-End разработке, фанат JavaScript)

Руководитель Саратовского

Front-End направления EPAM Systems (70+ JavaScript разработчиков).

Я вижу своей главной задачей - создание достойных рабочих мест, укрепление и наращивание Front-End подразделения.

+ Популяризация IT в городе
(SaratovJS, IT Subbotnik)


Mikhail Semichev

EPAM Systems,
Software Engineering Manager


Слайд 3 Я хочу написать приложение, но на каком языке?
Как сделать

его доступным всем?
Как организовать быстрый выход на рынок?
Быструю поставку обновлений?
Как сделать проще?

Вопросы


Слайд 4Github репозитории


Слайд 5Stack Overflow вопросы


Слайд 6Вакансии


Слайд 7NPM (Node) скачивание пакетов в неделю



Слайд 8Не имеет значения на чем вы пишете BE
Front-End
Back-End


Слайд 9Это же только про WEB приложения?
Уже НЕТ !


Слайд 10Задача «Проекта»


Слайд 11Выберем самые-популярные технологии


Слайд 12React vs Angular. NPM скачивания 2016.



Слайд 13Низкий порог входа
Функциональный JS во всей красоте и выразительности
Оч. Быстрый:
Virdual DOM
Время

холодного старта 150мс
Трафиком 52KB
Эксперимент: При 3G подключении Hello World SPA грузится <1 сек. (Angular 2 аналог ~4 сек)

Серверный рендеринг
Отличная тестируемость
Мощное комьюнити, куча библиотек, компонентов, книг

Почему так популярен React ?


Слайд 14https://github.com/facebookincubator/create-react-app


Слайд 15Mobx (https://github.com/mobxjs/mobx)


Слайд 16DEMO
ReactApp


Слайд 17
Архитектура приложения



HTTP
WS
CSS
JS
Images
Fonts

index.html
WWW


Слайд 18Выкладываем в Github
https://github.com/MikhailSemichev/xo123


Слайд 19Hosting

https://dashboard.heroku.com/apps/xo123/deploy/github


Слайд 20 Дорабатываем приложение
$ npm build_h
$ git push master

Все клиенты получают обновление !

Continuous Delivery


Слайд 21УРА !
Мир увидел наше приложение ☺


Слайд 23Архитектура Cordova


Слайд 24
Архитектура приложения



HTTP
WS
CSS
JS
Images
Fonts

index.html
WWW

Mobx


Слайд 25Установка Android SDK
https://developer.android.com/studio/index.html
command line tools


Слайд 26Работа в эмуляторе


Слайд 27DEMO
MobileApp


Слайд 28Electron


Слайд 29DEMO
ElectronApp


Слайд 30
Архитектура приложения



HTTP
WS
CSS
JS
Images
Fonts

index.html
WWW


Слайд 31 Web-Site
Server (NodeJS)
Mobile (iOS, Android, WindowsPhone, …)
Desktop (Windows,

Linux, MacOS)
Build automation process
Tests (Karma, Jest, Protractor)

Единое приложение под все платформы !



JavaScript everywhere


Слайд 32Как мне этому научиться?
https://www.pluralsight.com/
CSS
JavaScript
React
Node


Слайд 33https://vk.com/saratovjs
Михаил Семичев
Software Engineering Manager
EPAM Systems
Mikhail_Semichev@epam.com
Спасибо за внимание!


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика