05 HappyDev-lite-2015 autumn. Михаил Хохлов. Front-end.

Sep 17, 20150 likes254 views

HappyDev-lite

Что такое пользовательский интерфейс? Как делать интерфейсы?

Что нужно знать
0. HTML, CSS (пре- и пост-процессоры: LESS, SCSS, PostCSS)
1. JavaScript (язык то знать надо, плюсы и минусы)
2. Браузеры (верстать необходимо)
3. jQuery (DOM, AJAX, Events, и прочие удобства)
4. Архитектурный фреймворк (Angular, Ember)
5. Прочие фреймворки (Bootstrap, React)
6. Биб-ки и проги (lodash, Q, npm, Sketch, Photoshop, Git)

05 HappyDev-lite-2015 autumn. Михаил Хохлов. Front-end.

State of the Standardized Web В 2014 году принципы Extensible Web начали воплощаться в новых стандартах. Поговорим о Web Crypto, Web Animations, Service Worker и других вещах, которые должны принципиально изменить веб-платформу в ближайшем будущем. Сергей Константинов, Яндекс Руководитель группы разработки API Яндекс.Карт. Окончил Южно-Уральский государственный университет. Разработкой API Яндекс.Карт занимается с 2008 года. С 2013 — участник Технической архитектурной группы Консорциума W3C.

State of theStandardized Web. YaC 2014Yandex

��

Как сделать сайт быстрее?Danil Negrienko

��

Frontend - экосистема и будущее: iforum 2015Eldar Djafarov

��

Мир меняется, но ещё быстрее сегодня меняется мир фронтенда. В этом докладе я хочу проследить изменения последних лет. Рассказать о том, как выглядит экосистема фронтенд разработки сейчас, и наметить тенденции, которые изменяют мир уже сейчас. Вместе с тем Украинское фронтенд сообщество существует и активно развивается. Конференции и митапы. Где находится точка сборки фронтендеров? И как быть в курсе всего, что происходит в фронтенд мире? На эти вопросы я тоже постараюсь дать ответ.

Microsoft Edge и платформа веб-приложений в Windows 10 / Константин Кичинский...Ontico

��

Microsoft Edge -- новый браузер от Microsoft с новым движком и новым интерфейсом. Какие цели преследует Microsoft, и что это нововведение означает для веб-разработчиков? Что нового в движке браузера по сравнению с IE, и как он будет развиваться дальше? Движок Edge внутри Windows 10: хостинг сайтов внутри приложений и доступ к нативной функциональности. Дорожная карта: к чему и когда готовиться?

Работа со статикой в DjangoMoscowDjango

��

BootstrapTimofey Chukleev

��

Serge P Nekoval Grailsrit2010

��

Bootstrap 3. Адаптивная верстка для WordPressIgor Sazonov

��

Основы и примеры для понимания зачем нужен CSS-фреймворк Bootstrap. Доклад читался в рамках WordPress Meetup #3 в Санкт-Петербурге. Объясняется в чем суть верстки на Bootstrap, зачем он нужен для WordPress, подробно разбирается основы grid (сетки) на Bootstrap чтобы верстать адаптивный дизайн.

DevPro-2014: Кроссплатформенное приложение за 15 минут или Беды и победы моби...Artur Drobinskiy

��

HTML GL - возьмите столько FPS, сколько вам нужно, и немного эффектов в прида...Ontico

��

DOM - удобная абстракция, но обладая развесистой моделью, она медленна и ограничивает разработчика в применении эффектов. Тезис "DOM - это медленно" действительно справедлив - любое его изменение создает волну событий по документу и, если десктопные браузеры могут справиться с такой нагрузкой, то мобильные и встроенные системы зачастую буксуют. Именно сложность DOM-модели не позволяет достигнуть заветных 60 FPS, создает задержки при анимации и всячески расстраивает пользователей и разработчиков. В докладе будет рассмотрен вывод HTML/CSS контента в "бездомном" режиме через WebGL, что позволяет веб-разработчикам использовать возможности современных 3D-ускорителей для реализации эффектов и производительности доступных современным игровым движкам. В этом докладе: - подходы к решению проблемы медленного DOM; - существующие решения: react-canvas, методология Netflix; - поиск идеального решения для оптимизации производительности; - рендеринг HTML/CSS через WebGL, знакомство с HTML GL; - ограничения и рекомендации.

Be productive with Javascript in the end of 2016 DataArt

��

Annotation: Today Javascript is one of the fastest growing programming languages. For the year to update and create a huge number of new libraries, frameworks, and development tools. We will look at the mainstream and well known tools, methodologies and approaches that allow you to be productive and effective with JS. There are a lot of code and examples under the hood. In scope: • Classes and Modules • Promises, Generators, Async/Await • Other ES6 magic • Linters & JavaScript style guides • Testing: TDD, BDD, Debugging • Build tools • IDEs

