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

Airport Distance Map Небольшое приложение на Vue, которое расcчитывает расстояние между двумя маркерами, которые можно перемещать с помощью Drag&Drop. Анимации реализованы при помощи библиотеки D3. 👉 @seniorFront

👉 @seniorFront

Конференция HolyJS от JUG Ru Group возвращается 🔥 HolyJS 2022 Spring — 18-21 апреля, онлайн Ребята предлагают вам попробовать себя в качестве спикера. Если вы хотели поделиться знаниями с профессиональным сообществом, но сомневались, стеснялись или просто ждали удачного момента — это он. От вас требуется только идея доклада. Если нужно, вам помогут подготовиться от и до. А онлайн позволяет выступить откуда угодно, но можно и из их студии в Питере. Вот примеры тем, которые хотели бы видеть в программе: – языки, транспилируемые в JavaScript и не только; – инструменты и фреймворки; – UI-разработка; – бэкенд на JS; – архитектура современных JS-приложений; – работа с графикой и VR. Но это лишь рекомендации — прийти можно с чем-то совершенно своим. Переходите на сайт, чтобы узнать больше и заполнить анкету. Заявки принимают до 14 февраля. Кстати, билеты уже в продаже.

shine Автор реализовал в js логику поворота карточки, угол которого зависит от положения курсора пользователя. 👉 @seniorFront

Calculating with Functions Необходимо реализовать математические операции сложения, деления, умножения и вычитания с помощью функций. Каждая операция должна быть функцией и каждое число должно быть тоже представлена функцией. Примеры: seven(times(five())); // must return 35 four(plus(nine())); // must return 13 eight(minus(three())); // must return 5 six(dividedBy(two())); // must return 3 👉 @seniorFront

Calendar App Concept Концепт приложения-календаря на HTML и SCSS. 👉 @seniorFront

Array.from() Функция Array.from() создаёт новый массив на основе переданного объекта. Объект должен быть либо массивоподобным (как строка или объект arguments), либо итерируемым (как Set или Map). Функция Array.from() принимает три аргумента, последние два из которых не обязательны: - Объект, на основе которого создаётся массив. - Функция преобразования элемента перед его добавлением в массив. Работает как метод .map(). - Значение, которое будет использоваться как this в функции из второго параметра. Возвращает новый массив, составленный из элементов переданного объекта. Пример const arr = Array.from('фронт') console.log(arr) // ['ф', 'р', 'о', 'н', 'т'] 👉 @seniorFront

Custom Checkbox В этом видео автор реализует кастомный чекбокс, стилизуя label и его псевдо элементы. 👉 @seniorFront

Cube Pack Множество сложных анимаций реализовано в SCSS, которые затем с помощью цикла применяются к элементам. 👉 @seniorFront

​Ага, не ждали!? А вот она! Вот! Вакансия вашей мечты! Скорее, смотрите сами: React + Node.js, облачные технологии; AR, VR и захватывающая дух идея проекта; Заказчик из жаркой Испании; Сильная команда с четкими процессами; Множество гаджетов для тестирования; Возможность работать удаленно из любой точки мира! Так, теперь выдыхаем и давайте подробнее. Стек: TypeScript, React/Ionic, AWS: AppSync, Amplify and IoT Core, EC2. Проект: проектирование, разработка и интеграция функций для мобильного приложения Avatar Cloud и инфраструктуры бэкенда. При помощи этого продукта человек сканируется и ему создается персональный виртуальный аватар. Затем он может использовать приложение для доступа к различным виртуальным услугам. Продукт состоит из мобильного приложения, поддерживаемого облачной средой и построенного на базе собственных аппаратных устройств, 3D-сканеров. Не тратьте время зря, переходите по ссылке и оставляйте резюме! people.andersenlab.com/vacancy…eact/798 Или пишите сразу рекрутеру и задавайте свои вопросы: Ольга Стельмах Тg: @olgastelmakh Skype: stelya1992 Не подошла эта вакансия? Вот вам еще целая подборка по Node.js и Angular! people.andersenlab.com/vacanci…acancies

Cube slider Вёрстка реализована на препроцессоре Pug. Анимации созданы в CSS при помощи ключевого свойства keyframes. 👉 @seniorFront

