HolyJS Moscow: Час експансії



JavaScript-світ розвивається так бурхливо, що навіть за півроку між петербурзької і московської HolyJS багато чого встигло відбутися: наприклад, улітку про Yarn ще ніхто не знав, а зараз у нього більше 20 000 зірок на GitHub. І для самої конференції теж багато чого змінилося: у червні вона проходила в самий перший раз, так що тоді ще не було фідбек глядачів, дуже допомагає при організації. Відрізнялася в такому випадку московська версія, і як взагалі вона пройшла? Про деяких доповідях вже написали в блозі Mail.Ru Group, а тепер ми публікуємо власний текст про захід.
Читати далі →

Remote (dev)tools своїми руками – інтерв'ю з Романом Дворновым (Авіто)



Роман Дворнов twitter – керівник фронтенд-розробки в Авіто, автор basis.js, мейнтейнер CSSO, CSSTree, Component Inspector і не тільки. Роман працює над новим проектом, що покликаний спростити розробку інструментів віддаленого моніторингу та налагодження web-додатків.

Давайте дізнаємося, які проблеми допоможе вирішити проект Романа, і до чого він прийшов.

Читати далі →

Logux: Connection lost, data synchronized – інтерв'ю з Андрієм Ситником (Злі Марсіани)

Що відбувається, якщо раптом на клієнті пропадає інтернет? Можливо, на частку секунди, а може бути, на більш відчутний період? Всі ми як користувачі стикаємося з нестабільним сигналом, плаваючим якістю зв'язку. Іноді це неважливо, адже хочеться подивитися якесь веселе відео, іноді від цього може залежати дуже багато чого – уявіть, що вам терміново треба купити квиток на поїзд або оплатити той самий інтернет.

Ті сфери, де дуже важливий кінцевий користувач – наприклад, ЗМІ, кажуть, що вже 13% користувачів йдуть, якщо ваш сайт відкривається більше чотирьох секунд, не розбираючись в причинах. А тепер давайте уявимо такого користувача, який ще пробує відправити коментар, і він постійно «відвалюється» з-за проблем зі зв'язком?

Відсоток відходів і відмов буде явно більше. Як цього уникнути? Що можна зробити в ситуації, коли дані повинні бути гарантовано відправлені як від клієнта, так і з боку сервера?

На це та інші запитання відповідає Андрій Ситник – автор PostCSS і Автопрефиксера, провідний фронтендер в «Злих Марсіан».

– Чому ми взагалі говоримо про проблеми зв'язку? Хіба це не питання, винятково зв'язаний з фізичними/мережевими можливостями?

– OSI тут не зовсім в тему. Logux замінює REST AJAX. Тобто це чисто прикладний рівень. Logux вирішує наступні проблеми:

Читати далі →

Модульний CSS: — Інструментарій, який ми маємо зараз в арсеналі — це просто казка


Інструментарій, який ми маємо зараз в арсеналі — це просто казка!
Андрій Оконечников, розробник з 15-річним стажем, з яких для користувача інтерфейсах було віддано більше десяти, Андрій розповість на HolyJS про використання PostCSS і Webpack для вирішення проблем фронтенд-розробки. Доповідь Андрія називається «Модульний CSS» і присвячений тому, як за допомогою JavaScript і AST працювати з CSS на масштабних проектах. Відштовхуючись від тематики доповіді, ми поставили Андрію кілька питань, які дозволять вам зрозуміти глибину зв'язку UI/UX з роботою frontend-розробника, а також про проблеми і майбутньому CSS на великих проектах.

Читати далі →

Інтерв'ю c Max Stoiber і Сергієм Лапіним: Вибираємо state management рішення для React.js



Напередодні конференції HolyJS ми поговорили з Максом Штойбером (одним з організаторів React.js Vienna Meetup, творцем react-boilerplate, брали участь і в створенні Carte Blanche) і Сергієм Лапіним (членом програмного комітету HolyJS) і обговорили, як вибрати state management рішення.

Redux, MobX, Relay або інша реалізація Flux? Практичні рекомендації та найкращі практики.

Макс Штойбер
Макс, привіт! Для початку коротко відрекомендуйся і розкажи про себе.

– Привіт! Мене звуть Макс Штойбер, я Open Source розробник, працюю в компанії Thinkmill. Ми робимо всякі прикольні штуки на зразок KeystoneJS, розробляємо веб — і мобільних додатків, вносимо свій внесок у поліпшення User Experience.

– Звучить круто! Розкажи, як давно ти всім цим займаєшся, коли відкрив для себе React, і в яких проектах брав участь?

Читати далі →

Дробимо моноліт: Рефакторинг архітектури Web-додатків



JavaScript з моменту своєї появи пройшов чималий шлях від простих веб-сторінок до повноцінних додатків і навіть серверів. Проте, чим складніше стають наші програми, тим більш гостро постає питання підходящої для них архітектури.

Разом з Віктором gritzko Грищенко, творцем swarm.js https://twitter.com/gritzko), розглянемо сучасні підходи до побудови архітектури JS програм як на сервері, так і на клієнті.

