Почти кодинг стикеры. Но в этом и прелесть стикерпака — многие просто жизненны.

​​Пошаговое создание легендарной игры Bejeweled на jQuery 😎

Собирать цветные камни – лучший способ убить время. Автор заглянет под капот игры Bejeweled и создаст ее с нуля с помощью jQuery

Читать - https://proglib.io/p/bejeweled-with-jquery/

#javascript

​​Превращение разработчика-джуниора в мидла 👽

Cтадии карьеры, о которых автор будет говорить в этой статье, не обязательно имеют прямую связь с названиями должностей. Речь скорее идет о количестве навыков, знаний и умений разработчика.
Также эти стадии могут варьироваться в зависимости от вашей сферы деятельности – веб-разработка, интернет вещей, анализ данных и т. д.
Впрочем, общие принципы применимы довольно широко.

Читать - https://techrocks.ru/2019/06/25/becoming-a-middle-developer

#work

Bootstrap vs Grid CSS

По мере того, как поддержка Grid CSS стала крепнуть, у веб-разработчиков стал назревать вопрос: «А нужен ли вообще Bootstrap или можно теперь пользоваться только сеткой Grid?»

Вполне разумно, учитывая, что большинство разрабов используют популярную сетку из файла bootstrap-grid.css в своих проектах.

Что-ж, я подготовила для вас ролик, в котором расскажу для чего создавался Bootstrap, зачем нужно использовать Grid CSS и в каких целях стоит применять то и другое в своих проектах.

Смотреть — https://youtu.be/4Loq2I9X_v8

​​"Липкий" футер 👀

Футер всегда должен «прилипать» к низу страницы — это негласное правило дизайна веб-сайтов. Для начинающих верстальщиков оно может превратиться в головоломку. Как растянуть контейнер, если контента в нем мало, но при этом избежать переполнения при большом количестве текста?

Читать - https://medium.com/webbdev/css-ad460c35ec1b

#css

​​Отладка и устранение распространённых ошибок в JavaScript 😎

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

Читать - https://tproger.ru/translations/javascript-common-errors-debugging

#javascript

​​Разбираемся с Async/Await в JavaScript на примерах 🙊

Callback — это не что-то замысловатое или особенное, а просто функция, вызов которой отложен на неопределённое время. Благодаря асинхронному характеру JavaScript, обратные вызовы нужны были везде, где результат не может быть получен сразу.

Читать - https://tproger.ru/translations/understanding-async-await-in-javascript

#javascript

​​Введение в хуки жизненного цикла Vue 🙊

В этой статье автор рассказывает обо всех хуках, доступных для использования в вашем рабочем процессе Vue.js

Читать - https://blog.logrocket.com/introduction-to-vue-lifecycle-hooks

#vue

​​10 лучших JavaScript библиотек для визуализации данных на графиках и диаграммах 😎

Объемы данных, с которыми нужно работать, постоянно увеличиваются. И чем больше информации, тем сложнее ее обрабатывать. Вот почему сейчас стала особенно популярна тема визуализации данных — в виде графиков, диаграмм, дашбордов, желательно интерактивных. Визуальное представление данных позволяет нам, людям, тратить меньше времени и сил на их просмотр, анализ и осмысление, а также на принятие правильных, информированных решений на основе этого.
Вряд ли кто-то станет отрицать, что в современном HTML5 вебе JavaScript — самая универсальная и простая технология для визуализации данных. Так что, если вы занимаетесь фронтенд-разработкой, то вы, скорее всего, либо уже имели дело с созданием JS чартов, либо столкнетесь с этим в (скором) будущем.

Читать - https://habr.com/ru/post/457946/

#javascript

​​Функциональный JavaScript: пять способов нахождения среднего арифметического элементов массива и метод .reduce() 😈

Методы итерирования массивов похожи на «стартовые наркотики». Из-за них многие «подсаживаются» на функциональное программирование. Всё дело в том, что они невероятно удобны. Кроме того, большинство этих методов очень просто понять. Методы наподобие .map() и .filter() принимают всего один аргумент-коллбэк и позволяют решать простые задачи. Но возникает такое ощущение, что метод .reduce() у многих вызывает определённые затруднения. Понять его немного сложнее.