SSL-сертификаты SSL-сертификат необходим для защиты данных пользователя. Если в адресной строке браузера отображается замочек рядом с адресом сайта, значит всё в порядке, и данные пользователя передаются на сервер в зашифрованном виде. SSL-сертификат — это набор информации в бумажном или электронном виде, состоящий из: - Открытого криптографического ключа. - Информации о владельце ключа. - Области применения ключа. - Подписи специальной организации или человека, которые могут подтвердить принадлежность ключа его владельцу. SSL-сертификат — это открытый ключ, способ применения которого имеет юридическую силу и право владения которым подтверждается авторизованным провайдером. Применяются сертификаты в рамках протокола SSL на этапе формирования сеанса передачи данных. 👉 @seniorFront

Thunderbolt В этом видео автор создает молнии, задавая элементам и их псевдо элементам border и разворачивая их при помощи CSS свойства transform. 👉 @seniorFront

Newton's CSS cradle Сверстано и анимировано на HTML и SCSS. Анимируются CSS свойства transform, opacity. 👉 @seniorFront

Cat Swinging on String Реализовано без использования JS. В SCSS автор реализовал функции, которые вызываются в анимациях, что позволило сократить повторения кода. 👉 @seniorFront

​Портрет плохого программиста Быстрый, но формальный исполнитель Многие полагают, что быстрое выполнение заданий поможет выделиться на фоне других специалистов. Такие люди могут произвести впечатление в краткосрочных проектах, но не способны реализовать себя, поскольку не утруждали себя доскональным разбором решенных проблем. Программист-одиночка Некоторым программистам нравится работать полностью отгородившись от внешнего мира.Такие разработчики могут эффективно выполнять свои задачи, но они плохо взаимодействуют с другими и не всегда могут объяснить свои решения. Диктатор Они очень самоуверенные, имеют собственное мнение почти обо всем. Их идеи идут в противовес вашим. Такой человек очень затрудняет достижение результатов в коллективном проекте, он первым сдастся в сложной ситуации и начнет искать виновных. «Я в этом не силен» Некоторые программисты пишут код, но не занимаются документированием. Они не знакомы с графическим дизайном. Все, что не относится к написанию кода,  —  не их проблема. Они не подключаются к ним даже в условиях дедлайна. Такие люди пойдут на любые ухищрения для того, чтобы остаться в своей зоне комфорта. 👉 @seniorFront

​Мы ищем фронтенд-разработчиков в штат Яндекс.Практикума. Создаём социально значимый продукт и бизнес: помогаем нашим студентам получить новую цифровую профессию или навык. Фронтенд-разработчику в Практикуме предстоит: → реализовывать интерфейсы для максимально комфортного обучения студентов на сервисе; → добавлять новые механики для улучшения интерактивной теории; → внедрять на платформу новые тренажеры для студентов. Встраивать новые протоколы коммуникации и элементы интерфейса для данных тренажеров; → ускорять работу платформы Практикума во всем мире, чтобы помогать Практикуму завоевывать новые рынки. Мы будем рады видеть в нашей команде человека, который — разрабатывал фронтенд больше двух лет, — работал над большими проектами, — может самостоятельно организовать свою работу и работу коллег, — работали с современными JS-фреймворками: React, Vue, Angular. Вас ждёт работа с гибким графиком: удалённая или в офисе с тренажёрным залом и йогой. А ещё: ◾️ интересные задачи, возможность влиять на процесс и результат; ◾️ сильная команда, с которой можно расти; ◾️ опционная программа; ◾️ программа жилищных займов под 3% или без процентов; ◾️ ДМС для вас и 80% стоимости ДМС для супругов и детей; ◾️ премии каждые полгода для всех, кто успешно прошел ревью; ◾️ компенсация оплаты питания и мобильной связи; ◾️ оплата обучения и участия в профильных конференциях ◾️ скидки у партнёров компании. Если вы не из Москвы — поможем с переездом. → Почитать подробности и откликнуться на вакансию

Neon Фон сделан с помощью градиентов, неоновый эффект у букв реализован CSS свойством text-shadow. 👉 @seniorFront