Senior Frontend - javascript, html, css. Страница 27

👉 @seniorFront

CSS Snowy Winter Вся сцена создана и анимирована на HTML и CSS. 👉 @seniorFront

panda button При нажатии на кнопку панда генерируется и анимируется в JS. 👉 @seniorFront

Для тех кто просил, канал с мемами для программистов и айтишников👇 https://t.me/+8eN45lIfdTVmNzcy

👉 @seniorFront

CSS Elastic Line Animation Effects В этом видео создается svg картинка, а затем анимируется в CSS. 👉 @seniorFront

Snowball Preloader Зимний загрузчик, созданный на HTML и CSS. 👉 @seniorFront

Scroll between two pages Страница, на которой отсутствует стандартная прокрутка. Переход на следующий экран осуществляется нажатием на кнопку-стакан. 👉 @seniorFront

​Собеседование по методике STAR Рекрутеры используют STAR, чтобы подбирать персонал по характеру кандидата. STAR помогает определить лидерство, решительность, мотивацию, коммуникативные навыки человека. STAR относят к поведенческому виду интервью. В ходе собеседования рекрутер спрашивает о прошлом опыте кандидата и просит его рассказать о конкретных ситуациях. S-вопросы Такие вопросы дают возможность проанализировать, как кандидат относится к каждой отдельной ситуации. Рассказывая, он демонстрирует уровень мышления и инструменты, которые помогают ему решать ситуацию. 1) Расскажите, как вы искали работника, которого наняли последним. 2) Ваш подчиненный потерял интерес к работе. Расскажите об этом. 3) Самое сложное решение, которое вы приняли на работе за последние полгода. T-вопросы Трудно оценить действия сотрудника, если мы не понимаем задачи, которая перед ним стояла. 1) Какая задача стояла перед вами? 2) Какую задачу вы бы поставили себе в этой ситуации? 3) Что было для вас главным в этой ситуации? A-вопросы Мы узнали о задачах, стоящих перед кандидатом, теперь нам нужно определить, как именно он действует. 1) Какие доводы вы привели? 2 Что вы сделали, чтобы настроить собеседника на спокойный разговор? 3) Как вы принимали решение? R-вопросы Помогают определить результат. Насколько успешно кандидат действовал и удалось ли ему реализовать задуманное? 1) Чем все закончилось? 2) Какими были итоговые договоренности? 3) В какой момент все было готово? 👉 @seniorFront

Animated Upload Modal Анимированная форма загрузки файла, созданная на HTML, CSS и JS. 👉 @seniorFront

InnerHtml в React Атрибут dangerouslySetInnerHTML в React является альтернативой innerHTML. Как и последний, его использование представляет собой угрозу межсайтового скриптинга (XSS). Необходимо передать объект с ключом html и HTML-разметкой в качестве значения. В приведенном ниже примере MyComponent использует атрибут dangerouslySetInnerHTML для определения разметки: function createMarkup() { return { __html: 'Первый &middot; Второй' } } function MyComponent() { return <div dangerouslySetInnerHTML={createMarkup()} /> } 👉 @seniorFront

World Places Карточки с эффектом поворота при наведении, созданные на HTML и CSS. 👉 @seniorFront

Maximum and minimum Создайте две функции - max и min, которые возвращают соответственно максимальное и минимальное из переданных в них числа. Нельзя использовать Math.max и Math.min. Примеры: max(1,2,3,4) //returns 4 max(1,2,3,['4']) //returns 4; note it returned 4 not '4' max(1,2,[3,4]) //returns 4 max(1,2,[3,[4]]) //returns 4 max(1,2,[3,['4r']]) //returns NaN max([[],[-4]]) // returns -4 max() or max([]) //returns 0 👉 @seniorFront

Happy New Year Вся сцена - это svg картинка, анимируемая при помощи библиотеки TweenMax. 👉 @seniorFront

Creative Menu Hover Effects В этом видео создается оригинальный эффект при наведении на элемент меню на чистом CSS. 👉 @seniorFront

Bees lines loading Необычная анимация загрузки, реализованная на HTML и CSS. 👉 @seniorFront

Buttons Animations Подборка кнопок с различными CSS анимациями. 👉 @seniorFront

👉 @seniorFront