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

​Мечтаете «влететь» в IT? Или вы уже работаете в сфере, хочется стать круче, получать больше, но непонятно как? Приходите на ТехноДром — Центра запуска и развития карьеры от IBS. Мы помогаем молодым талантам и специалистам из других сфер начать карьеру в IT, а тем, у кого уже есть опыт, сделать рывок в карьере. Для профессионалов, которым хочется прокачаться и опробовать свои силы на масштабных проектах, мы разработали программу «Ускорение». Почему «Ускорение» - не очередные «курсы для айтишников»? - Мы предоставляем обучение на базе нашей компании, а не предлагаем отвлечённые онлайн-уроки. - Мы заинтересованы в вашем росте и развитии, чтобы усилить нашу команду. - Мы официально устраиваем на работу с первого дня на «Ускорении». А после завершения программы вас ждёт участие в текущих проектах IBS. - За обучение на «Ускорении» не нужно платить, а также его не нужно совмещать с другой работой. - Вы будете учиться на процессах самых масштабных и передовых IT-проектов страны. - Вас ждёт личный трек обучения, который будет разработан индивидуально в соответствии с вашими навыками и зонами роста. - Вашими наставниками станут ключевые сотрудники компании IBS – ваши будущие коллеги. Наставники заинтересованы в успехе каждого участника и сопровождают вас от старта до финиша программы. Узнайте больше об «Ускорении» и запишитесь на участие в программе

404 black hole Оригинальная страница 404, реализованная на Vue. 👉 @seniorFront

Order Breaker Вам дан массив чисел, расположенных по возрастанию, кроме одного. Найдите это число. Примеры: For Example: [1,2,3,4,17,5,6,7,8] // 17 is the only breaker. For Example: [19,27,33,34,112,578,116,170,800] // 578 is the only breaker. 👉 @seniorFront

Jellyfish Автор реализовал сцену на canvas и JS. Сторонние библиотеки не были использованы. 👉 @seniorFront

letter-spacing С помощью letter-spacing можно сжать или растянуть текст на веб-странице. При этом расстояние между буквами и другими символами уменьшается или увеличивается, а сами символы остаются прежнего размера. Задать межбуквенное расстояние можно в пикселях px, дюймах in, пунктах pt или других единицах, которые используются в CSS. Значение может быть отрицательным, например, -1px. В этом случае убедитесь, что текст всё ещё можно прочесть, потому что, скорее всего, буквы «склеятся». Вот какие значения можно задать: normal — стандартное межбуквенное расстояние, которое задано для шрифта (значение по умолчанию). конкретное значение — положительное или отрицательное значение в любых единицах величины. Значение может быть дробным. Положительное значение добавляется к стандартному расстоянию между буквами, а отрицательное — вычитается из него. Пример: p { letter-spacing: 0.3em; letter-spacing: 3px; letter-spacing: 0.3px; } 👉 @seniorFront

CSS Water Drop Logo Effect В этом видео создается эффект "капель" на элементе. Для этого используются псевдоэлементы before и after. 👉 @seniorFront

Я пожалею об этом, но ладно... В общем сливаю вам самый пиздатый источник схем, софта, программ, новостей из мира IT. Если после этого не сможешь обезопасить свой девайс, то ты безнадежен! Вот ссылка - https://t.me/joinchat/b9stgWgIIcViOGRi

Strange Creature Реализовано на canvas. Существо создано при помощи библиотеки simplex-noise. 👉 @seniorFront

Discover Price On Hover Вёрстка карточек с ценой, которая показывается при наведении. 👉 @seniorFront

HTML Тег <mark> Тег <mark> выделяет или подсвечивает важный фрагмент текста. По умолчанию браузеры добавляют <mark> жёлтый фоновый цвет #ffff00 (yellow), похожий на выделение канцелярским маркером. <p> Мы можем предложить вам на выбор преимущественно <mark>чёрных</mark>, <mark>белых</mark> или <mark>серых</mark> котов. Также обратите внимание на <mark>черепаховую</mark> кошку, которую сложно определить в одну из этих категорий. </p> 👉 @seniorFront

Пройдите полную программу обучения по специальности «Фронтенд-разработчик» на Хекслете и получите гарантированную оплачиваемую стажировку в «Ростелеком»: https://bit.ly/3HPFqM4 📍Глубокий практический курс на 8 месяцев: JavaScript, HTML и CSS, фреймворки React+Redux Toolkit, инфраструктура — командная строка, NPM, Git, Webpack. 📍Асинхронный формат — комфортный темп, мягкие дедлайны. 📍Более 350 заданий в онлайн-тренажере с мгновенной автопроверкой. 📍Помощь практикующих наставников. 📍4 рабочих проекта в портфолио на GitHub и практика в Open Source. Выпускникам — гарантированная оплачиваемая стажировка в проектах ИТ-кластера «Ростелеком» от 1 до 3 месяцев с окладом 40 000 рублей в месяц. Лучшие получат оффер!

Full Year view Calendar Автор использует библиотеку js-year-calendar, и затем стилизует компоненты библиотеки. 👉 @seniorFront

«Писать код надо, но тааак лень..» Расслабься, айтишник. Его уже написали за тебя и выложили на канале Frontended Libs. Это сборник удобных библиотек с готовым кодом под твои задачи. Открываешь – находишь нужную либу – выполняешь задачу в 5 раз быстрее. Подписывайся, сэкономим тебе время: @sWebDev

CSS (Cascading Style Snow-globe) Фигурка сделана на HTML и CSS. С помощью псевдокласса :active, к фигуре применяются CSS стили, которые задействуют анимации. 👉 @seniorFront

Horizontal Scroll Gallery Для создания этой галереи используется библиотека LocomotiveScroll, которая реализует плавную прокрутку элементов в вьюпорте. 👉 @seniorFront

Что характеризует middle-разработчика? Самостоятельная работа и глубокое погружение в проект, свободное владение технологиями и высокое качество кода — это часть скилов, которые присущи middle-специалисту. 💬 IT-специалист уровня middle может решать сложные и интересные задачи в проекте с уже выстроенными процессами. На продвинутом уровне владеет инструментами и технологиями и открыт для их дальнейшего освоения, желает участвовать в создании архитектурного решения и старается вносить предложения по улучшению. 💬 Middle-разработчик занимается оптимизацией, рефакторингом и обзором кода (review), его знания систематизированы, он самостоятельно производит оценку своей части проекта, обладает развитыми soft skills. 💬 Middle в состоянии решить большинство задач проекта: работа с роутингом, с формами, добавление и применение библиотек в проект, чтение документации, постоянное изучение дополнительных инструментов. 💬 Middle-разработчик — одна из ключевых единиц в команде проекта. 👉 @seniorFront

Profile Card UI Вёрстка карточки профиля с правильными трансформациями при переключении между разделами. 👉 @seniorFront

👉 @seniorFront