Читать - https://habr.com/ru/company/ruvds/blog/458030/

#javascript

​​19 концепций, которые нужно изучить для того, чтобы стать эффективным Angular-разработчиком 👀

Если взглянуть на Angular, то возникает такое ощущение, что этот фреймворк постоянно меняется и обновляется. На самом же деле в том, что касается Angular, можно выделить некоторые идеи, которые остаются неизменными. В материале, приведён обзор базовых концепций Angular, которые нужно понять для того, чтобы правильно и эффективно пользоваться возможностями этого фреймворка.

Читать - https://habr.com/ru/company/ruvds/blog/455503/

#angular

​​5 функций ES2019, которые вы можете использовать сегодня 😎

В этом году будет выпущен ECMAScript 2019 (ES2019). Новые функции включают в себя Object.fromEntries()trimStart()trimEnd()flat()flatMap().
Хорошей новостью является то, что эти функции уже были реализованы в последних версиях Firefox и Chrome, и их также можно переносить, чтобы старые браузеры могли их обрабатывать. В этой статье автор подробно рассмотрит эти функции и расскажет, как они обновляют язык.

Читать - https://blog.logrocket.com/5-es2019-features-you-can-use-today

#javascript

​​Галерея картинок в стиле Pinterest 👀

CSS Grid и Flexbox значительно облегчили построение адаптивных макетов, центрирование элементов и создание CSS-эффектов. Тем не менее, у нас осталась еще одна нерешенная проблема.
Как создать разметку, в которой позиция элемента по вертикали зависит от высоты элемента, расположенного над ним, как на Pinterest?

Читать - https://medium.com/webbdev/tips-dac552393f91

#css

​​Введение в CSS Shapes 😎

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

Читать - http://htmlbook.ru/blog/vvedenie-v-css-shapes

#css

​​Как увеличить размер страницы на 1500% с помощью webpack и Vue 😎

Существует множество статей о том, как уменьшить размер страницы, но ни одной о том, как его увеличить..

Читать - https://css-tricks.com/how-to-increase-your-page-size-by-1500-with-webpack-and-vue

#vue

​​4 приема, которые помогут оптимизировать front-end 👀

В трендах дизайна уже давно засели красивые анимации. UI-дизайнеры делают выверенные «карусели», загрузки, анимации меню и другие украшения, а frontend разработчики переводят их в код. Однако сайт должен не только хорошо выглядеть, но и быстро работать.

Читать - https://habr.com/ru/company/epayments/blog/455700/

#work

​​Компоненты всему голова: тренды компонентного подхода в 2020 😎

После многих лет поисков JavaScript-мастерам удалось найти философский камень фронтенда – компоненты. Что ждет веб в 2020?

Читать - https://proglib.io/p/components-in-web/

#javascript

Figma за 13 минут для верстальщиков

Смотреть — https://youtu.be/aQO_XjHYq8I

Специально для вас записала короткое руководство пользования по Figma. Отвечу на основные вопросы и покажу, как пользоваться программой за 13 минут без воды. Всё, что нужно знать верстальщику вы найдете в этом видео.

​​Практические рекомендации по разработке масштабных React-приложений. Планирование, действия, источники данных и API 😈

Первая часть перевода материала, который посвящён разработке крупномасштабных React-приложений. При создании одностраничного приложения с помощью React очень легко привести его кодовую базу в беспорядок. Это усложняет отладку приложения, затрудняет обновление или расширение кода проекта.

Читать - https://habr.com/ru/company/ruvds/blog/458496/

#react

Мини-гайд по CSS селекторам 🔥

CSS селекторы — это то, что вы используете чаще всего при верстке сайтов. Возможно, вы не знали их названия, но, наверняка, использовали в своих проектах.

С точки зрения теории существует 30 селекторов, поэтому я буду поочередно рассказывать о них. Красочно. Наглядно. В картинках.

#cssselectors