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

Stroke Logo Animation Это svg картинка, анимируемая в CSS. Запуск анимации осуществляется в JS. 👉 @seniorFront

👉 @seniorFront

Традиционный SPB Frontend Meetup состоится в Санкт-Петербурге в 34 раз! Митап для разработчиков собирает специалистов из разных компаний. В этом году встреча пройдет в партнерстве с X5 Tech. ✅ В программе - четыре выступления по Frontend разработке. Спикеры из X5 Tech, Яндекс Практикум, Яндекс Маркет и Yandex (international). Их опыт будет полезен как для начинающих разработчиков, так и опытных фронтендеров. Участие возможно очное и онлайн. Количество офлайн-мест ограничено (появляются порционно, следите за соцсетями организаторов). 📍19 июля, 19:00 🔥 После митапа - афтепати Подробно о событии здесь

Login & Registration Form В этом видео создается и анимируется форма входа/регистрации на HTML CSS & JavaScript. 👉 @seniorFront

Searching For Contacts Свёрстано и анимировано на чистом CSS. 👉 @seniorFront

Пишете код? А бесплатный помощник не нужен? Речь не о студенте-матфака, а о нейросети TinyCodeImprover. Она нехило ускоряет кодинг. С этим справляется и GPT-4, но… в него надо каждый раз загружать код. А TinyCodeImprover один раз подгружает файлы проекта и работает с ними сколько угодно. Автор проекта, LOVESYUK, схитрил и заставил нейросеть писать код для самой же себя по ТЗ — и это сработало. Потом CodeImprover делала ревью на свой код — и даже нашла ошибку. Подписывайтесь на @lovesyuk, чтобы узнать о свежих проектах, сильно упрощающих работу IT-спецов

Interactive particles Создано при помощи возможностей библиотеки THREE.js 👉 @seniorFront

​Почему многие программисты становятся менеджерами? Поговорим о неправильных причинах превращения программистов в менеджеров: 1. Мне будут платить больше. Это возможно так, но только для менеджеров департаментов или выше. Менеджеры проектов в целом зарабатывают меньше программистов. И не нужно забывать, что +1K к зарплате в $4K вряд ли сделает вас сильно богаче или счастливее. 2. Работа менеджера интересная. Для данного утверждения у вас должны быть специфические черты характера. К примеру, вам должно очень нравиться общаться с другими людьми, решать личные конфликты, уметь глубоко разбираться в людях и находить верные подходы к каждому. Большинство программистов не обладают вышеперечисленными качествами. 3. Должность менеджера — это выражение признания и заслуг. Давайте начистоту. Во многом это проявление гордыни. Ну что вам, так нравится управлять другими людьми? Вы действительно хотите формально быть выше других программистов? Может быть лучше добиться признания чем-то другим? Например, можно писать клевые статьи. Выступать на конференциях. Решать сложные технические проблемы и рассказывать об этом другим. 4. Программирование надоело. Скорее всего у вас выгорание и лучшим решением будет отпуск на 6–12 месяцев. Возможно, после отпуска ничего не изменится. Может быть это время сменить профессию. Уход в менеджеры вряд ли решит проблему. Будет много всего неинтересного, много давления, много ответственности и мало счастья. 👉 @seniorFront

Swatches, with a Flourish Каждый цвет является radio-кнопкой. Логика выбора цвета и раскрытия палитры реализована в JS. 👉 @seniorFront

Как фронтендеру расти дальше? Для роста нужен опыт с проектами посложнее, но бывает, что таких проектов на текущей работе нет и не предвидится. Можно залететь в оперсорс, но я не знаю о крупных проектах, куда можно легко залететь и получить поддержку наставника. Как вариант, пройти обучение с акцентом на практику, которое было создано руками тимлидов с опытом работы в Яндексе, Вконтакте, TON и Frogly. Здесь вы будете постепенно добавлять в проект самые актуальные технологии и разбираться в том, как они работают. За 5 месяцев обучения вы научитесь: - находить и лечить сложные ошибки производительности - готовить Service Worker и PWA, чтобы сайт работал в офлайне - делать сайт доступным для людей с ограниченными способностями - DevOps штукам для фронтендера - создавать серверную часть веб-приложения самостоятельно с нуля Приходите прокачивать скиллы А по промокоду SENIORFRONT22 для вас скидка 7% на ближайший поток.

​Какая разница между композицией и наследованием? Наследование представляет собой механизм, при котором один класс (подкласс или производный класс) наследует свойства и методы от другого класса (суперкласса или базового класса). Подкласс может расширить или изменить функциональность суперкласса. Это позволяет создавать иерархию классов, где подклассы наследуют общие атрибуты и методы от своих суперклассов. Композиция представляет собой механизм, при котором объект содержит ссылки на другие объекты, называемые компонентами. Вместо того, чтобы наследовать функциональность, объекты используют функциональность компонентов, которые могут быть созданы независимо друг от друга. Это позволяет создавать объекты, состоящие из множества независимых компонентов, и изменять их поведение, комбинируя различные компоненты. В идеале, выбор между композицией и наследованием зависит от конкретных требований вашей системы и ее дизайна. Оба подхода имеют свои преимущества и недостатки, и иногда их можно комбинировать для достижения лучших результатов. 👉 @seniorFront

The outline button Внутри кнопки находится svg картинка, анимируемая в CSS. 👉 @seniorFront

Последний выживший Вам дана строка и массив чисел. Числа обозначают позиции букв в строке, которые должны быть удалены. После удаления уменьшается length массива. Верните букву, которая останется в массиве после удаления. Пример: let str = "zbk", arr = [0, 1] str = "bk", arr = [1] str = "b", arr = [] return 'b' 👉 @seniorFront

Toggle Внутри переключателя svg картинка, анимируемая в JS. 👉 @seniorFront

Tic-Tac-Toe В этом видео создается игра крестики-нолики при помощи Drag & Drop на Html CSS & JavaScript. 👉 @seniorFront

Animation with motion Подборка CSS анимаций. 👉 @seniorFront

🔥Откройте для себя новые возможности масштабируемых приложений с помощью Angular! 🔔 И сделайте это 18 июля в 20:00 (мск) на открытом уроке, организованном в рамках онлайн-курса «Angular Developer» от OTUS. Узнайте, как этот мощный фреймворк, разработанный Google, использует TypeScript для улучшения читаемости кода и минимизации ошибок. 💬На бесплатном уроке этого курса вы познакомитесь с ключевыми возможностями Angular: Angular CLI, двусторонней привязкой данных, шаблонами, маршрутизацией и сервисами. Преподаватель-эксперт покажет, как эти технологии помогут вам сэкономить время на разработке, создавая продукт с расширяемым, легко поддерживаемым и хорошо структурированным кодом. После вебинара вы также получите возможность приобрести курс по выгодным условиям в рассрочку. Не упустите шанс! 👉Регистрируйтесь сейчас: https://otus.pw/htlJ/  Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. 2Ranykw9LUx

Liquid Transition Effect Создано при помощи библиотеки rgbKineticSlider. 👉 @seniorFront