Павел Юрийчук - Разработка приложений под мобильные браузерыUA Mobile

��

Игры с виртуализацией в JavaScript, или как я переписал эмулятор, Евгений Пот...Ontico

��

weFramework 1.0 (с) wexpert.ruHipot Studio

��

Используя битрикс, мы пишем код "bitrix-way", не всегда удобный. Поэтому с годами мы сформировали свою низкоуровневую библиотеку "оберточного типа" как обертка над стандартным битрикс-функционалом. Библиотека именно "coders way" и для нас. Первая презентация weFramework 1.0 была еще в 2014м году:

HappyDev-lite-2016-весна 11 Виктор Белов. Мифы о (в) тестированииHappyDev-lite

��

Данный доклад нацелен на то, чтобы избавить вас от предубеждений о тестировании. Обсудим основные мифы: 1. Тестирование — это скучно; 2. Тестировщики враждуют с разработчиками; 3. В тестировании некуда расти... и ряд других популярных заблуждений. Собственное говоря, этим докладом я хочу привлечь и очаровать молодых людей и девушек миром тестирования.

2015-04-12 08 Анна Тарасенко. Зачем надо разбираться в стартапах, даже если н...HappyDev

��

03 HappyDev-lite'14 Григорий Косьяненко. Сколько программистов нужно, чтобы...HappyDev

��

2015-04-12 01 Владислав Коробов. Зона дискомфорта или зона крутости?HappyDev

��

01 HappyDev-lite-2015 autumn. Дмитрий Пашкевич. Азбука разработчика, которыи...HappyDev-lite

��

06 HappyDev-lite-2015 autumn. Андрей Юдин. JavaScript. Аспекты применения в с...HappyDev-lite

��

2015-04-12 10 Серик Бейсенов. Про автоматизацию тестированияHappyDev

��

2015-04-12 02 Дмитрий Пашкевич. Разработка в аутсорсинге - удовольствие 24 на 7HappyDev

��

16 HappyDev-lite'14 Серик Бейсенов. Введение в тестирование ПОHappyDev

��

Карьера в тестированииMikhail Meriin

��

More Related Content

What's hot (12)

Frontend - экосистема и будущее: iforum 2015Eldar Djafarov

��

Microsoft Edge и платформа веб-приложений в Windows 10 / Константин Кичинский...Ontico

��

Работа со статикой в DjangoMoscowDjango

��

BootstrapTimofey Chukleev

��

Serge P Nekoval Grailsrit2010

��

Bootstrap 3. Адаптивная верстка для WordPressIgor Sazonov

��

DevPro-2014: Кроссплатформенное приложение за 15 минут или Беды и победы моби...Artur Drobinskiy

��

HTML GL - возьмите столько FPS, сколько вам нужно, и немного эффектов в прида...Ontico

��

Be productive with Javascript in the end of 2016 DataArt

��

Павел Юрийчук - Разработка приложений под мобильные браузерыUA Mobile

��

Игры с виртуализацией в JavaScript, или как я переписал эмулятор, Евгений Пот...Ontico

��

weFramework 1.0 (с) wexpert.ruHipot Studio

��

Frontend - экосистема и будущее: iforum 2015Eldar Djafarov

��

Microsoft Edge и платформа веб-приложений в Windows 10 / Константин Кичинский...Ontico

��

Работа со статикой в DjangoMoscowDjango

��

BootstrapTimofey Chukleev

��

Serge P Nekoval Grailsrit2010

��

Bootstrap 3. Адаптивная верстка для WordPressIgor Sazonov

��

DevPro-2014: Кроссплатформенное приложение за 15 минут или Беды и победы моби...Artur Drobinskiy

��

HTML GL - возьмите столько FPS, сколько вам нужно, и немного эффектов в прида...Ontico

��

Be productive with Javascript in the end of 2016 DataArt

��

Павел Юрийчук - Разработка приложений под мобильные браузерыUA Mobile

��

Игры с виртуализацией в JavaScript, или как я переписал эмулятор, Евгений Пот...Ontico

��

weFramework 1.0 (с) wexpert.ruHipot Studio

��

Viewers also liked (19)

HappyDev-lite-2016-весна 11 Виктор Белов. Мифы о (в) тестированииHappyDev-lite

��

2015-04-12 08 Анна Тарасенко. Зачем надо разбираться в стартапах, даже если н...HappyDev

��

03 HappyDev-lite'14 Григорий Косьяненко. Сколько программистов нужно, чтобы...HappyDev

��

2015-04-12 01 Владислав Коробов. Зона дискомфорта или зона крутости?HappyDev

��

