Фронтенд Гайд

🖥 QR-Code-generator — отличная библиотека Java для генерации QR-кодов Имеет массу опций и возможностей, позволяет получать QR-код в векторном и растровом виде, регулировать уровень коррекции ошибок и делать многое другое #GitHub

Section design with hover effect Адаптивные карточки с красивым анимированным фоном при наведении. Реализованы с помощью CSS и JavaScript. #CodePen

Бесплатный практический вебинар для всех возрастов: Профессия «Frontend-разработчик». ⏰ Когда: уже 23 мая в 19:00 по мск. Вы узнаете о типичных рабочих задачах программиста и напишете мини-игру, которая работает прямо в браузере. Под капотом немного HTML+CSS и базовые конструкции JS. Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular? 🎁 Всем, кто зарегистрировался — Карта компетенций начинающего Frontend-разработчика, а каждому участнику — Гайд «Как заговорить на сленге IT-специалистов».

Виртуальные серверы в аренду от VK Cloud. Подключайте! Аренда виртуальной инфраструктуры по модели IaaS. Гибкие конфигурации под разные задачи. Помогаем строить и развивать отказоустойчивые облачные решения любой сложности. ЦОДы Tier III в РФ. 152-ФЗ (УЗ-1). PAYG. Узнать больше #реклама cloud.vk.com О рекламодателе

🖥 Вопрос с собеседования Что такое псевдоэлемент ? Спросят с вероятностью 10% — Псевдоэлементы — это специальный синтаксис, позволяющий стилизовать определенные части элемента или добавлять специальные элементы (как бы "элементы-призраки"), не создавая для этого дополнительные теги в HTML. Псевдоэлементы предоставляют удобный способ внесения изменений в структуру документа, не затрагивая HTML. Синтаксис: Начинается с двойного двоеточия (::), за которым следует название псевдоэлемента. Например, ::before или ::after. Распространенные псевдоэлементы: - ::before и ::after: Позволяют вставлять содержимое до или после содержимого выбранного элемента соответственно. Очень часто используются для добавления декоративных элементов.

    p::before {
    content: "«";
    color: blue;
  }
  
  p::after {
    content: "»";
    color: blue;
  }
  

-::first-line: Применяет стили к первой строке текста в блочном элементе.

    p::first-line {
    font-weight: bold;
  }
  

- ::first-letter: Применяет стили к первой букве текста в блочном элементе.

    p::first-letter {
    font-size: 200%;
  }
  

- ::selection: Применяет стили к части текста, которую пользователь выделил.

    p::selection {
    background: yellow;
  }
  

Особенности работы: — Работают как часть документа, но на самом деле не существуют в DOM-дереве, а создаются стилями. — Чтобы псевдоэлементы ::before и ::after отображались, необходимо задать свойство content, даже если оно пустое (content: "";). — Могут быть стилизованы почти так же, как обычные элементы, но есть некоторые ограничения, например, связанные с взаимодействием с JavaScript. Псевдоэлементы удобны для добавления декоративных элементов, создания специальных эффектов при взаимодействии с текстом и элементами страницы, а также для улучшения пользовательского интерфейса без изменения HTML-кода. Они позволяют сделать дизайн более гибким и интересным, облегчая поддержку и обновление стилей. #Полезное

🙂

Acrobatic Preloader Оригинальный лоадер, созданный из svg-картинки и анимированный на CSS. #CodePen

🖥 Пишем на Java в VSCode Как перейти с JetBrains на VSCode для разработки код на Java + Spring Boot. Готовый список расширений, примеры настроек IDE, подготовка расширений для работы. Многие разработчики предпочитают использовать Java в среде IDEA и, возможно, не знают о том, какие удобные функции есть у VS Code. В данной статье идет речь о наиболее привлекательных особенностях VS Code, которые могут быть полезны для разработчиков. #Полезное

Ну все! Теперь не нужно тратить деньги на топовые курсы и книги по программированию — их выложили в Telegram бесплатно Все найденные курсы собирают тут — @portalToIT По этим курсам выучить любой язык за 7 дней вообще не проблема, находка для начинающих программистов.

Генератор инфографики с более чем 300 опциями Мощный инструмент на JavaScript для создания разнообразной инфографики. Включает в себя более 30 плагинов и более 300 опций для отображения статистики о GitHub аккаунте и вывода её в форматах SVG, Markdown, PDF или JSON. Можно легко интегрировать в уже существующий проект, используя GitHub Action. #GitHub

Где-то свернул не туда

🖥 Руководство по версиям и возможностям Java Вы можете использовать это руководство, чтобы найти и установить последнюю версию Java, понять различия между дистрибутивами Java (AdoptOpenJdk, OpenJDK, OracleJDK и т.д.), А также получить обзор возможностей языка Java, включая версии Java 8-13. Ознакомившись с различиями между Java 8, Java 11 и Java 13, вы сможете лучше понимать, какую версию использовать в своем проекте. #Полезное

Modal Mitosis Создание расширяемого поля с контентом, который раскрывается по мере необходимости, используя исключительно CSS с применением фильтра goo для SVG и переключателя checkbox. #CodePen

Craftum Генератор лендингов с искусственным интеллектом, создающий страницу по запросу за 3 минуты. После генерации сайт можно свободно редактировать в конструкторе. @craftumcom | Попробовать

💻 Quarkus - это облачный фреймворк, разработанный для написания приложений на Java. Основные характеристики Quarkus: · Оптимизация для контейнеризации: проектирование Java-приложений с минимальным потреблением ресурсов, что делает их идеальными для работы в контейнерах. · Cloud Native: поддержка принципов 12-факторной архитектуры для работы в средах, таких как Kubernetes. · Объединение императивного и реактивного подходов: комбинирование неблокирующего и императивного стилей программирования в одной модели. · Соблюдение стандартов: основан на популярных стандартах и фреймворках (RESTEasy и JAX-RS, Hibernate ORM и JPA, Netty, Eclipse Vert.x, Eclipse MicroProfile, Apache Camel и др.). · Microservice First: обеспечивает быстрое время запуска и высокую производительность Java-приложений.

curl -Ls https://sh.jbang.dev | bash -s - trust add https://repo1.maven.org/maven2/io/quarkus/quarkus-cli/
curl -Ls https://sh.jbang.dev | bash -s - app install --fresh --force quarkus@quarkusio

#GitHub

Дизайн в FIGMA с нуля. Бесплатный курс + портфолио Онлайн-программа с наставником и чатом. Дизайн от профессионалов. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

👨‍💻 Изучаешь Frontend? Я тоже! idk Frontend - канал, в котором я максимально подробно конспектирую весь мой путь обучения с самого старта. С меня: — Сложная теория простым языком; — Практические примеры и объяснения; — Крутые викторины по JS и шпаргалки; — Работа над ошибками. С тебя: — Подписка @idk_frontend Продолжим обучаться вместе! 👋

Custom Tooltip Пользовательская подсказка появляется при нажатии на элементе меню. Функционал реализован с помощью чистого CSS. #CodePen