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



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

Читати далі →

До роботи редактором і контент-маркетологом в компанії Лайв Тайпинг я два роки займався гуманітарними текстами: редагував і писав статті про моду, музику, кіно, образотворче мистецтво, соціологію тощо. Від мене вимагалося не стільки коректно донести сенс, скільки домогтися яскравого образу, створити настрій і подарувати читачеві емоцію. Це розв'язує руки у відносинах зі словами: перш мали точний сенс, вони стають сировиною для алегорій, метафор та інших літературних прийомів.

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

При роботі над кейсом проекту Designet я зловив себе на тому, що вважаю терміни «фронтенд», «клієнтська сторона» і «інтерфейс» синонімами. Щоб розставити всі крапки над i і більше їх не плутати, я написав цю пам'ятку. Сподіваюся, що вона допоможе не тільки мені, але і колегам — редакторам, копірайтерам, технічним журналістам, маркетологам, менеджерам проектів і всім, хто не має прямого відношення до програмування.



Читати далі →

Ми знову публікуємо розшифровку доповіді конференції HighLoad++ 2016, яка проходила в підмосковному Сколково 7-8 листопада минулого року. Володимир Протасов розповідає, як розширити функціональність NGINX з допомогою OpenResty і Lua.

Всім привіт, мене звати Володимир Протасов, я працюю в Parallels. Розповім трохи про себе. Три чверті свого життя я займаюся тим, що пишу код. Став програмістом до мозку кісток в прямому сенсі: я іноді уві сні бачу код. Чверть життя — промислова розробка, написання коду, який йде прямо в продакшн. Код, яким деякі з вас користуються, але не здогадуються про це.

Щоб ви розуміли наскільки все було погано. Коли я був маленьким джуниором, я прийшов, і мені видали такі двухтерабайтные бази. Це зараз у всіх highload. Я ходив на конференції, запитував: «Хлопців, розкажіть, у вас big data, все круто? Скільки у вас там бази?» Мені відповідали: «У нас 100 гігабайт!» Я говорив: «Круто, 100 гігабайт!» А про себе думав, як би акуратненько зберегти покерфейс. Думаєш, так, хлопці круті, а потім повертаєшся і ковыряешься з цими многотерабайтными базами. І це — будучи джуниором. Уявляєте собі, який це удар?

Я знаю більше 20 мов програмування. Це те, чим мені довелося розібратися в процесі роботи. Тобі видають код на Erlang, C, С++, на Lua, Python, Ruby, на чомусь ще, і тобі треба це все пиляти. Загалом довелося. Точну кількість порахувати так і не вдалося, але десь на 20 число загубилося.

Читати далі →

Веб-анімація: де, навіщо і чому

Якісна і доречна анімація веб-сторінок радує око і допомагає в роботі. Це – одна з основ веб-дизайну наших днів. Взаємодія користувачів з сучасними веб-сайтами серйозно зав'язано саме на анімації. Вона здатна повідомляти про якісь станах сторінки, направляти увагу. Анімація допомагає користувачеві побачити результат його дій і може впливати на його поведінку.

image
Коли анімація здатна поліпшити враження від роботи зі сторінками? Що саме стоїть «оживити» для того, щоб взаємодія з ресурсом стало б більш зручним, зрозумілим, цікавим?

Читати далі →

Підписування ідентифікаторів ресурсів і захист API від DDoS-атак

Хочу розповісти про деякі висновки, які я зробив після роботи над одним з найбільш відвідуваних веб-сайтів у світі.



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

Читати далі →

Пишемо самий простий і швидкий input type file

Доброго часу доби, мій дорогий друже. В мережі, так і на Хабре, є безліч статей на тему створення свого input type=«file», але всі вони відрізняються великою кількістю милиць і великою кількістю коду, що, як мені здається, не є добре. Бо, як би це не було парадоксально, менше — краще.



Читати далі →

Node.js, Express і MongoDB: API за півгодини

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


Ось, наприклад, типова задача: розробка REST API, серверної частини якогось програми. Велика кількість власних можливостей Node і безліч додаткових модулів, які здатні допомогти в рішенні цієї задачі, здатні завести новачка в глухий кут, викликаний багатством вибору. Основні питання тут полягають у підборі компонентів і настроювання їх спільної роботи.

Читати далі →

Як працюють ІТ-фахівці. Антон Чарченко, Tehnical Lead в EnglishDom



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

Буде цікаво з'ясувати, що їх об'єднує, в чому вони суперечать один одному. Можливо, їх відповіді допоможуть виявити якісь загальні закономірності, корисні поради, які допоможуть багатьом з нас.

Сьогодні наш гість — Антон Чарченко, Tehnical Lead онлайн школи з вивчення англійської мови EnglishDom.

З 2006 по 2013 роки працював Full Stack / Back-End розробником, брав участь у побудові архітектури високонавантажених проектів.

З 2013 по теперішній час в EnglishDom поєднує управління процесом розробки ПЗ, розв'язання архітектурних завдань, організацію та автоматизацію робочих процесів інфраструктури проекту, оптимізацію продуктивності web-додатки.
Читати далі →

Як працюють ІТ-фахівці. Андрій Цай, ADV-ONLINE

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

Буде цікаво з'ясувати, що їх об'єднує, в чому вони суперечать один одному. Можливо, їх відповіді допоможуть виявити якісь загальні закономірності, корисні поради, які допоможуть багатьом з нас.

Сьогодні наш гість — Андрій Цай, CTO і CEO ADV-ONLINE. Компанія займається розробкою програм та сайтів. Андрій довго займався маркетингом, але останні 8 років паралельно працював в ІТ. У 2005 році він запустив програмний продукт для аналізу ефективності реклами в автобізнесі.
Читати далі →

Сім відмінних прискорювачів сайтів для Linux і Unix

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


Читати далі →