Fullstack javascript. Isomorphic apps

Javascript developer way. FullstackJS apps vs Isomorphic apps Mean io way and DerbyJS way

Internet

Package is everything
User SponsorsEvents Orders
Mean.io infrastructure

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ЕО
● Простую поддержку

Как должно работать
App
Orders
Router Controller Model

Rendering
Browser
Route
Server
Route
Route

Что если...
Я не хочу перерисовывать всю страницу?

Transitional routes
Route
From To
Forward
Back

Мало кто знает, но Яндекс – это не только Поиск. Больше десяти лет Яндекс делает разные интернет-сервисы: Карты, Почту, Директ, Музыку, Авто и так далее. В процессе их разработки был приобретён опыт, который мог быть полезен другим веб-разработчикам. Большое количество примеров из реальной практики побудило нас 10 лет назад придумать методологию БЭМ. Спустя 5 лет мы поделились ей с вами, вынеся в open source, вместе с инструментами и библиотекой блоков. Сейчас БЭМ — не просто свод правил про CSS и набор инструментов. Это открытая full stack платформа, у которой есть пользователи далеко за пределами Яндекса и СНГ. В докладе мы расскажем про эволюцию БЭМ: от методологии до полноценной платформы. Речь пойдёт об использовании полного стека БЭМ-технологий, о переходе к серверному JavaScript и автоматизации разработки. Мы поделимся нашими библиотеками блоков bem-core и bem-components, которые позволяют быстро собрать качественный интерфейс как из конструктора «Лего». На РИФ-Воронеж Владимир Гриненко и Елена Джетпыспавеа подробно рассказали, зачем БЭМ пошел в опенсорс, как прошел путь от методологии до full stack платформы и чему научились за это время, а также показали наших пользователей в лицо и поделились интересными уроками, которые вынесли, и которые помогут вам в разработке ваших продуктов. Обещаем много интересных подробностей.

архитектура крупных Word press сайтовМаксим Бровченко

Как мы адаптировали более 150 сайтов по технологии Dynamically-served JavaScr...

Ontico

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

Быстрая и безболезненная разработка клиентской части веб-приложенийYaroslav Tkachenko

Вебинар по БЭМ: верстаем веб-страницу

Вебинар для тех, кто только начинает знакомиться с БЭМ. Необходимы базовые знания HTML и CSS, понимание общих процессов веб-разработки. В ходе вебинара мы на практике разобрали основы методологии БЭМ, посмотрели на типичные ошибки верстки и их решения, научились верстать по БЭМ с помощью текстового редактора и браузера. Содержание вебинара Что такое БЭМ - Методология и платформа - Преимущества методологии - Независимые блоки - БЭМ и WebComponents БЭМ и верстка - Разбиение интерфейса на блоки и элементы, использование модификаторов - Типичные ошибки верстки и решения проблем Файловая система - Расположение блоков в файловой системе - Уровни переопределения

Как не сойти с ума при разработке крупных проектов на WordPress

Yevhen Kotelnytskyi

Heyworks: Cравнительный анализ решений для клиент-серверного взаимодействия и...

DevGAMM Conference

Доклад будет построен по принципу: за 20 минут дать наглядный анализ основных решений, который будет полезен небольшим студиям (до 5и человек), и позволит не тратить время на проведение подобного анализа самостоятельно. Из зала вы выйдите с четким пониманием: "Ок, вот у меня такая игра, соотв. мне скорее всего подойдет такое решение. Вперед и с песней!"

HappyDev-lite-2016-весна 05 Андрей Юдин. Javascript - мультиинструмент для всех

Доклад для тех, кто только выбирает свой путь, ищет куда податься в программировании. Расскажу о том, что такое JS и что с его помощью можно делать. Расскажу о использовании JS в браузерах, о его применении на мобильных платформах. О том что с его помощью можно делать десктопные приложения и многое другое.

