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

👉 @seniorFront

👉🏼 Frontend-квиз от Evrone - это новый вызов для того, кто знает HTML5 и CSS на уровне Senior. Внутри 10 вопросов from expert to expert, составленных нашими самыми матёрыми фронтендерами. 🏆 Лучшие из лучших будут вознаграждены! 23 августа с помощью генератора случайных чисел мы разыграем Yandex.Станцию среди ответивших верно на все (ну, или почти все) вопросы. Час Х ближе, чем кажется, так что переходи по ссылке и присоединяйся к нам.

Show button on Hover При наведении на карточку, анимируется фон, состоящий из четырех блоков и отображается кнопка. 👉 @seniorFront

Sort odd and even numbers in different order Вам дан массив чисел. Отсортируйте нечетные числа в порядке возрастания, а четные в порядке убывания. Пример: [5, 3, 2, 8, 1, 4] --> [1, 3, 8, 4, 5, 2] odd numbers ascending: [1, 3, 5 ] even numbers descending: [ 8, 4, 2] 👉 @seniorFront

Toaster 🍞 Создано на HTML и SCSS. 👉 @seniorFront

Модели сетевого взаимодействия На заре создания компьютерных сетей были разработаны модели взаимодействия сетевых устройств, которые описывали программную и аппаратную реализации. Среди разработанных моделей наибольшее распространение получили: - Сетевая модель OSI (Open Systems Interconnection). - Модель DOD (Семейство TCP/IP). - Модель SPX/IPX. Сетевая модель — это описание принципов работы протоколов сетевого взаимодействия, спецификация которых закреплена в стандартах связи и используется для передачи данных в цифровом виде. Подробнее о моделях в статье. 👉 @seniorFront

CSS Input Field В этом видео автор стилизует input и его label на чистом CSS. 👉 @seniorFront

the night Вёрстка, состоящая из множества элементов. Уменьшить количество кода помогают препроцессоры Pug и SCSS. 👉 @seniorFront

Самый недооценённый канал для начинающих фронтендеров Контент создаётся вместе с тимлидами ВКонтакте! Собрали подборку полезных статей и видео оттуда, читайте и подписывайтесь: - Техническое собеседование на frontend-разработчика: что ожидать и к чему готовиться? Почему на собеседовании дают те или иные задачи? Как вести себя на лайвкодинге? - Шпаргалка по fetch() — одному из лучших инструментов для работы с HTTP-запросами - С какими понятиями Git каждому начинающему веб-разработчику нужно познакомиться в первую очередь? - Где практиковаться во frontend в игровой форме? - Ошибка CORS: что это? - Методы массивов в JavaScript Канал: @karpovdev

Night & Day v2 Переключатель день/ночь с множеством анимаций, созданных при помощи библиотеки gsap. 👉 @seniorFront

Паттерны Gateway и Backend-for-Frontend Gateway и Backend-for-Frontend (BFF) — паттерны проектирования для разработки веб-приложений. Оба паттерна используются для обеспечения доступа к разным API с помощью одного контракта. Контракт — это всё то, что позволяет общаться двум сетевым узлам между собой: архитектура построения сетевого соединения, набор сетевых протоколов, набор адресов и портов для доступа к данным, правила формирования запросов со стороны клиентов, механизм подготовки и отправки ответов со стороны сервера. 👉 @seniorFront

Simple Animated Popup Box В этом видео автор создает попап с плавной анимацией открытия/закрытия. В JS создана логика открытия. 👉 @seniorFront

Планируете освоить фронтенд-разработку? Начните осваивать новую профессию с открытого урока 6 июля в 20:00 OTUS по селекторам. На вебинаре вы научитесь обращаться к html элементам, а также рассмотрите разные виды селекторов. Занятие пройдет в рамках трехмесячного онлайн-буткемпа «Frontend Developer». Это программа, где вы в ускоренном режиме погрузитесь в освоение этого направления. Не упустите возможность оценить качество материалов и познакомиться с экспертом. Регистрация на урок: https://otus.pw/4Ktc

Loading Анимированный загрузчик на HTML и CSS. 👉 @seniorFront

Products Section Вёрстка карточек товаров, при наведении на которых задействуются CSS трансформации. 👉 @seniorFront

Задачка от фронтенд команды FUNCORP Занимаешься фронтендом и хочешь размять мозги? Тогда попробуй решить задачу на знание прототипов от фронтенд команды FUNCORP. Ответами делись в комментариях к посту: Необходимо реализовать наследование. Чем этот способ плох? function Fun() {}; function Co() {}; Fun.prototype = { type: 'gif', play() {} }; Co.prototype = { type: 'pic', meme: 'meme' }; Fun.prototype = Co.prototype; const fun = new Fun(); const co = new Co(); Приходи решать задачи вместе: в команде как раз есть открытая вакансия. Если ты готов разрабатывать надежные сервисы для десятков миллионов пользователей по всему миру, то переходи и откликайся на сайте: Senior Frontend Developer Или присылай резюме в ТГ @FUNC0RP.

​Фасилитация Это стиль управления. Особую популярность она получила как инструмент для регулирования совещаний. Казалось бы, зачем руководить мероприятием, где собрались профессионалы? Но бывает так, что острый ум не равен высокому уровню коммуникации. В таком случае фасилитатор выступает «дирижером»: устанавливает правила общения, разрешает конфликты и является лицом, заинтересованным в итогах. ⠀ Что делает фасилитацию актуальной? - высокая скорость работы. Время было и остается главным ресурсом. Его значение определяет важность того, насколько быстро появляются идеи и принимаются решения; - ценность комфорта. Стремление достичь комфорта не обходит стороной работу и общение в команде. ⠀ С чем поможет фасилитация? 1. Генерация идей. Обсуждение с использованием методов фасилитации помогает перенимать замыслы друг друга. Сотрудники не остаются наедине с мыслями, что их идеи неинтересны. 2. Решение конфликтов. Обычно в коллективе стремятся избегать конфликтных ситуаций. Хотя гораздо важнее уметь такие моменты разрешать, ведь их избежание заводит в тупик. 3. Равное общение. При общении фасилитатор стоит на одном уровне с командой и не занимает чью-то позицию. Такое положение нужно для смелости в обсуждениях. 4. Развитие корпоративной культуры. Эффективно в случаях, когда коммуникации приносят больше результатов, чем регламенты. 👉 @seniorFront

Block 2 Вся сцена - svg картинка, анимированная при помощи библиотеки gsap. 👉 @seniorFront