01 HappyDev-lite-2015 autumn. Дмитрий Пашкевич. Азбука разработчика, которыи...HappyDev-lite

��

06 HappyDev-lite-2015 autumn. Андрей Юдин. JavaScript. Аспекты применения в с...HappyDev-lite

��

2015-04-12 10 Серик Бейсенов. Про автоматизацию тестированияHappyDev

��

2015-04-12 02 Дмитрий Пашкевич. Разработка в аутсорсинге - удовольствие 24 на 7HappyDev

��

16 HappyDev-lite'14 Серик Бейсенов. Введение в тестирование ПОHappyDev

��

Карьера в тестированииMikhail Meriin

��

HappyDev-lite-2016-осень, день 2 02 Анастасия Пиньгина. Тестировщик - больше,...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 06 Серик Бейсенов. Время собирать требованияHappyDev-lite

��

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

Аутсорсинг тестированияSQALab

��

Как тестировщику выжить в стартапе SQALab

��

Джентельменский набор тест-лидаSQALab

��

Три инструмента тест-менеджера для работы с людьмиSQALab

��

Как принести пользу разработке и упростить себе жизнь?SQALab

��

Построение процессов тестирования на новом проекте: как выбрать правильный путьSQALab

��

Тренировка служебных тестировщиковSQALab

��

HappyDev-lite-2016-весна 11 Виктор Белов. Мифы о (в) тестированииHappyDev-lite

��

2015-04-12 08 Анна Тарасенко. Зачем надо разбираться в стартапах, даже если н...HappyDev

��

03 HappyDev-lite'14 Григорий Косьяненко. Сколько программистов нужно, чтобы...HappyDev

��

2015-04-12 01 Владислав Коробов. Зона дискомфорта или зона крутости?HappyDev

��

01 HappyDev-lite-2015 autumn. Дмитрий Пашкевич. Азбука разработчика, которыи...HappyDev-lite

��

06 HappyDev-lite-2015 autumn. Андрей Юдин. JavaScript. Аспекты применения в с...HappyDev-lite

��

2015-04-12 10 Серик Бейсенов. Про автоматизацию тестированияHappyDev

��

2015-04-12 02 Дмитрий Пашкевич. Разработка в аутсорсинге - удовольствие 24 на 7HappyDev

��

16 HappyDev-lite'14 Серик Бейсенов. Введение в тестирование ПОHappyDev

��

Карьера в тестированииMikhail Meriin

��

HappyDev-lite-2016-осень, день 2 02 Анастасия Пиньгина. Тестировщик - больше,...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 06 Серик Бейсенов. Время собирать требованияHappyDev-lite

��

Аутсорсинг тестированияSQALab

��

Как тестировщику выжить в стартапе SQALab

��

Джентельменский набор тест-лидаSQALab

��

Три инструмента тест-менеджера для работы с людьмиSQALab

��

Как принести пользу разработке и упростить себе жизнь?SQALab

��

Построение процессов тестирования на новом проекте: как выбрать правильный путьSQALab

��

Тренировка служебных тестировщиковSQALab

��

More from HappyDev-lite (20)

2017-03-26 06 Алексей Губарев. Разработка встраиваемого программного обеспеч...HappyDev-lite

��

2017-03-26 05 Дмитрий Козиенко. Оптимизируй это!HappyDev-lite

��

Доклад будет интересен слушателям, знакомым с базами данных. В выступлении я покажу примеры неоптимального кода и ошибок в архитектуре, которые могут приводить к «тормозам» даже на самом мощном железе. А также, на живом примере мы оптимизируем решение и ускорим его работу.

2017-03-26 04 вячеслав виноградов. есть ли жизнь после релизаHappyDev-lite

��

Код написан, условия контракта выполнены, заказчик доволен. Что происходит с проектом после релиза? Как живет проект поддержки, какие задачи на нем возникают и почему к этапу поддержки нужно готовиться еще до релиза? Ответы на все эти вопросы, а также роль разработчиков, тестировщиков и системных администраторов в процессе поддержки вы можете узнать из моего доклада.

2017-03-26 03 Илья Сиганов. Что такое машинное обучениеHappyDev-lite

��

Мы все с вами наблюдаем сейчас ажиотаж вокруг машинного обучения (ML). Компьютеры научились стилизовать фотографии под художников, идеально генерировать человеческую речь, писать тексты песен, управлять автомобилем, рекомендовать товары и так далее. Но почему именно сейчас всё это так раскрутилось, а не 50 лет назад, когда придумали нейронные сети? Что это за наука такая и с чего начать изучение? И так ли это всё сложно, как кажется на первый взгляд? В своем докладе я постараюсь ответить на эти вопросы, объясню постановку задачи ML, расскажу историю развития этой науки и конечно же на примерах объясню основы. Осторожно, после этого доклада вам захочется что-нибудь обучить!

