Frontend Study
Изучаем Frontend. По вопросам сотрудничества: @MiyaFitness
Mostrar más6 791
Suscriptores
+7424 horas
+4787 días
-15230 días
Distribuciones de tiempo de publicación
Carga de datos en curso...
Find out who reads your channel
This graph will show you who besides your subscribers reads your channel and learn about other sources of traffic.
Análisis de publicación
| Mensajes | Vistas | Acciones | Ver dinámicas |
01 90% - SVG Animation
SVG-анимация загрузки. Реализована с помощью JavaScript.
https://codepen.io/Adir-SL/details/zYozoNZ | 2 536 | 2 | Loading... |
02 Motion Blur Step 2
Анимация размытия в движении. Написана на чистом CSS.
https://codepen.io/Nealevf/pen/oNxKZOx | 3 840 | 1 | Loading... |
03 JavaScript. Напишите функцию order, которая принимает строку и возвращает её вариант, очищенный от цифр, вшитых в каждое слово, и отсортированный на основе этих цифр.
Ответ | 3 342 | 0 | Loading... |
04 Как вы можете обойти ограничение однопоточности JavaScript для улучшения производительности вычислительно интенсивной задачи?
Используйте Web Workers для выполнения задач в фоновом потоке. | 2 722 | 1 | Loading... |
05 Toaster
Создано на HTML и SCSS.
https://codepen.io/klaufel/pen/OJQBpVQ | 2 751 | 0 | Loading... |
06 Sliding Stepper
Счетчик с красивыми CSS-анимациями при переключении.
https://codepen.io/jkantner/pen/oNGzBmm | 2 845 | 0 | Loading... |
07 Section design with hover effect
Адаптивные карточки с красивым анимированным фоном при наведении. Реализованы с помощью CSS и JavaScript.
https://codepen.io/uiswarup/pen/BaaexdO | 2 911 | 0 | Loading... |
08 Linear-style Cursor Glow
Рассеянная подсветка при наведении на элемент, выполненная с помощью SCSS и JavaScript.
https://codepen.io/davidkpiano/pen/gOoNZNe | 2 971 | 1 | Loading... |
09 Point and click penguin
Весь экран разделен на клетки, при нажатии на которые задействуются множество анимаций. Создано без использования библиотек, на чистом JS.
https://codepen.io/Ma5a/pen/MWrZPOP | 2 206 | 2 | Loading... |
10 Face Grid Track
Сетка с отслеживанием положения курсора, выполненная с помощью Pug, SCSS и JavaScript.
https://codepen.io/ryankbrown/pen/QWQxQeB | 2 380 | 1 | Loading... |
11 Signup Form 3D FLIP Animation
3D-анимация формы регистрации, реализованная с помощью CSS и JavaScript.
https://codepen.io/team/keyframers/pen/LYRXGxO | 2 583 | 2 | Loading... |
12 JavaScript. Что будет выведено в консоль?
Ответ | 2 718 | 1 | Loading... |
13 Переключение тем
Темы оформления с возможностью переключения, реализованные с помощью PostCSS и JavaScript.
https://codepen.io/argyleink/pen/vYxrrpd | 2 409 | 1 | Loading... |
14 Modal Mitosis
Растягиваемое расширяющееся поле со скрытым контентом, написанное на чистом CSS с помощью фильтра goo для SVG и checkbox toggle.
https://codepen.io/ste-vg/pen/dENPjO | 2 859 | 3 | Loading... |
15 Responsive House
При передвижении слайдера изменяются значения дата-атрибутов, которые влияют на отображаемый дом.
https://codepen.io/davidkpiano/pen/xLKBpM | 3 055 | 0 | Loading... |
16 Sliding Icon Menu
Меню с анимацией скольжения между пунктами-иконками. Реализовано с помощью CSS и JavaScript.
https://codepen.io/ste-vg/pen/jONPjoV | 2 776 | 1 | Loading... |
17 #вопросы_с_собеседований
Что такое Веб-компоненты и какие технологии в них используются?
Веб-компоненты — технология, которая позволяет создавать многократно используемые компоненты в веб-документах и веб-приложениях. Веб-компоненты поддерживаются веб-браузерами напрямую и не требуют дополнительных библиотек для работы.
Веб-компоненты включают четыре технологии, каждая из которых может использоваться отдельно от других:
Custom Elements — API для создания собственных HTML элементов.
HTML Templates — тег позволяет реализовывать изолированные DOM-элементы.
Shadow DOM — изолирует DOM и стили в разных элементах.
HTML Imports — импорт HTML документов. | 2 924 | 1 | Loading... |
18 #вопросы_с_собеседований по React
Что такое ComponentWillUnmount()?
Эта функция вызывается после того, как элемент удаляется из DOM, и она очищает память, что помогает увеличить доступное пространство.
Укажите разницу между getIntialState() и constructor()?
Если вы хотите создать один компонент, расширив «React. Component», constructor поможет вам инициализировать состояние. Но если вы хотите создавать с помощью «React.createClass», вам следует использовать genInitialState.
Какая польза от пустых тегов <> </>?
Пустые теги используются в React для объявления фрагментов.
Объясните использование «ключа» в списке React
Ключи позволяют предоставить каждому элементу списка стабильную идентичность. Ключи должны быть уникальными.
Что такое чистые компоненты?
Чистые компоненты — это самые быстрые компоненты, которые могут заменить любой компонент только с помощью функции render(). Это помогает повысить простоту кода и производительность приложения. | 2 201 | 1 | Loading... |
19 Text Morph
Анимация трансформации текста. Написана на чистом CSS.
https://codepen.io/Valgo/pen/PowZaNY | 3 185 | 0 | Loading... |
20 Курс «Разработчик 1С» от Яндекса.
За 6 месяцев освоите один из самых простых языков программирования и пройдёте стажировку
Зарегистрироваться
#реклама 16+
practicum.yandex.ru
О рекламодателе | 2 204 | 0 | Loading... |
21 Custom Tooltip
Меню при нажатии на которое появляется пользовательская подсказка. Написано на чистом CSS.
https://codepen.io/Adir-SL/pen/VwXGPmy | 3 005 | 1 | Loading... |
22 Low code vs Hard code при построении интеграции
Тема Low code становится все более популярной среди ИТ-компаний. Звучит заманчиво – забрать часть работ по построению ИТ-решений у разработчиков и отдать аналитикам, чтобы они с помощью drag-and-drop могли сами строить интеграции с другими системами. Но работает ли это в реальности, особенно в крупном высоконагруженном бизнесе с нетиповыми бизнес-задачами и высокими требованиями к отказоустойчивости и перформансу решений?
Зарегистрироваться
#реклама
platformv.sbertech.ru
О рекламодателе | 1 721 | 0 | Loading... |
23 Аренда виртуального хостинга от 117руб. в месяц!
- быстрые SSD NVMe диски;
- бесплатная защита от ДДоС;
- высокий аптайм;
- техническая поддержка 24/7.
7 дней на тестирование виртуального хостинга и 3 дня — на VPS/VDS.
Переезд от другого хостера за наш счёт + подарим 3 месяца хостинга.
При аренде тарифов VPS первый месяц лицензии Ispmanager предоставляется бесплатно.
Длительный период аренды хостинга может принести вам 1 год бесплатного использования популярного в Рунете домена — .RU. Подробности о тарифах, участвующих в акции, — на нашем сайте.
Узнать больше
#реклама
ihc.ru
О рекламодателе | 1 654 | 0 | Loading... |
24 Мечтаете о ребёнке, здоровье, стройности и гармонии?
Специалистами телесно-ориентированной и квантовой психологии, эндокринологии, нутрициологии, энерготерапии разработаны различные программы. «Бархатное голодание», «Я-мама», «Новая жизнь», «Новая Я» и другие виды, направленные на улучшение общего состояния. Методы основаны на гармонизации, восстановлении и исцелении. Разные тарифы. Выбор на любой вкус и кошелек. Переходите на наш ватсапп и тг-канал!
Подать заявку
#реклама
slimmingcenter.ru
О рекламодателе | 1 545 | 0 | Loading... |
25 Проведите 90 вечеров в компании с хорошим кино
Весна — время витаминов и громких кинопремьер!
Чтобы было проще поднять себе настроение, смотрите новинки кино и сериалов 3 месяца за 1 ₽ в хорошем качестве. И даже больше, ведь в подписке доступны:
— Яндекс Музыка и ваши любимые исполнители.
— Возможность подключить ещё три аккаунта без доплат. Для ваших близких и любимых.
Смотреть
#реклама 18+
kinopoisk.ru
О рекламодателе | 1 022 | 0 | Loading... |
26 Электронные замки для гостиниц iLocks. Тест-драйв 0₽
Собственное ПО и производство. Комплектом выгоднее - скидка до 12%. Поддержка 24/7. Автоматизация бизнеса.
В наличии замки:
- для отелей
- для офисов
- для апартаментов
- для шкафчиков
- биометрические и другие
Узнать больше
#реклама
ilocks.ru
О рекламодателе | 1 203 | 0 | Loading... |
27 Ответьте на 1 вопрос и книги ваши до конца весны за 0 ₽
Более 250 000 книг и аудиокниг разных жанров в Букмейте. Попробуйте бесплатно!
Попробовать
#реклама 16+
bookmate.ru
О рекламодателе | 1 246 | 0 | Loading... |
28 JavaScript. Что будет выведено в консоль?
Ответ | 3 098 | 1 | Loading... |
29 Кто подписан на телеграм Авто.ру, знает о машинах всё!
Ведь это настоящая энциклопедия автомобильных знаний. Тут вы найдёте всё: от новостей мира авто до тест-драйвов новинок, от юридических разборов до советов по обслуживанию
Как подготовить авто к весне, насколько подорожают «параллельные» машины, что делать в случае ДТП — это и многое другое разбираем в официальном канале Авто.ру.
Советуем подписаться!
Подписаться
#реклама
О рекламодателе | 996 | 0 | Loading... |
30 Свой бизнес СТМ - контрактное производство теплоносителя
Производственная компания «ТосолНН» предлагает вам решение для начала своего бизнеса – контрактное производство теплоносителей под собственной торговой маркой (СТМ):
1) Производство, фасовка, этикетировка, упаковка продукции.
2) Помощь в разработке необходимого пакета документов на продукт.
3) Помощь в получении необходимых разрешительных документов.
4) Минимальный единовременный объем партии – 1 тонна.
5) Минимальная сумма годового контракта – 50 000 рублей.
6) Упаковка и отправка на маркетплейсы «под ключ».
7) Хранение и отгрузка готовой продукции.
ООО «ТосолНН» - современное производство, лаборатория контроля качества, штат высококвалифицированных специалистов компании позволяют выпускать до 25 000 тонн продукции в год.
Подробности на нашем сайте.
Узнать больше
#реклама
tnn-stm.ru
О рекламодателе | 1 067 | 0 | Loading... |
31 Ответьте на вопрос и музыка ваша 90 дней бесплатно
Яндекс Музыка для вас и 3-х ваших близких 90 дней бесплатно. Попробуйте сейчас!
Попробовать
#реклама 18+
music.yandex.ru
О рекламодателе | 925 | 0 | Loading... |
32 Sliding Icon Menu
Меню с анимацией скольжения между пунктами-иконками. Реализовано с помощью CSS и JavaScript.
https://codepen.io/ste-vg/pen/jONPjoV | 2 600 | 1 | Loading... |
33 Кредитная карта Тинькофф
Лимит до 1 000 000 ₽. 120 дней без процентов. Бесплатные переводы до 50 000 ₽ на карты других банков без подписки Tinkoff Pro и до 100 000 ₽ с подпиской. Рассрочка на покупки в любых магазинах. Решение за 2 минуты. Доставим карту на дом!
Подать заявку
Финансовые услуги оказывает: АО "Тинькофф Банк", АО "Тинькофф Страхование".
#реклама
tinkoff.ru
О рекламодателе | 1 604 | 0 | Loading... |
34 Знаете человека без руки? Мы поможем получить протез!
Мы в «Моторике» производим современные тяговые и бионические протезы рук для детей и взрослых, помогаем нашим пользователям со сбором всех документов и прохождением нужных инстанций во всех регионах РФ, чтобы они могли получить протез бесплатно.
Есть разные способы получить протез:
— по компенсации от государства
— при поддержке благотворительного фонда
— по контракту/конкурсу
Если вам или вашему знакомому нужен протез руки, оставьте заявку по ссылке ниже, мы свяжемся и проконсультируем.
Подать заявку
Есть противопоказания. Посоветуйтесь с врачом.
#реклама
motorica.org
О рекламодателе | 1 698 | 0 | Loading... |
35 Cards Carousel
3D-карусель на чистом CSS. Переключение между слайдами реализовано при помощи radio-кнопок.
https://codepen.io/TheMOZZARELLA/details/ZEawjmM | 3 570 | 2 | Loading... |
36 Обучаем Java-разработчиков оплата после выхода на работу
В Kata Academy можно выучиться на Java-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты.
Если задуматься, то все в выигрыше:
— ты получаешь работу в Москве или Санкт-Петербурге с хорошей зарплатой, мы получаем процент за инвестиции в тебя;
— в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше;
— мы прокачиваем твои навыки еще 2 года после курса: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут;
— мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов.
Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку!
Узнать больше
#реклама 18+
kata.academy
О рекламодателе | 2 | 0 | Loading... |
37 Что вы теряете, не пользуясь кредиткой от Тинькофф?
✅ Кэшбэк за покупки
✅ Лимит до 1 млн рублей
✅ До 120 дней без процентов на погашение других кредитов
✅ До 12 месяцев без процентов на покупки в рассрочку
✅ Бесплатные переводы до 100 тысяч рублей в месяц
Всё-таки заинтересованы в выгоде?
Тогда оформите заявку онлайн, а мы примем решение за 2 минуты и доставим карту уже сегодня!
Подать заявку
Финансовые услуги оказывает: АО "Тинькофф Банк", АО "Тинькофф Страхование".
#реклама
tinkoff.ru
О рекламодателе | 151 | 0 | Loading... |
38 Сыграем? 3 кадра — 3 месяца фильмов и сериалов за 0 ₽!
Проверьте себя и откройте возможность провести 90 вечеров с любимыми фильмами и сериалами всего за 0 ₽!
Бонусы после прохождения теста:
— Кинопоиск и Яндекс Музыка на 3 месяца за 0 ₽.
— Доступ к вашей подписке для трёх близких людей.
Предложение ограничено до 15.05.2024.
Играть
#реклама 18+
kinopoisk.ru
О рекламодателе | 1 281 | 0 | Loading... |
39 Timekeeping
Небольшое приложение - таймер, созданный на Vue и анимированный библиотекой gsap.
https://codepen.io/Sicontis/pen/qBVMzLj | 2 091 | 0 | Loading... |
40 UX in Motion | Animation
UX-элементы в движении. Написано на чистом CSS.
https://codepen.io/prvnbist/pen/zRMaeK | 2 466 | 0 | Loading... |
00:05
Video unavailableShow in Telegram
90% - SVG Animation
SVG-анимация загрузки. Реализована с помощью JavaScript.
https://codepen.io/Adir-SL/details/zYozoNZ
00:02
Video unavailableShow in Telegram
Motion Blur Step 2
Анимация размытия в движении. Написана на чистом CSS.
https://codepen.io/Nealevf/pen/oNxKZOx
Photo unavailableShow in Telegram
JavaScript. Напишите функцию
order, которая принимает строку и возвращает её вариант, очищенный от цифр, вшитых в каждое слово, и отсортированный на основе этих цифр.
ОтветКак вы можете обойти ограничение однопоточности JavaScript для улучшения производительности вычислительно интенсивной задачи?
Используйте Web Workers для выполнения задач в фоновом потоке.
00:04
Video unavailableShow in Telegram
Toaster
Создано на HTML и SCSS.
https://codepen.io/klaufel/pen/OJQBpVQ
00:07
Video unavailableShow in Telegram
Sliding Stepper
Счетчик с красивыми CSS-анимациями при переключении.
https://codepen.io/jkantner/pen/oNGzBmm
00:11
Video unavailableShow in Telegram
Section design with hover effect
Адаптивные карточки с красивым анимированным фоном при наведении. Реализованы с помощью CSS и JavaScript.
https://codepen.io/uiswarup/pen/BaaexdO
🔥 1
00:08
Video unavailableShow in Telegram
Linear-style Cursor Glow
Рассеянная подсветка при наведении на элемент, выполненная с помощью SCSS и JavaScript.
https://codepen.io/davidkpiano/pen/gOoNZNe
00:10
Video unavailableShow in Telegram
Point and click penguin
Весь экран разделен на клетки, при нажатии на которые задействуются множество анимаций. Создано без использования библиотек, на чистом JS.
https://codepen.io/Ma5a/pen/MWrZPOP
00:08
Video unavailableShow in Telegram
Face Grid Track
Сетка с отслеживанием положения курсора, выполненная с помощью Pug, SCSS и JavaScript.
https://codepen.io/ryankbrown/pen/QWQxQeB