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

spider Создано на canvas и чистом JS. 👉 @seniorFront

​Почему ваши ежедневные стендапы не работают и как это исправить Ежедневные стендапы (daily scrum) – классический пример выученной беспомощности. Мы все знаем, что они бесполезны, но мы говорим себе «так уж обстоят дела» и ничего с этим не делаем. В наши дни мы проводим стендапы, потому что нам так говорят, а не потому, что они решают какие-то конкретные проблемы. Индустрия разработки софта проводит ежедневные стендапы так долго, что уже и не помнит, для чего они нужны. В какой-то момент стендапы превратились из решения в бессмысленный догматический ритуал. Вот симптомы, указывающие на то, что вы проводите стендапы неправильно, и искажаете их смысл: - Стендапы занимают более 15 минут - Люди говорят о своей работе, а не о целях - Люди перестают регулярно приходить на стендапы - Члены команды разговаривают со своим менеджером (или скрам-мастером), а не с коллегами. - Если менеджер или скрам-мастер не может прийти, стендап не проводится. Как заставить стендапы работать Вот что я рекомендую сделать командам, чтобы улучшить свои стендапы: - Прекратите болтать. Пройдитесь по Канбан-доске. - В первую очередь решайте затянувшиеся проблемы. - Уделите основное внимание блокирующим факторам. - Пригласите всю команду, включая продакт-менеджеров и дизайнеров. - Сделайте подробные обсуждения асинхронными. - Стимулируйте самоуправление и создавайте атмосферу психологической безопасности. 👉 @seniorFront

👉 @seniorFront

exploder Анимации созданы в CSS. Они настраиваются через CSS переменные, значения которых задаются в JS. 👉 @seniorFront

Season calendar Весь календарь - это svg картинка, анимируемая в JS библиотекой gsap. 👉 @seniorFront

Count the photos! Вам дана строка, представляющая собой дорогу. На ней есть камеры, обозначенные символом ".", а также машины, которые двигаются вправо - ">", и машины, которые двигаются влево - "<". Камера делает фотографию, если машины двигается в её сторону. Создайте функцию, которая вернет количество сделанных фото. Примеры: For ">>." -> 2 photos were taken For ".>>" -> 0 photos were taken For ">.<." -> 3 photos were taken For ".><.>>.<<" -> 11 photos were taken 👉 @seniorFront

Simple 3D Card Простая карточка с эффектом переворота при наведении на чистом CSS. 👉 @seniorFront

Date Date — класс для работы со временем. В основном используется для отображения и вычисления. Время отображается в двух форматах: 1. UTC — время по Гринвичу; 2. В текущей часовой зоне (например, UTC+3 для Москвы). Поэтому часть методов для взаимодействия со временем имеют два формата — для UTC и для текущей часовой зоны. Пример Создадим новый экземпляр даты: const currentDate = new Date('August 14, 2022 14:15:30') Получаем различные части даты: console.log(currentDate.getDay()) // 0 console.log(currentDate.getHours()) // 14 console.log(currentDate.getTime()) // 1660475730000 console.log(currentDate.getFullYear()) // 2022 console.log(currentDate.toISOString()) // 2022-08-14T11:15:30.000Z Установим новую дату: currentDate.setMonth(0, 1) console.log(currentDate.toLocaleDateString()) // 01.01.2022 👉 @seniorFront

CSS Animation Effects В этом видео автор анимирует свойство transform у элементов. 👉 @seniorFront

Animated Navbar Icons Это svg картинки, анимируемые библиотекой anime.js. 👉 @seniorFront

Button Hover Effects Кнопки с эффектом в стиле glass morphism при наведении. 👉 @seniorFront

Атрибут for Атрибут for связывает текст в <label> или тег <output> с контролами формы. Пример <label for="number">Ваше любимое число:</label> <input id="number"> При нажатии на label фокус перейдет на поле ввода. Связь между <label> и <input> возможно установить без атрибута for — достаточно обернуть один другим: <label>Ваше любимое число: <input id="number"></label> 👉 @seniorFront

Action Menu В этом видео автор создает меню с чекбоксами, которые стилизует под toggle. 👉 @seniorFront

Spinner and Balls Оригинальный загрузчик на HTML и CSS. 👉 @seniorFront

👨🏻‍💻С чего начать, чтобы стать фулстек-разработчиком на JavaScript? 21 сентября в 20:00 мск cостоится открытый урок «Парсинг строк и интерпретация древовидных структур данных». 📍За 1,5 часа вебинара мы: - познакомимся с разными подходами к описанию парсеров текста - напишем свою грамматику и сгенерируем на ее основе парсер. Занятие проведет Арсений Высоцкий, тимлид в международной компании. Не упустите возможность попробовать обучение на специализации «Fullstack Developer» и познакомиться с экспертом онлайн-курса. ‼️Для участия зарегистрируйтесь: https://otus.pw/pRit/

Loading Component Loader, инициализируемый в JS, анимированный при помощи CSS keyframes. 👉 @seniorFront

Frontend Vollex – здесь команда фронтендщиков из OZON обучает создавать красивые сайты и приложения, используя такие эффекты.  Канал читают как новички, так и опытные программисты. Подписывайся: @vollex_frontend

​Тяжела ли работа программиста — взгляд с точки зрения психофизиологии 1. — … Да, а че там — сидишь, тюкаешь по клавишам… Так говорят люди, не знакомые с основами функционирования головного мозга человека. В состоянии покоя, наш мозг потребляет 10% от общей потребляемой организмом энергии. Однако когда человек начинает активно использовать головной мозг потребление энергии возрастает до 25%-30%. То есть, с энергетической точки зрения, в это время вы реально рубите дрова. Но не руками, а головой. Отсюда и сильнейшее чувство физической усталости после интенсивной разработки. 2. Гематоэнцефалический барьер охраняет наш мозг от перегрева и не позволяет разгонять наш ЦП до максимальных значений. Во-первых, мозг перегревается на пиковых нагрузках, во-вторых, есть проблема вывода продуктов метаболизма. Вам знакомо ощущение боли в мышцах после физического труда? Вывести отходы из мышц намного проще, чем из головного мозга. И вы не ощущаете боль мозга после интенсивной работы только потому, что в самом мозге отсутствуют болевые рецепторы. 3. Хотя многие из вас привыкли мыслить о своих мыслях, в категориях «hard» и «soft», в реальности мозг похож больше на древние чипы, программа которых жестко завязана на их структуру. Нельзя просто взять, и послать мозгу команду killall, и прибить все процессы. Программы, которые управляют нашими мыслями и действиями – это не просто последовательность электронных потенциалов, даже когда речь идет о краткосрочных программах в голове – их инерция всегда ощутимо больше, чем у программ в компьютере. Так вот и получается, что «тюканье по клавишам» — это, по сути, одно из самых тяжелых занятий в нашем социуме. Это реально так. И это медицинский научный факт. 👉 @seniorFront