Senior Frontend - javascript, html, css
Senior Front - канал для frontend программистов, практические задачки, проверки знаний, интересные статьи Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Менеджер по рекламе: @Spiral_Yuri
Більше28 160
Підписники
+2024 години
+247 днів
+12930 днів
- Підписники
- Перегляди допису
- ER - коефіцієнт залучення
Триває завантаження даних...
Приріст підписників
Триває завантаження даних...
00:07
Відео недоступнеДивитись в Telegram
Golf Toggle
Оригинальный переключатель, анимированный в CSS. Логика смены CSS классов при нажатии реализована в JS.
👉 @seniorFront
2024-06-23 21-15-30.mp44.19 KB
🔥 6
CodePen
Фото недоступнеДивитись в Telegram
Прокачай скиллы, чтобы получить заветный оффер
Ребята из команды FAANG School собрали в одном месте гайды, шпаргалки, мануалы и чек-листы, в общем всё, что поможет стать сильными профессионалами.
Основные концепции Docker, наборы команд в JetBrains, пошаговая RoadMap по Java и множество других полезных материалов будут всегда под рукой, помогут быстро справиться со сложными вопросами и тем самым приблизят вас к высокой зп.
Библиотечный каталог постоянно пополняется, а значит, будет еще больше ценного контента. Бесплатно и навсегда!
Переходи, заглядывай в библиотеку и сохраняй полезности, если хочешь увеличить шансы устроиться в Яндекс, Amazon, Google и другие.
Попасть в библиотеку JAVA JUNIOR
Фото недоступнеДивитись в Telegram
prefers-color-scheme
Свойство prefers-color-scheme — это медиавыражение, которое определяет выбранную в предпочтениях пользователя настройку темы в операционной системе. Свойство поддерживается всеми основными браузерами.
Пример
В этом коде с помощью prefers-color-scheme определяем, что у пользователя выбрана светлая тема, и задаём для неё свои цвета.
@media (prefers-color-scheme: light) {
.block {
background: white;
color: black;
}
}
👉 @seniorFront👍 3
Статья
Фото недоступнеДивитись в Telegram
Как работать эффективно, если ты тревожный человек
Быть эффективным в профессии, когда тебя одолевает тревога и даже панические атаки, непросто, но реально. Для этого надо разобраться в сути тревожности, подобрать подходящие инструменты и методики по работе с ней, обзавестись поддержкой. Обо всем этом и поговорим в статье.
👉 @seniorFront
❤ 7👎 1🔥 1
Статья
Фото недоступнеДивитись в Telegram
Partial Word Searching
Напишите метод, который будет искать в массиве строк все строки, содержащие данную подстроку, игнорируя заглавные буквы. Затем верните массив найденных строк.
Метод принимает два параметра: строку запроса и массив строк для поиска, и возвращает массив.
Если строка не содержится ни в одной из строк массива, метод возвращает массив, содержащий одну строку: «Empty».
Пример:
wordSearch("me",["home", "milk", "Mercury", "fish"]) => ["home", "Mercury"]
👉 @seniorFront👍 3🤔 1
CodeWars
Фото недоступнеДивитись в Telegram
Обучаем Java-разработчиков оплата после выхода на работу
В Kata Academy можно выучиться на Java-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты.
Если задуматься, то все в выигрыше:
— ты получаешь работу в Москве или Санкт-Петербурге с хорошей зарплатой, мы получаем процент за инвестиции в тебя;
— в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше;
— мы прокачиваем твои навыки еще 2 года после курса: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут;
— мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов.
Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку!
Узнать больше
#реклама 16+
kata.academy
О рекламодателе
00:10
Відео недоступнеДивитись в Telegram
3D Card Slider - GSAP
Логика переключения слайдов и анимация реализованы библиотекой gsap.
👉 @seniorFront
2024-06-16 18-44-35.mp44.43 MB
👍 8🔥 3
CodePen
Фото недоступнеДивитись в Telegram
Привет, ребята
Хочу напомнить, что скидка на полный курс по верстке и созданию сайтов действует до завтра.
Это не вебинар с морем воды, где будут впаривать какую-то дичь. Это полноценный курс по верстке с практикой и обратной связью. И все это по цене похода в пиццерию.
Подробнее о курсе можно почитать по ссылке, там же можно почитать отзывы
https://stepik.org/a/195283/pay?promo=eb40bd33c7584f50
PS Если не понравится курс - в течении 30 дней можно вернуть оплату
👍 2👎 2❤ 1
Записаться на курс
08:23
Відео недоступнеДивитись в Telegram
Modern Button Hover Effects
В этом видео создаются кнопки, текст внутри которых анимируется при наведении.
👉 @seniorFront
Modern Button Hover Effects using CSS & Javascript.mp430.85 MB
🔥 6
Статья
Какими ключевыми словами можно задать форму радиального градиента?Anonymous voting
- circle, ellipse
- radial, round
- horizontal, vertical
- top, left, right, bottom
👍 6🤔 5
Оберіть інший тариф
На вашому тарифі доступна аналітика тільки для 5 каналів. Щоб отримати більше — оберіть інший тариф.