Що таке Core Web Vitals? Чому це важливо? Як оптимізувати сайт? Що робити, якщо у вас jQuery і WordPress? Грушецький Андрій, Front-end інженер в SCE — про те, як оптимізував вордпрес-сайт на одному з проєктів. 9
Сергей Лысенко, Front-end разработчик в компании TemplateMonster рассказывает о том, как его команда переводила сайт с React на Vue.js, почему приняли такое решение и каких результатов смогли достичь. Материал будет полезен всем, кто интересуется фреймворком Vue.js, заботится о производительности своих сайтов и хочет сделать взаимодействие посетителей с сайтом максимально легким и быстрым. 58
Олегу Гавриленку — 32. Майже все своє життя він працював на залізниці в невеликому містечку на Черкащині. Але у 2015 році зі звичного розміреного ритму його висмикнула війна. Після того Олег зрозумів, що не хоче все життя сидіти на станції — тим паче, що робота йому не подобалася. І подався в IT. Про участь в АТО та про спроби порозумітися з Front-еnd Олег Гавриленко розповів в інтерв’ю DOU. 16
Якісний UI сьогодні неможливий без інтерактиву та плавності, особливо якщо врахувати ту велику кількість інструментів, які доступні веброзробникам. У цій статті поговоримо про СSS і підходи до створення анімацій у вебі. Коротше, розберемось, як зробити ваш UI «живим». 10
Ефективна комунікація та взаємодія є ключовим елементом успішності проєкту. У цьому матеріалі автор концентрується на технічній комунікації між бекенд- та фронтенд-розробниками, огляді архітектур, їхньому застосуванні для розв’язання різних питань і, головне, на підходах та інструментах з документування інтерфейсів. 23
Денис Гришко, фінансист за фахом, після університету працював на митниці, але за два роки роботи розчарувався в ній і став шукати себе деінде. Робив ставки на спорт — і заощадив, щоб поїхати в Нову Зеландію на семимісячні мовні курси. Водночас Денис думав про те, щоб змінити фах і почати розвиватися у сфері IT. Читайте, яким був його шлях до цього та як джуніор-розробнику ефективно шукати роботу. 33
Сравним популярность React и Vue.js, отметим их преимущества и недостатки. В качестве доводов будем использовать статистические данные о нынешней ситуации на рынке. Главная цель материала — помочь как начинающим программистам, так и более опытным выбрать технологию для изучения в 2021 году. 102
Поговорим о том, для чего бэкенд-специалисту может пригодиться JS в контексте разработки клиентской части. Под JavaScript будем подразумевать и TypeScript, и Flow. Речь, конечно, не о полном отказе от back-end обязанностей, а о расширении компетенции в сторону клиентской части, ведь JS — это почти синоним браузерного клиента. 43
Full Stack Developer — это универсальный программист, который может сам с нуля разработать функциональный продукт. Он разбирается как в Back-end составляющей, так и во Front-end. В статье выясним, почему в компаниях возникает такая позиция и какие есть преимущества и недостатки у этой специализации. 50
Розвиток фронтенд-технологій не просто збільшує кількість шляхів виконання завдань, а й розширює зону відповідальності девелопера. З кожною новою бібліотекою додавалося все більше нетипових для клієнт-сайду завдань у розсилках вимог рекрутерів. З кожним форком нового фреймвоку кількість задач, які притаманні лише бекенду, потихеньку зменшувалася. Проте фронтенд — досі не «new Full Stack». Чому — читайте в статті Захара Савки, Software Engineer. 58
В выпуске: разбираемся с новым Node.js, добавляем поддержку темной темы и улучшаем производительность веб-приложений. 1
Автогенерація коду — це перекладання однотипної роботи на комп’ютер або спосіб уникнення помилок-одруків під час копіювання коду. У статті Ярослав, Golang-розробник, розбирається з grpc-web і пропонує інструкцію, як створити прототип форуму DOU, використовуючи grpc-автогенерацію Front-end. 17
Виталий Калашников, Senior Front-end Developer, осваивая всевозможные эффекты в анимации и анализируя, почему не удается достичь максимальной плавности анимируемых элементов, понял, что при выполнении анимации проседает fps. Так родилась идея этой статьи. В ней автор делится своими наработками и показывает набитые шишки. 3
В выпуске: разбираемся как живет Front-end инженер в Slack, смотрим документальный фильм о Vue.js, пробуем Svelte, апргрейдим CSS-скилы и пытаемся покорить JavaScript за 30 дней. 1
На данный момент React Native не перешел к версиям, большим нуля, как и водится у почти всего, что содержит в своем названии «React». Баги встречаются достаточно часто. С другой стороны, у вас есть в nmp куча библиотек, которые могут помочь в решении разных задач. Также есть много библиотек на гитхабе, реализующих компоненты, функции, UI, роутинг и не только для вашего приложения. 36
Вітаю! Мене звати Микола Коваль, я Front-end Team Lead компанії SocialTech, і це моя коротка історія про те, як ми Vuex типізували. У статті я розповім, як просто й безболісно здружити типи компонентів з Vuex за допомогою кількох рядків коду. 1
Історія часто цинічно жартує з людськими винаходами: далеко не завжди задумане ставало реальністю, дуже часто реальністю ставало те, що задуманим не було. Схоже, вся історія вебу й відповідно веб-розробки — те, із чого воно все починалося, як розвивалося, куди направлялося й де опинилося тепер, — яскравий приклад цього твердження. Про стан веб-розробки в 2020 році розмірковує В’ячеслав Колдовський, Programming Mentor, що у веб-розробці ще з
Разобраться в том, как ваше приложение будет автоматически собираться и деплоиться — хорошая идея для разработчика. Тем более сейчас тренд на T-shaped people. В статье подробно рассмотрим деплой- и релиз-шаги. 23
В этой статье рассмотрим, как от самой простой 2D-карты разработчки ЛУН пришли к трехмерным моделям на основе видео с дронов. Карта — это самая интерактивная часть продукта, а значит, наибольшее поле для технического усовершенствования. 50
В выпуске: WebAssembly — теперь рекомендация W3C, как лучше добавить YouTube-видео в ваше приложение, решение Пола Айриша, а также набор React-хуков от Эдди Османи. 9
Комментарии