Преимущества компонентной разработки для тестирования интерфейсов

Мы строили-строили. Мы тестировали-тестировали. Мы писали документацию. Некоторые из вас принимали в этом активное участие и уже пользуются плодами работы. Теперь мы хотим поделиться нашими совместными результатами (19 готовых блоков!), рассказать о том, как вы можете ускорить разработку своих проектов, о том, что ждёт впереди, и о том, какие преимущества компонентной разработки для тестирования интерфейсов существуют.

WordPress.org Under the Hood, WordCamp Moscow 2017

Sergey Biryukov

2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят

От БЭМ-методологии до Мануфактуры проектов

CodeFest

TК°Conf. Организация разработки Frontend. Виталий Слободин.

TKConf

Расскажу об организации процесса разработки Frontend в единый конвейер, чтобы увеличить скорость и минимизировать затраты с рисками. Как организовать верстку макета по фантастичному макету дизайнера при этом не вогнав в когнитивный диссонанс результатом на Bootstrap. Каким образом объединить воинствующие стороны: Frontend, Backend и дизайнеров.

Meet Magento Belarus - Andriy Samilyak

Amasty

Вебинар по БЭМ: сборка и оптимизация проекта

Содержание вебинара Краткий повтор: основы методологии БЭМ и именование сущностей в CSS, HTML и файловой системе. Сборка БЭМ-проекта с помощью Gulp: сборка блоков в технологии CSS и изображений; сборка только нужных блоков, используемых в html-файлах; оптимизация рабочего процесса с помощью browser-sync и postCSS. Автоматизация рутинной работы с помощью командной строки. Видео https://events.yandex.ru/events/bemup/30-april-2015/

Alex baumgertner bem_in_small_projects

Alexander Baumgertner

QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах

QAFest

Будущее уже здесь! Поэтому уже недостаточно тестировать только на десктопных браузерах, не забываейте про мобильные. Но, как и везде, в мобильных браузерах есть свои особенности. Именно о них мы и поговорим: типы мобильных браузеров, специфики для разных платформ. Используйте эту информацию мудро ;)

тпцми лекция 3 браузерыannuta123

Extreme banking

Andrei Solntsev

Доклад для XP Days Kiev 2013. Many people think that Agile works only for small or unimportant projects. Forget it! We use extreme programming for developing Bank Saint Petersburg which hit the TOP-3 of Russia internet banks. During the session we will share our XP experience and demonstrate pair programming, TDD, and UI tests on a real example of internet bank. Still unbelievable? So come and see!

dataflow.pptx

Performance optimisation in javascript

What's hot

Javascript frameworkssigmaray

Mobile web apps

Pavlo Iuriichuk

Beminar jsYandex

QA Fes 2016. Анна Карпенко. Специфика тестирования мобильных приложений или к...

QAFest

Быстрая и безболезненная разработка клиентской части веб-приложенийYaroslav Tkachenko

Вебинар по БЭМ: верстаем веб-страницу

Как не сойти с ума при разработке крупных проектов на WordPress

Yevhen Kotelnytskyi

Heyworks: Cравнительный анализ решений для клиент-серверного взаимодействия и...

DevGAMM Conference

HappyDev-lite-2016-весна 05 Андрей Юдин. Javascript - мультиинструмент для всех

Преимущества компонентной разработки для тестирования интерфейсов

WordPress.org Under the Hood, WordCamp Moscow 2017

Sergey Biryukov

2017-03-26 02 Егор Непомнящих. Что такое web front end, и с чем его едят

От БЭМ-методологии до Мануфактуры проектов

CodeFest

TК°Conf. Организация разработки Frontend. Виталий Слободин.

TKConf

Meet Magento Belarus - Andriy Samilyak

Amasty

Вебинар по БЭМ: сборка и оптимизация проекта

Alex baumgertner bem_in_small_projects

Alexander Baumgertner

QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах

QAFest

