Привіт, Хабр!) Тим, хто поки не має уявлення, раджу почитати попередню статті А якщо коротко, то мова піде про оточенні для локальної веб-розробки, яка повністю готово для запуску більшості фреймворків та cms. Запускайте Symfony, Laravel, Yii2, та інші вреймворки легко! За принципом клонував -> запустив. Забудьте про постійні налаштування веб-сервера і робочого оточення. Все що вам потрібно вже є в Stacker
Основні гасла проекту
Їх багато — він один!
Все просто, не потрібно міграцій!
Швидко розгорнув і почав працювати!
Вистачить налаштовувати! Пиши код!
Тримай зоопарк під Docker, нехай хостова машина залишається чистою!
Читати далі →

У лютому ми провели наш другий митап для лідов, керівників відділів, СТО і небайдужих. Для всіх, хто не зміг прийти та подивитися виступи живцем, публікуємо відео (і, звичайно, слайди). Тема всього митапа: як створити і зберегти динамічну розробку в умовах постійного зростання команди і змін у компанії.
Читати далі →

Кожен раз починаючи писати React додаток, ви так чи інакше виберіть якийсь варіант:

• копі-паст вашого попереднього проекту
• якийсь бойлерплейт або навіть генератор (типу Yeoman)
• готовий фреймворк не вимагає конфігурації
• пишете самі все з нуля

Кожен із способів має свої сильні і слабкі сторони, як на довгому, так і на короткій дистанції.
Деякі рішення приховують складність на початку, дозволяючи зробити швидкий старт. Це щось подібне рішення під ключ, але в результаті такі рішення можуть виявитися недостатньо гнучкими і складними в підстроюванні. З іншого боку, на початку все може здаватися злегка монструозным і неповоротким, і щоб почати потрібно трохи повозитися, але зате потім переваги стануть очевидними. Завжди є можливість зробити все з нуля, рівно так, як хочеться, але в такому випадку Ви будете відповідати за незліченні аспекти і Вам будуть потрібні глибокі знання у всіх що беруть участь технологіях.
Читати далі →

Привіт! Мене звуть Артем, і я займаюся тестуванням веб-додатків в Badoo. Я регулярно читаю профілі великих компаній на Github для того, щоб дізнатися щось нове у веб-розробці, так і в тренди (іноді в майбутні тренди). І це переклад статті про Neutrino від Mozilla.
Neutrino — це інструмент, що об'єднує в собі кращі компоненти набору сучасних JavaScript-інструментів і простоту відсутності початкових налаштувань.
Читати далі →

25 березня в Одесі відбудеться третя щорічна конференція JavaScript-розробників — JSLab. Наша команда FlyElephant допомагає з організацією цієї конференції і запрошує всіх взяти участь в ній.

В цьому році ми плануємо зібрати 250 front-end і back-end JS-розробників з України та близького зарубіжжя. Конференція пройде в два потоки, які будуть складатися з 12 доповідей по 45 хвилин і 8 бліц-доповідей за 10 хвилин.

Читати далі →

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


Читати далі →

Мова піде про чергове вирішення багаторічної проблеми в браузері — обмеження користувальницького введення, або просто — маска, яка використовується повсюдно: номери телефонів, кредитних карт, паспорти і т. д.

На даний момент було знайдено два популярних рішення:

1. jQuery.Маска вводу
2. jQuery-Mask-Plugin

Ті, хто намагався використовувати маски в своїх і без того непростих проектах, швидше за все були б раді викинути все це справа і використовувати просто валідацію. Особливо якщо маска повинна бути динамічною, залежати від вже введених символів, потрібна можливість отримувати размаскированное значення навіть якщо користувач ввів його не цілком, чи потрібно повністю приховати placeholder… Що працювало в одній бібліотеці — не працювало в інший, як тільки перекручуватися не доводилося. Вже простіше самому написати, в кінці то кінців, програмісти ми або хто!? Та й колеги теж не загубилися, написали під Android ж.

Кому не терпиться, ось воно: imaskjs.
Поламати демку можна тут.

Читати далі →

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



Сьогодні ми поговоримо про React.js і Vue.js. Це – одні з найпопулярніших JavaScript-бібліотек у світі. Погляньте на список, подивіться їх репозиторії на GitHub. І та, і інша володіють вражаючими можливостями і служать для створення користувацьких інтерфейсів. Працювати з ними досить просто, головне – відразу зрозуміти, що до чого, зробити правильний перший крок. Власне кажучи, цього ось першого кроку в розробці з використанням React і Vue і присвячений даний матеріал.

Читати далі →

Ті, хто цікавиться версткою, frontend розробкою і веб-дизайном, ймовірно, помітили, що в останні кілька місяців у мережі все частіше стали з'являтися анімовані картинки, зроблені за допомогою HTML і CSS. У цій статті я постараюся розповісти звідки це віяння з'явилося, в чому фішка, і чому це стало так популярно серед верстальників (а можливо хтось ще не чув, може бути цікаво познайомитися з таким видом діяльності).
Читати далі →

Оновлений курс «Web-технологии» на платформі Stepik тепер підтримує останню версію Django і можливість вести розробку як на Python 2, так і на Python 3. Викладачі курсу — Дмитро Смаль і Динар Сабітов, web-програмісти з ігрового спрямування Mail.Ru Group. Другого березня ми перезапускаємо «Постановку завдання на розробку» без дедлайнів, щоб ви змогли пройти курси в зручний час та отримати сертифікати. Викладач курсу — Дмитро Безуглий, генеральний директор компанії "Системний підхід", бізнес-аналітик і системний аналітик.
Читати далі →