Шпаргалка по SEO для разработчиков и веб-мастеров

29 пунктов, которые обязательно нужно проверить до и после запуска сайта!

Читать: https://dev.to/pagely/seo-cheat-sheet-for-devs-5h1g

#seo

​Утечки памяти в веб-приложениях

Откуда берутся - и как бороться?

Когда код вашего приложения выполняется на клиентской стороне, нужно заботиться о ресурсах устройства, на котором он работает. Утечки могут съесть целые гигабайты памяти - за это пользователь вам спасибо не скажет!

Читать: https://prglb.ru/vbc2

#browser #performance #bestpractices #javascript

​Проблемы с тултипами - и чем их заменить

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

Читать: https://adamsilver.io/articles/the-problem-with-tooltips-and-what-to-do-instead/

#interface

​​Сегодня недооценивают проблему конфиденциальности с «тыла». Никто из нас не застрахован от того, что под давлением мы будем вынуждены показать переписку с рук. В роли принуждающего может быть кто угодно, начиная от злоумышленника и заканчивая пограничником, в любой точке мира.

Ни один из популярных мессенджеров не имеет защиты от подобной «атаки». Ребята из Postuf предлагают тебе исправить эту ситуацию на основе открытого кода Telegram. Если твое решение окажется лучшим, то ты получишь 5000$. Твоей задачей будет разработать принцип «двойного дна» в оригинальном клиенте Telegram.

Идея «двойного дна» заключается в том, что юзер, будучи под давлением, мог бы открыть Telegram и показать пустой аккаунт, где нет важных переписок. При этом злоумышленник не поймет, что ему показали лишь один из нескольких аккаунтов, скрытых в мессенджере.

Подробности об участии здесь: https://yangx.top/postuf/17

​🕵️ Puppeteer: парсинг сайтов с JavaScript

Библиотека Puppeteer позволяет создавать веб-скраперы, имитирующие действия пользователя на странице.

Читать: https://prglb.ru/4o5mg

#javascript #parsing #browser #tools

Вакансия: Front-end разработчик в Tilda (офис / Москва)
Компания: Tilda Publishing — платформа для создания сайтов, интернет-магазинов или посадочных страниц.

👨‍🎓 Спектр задач: В Тильде есть несколько направлений, которые мы рассматриваем как внутренние продукты. Одним из них является Библиотека блоков. Мы ищем разработчика, который будет заниматься созданием новых блоков и поддержкой существующих, а также развитием нашего внутреннего фреймворка для их создания.

📌 От кандидата мы ожидаем:
- Отличные знания HTML, CSS, JS
- Опыт кроссбраузерной и адаптивной верстки
- Базовые знания Git
- Технический английский
- Умения разбираться в чужом коде и писать читаемый код
- Внимание к UX, желание создавать удобные интерфейсы
- Навык расставлять приоритеты и самостоятельно доводить задачи до финальной стадии

Ссылку на резюме и сопроводительное письмо отправлять на [email protected]

➡️ Подробности - https://proglib.io/vacancies/front-end-razrabotchik-v-tilda-tilda-publishing-2020-06-20

​3 способа коммуникации между компонентами в Svelte

Из статьи вы узнаете, как наладить общение между родительскими и дочерними компонентами в Svelte-приложении.

Вкратце - есть три способа:
1️⃣ Передать в дочерний компонент обработчик-замыкание, имеющий доступ к состоянию родителя
2️⃣ Передать в дочерний компонент само состояние через переменную
3️⃣ Использовать dispatcher для передачи сообщений

Подробнее: https://prglb.ru/2h75x

#frameworks #svelte

​Правильный ответ: 1 января 2020 года

Конструктор даты в JavaScript самостоятельно исправляет все ошибки параметров. Минус первый месяц 2020 года превращается в последний месяц 2019. А лишний 32-й день переходит на следующий месяц.

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

​13 советов по безопасности на фронтенде

Фронтенд несет ответственность за безопасность приложения не меньше, чем бэкенд. Поэтому не расслабляемся и читаем, как защититься от "злых хакеров": https://prglb.ru/7n89

#security

​Простые директивы Vue для быстрой разработки

👉 v-hotkey - поддержка горячих клавиш
👉 v-click-outside - отслеживание кликов вне компонента
👉 v-clipboard - копирование в буфер

Подробнее о том, как подключить и использовать: https://prglb.ru/kfib

#frameworks #vue

Курс по основам UI-дизайна

Маленький, но важный курс Гэри Саймона на Scrimba, в котором вы разберетесь с базовыми концепциями UI (цвет, контраст, типографика и т. д.) и научитесь правильно их использовать.

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

Пройти курс (бесплатно): https://prglb.ru/vp5o

#video #interface #design

​⏳ 10 способов ускорить загрузку вашего сайта

Десять моментов, на которые стоит обратить внимание, чтобы сократить время загрузки страниц.

Читать: https://prglb.ru/1djoa

#performance

Правильный ответ: 5 вариант

Счетчик counter не инициализируется с помощью свойства counter-reset выше по дереву DOM, поэтому для каждого элемента li первого уровня он будет инициализироваться заново.

Рецепт создания многоуровневого списка с помощью CSS-счетчиков и еще много полезных трюков вы можете найти в коллекции 30 seconds of CSS: https://prglb.ru/4ro92

#css #quiz

Анимация с искажениями

Туториал по созданию интересной анимации с помощью библиотеки Three.js - изображения искажаются при движении.

Демо здесь: https://tympanus.net/Tutorials/MotionHoverEffects/
Руководство здесь: https://prglb.ru/xvzp

#animation #tools

Коллекции JavaScript – Set, Map, WeakMap и WeakSet

Обычные массивы уже всем надоели - давайте посмотрим на свежее пополнение в JavaScript: сеты, мапы и их "слабые" версии.

Читать: https://prglb.ru/57wxq

В статье описан интерфейс каждой коллекции и приведены полезные кейсы использования.

#javascript #core

​Внутреннее устройство JavaScript и движка V8: что нужно знать, чтобы писать быстрый и правильный код

Перевод двух первых статей из замечательного цикла How JavaScript works. В первой части - общий обзор движка, среды выполнения и стека вызовов. Во второй - устройство V8 и оптимизация кода. В конце — советы по оптимизации кода для разработчиков.

Читать: https://prglb.ru/3csmv

#javascript #engine #v8

Управление памятью в JavaScript, утечки памяти и как с ними справляться

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

Читать: https://prglb.ru/4s21z