​#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

​​Только для тех, кто наконец-то хочет разобраться в JavaScript!

4-х дневный воркшоп “Ozon на чистом JS”

На занятиях напишем часть функционала магазина Ozon. Поработаем с DOM API, BOM API, JSON, AJAX, Fetch API, webpack.

Научимся получать и работать с элементами на странице, обрабатывать действия пользователя. Реализуем возможность добавлять, удалять товары из корзины, а также выводить их количество и стоимость.

Для удобства напишем функционал поиска товаров и фильтр каталога.

Все участники получат подробную карту изучения JavaScript с нуля до уровня Junior.

Переходите по ссылке и получите приглашение👇
https://telegram.me/gloacademy_bot?start=5d4d88649760a4000fec2250

​#javascript #interface

Простая загрузка файлов с FormData

Как отправить выбранные пользователем файлы на сервер без перезагрузки страницы? С помощью интерфейса FormData нет ничего проще!

https://prglb.ru/599xw

​#performance

Очень-очень большой чеклист по производительности фронтенда

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

Заварите чай, посадите на колени кота и уютно проведите воскресный вечер с этим замечательным лонгридом, который расставит все точки над ё.

https://prglb.ru/5dqp1

​#tricks #interface #html

Движение текста по кривой

Забавный эффект перемещения текста, реализованный на SVG.

https://prglb.ru/4yeqi

Доброе утро понедельника :) Расскажите, пожалуйста, о своем опыте во фронтенд-разработке
anonymous poll

Есть некоторый опыт разработки на JS и/или популярных фреймворках – 273
👍👍👍👍👍👍👍 22%

JavaScript-джуниор – 271
👍👍👍👍👍👍👍 22%

Знаю HTML и CSS. JavaScript пока - темный лес – 248
👍👍👍👍👍👍 20%

Крепкий миддл – 237
👍👍👍👍👍👍 19%

Никакого опыта, делаю первые шаги – 142
👍👍👍👍 11%

JS-профессионал – 65
👍👍 5%

👥 1236 people voted so far.

​#css

Это не Дисней: практическое руководство по переходам и анимациям в CSS

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

https://prglb.ru/5go6z

​#frameworks #angular

Введение в Angular Elements

Учимся создавать удобные переиспользуемые компоненты на Angular и компилировать их в Custom Elements с помощью Angular Elements.

https://prglb.ru/5gjo2

​#javascript #advanced

Осваиваем Async/Await на реальных примерах

Async/await - это современный способ создания асинхронного кода, который выглядит как синхронный. Осваиваем его на примере приложения-конвертора валют.

https://prglb.ru/4vvs6

​#tools

Введение в Webpack для новичков

Webpack - это швейцарский нож веб-разработки. Если вы его еще не освоили, то скорее исправьте это недоразумение.

https://prglb.ru/f4jw

​#video #css #tricks

Верстка 3D-карточки

Небольшой туториал по созданию вращающейся 3D карточки с помощью CSS-трансформаций

​#javascript

Прощай, плохой код: вот как не лажать в JavaScript

На JavaScript легко писать работающие решения, но легко и совершать ошибки. Рассказываем и показываем, как стать лучше в JavaScript.

https://proglib.io/p/better-javascript/

​#css

Пользовательские свойства CSS в каскадной модели

Глубокое погружение в пользовательские свойства, приемы их использования и особенности работы в каскаде стилей.

https://prglb.ru/ubkg

#javascript #advanced

Список (продвинутых) вопросов по JavaScript

Большая подборка (уже больше 90) вопросов по JS разного уровня сложности. Проверьте свои знания!

https://prglb.ru/9p0p

​#javascript #beginners

JavaScript Maps vs Обычные объекты: смертельная битва

Среди других замечательных плюшек, в стандарте ES6 появились мапы (Maps) и сеты (Sets). Пора ли отказываться от старых-добрых объектов и массивов, или новые структуры не могут полностью их заменить?

https://proglib.io/p/js-maps-vs-objects/

#interface #tricks #video

Кастомные чекбоксы правильно

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

https://prglb.ru/2ly9r