​#performance

Как контент веб-страницы влияет на расход аккумулятора

Повышаем энергоэффективность наших сайтов!

https://prglb.ru/4ls5a

​#javascript

Untrusted

Крутая игра, в которой нужно проходить уровни с помощью написанного вами JavaScript-кода!

Осторожно! Затягивает :)

https://alexnisnevich.github.io/untrusted/

​#interface

Предотвращаем прокрутку страницы при открытии модального окна

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

https://prglb.ru/4bbfs

​#tricks #css #javascript #effects

Крутые эффекты движения текста

https://prglb.ru/5dfbv

​#webpack #tools

Webpack с нуля до героя

Полное руководство в пяти главах по самому мощному инструменту фронтенд-разработчика:
- Глава 0. Введение и история https://prglb.ru/27aco
- Глава 1. Начало работы https://prglb.ru/2frca
- Глава 2. Конфигурация https://prglb.ru/4kq3
- Глава 3. Все является модулем https://prglb.ru/gbzn
- Глава 4. Динамические импорты и сплиттинг кода https://prglb.ru/4xerf

​#css #tools

Почему CSS Custom Properties лучше, чем SASS-переменные?

Рассматриваем преимущества кастомных свойств перед переменными препроцессоров.

https://prglb.ru/1qxxz

​​Начать карьеру Front-end разработчика можно без вложений за 6 месяцев. Единственный проект в России, где ты можешь научиться JavaScript разработке бесплатно. Оплата обучения происходит только после того, как ты начнешь работать. Первая зарплата от 70 000 рублей.

Тестовые задания принимаются до 10 октября
🙋‍♂️👉🏻 Количество мест ограничено, успей подать заявку: https://clck.ru/JG8QX

1. Ты получишь гарантию трудоустройства, если не найдешь работу, то ты ничего не должен.
2. Ты будешь учиться по индивидуальной программе с личным наставником.
3. Ты получишь опыт работы в коммерческом проекте для резюме.
4. Ты изучишь востребованный стек технологий: HTML/CSS/JS, React + Redux.
5. Ты будешь общаться в закрытом сообществе студентов - разработчиков.
6. И получишь карьерную поддержку от экспертов на 2 года: мастер-классы, митапы, консультации и тренинги.

​#patterns

Веб-разработка: 10 антипаттернов, которых лучше избегать

Плохие практики веб-программирования, от которых вы должны немедленно избавиться!

https://prglb.ru/3rljq

​#javascript #performance

Руководство по линтингу JS с помощью JSHint

Статический анализ кода позволяет быстро обнаружить множество ошибок. Поэтому линтер — один из главных инструментов разработчика.

https://prglb.ru/aqjz

​#javascript

Паттерны для frontend-приложений на JS

Технологии развиваются — паттерны остаются.

https://prglb.ru/4a2l5

​#javascript #3d #snippets

JavaScript в 3D: введение в Three.js

Вашим приложениям пора выходить в третье измерение!

https://prglb.ru/4915l

​​Мы сделали открытую для всех демоверсию остросюжетного курса по логике, математике и основам программирования, просим любить и жаловать: https://stepik.org/invitation/323048cf885bc62472344069a04616cc6e292412/

Если вам что-то понравилось, пишите, если что-то не понравилось, то тоже пишите, будем рады любым предложениям и пожеланиям: https://yangx.top/joinchat/Gm8k_RBjdOJX5hvzP0ATWg

#interface #css #video

Анимация в вебе

Доклад Юлии Музафаровой с фестиваля РИТ++ 2019

https://www.youtube.com/watch?v=1S6DJmW_D7I

​#javascript

7 полезных JavaScript трюков

https://prglb.ru/2x78

​#beginners

JavaScript Symbols. Новый тип примитивов

Зачем в JS появились символы и что с ними можно делать?

https://prglb.ru/2p2eq

​#testing

Пошаговое введение в тестирование эндпоинтов

От подключения и настройки инструментов до проведения полноценных тестов.

https://prglb.ru/5s91m

​#javascript #advanced #core

Как работает JavaScript: внутреннее устройство JavaScript и движка V8

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

https://prglb.ru/3csmv

​#tools #editor

Сниппеты в VS Code

Сниппеты — это кусочки кода, которые мы используем в своих проектах снова, снова и снова... Вместо того, чтобы каждый раз вводить их вручную, можно поручить эту скучную работу вашему редактору.

https://prglb.ru/56rfb

​#canvas #effects

Берем картинку, разбиваем ее на отдельные точки и создаем крутой эффект рассыпания при наведении

https://codepen.io/FlorinPop17/pen/VXayby

​#javascript #interview

Try/Catch/Finally

Детальный разбор конструкции try {} catch {} finally {}.

https://prglb.ru/wi2s

​#css #layout #grid

Причуды CSS Grid и абсолютного позиционирования

Статья, которая на доступных и рабочих примерах показывает то, как работает абсолютное позиционирование в CSS Grid и каких причуд стоит от него ожидать.

https://prglb.ru/12t91