​#jquery #vuejs #frameworks

Переезжаем с jQuery на VueJS

Хотите перебраться на современные технологии, но ваш проект создан в эпоху jQuery?
Не отчаивайтесь - Vue отлично справится с этой задачей. Этот фреймворк умеет постепенно внедряться в приложение и незаметно устанавливать там свои порядки.

https://prglb.ru/2mnxy

​#css #flexbox

Легендарная maconry-раскладка на флексах

Создать изящную и аккуратную плиточную раскладку на одном лишь CSS - задачка не из простых.
Но решить ее все-таки можно! Разбираемся с подводными камнями и знакомимся с секретными техниками flexbox-разметки.

https://prglb.ru/sihg

​#projects

15 крутых идей для пет-проектов

Хватит читать статейки и смотреть на чужие работы - займитесь делом!
Без практики вы фронтендерские мышцы не накачаете.

Вот вам для начала 15 отличных идей для комплексной прокачки навыков.

https://prglb.ru/51v9h

#css

CSS свойство background-image как антипаттерн

Фоновое изображение в CSS - старый добрый друг, который спасал нас бесчисленное множество раз.
Но пришло время с ним попрощаться - и у нас на это пять причин (на самом деле всего четыре, но очень важные). Разбираемся в проблемах и альтернативах.

https://prglb.ru/4cb0s

#javascript #webworkers

JavaScript Web Workers: руководство для начинающих

Рассказ о том, как однопоточный JavaScript многопоточным стать захотел и что из этого вышло.
Доступное введение в веб-воркеры и их возможности.

https://prglb.ru/21jlh

​#react #video

Все, что вы должны знать о React Hooks, в одном видео

Полное погружение в хуки React за 100 минут.

https://prglb.ru/3hpof

​#javascript #beginners

Все что вы хотели знать о this, но боялись спросить

Хватит «плавать» в базовых концепциях. Давайте разберемся с ключевым словом this в JavaScript раз и навсегда.

https://prglb.ru/3chww

По какой фронтенд-теме вам хотелось бы больше материалов?
anonymous poll

JavaScript для продвинутых – 464
👍👍👍👍👍👍👍 49%

Разбор базового JavaScript – 166
👍👍👍 17%

Тонкости и примеры верстки – 129
👍👍 14%

JavaScript-фреймворки – 89
👍 9%

Оптимизация и тестирование кода – 74
👍 8%

Оптимизация и доступность в вебе – 33
▫️ 3%

👥 955 people voted so far. Poll closed.

​#javascript #html #interface

Детальное руководство по Drag&Drop

Техника тащи-бросай (Drag-n-Drop) — отличное решение для интерфейса вашего сайта. Перетаскивать можно не только файлы, но и HTML-элементы.

В статье очень подробно и с примерами кода описывается, как такое перетаскивание реализовать.

https://prglb.ru/e8bd

​#javascript #advanced

Прогрессивные веб-приложения (PWA)

Что за зверь такой PWA и зачем он нам нужен? Коротенькое введение в теорию прогрессивных веб-приложений.

https://prglb.ru/1ks1v

​#javascript #advanced

Погружение в промисы: race, all и allSettled

Все еще не используете промисы на полную катушку? Тогда мы идем к вам с тремя суперкомбинаторами!
Уже немного знакомые race и all, а также свеженький allSettled дадут вам максимальный контроль над потоком выполнения кода.

https://prglb.ru/1e79x

​#javascript #beginners

Я выучил основы JavaScript — что дальше?

Прошли несколько курсов, разобрались с типами данных и даже почти познали дзен замыканий? Что делать дальше начинающему JavaScript-разработчику? Куда податься, что учить?

Вот вам путеводитель, вперед — к мастерству!

https://prglb.ru/3dt2a

​​Как начать, наконец, путь к карьере в IT и digital?

Если вы тоже задаетесь этим вопросом, запишитесь на бесплатную онлайн-конференцию GeekChange. Узнайте обо всех профессиях в программировании, дизайне, маркетинге и менеджменте. Участвуйте в розыгрыше бесплатного обучения в GeekUniversity (онлайн-университет Mail ru Group). А также получите возможность выиграть MacBook Air!

Конференция пройдет с 12 по 25 августа.

Записаться: http://bit.ly/2GN15ay

​#javascript

Поддержка больших проектов на JavaScript

В крупных проектах проблемы имеют тенденцию накапливаться как снежный ком. У вас не хватает ресурсов на рефакторинг и хочется все выбросить и начать с чистого листа.

В этой статье вы найдете несколько полезных советов по организации и поддержке подобных проектов на JavaScript.

https://prglb.ru/16ul4

​#css #tools

Нужны ли препроцессоры в 2019 году

Препроцессоры давно стали неотъемлемым инструментом в арсенале верстальщика. Они дают нам все, что нам нужно: переменные, миксины, вложенность… Погодите. А разве современный CSS так не умеет? Или умеет? А нам точно еще нужны препроцессоры?

https://prglb.ru/3yoju

​#javascript #beginners

Упрости свой JavaScript – используй map, reduce и filter

Бросай forEach – открывай новые горизонты! Введение в перебирающие методы массивов, которые должен знать каждый JavaScript разработчик.

https://prglb.ru/3q3en

​#frameworks #react #angular

Сравнение server side rendering в React и Angular

Подробный разбор серверного рендеринга самого по себе, а также его реализации в двух популярных JavaScript-фреймворках.

https://prglb.ru/3w216

​#javascript #beginners

Понять замыкания за 6 минут

Замыкания в JavaScript - вечный камень преткновения начинающих разработчиков. Но понять их крайне важно для дальнейшего развития.

Постараемся разобраться за 6 минут.

https://prglb.ru/2o9v9

​#css #interface

Принципы дизайна для разработчиков

Вы можете выучить все HTML-теги и CSS-свойства, но этого недостаточно для создания красивых и удобных сайтов. Понимание принципов веб-дизайна и UX может серьезно увеличить эффективность и качество работы фронтендера.

Статья концентрируется на трех китах дизайна: типографике, размещении контента и цвете.

https://prglb.ru/41h2c