JS + $100 = Smart Home | Odessa Frontend Meetup #6

•

0 gefällt mir•243 views

Ни для кого не секрет, что интернет вещей захватывает наши дома. Но почему это так? На сколько сложно сделать свой «умный дом»? Олег Сокур делится историей о том, как он написал свою версию — Domivka, имея знания JS и вложив $100.

JS + $100 = Smart Home

What will be discussed today?
Internet of things
How hard is it to make
your "smart home"?
Domivka

What is the problem?

Standart

http://amperka.ru/
https://www.arduino.cc/

Weitere ähnliche Inhalte

Mehr von OdessaFrontend

OAuth2 и OpenID — это протоколы для защиты данных. Многие современные приложения и веб-приложения используют их чтобы защитить данные, которые предоставляют их сервисы. Однако они сложны, а информация которая доступна о них в интернете, зачастую противоречива и содержит множество терминологии ,что еще больше усложняет их понимание. В своем докладе Юрий Юдкин рассказывает как эти протоколы устроены и для чего они используются, простыми и понятными словами.

OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17

OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17

OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17

Обычно мы задаем объекты литерально, через пару фигурных скобок. С их помощью мы можем моделировать окружающую нас действительность и описывать её в коде. А чем лучше мы знаем этот инструмент, тем более удивительные вещи мы можем творить с его помощью. Барабанов Дмитрий рассматривает объект с точки зрения спецификации EcmaScript. Это дает новую информацию к размышлению: а почему те или иные вещи работают именно таким образом в JavaScript?

Объекты в ECMAScript | Odessa Frontend Meetup #16

Объекты в ECMAScript | Odessa Frontend Meetup #16

Объекты в ECMAScript | Odessa Frontend Meetup #16

Волшебное слово «Фриланс». Свободный график, отсутствие привязки к локации и свобода передвижения это то, с чем ассоциируется фриланс в первую очередь. Но является ли фриланс достойной альтернативой классической офисной работе на самом деле или это попытка выдать желаемое за действительное? Можно ли быть успешным фрилансером и высоко квалифицированным специалистом? Константин Кулаксыз рассказывает честно и без прикрас про дикий мир фриланса.

Фриланс как профессиональная деградация | Odessa Frontend Meetup #16

Фриланс как профессиональная деградация | Odessa Frontend Meetup #16

Фриланс как профессиональная деградация | Odessa Frontend Meetup #16

На сегодняшний день сложно себе представить сайт, на котором не будет слайдера. И, для его подключения, используется JS код, а иногда еще и с дополнительной библиотекой. Но Влад Цугульский рассказывает как написать свой простой слайдер на чистом СSS и при этом не нагружая сайт лишним кодом.

Cлайдер на CSS | Odessa Frontend Meetup #16

Cлайдер на CSS | Odessa Frontend Meetup #16

Cлайдер на CSS | Odessa Frontend Meetup #16

5 мая 2012 года мы с Женей Батовским рассказали о том, какие инструменты используют фронтендеры Яндекса. Это было больше чем просто доклад. Я рассказал о сборке и оптимизации кода, а это было ещё до появления гранта, галпа и вебпака. И почти все утилиты написали коллеги из Яндекса. Женя рассказал о том, как можно на одном компе собрать все браузеры и установить несколько версий одного браузера. Это было 8 лет назад, тогда ещё лидировал Firefox, мы работали в Яндексе и у меня были дреды :)

Современный станок верстальщика

Современный станок верстальщика

Современный станок верстальщика

Викторина | Odessa Frontend Meetup #15

Викторина | Odessa Frontend Meetup #15

Викторина | Odessa Frontend Meetup #15

DRY’им Vuex | Odessa Frontend Meetup #15

DRY’им Vuex | Odessa Frontend Meetup #15

DRY’им Vuex | Odessa Frontend Meetup #15

В современном мире тяжело понять, какие изменения положительно скажутся на сайте/приложении, а какие ему только навредят. Для этого есть масса инструментов и один из них — A/Б тестирование. Что это такое? Как его использовать? И, самое главное, зачем? Об этом рассказывает Сергей Полющенков.

А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15

А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15

А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15

Веб технологии давно позволяют прикоснуться ко всем 3 измерениям в браузере используя WebGL, и для этого достаточно понять самые простые принципы трехмерной графики. Что такое геометрия и материал. Как WebGL взаимодействует с ДОМэлементами и его событиями. Простыми словами про это подробно рассказывает веб-слесарь Константин Плаксивый.

Пощупать 3д в браузере | Odessa Frontend Meetup #15

Пощупать 3д в браузере | Odessa Frontend Meetup #15

Пощупать 3д в браузере | Odessa Frontend Meetup #15

Викторина | Odessa Frontend Meetup #14

Викторина | Odessa Frontend Meetup #14

Викторина | Odessa Frontend Meetup #14

Викторина | Odessa Frontend Meetup #13

Викторина | Odessa Frontend Meetup #13

Викторина | Odessa Frontend Meetup #13

Алгоритмы и структуры данных — это фундаментальные основы в программировании. Но, при изучении JavaScript, на это не хватает времени. Прогрессивные фрейморки высокоуровнего языка богаты функциональностью и оптимизацией, но достаточно ли этого? Николай Громов рассказывает как он понял, что алгоритмы никуда не ушли и почему понадобились структуры данных, а так же сравнивает их производительность на JavaScript.

Структуры данных в JavaScript | Odessa Frontend Meetup #13

Структуры данных в JavaScript | Odessa Frontend Meetup #13

Структуры данных в JavaScript | Odessa Frontend Meetup #13

