CSS-In-JS для React приложения

Сравниваем Linaria и Styled Components.

🔥 MoscowJS #52 уже 18 мая в 19:00 в гостях!

Синтетические данные — это, конечно, хорошо, но можно ли лучше и проще?

Примерно таким вопросом задался Илья Алонов из Авито и откопал JS Self-Profiling. Можно ли с помощью этого браузерного API сделать систему мониторинга производительности? Нужно ли оно в целом и насколько лучше синтетики?

Если интересуетесь перформансом веб-приложений — приходите слушать доклад Ильи и других спикеров митапа.

Подписывайтесь на ютуб-канал AvitoTech и тыкайте по колокольчику под видео, чтобы не пропустить трансляцию. Добавляйте встречу в календарь.

Реклама. ООО «Авито Тех». LdtCK1FQY

Курс «Английский для разработчиков» Яндекс Практикума

Для тех, кто хочет изменить свою профессиональную жизнь и работать в международной команде.

Обучение построено не вокруг абстрактной теории, а вокруг рабочих ситуаций и полезных для карьеры навыков:

✋Стендапы. Подготовитесь обсуждать задачи, задавать вопросы и просить о помощи.
👨‍💻 Работа с заказчиками. Научитесь презентовать решения, говорить про баги и фичи.
📣 Митапы. Сможете понимать на слух доклады и выступать сами.
😎 Собеседования. Научитесь рассказывать про свой опыт, понимать вопросы и тактично переспрашивать.
👯 Неформальное общение с коллегами. Сможете рассказать о своих интересах, опыте, планах на будущее.
💻 Код-ревью. Сможете описать сделанное, дать обратную связь, тактично отстоять своё мнение.

Запишитесь на бесплатную консультацию. Кураторы определят ваш уровень языка и расскажут подробнее про обучение.

Animated Upload Modal

Анимированная форма загрузки файла, созданная на HTML, CSS и JS.

Эксплойтинг браузера Chrome, часть 1: введение в V8 и внутреннее устройство JavaScript

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

Итак, давайте без лишних предисловий приступим к изучению сложного мира эксплойтинга браузеров!

Задача

Что будет выведено в консоль после выполнения этого кода?

Ответ

Gray & White - Skewed Slider with Scrolling

Перекошенный слайдер с прокруткой. Реализован с помощью JavaScript и CSS.

❗️ Хотите начать писать автотесты на JS?

⚠️ Приходите 8 июня в 20:00 на открытый урок в преддверии старта онлайн-курса «JavaScript QA Engineer» в OTUS.

📌 На занятии мы познакомимся с основами популярного фреймворков для написания тестов на JavaScript — mocha и библиотеки утверждений — chai.

Для этого мы:
— Рассмотрим основные принципы написания тестов
— Узнаем, как использовать chai для создания автоматизированных тестов на JavaScript
— Напишем пару unit и API тестов.

Урок пройдет в рамках онлайн-курса OTUS “JavaScript QA Engineer”. После занятия полный курс можно приобрести удобным для вас способом.

👉 Готовьте вопросы и записывайтесь на вебинар!
РЕГИСТРАЦИЯ — https://otus.pw/guf7/

Нативная интеграция. Информация о продукте www.otus.ru

JavaScript. Что будет выведено в консоль?

Ответ

🎯 Как перейти из ручного тестирования в автоматизацию на JavaScript?

🦾 Конечно прокачивать свои скилы!

Пройди хардкорный тест по автотестированию на JS и проверь свой уровень.

Ответишь — пройдешь на продвинутый курс «JavaScript QA Engineer» от OTUS по специальной цене + получишь видео-курс по Git в подарок

👉 ПРОЙТИ ТЕСТ
https://otus.pw/oK73/

🔥 Курс доступен в рассрочку.

Нативная интеграция. Информация о продукте www.otus.ru

Овладейте всем потенциалом анимирования с Vue

В этой статье автор расскажет, как Vue позволяет разработчикам писать более гибкий и переиспользуемый код, и как использовать Composition API для создания анимаций в Vue с помощью CSS и JS библиотеки GSAP, а также вы узнаете как создать эффект прожектора, используя радиальный градиент.

Читать...

3D Cards

Вёрстка реализована с использованием возможностей препроцессоров Pug и SCSS. В JS создана логика поворота карточки, зависящая от положения курсора пользователя.

Blob study

Анимированная 3D-капля, выполненная с помощью CSS и JavaScript.

ПРОКАЧАЙ СВОЮ КАРЬЕРУ ЗА 14 ДНЕЙ!

Приглашаем на онлайн-интенсив ВЗЛОМ КАРЬЕРЫ FRONTEND для начинающих специалистов от карьерного консультанта IT-шников Любови Прохоровой и frontend разработчика Павла Ефремова.

Ты получишь:
🔸 Готовое и эффективное резюме
🔸Научишься писать правильно и быстро Cover Letter
🔸Оформишь LinkedIn так, чтобы к тебе приходили рекрутеры
🔸Узнаешь технический базис, который спрашивают на интеревью
🔸Будешь иметь примеры практических заданий на при отборе на свой грейд
🔸Научишься очаровывать рекрутеров и HR
🔸Пройдешь интервью с Senior Разработчиком и получишь фидбек
🔸Поддержку от наставников во время и после интенсива

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

📌 Пройди онлайн-тест и узнай: готов ли ты взять оффер?
Отправляй заявку на careerhack.ru, чтобы получить тест!

Не упусти свой шанс ВЗЛОМАТЬ КАРЬЕРУ и стать ТОПОВЫМ FRONTEND разработчком!

Professional JavaScript for Web Developers

Автор: Matt Frisbie
Год издания: 2019

Рецензия на книгу:
Плюсы:
1. Актуальность материала;
2. Множество примеров кода;
3. Глубокое погружение в тему.

Минусы:
1. Присутствуют опечатки.

JavaScript. Что будет выведено в консоль?

Ответ