FrontEndDev. Страница 79

3D баннеры с помощью ScrollTrigger

https://codepen.io/supamike/full/KKVqXmR

Создание телесуфлера на React с помощью Web SpeechRecognition API.

SpeechRecognition беспечивает возможность распознавать текст из входящего аудио потока

https://elijahmanor.com/react-teleprompter

#вакансия #front

Привет, Tilda ищет сильного фронтенд разработчика в команду.

Tilda – это продукт, который работает на стыке дизайна и программирования. Если вам интересно менять индустрию дизайн-инструментов, работать в прорывном продукте с большой аудиторией, приходите к нам.

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

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

📌Будет плюсом:
– Знание основ дизайна интерфейсов
– Навык декомпозиции сложных задач на понятные составные части
– Опыт работы по Scrum

👆Почему у нас классно работать:
– Отсутствие бюрократии, любой вопрос можно быстро обсудить и решить
– Просторный и уютный офис с высокими потолками и большими окнами в центре Москвы в 2х минутах от метро
– Международный проект с большой аудиторией

Если вы чувствуете, что мы ищем вас, отправьте письмо на [email protected] с темой письма: «Front-end в Tilda с FrontEndDev». В сопроводительном письме расскажите о себе и прикрепите ссылку на резюме в Google Docs.

Кортежи в 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