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

Responsive card При нажатии задействуется JS код, который изменяет CSS классы. Плавность достигается использованием CSS transition. 👉 @seniorFront

Animated Accessible Navigation Свёрстано на HTML и SCSS. Логика открытия реализована в JS. 👉 @seniorFront

Освоить веб-разработку с нуля за 10 месяцев — реально, хотя и непросто. Придётся сократить время на хобби, заниматься после работы и до неё, искать дополнительные материалы и подолгу думать над задачами. Но оно того стоит: в конце пути — новая профессия и интересная работа. А Яндекс Практикум поможет не сбиться с курса. — Команда сопровождения проверит проекты, объясняет сложные темы и поддерживает. — Карьерный центр научит работать с резюме, мотивационными письмами, портфолио и готовится к собеседованиям. — Сообщество студентов и куратор подбодрят, когда захочется всё бросить. Если не справляетесь с делами, то два раза за курс можно взять академический отпуск на месяц. Если на базовой программе тяжело, снизить темп поможет расширенная программа, которая длится 18 месяцев. Учёба будет размеренной, а программа более фундаментальной. Оплата учёбы работает в формате подписки: платежи проходят каждый месяц, и вы можете остановить их в любой момент. Протестируйте формат курса бесплатно →

​Навыки программиста, который идет к успеху Коммуникабельность и умение работать в команде Практически все методологии разработки ПО ориентированы на то, чтобы наладить эффективное взаимодействие в команде проекта. Коммуникабельность, способность договариваться, принимать совместные решения — это те качества, без которых современному айтишнику не обойтись. Умение учиться нон-стоп Знать свой язык программирования и платформу, уметь работать с ними — это важно. Но еще важнее развивать эти навыки, расширять кругозор и учиться новому. IT-компании приветствуют сотрудников, которые хотят развиваться в профессии и готовы над этим работать. Такие специалисты легче переключаются на новые задачи, трудятся более продуктивно и креативно. Здоровая лень Трудолюбивый разработчик пишет 1000 строк кода и потом думает, как его оптимизировать. А ленивый — сначала оптимизирует в уме, а потом пишет 50 строк, которые работают не хуже. Лень, как один из профессиональных навыков, заставляет программиста минимизировать работу. Он не тратит силы на разработку уже существующих решений и не изобретает велосипед. Упорство и усидчивость Программист должен быть настойчивым на пути к цели, чтобы найти лучшее решение — особенно в тех случаях, когда оно неочевидно. Порой оказывается, что первый (второй, третий) вариант не работает или не устраивает по качеству. Хороший программист будет улучшать код, пока не достигнет совершенства. 👉 @seniorFront

The Gallery При вводе текста в поле делается запрос к api, который подгружает релевантные картинки. Верстка галереи создана при помощи препроцессоров Pug и SCSS. 👉 @seniorFront

🔥Ответьте на 19 вопросов - узнайте, хорошо ли вы знаете фреймворк. Сдадите — пройдёте на продвинутый курс по React.js со скидкой. 👉🏻ПРОЙТИ ТЕСТ ПО REACT.JS 📌Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатные демо-занятия: — «Создание быстрых сайтов с Astro.build»: регистрация — «Refine.js - мощный фреймворк разработки внутренних приложений»: регистрация

Object.values() Метод Object.values() возвращает массив значений перечисляемых свойств объекта в том же порядке что и цикл for...in. Разница между циклом и методом в том, что цикл перечисляет свойства и из цепочки прототипов.

 const object1 = {
   a: 'somestring',
   b: 42,
   c: false
 };

console.log(Object.values(object1)); // expected output: Array ["somestring", 42, false] 👉 @seniorFront

Breaky on the go Animation Создано на canvas и чистом JS. 👉 @seniorFront

Reverse every other word in the string Создайте функцию, которая принимает строку и разворачивает каждое второе слово в этой строке. Примеры: reverse("Reverse this string, please!") =>"Reverse siht string, !esaelp" reverse("I really don't like reversing strings!") => "I yllaer don't ekil reversing !sgnirts" 👉 @seniorFront

Range Slider Стилизованный input type="range" с градиентной светящейся полосой. 👉 @seniorFront

One Day Offer для фронтенд-разработчиков 5 ноября Получить оффер Яндекса можно за 1 день. Участвуйте в One Day Offer Frontend: решите тестовое, пройдите 2 секции 5 ноября и получите оффер в тот же день. От Яндекса в мероприятии участвуют команды, которые готовы предложить работу в гибком формате — полностью удаленно, в гибридном режиме или из любого офиса или коворкинга в 20 городах России и мира. Варианты работы обсуждаются с каждым кандидатом индивидуально. На мероприятии ждут инженеров с опытом разработки от 3-х лет на JavaScript и TypeScript, либо готовых к работе на этих языках программирования.

Cubes В этом видео создается 3D сцена с кубами, объемность которых достигается стилизацией самого элемента и его псевдо элементов. Объемность всей сцены достигается использованием transform со значениями translate, skew. 👉 @seniorFront

Встреча сообщества A?.Frontend #1 Команда Alfa Digital приглашает на встречу frontend-сообщества всех, кто хочет узнать новое, обменяться опытом и провести время в хорошей компании! Где: Санкт-Петербург, офис Альфа-Банка Когда: 27 октября (четверг) в 19:00 В программе — доклады: 🍁«Как успешно пройти любое собеседование» Расскажет Кирилл Павлик, JS -разработчик в Альфа-Банке 🍁«Как улучшить DX и перестать тратить силы на бессмысленную рутину» Лайфхаками поделится Ольга Болотова, Руководительница направления развития компетенции JS в Альфа-Банке 🍁 «Разбирательство. Дело №1: как сейчас живут ИТ-сообщества?» Вместе с коллегами из Яндекса и Мегафона обсудим актуальные вопросы о митапах, конференциях и сообществах в ИТ сегодня. А ещё всех гостей, помимо докладов, ждет: ☕️ Горячий какао и пряные сладости ☕️ Согревающий мерч от Альфы в подарок за лучшие вопросы докладчикам 👉Регистрируйтесь на встречу заранее, количество мест ограничено И вступайте в frontend-сообщество: https://t.me/alfa_frontend

Lotsa Notifications Анимированные уведомления, логика появления и пропадания которых прописана в JS. 👉 @seniorFront

Table Flipping Эффект на картинках достигается анимированием CSS свойства border-radius. 👉 @seniorFront

👉 @seniorFront

Search Box В этом видео создается поле поиска, анимируемое при открытии, на HTML и CSS. 👉 @seniorFront

JS Booster – канал в котором публикуются заготовки интерфейсов, задачи и полезные статьи для веб-разработчиков. Материалы будут полезны для любого уровня подготовки! Подпишись и улучши свою работу! 👇