Вы часто слышали слова «Результативность», «Производительность», «Эффективность», но их смысл стал размываться. Евгений Кравцов рассказывает о настоящем значении этих слов, применительно к профессиональной деятельности. Все, что вы хотели знать об эффективности, но стеснялись спросить). И да, вы все это знаете и без него, просто не пытались систематизировать эти знания. И нет, это не тренинг личностного роста 

Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13

Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13

Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13

Анимация — неотъемлемая часть любого нынешнего веб-интерфейса. Виталий Калашников рассказывает про аппаратное ускорение анимаций, как использовать вычислительную технику при создании динамического веб-приложения. Как с его помощью заставить анимацию работать 60 кадров в секунду даже на мобильном устройстве и при этом не допустить падение браузера у пользователей. А также рассказывает про CSS vs JS анимации и сравнивает производительность.

Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...

Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...

Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...

Викторина | Odessa Frontend Meetup #12

Викторина | Odessa Frontend Meetup #12

Викторина | Odessa Frontend Meetup #12

Снова поговорим о собеседованиях. Иногда нам приходится искать работу. Или сотрудника. И в такой ситуации очень сложно обойтись без собеседования. Юрий Федоренко больше года тому делился собственным опытом прохождения и проведения собеседований. С тех пор коллекция его вопросов существенно пополнилась, а тысячи разработчиков в своих профайлах на линкедине сменили грейд с джуниора на мидла. Поэтому в новом докладе будут и новые вопросы, и свежие наблюдения.

Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12

Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12

Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12

Современный фронтэнд – это не только React/Angular/Vue, вёрстка и анимации. Это ещё и полноценный 3D. Вместе с Андреем Дьяковым мы разбираем основы компьютерной графики, WebGL и Three.js, говорим об оптимизации трёхмерных приложений в современных браузерах и создаём интерактивное 3D-приложение прямо на докладе.

Путь к WebGL через THREE.js | Odessa Frontend Meetup #12

Путь к WebGL через THREE.js | Odessa Frontend Meetup #12

Путь к WebGL через THREE.js | Odessa Frontend Meetup #12

В последние годы машинное обучаение получило широчайшее распространение во всех областях деятельности человека. каждая кофеварка и пылесос, не говоря уже о web приложениях, стараются сделать нашу жизнь чуточку лучше прибегая к использованию искусственного интеллекта. нужно ли получать научную степень для того чтобы попробовать себя в этом нелегком деле и может ли простой front-end разработчик применить у себя в родном фреймворке нейронку? Влад Борш рассказывает об этом и пытается разобраться откуда стартовать.

Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12

Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12

Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12

Часто разработчики сталкиваются с проблемой непонимания того, какие средства использовать при разработке анимации во фронтенде, забывая при этом о том, что за нас уже загнули все пальцы. Наша задача — попросту использовать то, что уже написано другими. Денис Бурячковский рассказывает о том, что команда ангуляра привнесла в ряды фронтенд комьюнити для облегчения работы со всевозможными интерактивными фишками.

Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11

Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11

Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11

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

1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11

1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11

1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11

Mehr von OdessaFrontend (20)

OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17

OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17

OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17

Объекты в ECMAScript | Odessa Frontend Meetup #16

Объекты в ECMAScript | Odessa Frontend Meetup #16

Объекты в ECMAScript | Odessa Frontend Meetup #16

Фриланс как профессиональная деградация | Odessa Frontend Meetup #16

Фриланс как профессиональная деградация | Odessa Frontend Meetup #16

Фриланс как профессиональная деградация | Odessa Frontend Meetup #16

Cлайдер на CSS | Odessa Frontend Meetup #16

Cлайдер на CSS | Odessa Frontend Meetup #16

Cлайдер на CSS | Odessa Frontend Meetup #16

Современный станок верстальщика

Современный станок верстальщика

Современный станок верстальщика

Викторина | Odessa Frontend Meetup #15

Викторина | Odessa Frontend Meetup #15

Викторина | Odessa Frontend Meetup #15

DRY’им Vuex | Odessa Frontend Meetup #15

DRY’им Vuex | Odessa Frontend Meetup #15

DRY’им Vuex | Odessa Frontend Meetup #15

А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15

А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15

А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15

Пощупать 3д в браузере | Odessa Frontend Meetup #15

Пощупать 3д в браузере | Odessa Frontend Meetup #15

Пощупать 3д в браузере | Odessa Frontend Meetup #15

Викторина | Odessa Frontend Meetup #14

Викторина | Odessa Frontend Meetup #14

Викторина | Odessa Frontend Meetup #14

Викторина | Odessa Frontend Meetup #13

Викторина | Odessa Frontend Meetup #13

Викторина | Odessa Frontend Meetup #13

Структуры данных в JavaScript | Odessa Frontend Meetup #13

Структуры данных в JavaScript | Odessa Frontend Meetup #13

Структуры данных в JavaScript | Odessa Frontend Meetup #13

Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13

Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13

Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13

Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...

Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...

Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...

Викторина | Odessa Frontend Meetup #12

Викторина | Odessa Frontend Meetup #12

Викторина | Odessa Frontend Meetup #12

Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12

Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12

Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12

Путь к WebGL через THREE.js | Odessa Frontend Meetup #12

Путь к WebGL через THREE.js | Odessa Frontend Meetup #12

Путь к WebGL через THREE.js | Odessa Frontend Meetup #12

Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12

Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12

Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12

Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11

Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11

Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11

1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11

1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11

1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11

JS + $100 = Smart Home | Odessa Frontend Meetup #6

1. JS + $100 = Smart Home

2. What will be discussed today? Internet of things How hard is it to make your "smart home"? Domivka

3.

4. What is the problem?

6.

7.

8. http://amperka.ru/ https://www.arduino.cc/