1️⃣ Кодить «после работы» — хорошо, но если только реально хочется
2️⃣ Ограничьте себя по направлению и стеку
3️⃣ Делайте «продукты», а не проекты
4️⃣ Следуйте роадмапу и делайте брейкпоинты
5️⃣ Общайтесь с теми, кто знает больше
6️⃣ Балансируйте между «узнать» и «сделать»
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
⚛️ 45 вопросов для подготовки к собеседованию по React
Чтобы успешно пройти собеседование на позицию React-разработчика, важно хорошо понимать основные концепции, принципы и смежные технологии этой библиотеки.
В статье невозможно охватить все вопросы, которые могут задать на собеседовании, однако мы рассмотрим ответы на наиболее распространенные из них.
🔗 Читать статью
🔗 Зеркало
Чтобы успешно пройти собеседование на позицию React-разработчика, важно хорошо понимать основные концепции, принципы и смежные технологии этой библиотеки.
В статье невозможно охватить все вопросы, которые могут задать на собеседовании, однако мы рассмотрим ответы на наиболее распространенные из них.
🔗 Читать статью
🔗 Зеркало
This media is not supported in your browser
VIEW IN TELEGRAM
💡Вы можете сделать стили вашего компонента портативными с помощью контейнерных запросов:
🔥 Измените макет карточки в зависимости от размера
🤏 Уберите текст с кнопки, когда она маленькая
➡️ Поиграть можно здесь
#css #tip by Jhey
🔥 Измените макет карточки в зависимости от размера
🤏 Уберите текст с кнопки, когда она маленькая
.card {container-type: inline-size;}
@container (min-width: 50ch) {.info { grid-column: 2; }}
➡️ Поиграть можно здесь
#css #tip by Jhey
This media is not supported in your browser
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Библиотека тестировщика | QA, тестирование, quality assurance, manual testing, autotesting, ручное тестирование, автотесты
📰❌ 10 признаков фейковой вакансии
Как понять, что с вакансией что-то не так? Разбираемся в этой статье!
Читать статью
#почитать
Как понять, что с вакансией что-то не так? Разбираемся в этой статье!
Читать статью
#почитать
398. Servo, селекты, State of JS, адвенты, OTMT, Math в CSS, @scope…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Юля Миоцен, Вадим Макеев, Никита Дубко про Servo, селекты, State of JS, адвенты, подкаст OTMT, Math в CSS, @scope, адаптивное видео, дизайн и разработку.
00:02:40 Движок Servo
00:09:07 Линейки в селектах
00:15:16 Дэшборд с браузерами
00:19:42 State of JS 2023
00:23:38 Адвенты для всех
00:36:55 Подкаст OTMT
00:42:17 Math-функции в CSS
00:49:55 Особенности @scope
00:57:42 Адаптивное видео
01:08:41 Дизайнеры и разработчики
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
00:02:40 Движок Servo
00:09:07 Линейки в селектах
00:15:16 Дэшборд с браузерами
00:19:42 State of JS 2023
00:23:38 Адвенты для всех
00:36:55 Подкаст OTMT
00:42:17 Math-функции в CSS
00:49:55 Особенности @scope
00:57:42 Адаптивное видео
01:08:41 Дизайнеры и разработчики
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
🧑💻 Статьи для IT: как объяснять и распространять значимые идеи
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
📯Внимание всем отважным героям и искателям приключений!
«Библиотеки Программиста» с гордостью представляет новую захватывающую игру — «Битва с Драконом». Выберите своих персонажей и сразитесь с древним Крылатым Ужасом Бурлопиворогом в эпическом поединке!
Мы предлагаем вам взять под свой контроль хитроумного изобретателя или ловкого вора.
💎Победителей ждет почет, уважение и награда! Итак, кто осмелится бросить вызов Бурлопиворогу? Начните свою «Битву с Драконом»!
«Библиотеки Программиста» с гордостью представляет новую захватывающую игру — «Битва с Драконом». Выберите своих персонажей и сразитесь с древним Крылатым Ужасом Бурлопиворогом в эпическом поединке!
Мы предлагаем вам взять под свой контроль хитроумного изобретателя или ловкого вора.
💎Победителей ждет почет, уважение и награда! Итак, кто осмелится бросить вызов Бурлопиворогу? Начните свою «Битву с Драконом»!
⚒ Как использовать html-элемент <dialog>: гайд для фронтенд-разработчика
🤔 Размышления на тему того, почему хорошая нативная реализация подобных компонентов будет лучше, чем альтернативное решение на JS, даже если оно учитывает все требования к работе компонента.
💬 Если в вашем проекте какой-то функционал уже реализован на JavaScript, при наличии/появлении нативных HTML-элементов вы проведете рефакторинг?
💬 Если в вашем проекте какой-то функционал уже реализован на JavaScript, при наличии/появлении нативных HTML-элементов вы проведете рефакторинг?
Please open Telegram to view this post
VIEW IN TELEGRAM
Лайвкодинг на собеседованиях — это ок?
Anonymous Poll
29%
Конечно
26%
Нет, зачем тогда тестовое?
25%
Не принципиально
20%
Посмотреть результаты
Творческий туториал с интерактивными примерами, который объясняет, как использовать атрибут
viewBox в SVG. 📌 Что внутри:
☑️ SVG как уникальный формат изображения и преимущества производительности
☑️ Встраивание SVG
☑️ Использование и анимация
viewBox, манипуляции с viewBox☑️ Учет масштабирования обводки
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
animation-timeline и кастомных свойств..search {
animation: shrink;
animation-timeline: scroll();
animation-range: 0 calc(var(--header-height) * 0.5);
}
@keyframes shrink {
to { width: calc(100% - var(--button-size)); }
}
Переменная
--header-height используется для определения высоты контейнера заголовка. Вы можете использовать это для animation-range, применяемого в различных анимациях прокрутки 🤙В качестве другого примера, вы можете анимировать появление тени (
box-shadow) на заголовке, как только поиск зафиксирован 🍡header {
animation: shadow;
animation-timeline: scroll();
animation-range:
var(--header-height)
calc(var(--header-height) * 1.5);
}
@keyframes shadow {
to { box-shadow: 0 5px 10px hsl(0 0% 0%); }
}
Все это работает на основе
scroll() в animation-timeline, который подключается к прокрутке страницы. И затем используя --header-height в различных animation-range ✨Вы можете нажать на выглядывающего медведя, чтобы прокрутить страницу вверх:
<a href="#">Back to top</a>
CSS
:focus-within используется для активации плавной прокрутки только для этого взаимодействия.html:focus-within {
scroll-behavior: smooth;
}
➡️ Поиграть можно здесь
#css #tip by Jhey
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🤩Подборка полезных, но неочевидных приемов, которые помогут максимально эффективно использовать отладчик вашего браузера.
📌Не самый свежий гайд, но он достоин того, чтобы остаться в ваших закладках.
👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
#холивар
Please open Telegram to view this post
VIEW IN TELEGRAM
🛠 Дизайн-система Gravity UI: как легко построить свой интерфейс
Команда User Experience в Yandex Cloud выпустила дизайн-систему и библиотеку компонентов Gravity UI в опенсорс.
📌 Что внутри:
☑️ Набор базовых React-компонентов
☑️ Библиотека-конструктор для лендингов
☑️ Подробные гайды по использованию компонентов
☑️ Набор готовых иконок, в составе которого почти 600 вариантов
☑️ ChartKit — пакет для визуализации данных
☑️ Yagr — высокопроизводительный рендеринг графиков, основанный на uPlot
☑️ I18n — пакет для локализации интерфейса
☑️ Библиотека в Figma и ещё более 25 полезных библиотек
Под катом — детали использования Gravity UI, ее особенности и преимущества. А ещё — как настроить разные цветовые схемы в своих проектах.
Команда User Experience в Yandex Cloud выпустила дизайн-систему и библиотеку компонентов Gravity UI в опенсорс.
📌 Что внутри:
☑️ Набор базовых React-компонентов
☑️ Библиотека-конструктор для лендингов
☑️ Подробные гайды по использованию компонентов
☑️ Набор готовых иконок, в составе которого почти 600 вариантов
☑️ ChartKit — пакет для визуализации данных
☑️ Yagr — высокопроизводительный рендеринг графиков, основанный на uPlot
☑️ I18n — пакет для локализации интерфейса
☑️ Библиотека в Figma и ещё более 25 полезных библиотек
Под катом — детали использования Gravity UI, ее особенности и преимущества. А ещё — как настроить разные цветовые схемы в своих проектах.
Курсы для тех, кто хочет получить новые скиллы или перейти в другую компанию на грейд выше.
У вас есть возможность начать любой курс с бесплатных вводных занятий, чтобы познакомиться с преподавателями и форматом обучения.
Какой курс выбрать?
🔹 Математика для Data Science
Наш cамый популярный, самый хардкорный курс по вышмату! На этом курсе вы получите все необходимые знания по математике для старта карьеры в DS или аналитике.
🔹 Алгоритмы и структуры данных
Курс, который на практике познакомит со сложными алгоритмами и научит писать более короткий и эффективный код.
🔹 Основы программирования на Python
Если вы только хотите начать свою карьеру в IT, то этот курс точно для вас. Вы сможете получить новую профессию за 13 990 рублей, поймете, насколько вам подходит работа с кодом.
Если вы не знаете, какой курс вам подойдет, оставляйте заявку, и наш менеджер поможет с этим и любым другим вопросом – https://proglib.io/w/4dfcdde4
У вас есть возможность начать любой курс с бесплатных вводных занятий, чтобы познакомиться с преподавателями и форматом обучения.
Какой курс выбрать?
🔹 Математика для Data Science
Наш cамый популярный, самый хардкорный курс по вышмату! На этом курсе вы получите все необходимые знания по математике для старта карьеры в DS или аналитике.
🔹 Алгоритмы и структуры данных
Курс, который на практике познакомит со сложными алгоритмами и научит писать более короткий и эффективный код.
🔹 Основы программирования на Python
Если вы только хотите начать свою карьеру в IT, то этот курс точно для вас. Вы сможете получить новую профессию за 13 990 рублей, поймете, насколько вам подходит работа с кодом.
Если вы не знаете, какой курс вам подойдет, оставляйте заявку, и наш менеджер поможет с этим и любым другим вопросом – https://proglib.io/w/4dfcdde4