– Коли ми говоримо про монолітних Web-додатках, зазвичай мається на увазі архітектура, що стала вже класичною. Так званий шаруватий моноліт добре прижився в багатьох корпоративних рішеннях. Розкажіть, з якими недоліками даної архітектури вам доводилося боротися в реальних проектах?

Читати далі →

«Жодного розриву»: чого варто зробити онлайн-трансляцію, яка не буде падати, гальмувати і викликати біль в очах?

Якщо хто стежить за нашим блогом, напевно вже знає, що ми проводимо хардкорні технічні конференції в різних областях програмування (Java, .NET, HolyJS, iOS/Android, тестування). Конференції ці традиційно проходять у Москві та Петербурзі, чому? Тому що в цих містах фізично більше розробників – це дозволяє збирати під одним по 500-1000 однодумців.



Однак ми знаємо і розуміємо, що і в інших містах Росії є безліч розробників, які готові влитися в співтовариство, які шукають нові технології та підходи, але їм просто нереально дістатися до столиць – для таких людей ми робимо онлайн трансляції наших конференцій.

Як виглядає ідеальна на наш погляд трансляція? Ось кілька посилань на свіжі трансляції останніх конференцій:


А якщо вам цікаво, чого нам варто відточити трансляцію і відеозапису до такого стану, а також які факапи з реал-тайм системою викликають найсильніший баттхертом, читайте під катом.

Читати далі →

HolyJS в Москві: перші доповіді і CallForPapers

Всесвіт JavaScript прекрасна: мова росте і розвивається величезними темпами, фреймворки плодяться (можливо, навіть занадто:)), коммьюніті цвіте і пахне, в Росії з'являються професійні конференції.



Якщо ви стежите за подіями, то знаєте, що в червні в Пітері пройшла перша в Росії масштабна професійна конференція з JavaScript – HolyJS. Всі тоді пройшло добре, а сама конференція 11 грудня приїде в Москву, про це і поговоримо.

Читати далі →

HolyJS: з першої спроби

Петербурзька JavaScript-конференція HolyJS починалася майже як авантюра. Затівати абсолютно нову конференцію, коли час на підготовку дуже обмежено — сміливе рішення.

Такий авантюризм добре відповідає духу самого JavaScript-світу, де все відбувається стрімко, а сміливі рішення найчастіше необхідні. Але чи можливо в такому випадку провести конференцію на високому рівні, з цікавими доповідями і без організаційних проблем? Що в підсумку було на заході? Під катом — розповідь про те, як воно пройшло.




Читати далі →

JavaScript-only: гомогенна архітектура веб-проектів

Робота фронтенд-розробника наповнена завданнями щодо оптимізації коду, перенесення готових фрагментів між версіями проектів і т. п., складність яких найчастіше визначається історично сформованим підходом до самої розробки. У своїй доповіді на конференції HolyJS, яка відбудеться 5 червня в Санкт-Петербурзі, фронтенд-розробник Олексій Іванов розповість, як обсяг цих проблем можна скоротити відмовою від звичного підходу, коли програма складається з розрізнених частин, на користь «все-в-JS». Ми ж напередодні конференції поговорили з Олексієм про те, від яких саме труднощів позбавляють запропоновані ним ідеї (самі ідеї будуть детальніше розкрито у доповіді).



— Розкажи коротко про себе та своєї роботи.

— Мене звати Олексій Іванов, я фронтенд-розробник в компанії «Злі марсіани» (Evil Martians). Це розподілена група розробників, допомагає великим компаніям, зразок eBay або Groupon, а також різним стартапам в короткі терміни і без проблем запускати інтернет-проекти з розрахунком на швидке зростання.
У Марсіан я зараз займаюся фронтендом сервісу під назвою eBay Social для російського офісу eBay. Це класичне додаток на Ruby on Rails з окремими інтерактивними частинами, написаними на React.
До Марсіан я робив першу версію SPA-програми для ridero.ru на Backbone, допомагав запускати кілька сервісів для Яндекса з використанням bem-tools, а також займався розробкою інших серверних і SPA-програм різного розміру, що дозволило мені помацати купу різних інструментів і методологій розробки. Мені подобається вивчати і порівнювати різні способи організації коду, роботи з залежностями і вирішення конфліктів, що використовуються в різних методологіях та інструментах.

Звідки взагалі з'явилася ідея про якусь глобальну зміну підходу до розробки?

— Фронтендеры Марсіан працюють з двома основними типами проектів.
По-перше, ми створюємо класичні проекти на Ruby on Rails. В таких проектах рендер шаблонів відбувається на сервері всередині самих Rails, а збірка CSS і JavaScript живе окремо Node.js і Gulp'е або іншому збирача. Ми користуємося пре — і постпроцесорами, збираємо окремі файли на спільні бандли і стискаємо код Clean CSS і UglifyJS, але при цьому CSS і JavaScript один про одного знають дуже мало, а про HTML, з яким вони працюють, взагалі нічого не знають.

Читати далі →