enter image description here
Оптимізація необхідна для збільшення швидкості завантаження та роботи сайтів, що в кінцевому підсумку підвищує задоволеність користувачів.
  • З точки зору User Experience (UX) фронтенд повинен забезпечувати швидке завантаження та роботу веб-сторінок.
  • А з точки зору Developer Experience (DX) нам хочеться, щоб і сам фронтенд теж працював швидко, був простий у використанні і взагалі був прикладом для наслідування.
Все це робить користувачів і розробників щасливішими, а заодно істотно покращує ранжування сайтів пошуковими системами. Наприклад, Google приділяє особливу увагу оптімізірованності фронтенда. Якщо ви досить довго билися над тим, щоб ваш сайт заробив більше балів Google Pagespeed Insights, то, сподіваємося, ця стаття допоможе вам краще зрозуміти, для чого все це потрібно і яке різноманітність стратегій оптимізації фронтенда.
Читати далі →

2-3 червня відбудеться JavaScript-конференція HolyJS 2017 Piter – вже третя HolyJS за рахунком. За рік існування конференція показала крутий зростання, і вже зараз збирає під 600 розробників – все-таки єдина pure-JavaScript конференція в Росії.

Так, цього разу конференція триватиме протягом двох днів. Чому? Нас вже викрили у Twitter:
— Наступна @HolyJSconf буде йти 2 дні? — Так, у 1ый день просто зачитають назви фреймворків, що встигли вийти після попередньої конференції  Kir (@octav47) February 9, 2017


А якщо серйозно, минулого разу учасники часто нарікали на надто високу завантаження до кінця дня, тепер за рахунок дводенного формату і доповідей стане більше, і сприймати їх буде простіше. В програму увійдуть не тільки кращі спікери минулих HolyJS, але і нові особи (і навіть Douglas Crockford!)

Подробиці під катом.

Читати далі →

Помер MVC для фронтенда?


В цій статті хочу поділитися перекладом цікавих роздумів на тему минулого і сьогодення в архітектурі фронтенда.

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

Читати далі →

Де живуть ваші оголошення?

image

Ми відкриваємо техно-блозі компанії Avito. Багато знають бренд, але не так багато тих, хто знає, як сервіс влаштовано з технічної сторони. У своєму блозі ми відкриємо завісу невідомого і розповімо про технічну кухні сервісу.

Почнемо з невеликої історії про те, що проект представляє з себе сьогодні, чим займається команда інженерів і, що ми плануємо робити в найближчому майбутньому. Ще ми зібрали в цьому пості безліч посилань на вже опубліковані матеріали, доповіді і презентації нашої команди, якими давно хотіли поділитися. Хочете знати, де живуть ваші оголошення? Ласкаво просимо під кат!

Читати далі →

Не вбивайте свою мотивацію: освоюйте Ruby on Rails на цікавих прикладах

Всі ж пам'ятають, як це буває: ти вчишся чомусь новому, але раптом раз і зажурився. А все чому? Тому що розробка типових програм при навчанні нудне до зубовного скреготу.

Подібні завдання стають ВБИВЦЯМИ мотивації №1.

Особисто я не хочу, щоб мої учні втрачали мотивацію і здавалися на півдорозі. Тому я створив цей кілометровий список з 27 кумедних ідей для додатків, які ви можете створити, поки навчаєтеся використовувати React на пару з Ruby on Rails.



Читати далі →

Куди податися програмісту за знаннями у цьому році

image
Highload + + в Москві, листопад 2016
Ми зробили для вас добірку кращих (на нашу думку) виступів з IT-конференцій, на які збираємося поїхати в першій половині 2017 року (як і обіцяли).
Все це буде корисно web-програмістам (PHP, Go, JS), QA і DevOps. Так, у списку досить мало конференцій, що проводяться на території Росії і країн СНД, але на сьогоднішній день їх, на жаль, в принципі не так багато. Так що, якщо раптом ви знаєте про якому-небудь стоїть заході, доповнюйте наш список в коментарях.
Читати далі →

Введення в систему 8-піксельних сіток

Будь-якого дизайнера, над чим би він не працював — сайтами, журналами або мобільними додатками, напевно, доводилося чути термін «сітка». Існують сітки для всіляких варіантів розташування контенту. Ми застосовуємо стовпчик сітки, щоб вибудовувати контент по горизонталі, сітки базових ліній, щоб вирівнювати блоки тексту по вертикалі, гнучкі (soft) та жорсткі (hard) сітки — в залежності від того, наскільки суворо збираємося їх дотримуватися. Я зацікавився системою 8-піксельних сіток, коли почув, з яким захопленням говорить про неї Брін Джексон, і вирішив подивитися, які переваги вона може дати моїм дизайнам (і чи взагалі).




Читати далі →

Доповіді першої зустрічі Dart-розробників в Пітері

30 листопада в пітерському офісі Wrike пройшла перша Dart-розробників в Росії.



Dart-співтовариство в Росії поки не настільки численне, тим не менш, розробники мови з Google готові підтримувати наших програмістів, що використовують Dart у своїх проектах, розвивати екосистему і розповідати про останні зміни. На митапе ми зрозуміли, що мова викликає жвавий інтерес не тільки у фронтендеров, але і у тих, хто хоче піти у веб-розробку, маючи за плечима досвід із Java, C# або PHP.

З виходом Angular 2 for Dart і кількох інших оновлень мова отримала новий поштовх у розвитку, тому нам було цікаво зібрати всіх зацікавлених розробників обговорити новини мови, безпосередньо поспілкуватися з інженерами з гугла і, зокрема, обговорити особливості переходу на дарт з типізованих і скриптових мов.

Публікуємо першу частину доповідей з митапа.

Читати далі →

Черговий метод знизити обсяг SPA програми (webpack)

Так вже сталося, що останнім часом мені доводиться освоювати нові інструменти. Черговим таким інструментом став webpack.
Інструмент цікавий, але після переїзду з Google Closure * для мене стало загадкою, чому webpack не утискає імена класів, як це робить Google Closure Stylesheets.
За день, на коліні, мною був написаний plugin який цілком не погано реалізував цей функціонал.
Більш докладний опис нижче.

Читати далі →

Dart meet-up 30 листопада в Петербурзі: доповіді від розробників з Google, досвід переходу на Dart c# і JS

Нещодавно TechCrunch докладно розповів про новий виток розвитку мови програмування Dart. Google як розробники мови тепер не тільки роблять велику ставку на використання дарта у створенні своїх ключових сервісів (google AdWords, AdSense), але і мають намір більш активно впливати на зростання всієї екосистеми, в тому числі і в Росії, і підтримувати компанії, що використовують Dart у своїх проектах. Перша зустріч, присвячена використанню Dart в Росії пройде 30 листопада в Петербурзі, в офісі компанії Wrike.


На зустрічі ми обговоримо новий виток у розвитку мови Dart, поговоримо з розробниками мови з Google, зможемо задати їм свої питання. Ми також приділимо увагу необхідної інфраструктури для роботи з мовою, успішним кейсів проектів, зробленим на Dart, і з'ясуємо, які особливості переходу на дарт зі скриптових (JavaScript) і типізованих (C#) мов.
Зустріч буде цікава розробникам C# і Java, які планують працювати з проектами на фронтенде, програмістам з бекграундом JavaScript (не нижче рівня middle) і, звичайно ж, всім, кому цікавий Dart і його можливості.

Читати далі →