FrontEndDev

Кортежи в JS/ES и TypeScript в 2020 Кортежи (tuples) — неизменяемая и сравниваемая по значению версия массивов. Подробнее о работе с ними по ссылке. https://tech.geekjob.ru/tupples-js-es-typescript-2020/

Изучение регулярных выражений: руководство для начинающих https://www.sitepoint.com/learn-regex/

5 основных ошибок при мониторинге производительности. Если коротко: 1. Полагаться на один тестовый прогон - плохо 2. Использовать кучу инструментов для мониторинга 3. И ожидать от них одинаковый результат - плохо 4. Нельзя тестить только на проде 5. Фокусироваться не на тех метриках - тоже не очень https://calibreapp.com/blog/common-mistakes-in-tracking-speed

Server Side Rendering React App с Deno Очень короткий туториал. https://dev.p.ota.to/post/server-side-rendering-react-app-with-deno-4qf28vm8axb/

Выделение фрагмента текста: как сделать ссылку на конкретный фрагмент текста на веб-странице и подсветить его. Оказывается, не так уж и сложно) https://mgearon.com/html/text-fragments/

Основы CSS: анимация https://itnext.io/css-fundamentals-animations-e5970036c632

Доступное и удобное для клавиатуры гамбургер-меню + выдвижная навигация https://www.impressivewebs.com/accessible-keyboard-friendly-hamburger-menu-slide-out-navigation/

💣 Нет времени, чтобы следить за фронтендом? Слишком много закладок с интересными статьями, которые никогда не будут прочитаны? Что если можно читать только самое важное? Еженедельный дайджест FrontoWeek — это важнейшие события фронтенда за неделю и единственный канал, который нужно читать загруженному разработчику или тимлиду, чтобы оставаться в курсе.

Что нужно знать о метриках Core веб Vitals в Google. Метрики Core Web Vitals фокусируются на различных аспектах удобства использования страницы. https://searchengines.guru/ru/articles/2047835

Как получить размеры экрана, окна и веб-страницы в JavaScript. Или в чем отличие width от innerWidth и outerWidth. https://dmitripavlutin.com/screen-window-page-sizes/

Используем DI в Angular по максимуму — концепция частных провайдеров https://habr.com/ru/company/tinkoff/blog/507906/

​​Привет! Пришло время подтянуть твои скиллы и написать собственный аналог Авито на бесплатном интенсиве. Что будет 👇 — Познакомимся с основами JavaScript и ES6 — Научимся работать с элементами DOM дерева, получать элементы со страницы, манипулировать ими — Узнаем как работать с селекторами в особенности классами: добавлять, удалять и проверять наличие классов, — Работа со стилями CSS с помощью JS — Поработаем с объектами и массивами данных — Узнаем как отлавливать события с помощью JavaScript и реагировать на них — Научимся сохранять и получать данные из localStorage — Реализуем модальные окна и многое многое другое Будет общий чат с кураторами, которые помогут тебе с домашними заданиями. Записывайся на интенсив по ссылке: https://telegram.me/gloacademy_bot?start=5eff58d70d78a7000f0e3705

Эффект смятого постера на CSS. Прям как из кармана достал. https://codepen.io/lynnandtonic/full/PoZpjOr

Эмуляция различных медиа выражений в Chrome и отладка темного режима https://tech.geekjob.ru/emulate-prefers-color-scheme-media-query/

Туториал. Список задач с drag & drop https://htmlacademy.ru/blog/boost/frontend/drag-and-drop

Новые функции в TypeScript 3.9 https://www.telerik.com/blogs/new-features-in-typescript-3-9

Как верстать веб-интерфейсы быстро, качественно и интересно https://habr.com/ru/post/508064/

​​Друзья! Информация для тех, кто только собирается окунуться в мир Frontend разработки! Frontend-разработка — востребованная и перспективная специальность, в которой есть место творчеству. Хотите туда попасть? Прокачивайте скилы в SkillFactory на курсе "Frontend-разработчик". За 6 месяцев вы научитесь: 🔸 Создавать адаптиваные веб-сайты, используя инструменты верстки HTML, CSS и Flexbox 🔸 Создавать интерактивные интерфейсы веб-сайтов и приложений, используя JavaScript и фреймворк React 🔸Подсоединять сайты к серверной части, используя Node.js 🔸Тестировать созданные веб-сайты и приложения 🔸 Автоматизировать создание и запуск веб-сайтов с помощью Webpack По окончании курса у вас будет 3 готовых проекта, которые можно добавлять в резюме! 🎁SkillFactory проводит беспроигрышную акцию с подарками среди новых студентов, успей подать заявку на курс: https://clc.to/7AMRvw

Как сделать localStorage реактивным во Vue https://css-tricks.com/how-to-make-localstorage-reactive-in-vue/

Обход капч с помощью Headless Chrome. Чтобы ваш бот был совсем как человек) https://habr.com/ru/post/508192/