2017-03-26 02 Кирилл Лейфер. Мобильные платформы с точки зрения безопасностиHappyDev-lite

��

2017-03-26 01 Григорий Косьяненко. Разработка ПО — это про людей, а не про кодHappyDev-lite

��

Время от времени я встречаюсь с позицией, что идеальный разработчик ПО — это выпускник технического факультета, идеально владеющий языком программирования. Я с ней категорически не согласен, и попытаюсь аргументировать в докладе, почему молодые и общительные люди, вроде вас, могут принести значительно больше пользы чем «идеальный программист», и в целом сыграть значительную роль в развитии проекта или продукта.

2017-03-26 06 Виталий Онянов. Разработка ERP-системHappyDev-lite

��

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

2017-03-26 05 Алексей Еременко. Проектный менеджер моей мечтыHappyDev-lite

��

PM-ы разные нужны, PM-мы разные важны. И нужны менеджеры оказываются многим: и команде, и заказчику, и компании. Чего ждут от руководителя проектов? и как все происходит на самом деле. В чем соль этой профессии? И где же сахар? История создания одного менеджера.

2017-03-26 04 Екатерина Скорых. Профессия — тестировщик ПОHappyDev-lite

��

2017-03-26 03 Кирилл Лейфер. Прелести и ужасы мобильной разработкиHappyDev-lite

��

2017-03-26 01 Анна Тарасенко. Как устроен Web изнутриHappyDev-lite

��

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

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

��

HappyDev-lite-2016-осень, день 2 12 Сергей Мячин. Как переделывать игру-2HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 11 Анна Тарасенко. Почему нельзя просто так ...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 10 Алексей Коровянский. Будущее мобильной...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 09 Сергей Савченко. Школа программиста, учи...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 08 Александр Мишурин. Развитие CTF-движения ...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 05 Роман Прохоров. Эволюция систем обработки...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 04 Михаил Колганов. Интерфейс пользователя ...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 01 Денис Нелюбин. Жизнь после релизаHappyDev-lite

��

2017-03-26 06 Алексей Губарев. Разработка встраиваемого программного обеспеч...HappyDev-lite

��

2017-03-26 05 Дмитрий Козиенко. Оптимизируй это!HappyDev-lite

��

2017-03-26 04 вячеслав виноградов. есть ли жизнь после релизаHappyDev-lite

��

2017-03-26 03 Илья Сиганов. Что такое машинное обучениеHappyDev-lite

��

2017-03-26 02 Кирилл Лейфер. Мобильные платформы с точки зрения безопасностиHappyDev-lite

��

2017-03-26 01 Григорий Косьяненко. Разработка ПО — это про людей, а не про кодHappyDev-lite

��

2017-03-26 06 Виталий Онянов. Разработка ERP-системHappyDev-lite

��

2017-03-26 05 Алексей Еременко. Проектный менеджер моей мечтыHappyDev-lite

��

2017-03-26 04 Екатерина Скорых. Профессия — тестировщик ПОHappyDev-lite

��

2017-03-26 03 Кирилл Лейфер. Прелести и ужасы мобильной разработкиHappyDev-lite

��

2017-03-26 01 Анна Тарасенко. Как устроен Web изнутриHappyDev-lite

��

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

��

HappyDev-lite-2016-осень, день 2 12 Сергей Мячин. Как переделывать игру-2HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 11 Анна Тарасенко. Почему нельзя просто так ...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 10 Алексей Коровянский. Будущее мобильной...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 09 Сергей Савченко. Школа программиста, учи...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 08 Александр Мишурин. Развитие CTF-движения ...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 05 Роман Прохоров. Эволюция систем обработки...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 04 Михаил Колганов. Интерфейс пользователя ...HappyDev-lite

��

HappyDev-lite-2016-осень, день 2 01 Денис Нелюбин. Жизнь после релизаHappyDev-lite

��

05 HappyDev-lite-2015 autumn. Михаил Хохлов. Front-end.

1. Front-End Михаил Хохлов

2. Front-end это

3. Что нужно знать 0. HTML, CSS (пре- и пост-процессоры: LESS, SCSS, PostCSS) 1. JavaScript (язык то знать надо, плюсы и минусы) 2. Браузеры (верстать необходимо) 3. jQuery (DOM, AJAX, Events, и прочие удобства) 4. Архитектурный фреймворк (Angular, Ember) 5. Прочие фреймворки (Bootstrap, React) 6. Биб-ки и проги (lodash, Q, npm, Sketch, Photoshop, Git)

4. Фреймворк

6. Angular JS

8. React.js

10. Bootstrap

11. Проги

12. Git

13. Photoshop

14. Sketch

15. Биб-ки

16. npm