Frontend разработчик

📕Angular SSR за час: превращаем SPA в ракету 👤Подходит разработчикам JavaScript/TypeScript, Junior/Middle разработчикам, желающим освоить Angular, Frontend-разработчикам на других фреймворках (React, Vue) На открытом уроке 2 декабря в 20:00 мск мы освоим внедрение SSR в приложение: серверный рендеринг, SEO-метаданные, работа с API и базовое понимание hydration: 📗 На вебинаре разберем: 1. Понимание базовой архитектуры SSR в Angular. 2. Понимание поведения приложения до и после hydration. 📘 В результате на практике изучите и освоите умение подключить SSR к существующему приложению, работу с серверным рендерингом данных и настройку SEO-метаданных. 👉 Регистрация на урок и подробности о курсе Angular Developer: https://vk.cc/cRMPnv Все участники открытого урока получат скидку на курс "Angular Developer" с промокодом ANGULAR12 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Генератор паролей на тему хакеров с использованием HTML, CSS и JavaScript 🚀 https://learning.atheros.ai/ui-components/password-checker-12 📲 Мы в MAX 👉 @frontend_1

Метаданные в Next.js (статические и динамические) 📲 Мы в MAX 👉 @frontend_1

Layout vs Template в Next.js 📲 Мы в MAX 👉 @frontend_1

Совет по CSS 💡 Возможно, вы не знаете об этом новом и самом простом способе вертикального центрирования содержимого в box layout 📲 Мы в MAX 👉 @frontend_1

Совет по CSS! ✨ Вы можете сделать стили компонентов портативными с помощью контейнерных запросов 😎 Изменение макета карты в зависимости от размера 🔥 Удаление текста кнопки, если она маленькая 🤏 .card {container-type: inline-size;} @ container (min-width: 50ch) {.info { grid-column: 2; }} https://codepen.io/jh3y/pen/JjZavRJ 👉 @frontend_1

Drag&Drop-конструктор интерфейсов на чистом JavaScript. Хватит писать калькуляторы и «todo-листы». Пора собрать что-то, что выглядит и ведёт себя как реальный UI-конструктор. На открытом уроке вы создадите полноценный мини-конструктор с интерактивными элементами. Без фреймворков и библиотек — только чистый JS, события мыши и немного архитектурной логики. Разберём механику drag&drop: как двигать элементы по экрану, управлять DOM, координатами и рендерингом, а также организовать плавный отклик интерфейса. Вы поймёте, как работает визуальное взаимодействие в браузере, как создавать живые интерфейсы, которые «реагируют» на пользователя, и почему архитектура даже простого проекта важнее кода. Занятие будет полезно начинающим разработчикам, которые хотят почувствовать JavaScript и перейти от теории к практике. 27 ноября, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic». Регистрация открыта: https://vk.cc/cRrqfU Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Один цвет для светлого, другой для темного? 🌗 Используйте CSS light-dark в сочетании с color-scheme 🤙. [data-theme=light] { color-scheme: light; } [data-theme=dark] { color-scheme: dark; } h1 { color: light-dark(var(--red), var(--orange)); } 📲 Мы в MAX 👉 @frontend_1

Spectral.js - это библиотека для смешивания красок, использующая теорию Кубелки-Мунка. Используя возможности теории Кубелки-Мунка, надежной научной модели, имитирующей взаимодействие света с краской, Spectral.js гарантирует, что ваши проекты будут иметь яркие и реалистичные цвета. Благодаря использованию 7 различных спектральных каналов, включая белый, голубой, пурпурный, желтый, красный, зеленый и синий, Spectral.js может быть эффективно использован в различных веб-проектах, таких как: Веб-дизайн: Насыщайте свои веб-дизайны реалистичными цветовыми палитрами благодаря способности Spectral.js к реалистичному смешиванию цветов. Графика: Повысьте качество графики, используя реалистичное смешивание цветов, которое точно отражает взаимодействие света с различными оттенками. Генеративное искусство: Создавайте захватывающее генеративное искусство, используя мощные возможности смешивания цветов Spectral.js, в результате чего получаются визуально ошеломляющие и динамичные творения. Воспользуйтесь гибкостью и точностью, которые предлагает Spectral.js, и преобразуйте свои проекты с помощью обширной и яркой цветовой палитры, имитирующей реальное взаимодействие цветов. https://github.com/rvanwijnen/spectral.js 📲 Мы в MAX 👉 @frontend_1

📕Создание приложения Movie Watchlist Manager на Angular: от компонентов до управления состоянием - разработчикам JavaScript/TypeScript, Junior/Middle разработчикам, желающим освоить Angular, Frontend-разработчикам на других фреймворках (React, Vue) На открытом уроке 19 ноября в 20:00 мск мы погрузимся в созданию приложения по отслеживанию просмотренных фильмов/сериалов с использованием сигнальных сторов в Angular: 📗 На вебинаре разберем: 1. Создание компонентов и подключение API для поиска и добавления фильмов. 2. Организация архитектуры проекта и лучшие практики. 📘 В результате на практике изучите и освоите базовые концепции Angular (компоненты, сервисы, DI), работу с формами, API и реактивными потоками, использование store для управления состоянием приложения и лучшие методы построения современного SPA-приложения на Angular. 👉 Регистрация на урок и подробности о курсе Angular Developer: https://vk.cc/cRpDhI Все участники открытого урока получат скидку на курс "Angular Developer" Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576