тпцми лекция 3 браузерыannuta123

Extreme banking

Andrei Solntsev

What's hot (20)

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

Viewers also liked

dataflow.pptx

Performance optimisation in javascript

North Bend Public Library

Cloud computingАртем Захарченко

Fiber Optical cable brochure-QianXin

Marcio Maia Figueira

This document provides product brochure information for Qianxin High Technology Group's fiber optic cable products, including: - Descriptions of various cable types for different applications, such as aerial, underground, indoor, ribbon, self-supporting, and drop cables. - Technical specifications for each cable type including fiber count, loss/dispersion characteristics, mechanical properties, temperature ratings, and structural diagrams. - Performance details for applications in communication, networking, CATV and other transmission systems. - The brochure presents fiber optic cable options for different communication needs and environments. Technical specifications are provided for each cable type's construction, characteristics and application performance.

Cloud computing: An introduction

This presentation gives a basic overview of cloud computing for the general computer user. It details some of the advantages and disadvantages of using cloud-based services to manage and backup data. In doing so, the presentation includes examples of syncing calendars across devices, backing up data to the Web, and using online office applications. This presentation was last given at the Bay Area Seniors Computer Club in October 2010.

Cloud computing simple ppt

Agarwaljay

The document provides an introduction to cloud computing, defining key concepts such as cloud, cloud computing, deployment models, and service models. It explains that cloud computing allows users to access applications and store data over the internet rather than locally on a device. The main deployment models are public, private, community, and hybrid clouds, while the main service models are Infrastructure as a Service (IaaS), Platform as a Service (PaaS), and Software as a Service (SaaS). IaaS provides fundamental computing resources, PaaS provides development platforms, and SaaS provides software applications to users. The document discusses advantages such as lower costs and universal access, and disadvantages including internet dependence and potential security issues.

Viewers also liked (6)

dataflow.pptx

Performance optimisation in javascript

Cloud computing

Fiber Optical cable brochure-QianXin

Cloud computing: An introduction

Cloud computing simple ppt

Similar to Fullstack javascript. Isomorphic apps

Архитектурные решения при создании облачного сервиса на Asp.Net

GoSharp

На конференциях часто рассказывают, как хорошо и удобно разрабатывать облачные приложения на той или иной платформе. Однако при реальной разработке возникают вопросы, которые обычно обходят стороной. В докладе я расскажу с какими неочевидными проблемами столкнулся при разработке сервиса под Microsoft Azure, и каким образом эти проблемы были решены.

Экскурс в мир WEB разработки

IT-Доминанта

Секционный доклад Экскурс в мир WEB разработки Дмитрий Лаабе Генеральный директор и основатель рекрутинговой компании IT-Доминанта Технический директор и программист портала Айти-Событие Россия. Санкт-Петербург http://it-sobytie.ru/events/3120

Строим простые и масштабируемые бекэнды

Denis Ivanov

Презентация доклада на Microsoft DevCon 2016. В чем кроется причина сложности создаваемых нами приложений? Ответ на этот философский вопрос пытаются получить каждый день специалисты IT-индустрии, основываясь на знаниях и опыте. Лучшие инженерные практики и паттерны проектирования призваны помочь в этом. В своем выступлении спикер поделится опытом создания бекэндов в сложных предметных областях и расскажет о проекте NuClear River — opensource-инструменте для построения Read Model-ей, который может значительно упростить решение некоторых бизнес-задач. Записи докладов https://channel9.msdn.com/Events/DevCon/DevCon-2016

CONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITY

Pavel Tsukanov

то такое "Непрерывная Интеграция", зачем она нужна и с чем ее едят? Правда ли, что она нужна только для тестировщиков? На все эти вопросы мы постараемся найти ответы в ходе выступления Щербакова Ильи на нашей следующей юзер-группе.

Переводим без интернета: как мы делали Яндекс.Перевод для iOS, Иван Москалёв