HTML- и CSS-советы для джуниор фронтенд-разработчиков
Автор данной статьи делится своим огромным опытом, для того чтобы вы смогли улучшить свой проект, демонстрируя реальные решения с кодом.
🌐 Читать статью
Made in HTML/CSS
В целом можно найти очень классные статьи, видео и бесплатные курсы. Но и мне есть что сказать!
Я собрал несколько советов. По моей задумке, если вы обратите внимание на эти аспекты, то ваш код будет лучше.
Автор данной статьи делится своим огромным опытом, для того чтобы вы смогли улучшить свой проект, демонстрируя реальные решения с кодом.
🌐 Читать статью
Made in HTML/CSS
🔥4
В чем разница между typeof и instanceof?
typeof — это оператор, который возвращает строку, указывающую примитивный тип переменной. Он хорош для проверки простых типов: string, number, boolean, undefined, symbol, bigint, а также для выявления function и ловушки — object (или null).
instanceof — это оператор, который проверяет, присутствует ли в цепочке прототипов объекта определенный конструктор (класс). Он используется для проверки сложных типов (объектов, массивов, созданных классов).
Made in HTML/CSS
typeof — это оператор, который возвращает строку, указывающую примитивный тип переменной. Он хорош для проверки простых типов: string, number, boolean, undefined, symbol, bigint, а также для выявления function и ловушки — object (или null).
instanceof — это оператор, который проверяет, присутствует ли в цепочке прототипов объекта определенный конструктор (класс). Он используется для проверки сложных типов (объектов, массивов, созданных классов).
Made in HTML/CSS
🔥5
EnjoyCSS — это мощный онлайн-генератор кода для современных CSS3-эффектов и элементов пользовательского интерфейса (UI). Его главная идея — позволить дизайнерам и фронтенд-разработчикам быстро создавать визуально привлекательные компоненты без необходимости вручную писать сложный CSS-код
Made in HTML/CSS
Made in HTML/CSS
👍6
Что такое SEO?
SEO (Search Engine Optimization) — это комплекс мер по оптимизации сайта для повышения его видимости в результатах выдачи поисковых систем (Google, Яндекс, Bing и др.) по определенным запросам пользователей.
Если у вас есть сайт, то он должен решать какую-то задачу: продавать товары, привлекать клиентов, информировать людей, развлекать и т.д. Но сайт не принесет пользы, если его никто не найдет. SEO нужно именно для того, чтобы ваш сайт находили нужные люди.
Made in HTML/CSS
SEO (Search Engine Optimization) — это комплекс мер по оптимизации сайта для повышения его видимости в результатах выдачи поисковых систем (Google, Яндекс, Bing и др.) по определенным запросам пользователей.
Проще говоря, это процесс, который помогает вашему сайту занять как можно более высокие позиции в поиске.
Если у вас есть сайт, то он должен решать какую-то задачу: продавать товары, привлекать клиентов, информировать людей, развлекать и т.д. Но сайт не принесет пользы, если его никто не найдет. SEO нужно именно для того, чтобы ваш сайт находили нужные люди.
Made in HTML/CSS
🔥5
esbuild — это невероятно быстрый сборщик (bundler) и минификатор (minifier) для JavaScript и TypeScript кода. Его главная и единственная цель — максимально быстро преобразовать ваш исходный код в готовые для браузера файлы.
Made in HTML/CSS
Представьте, что у вас есть десятки или сотни модулей (.js, .ts, .jsx, .tsx файлов), библиотек из node_modules, CSS и изображений. esbuild берет весь этот "строительный материал" и:
- Объединяет (bundles) его в один или несколько оптимизированных JavaScript-файлов.
- Транспилирует современный JS/TS в код, понятный старым браузерам.
- Сжимает и минифицирует результат, удаляя все лишнее (комментарии, пробелы, переименовывая переменные в короткие имена).
- Разрешает зависимости и импорты между файлами.
Made in HTML/CSS
🔥4
Coolify — это open-source, самохостируемая альтернатива таким сервисам, как Heroku, Netlify или Vercel. Проще говоря, это платформа для развертывания (деплоя) и управления вашими веб-приложениями, базами данных и сервисами на вашем собственном сервере.
Made in HTML/CSS
Если вы разработчик и хотите запустить свой сайт или приложение в интернете, вам нужен сервер. Coolify позволяет превратить любой сервер (ваш домашний компьютер, VPS от DigitalOcean, Hetzner, AWS и т.д.) в мощную платформу для развертывания с минимальными усилиями.
Made in HTML/CSS
🔥5
Что такое JWT?
JSON Web Token (JWT) — открытый стандарт (RFC 7519) для создания токенов доступа, основанный на формате JSON. Обычно JWT используется для передачи данных после аутентификации в клиент-серверных приложениях.
Made in HTML/CSS
JSON Web Token (JWT) — открытый стандарт (RFC 7519) для создания токенов доступа, основанный на формате JSON. Обычно JWT используется для передачи данных после аутентификации в клиент-серверных приложениях.
Преимущества:
- Бессессионность — не требуется хранение сессий на сервере, так как вся необходимая информация содержится в самом токене.
- Кросс-доменное взаимодействие — JWT облегчает предоставление одновременного доступа к различным доменам и сервисам, что полезно в микросервисных архитектурах.
- Децентрализованная проверка — любой сервис, имеющий доступ к секретному ключу или публичному ключу (в случае асимметричного шифрования), может проверить токены без обращения к центральному серверу аутентификации.
Made in HTML/CSS
🔥3
Как создать дизайн-систему для сайта, если ты не дизайнер
Данная статья дает базовое понимание интуитивного и приятного дизайна в проектах даже если вы не являетесь дизайнером. Автор предлагает качественные решения с конкретными примерами.
🌐 Читать статью
Made in HTML/CSS
Столкнувшись с хаосом в интерфейсах и постоянными правками, я решила изучить, как можно организовать процесс создания дизайн-системы самостоятельно. Результат вы видите в этой статье. Очень надеюсь, что описанные правила помогут вам сделать первые шаги в создании дизайна для вашего проекта.
Данная статья дает базовое понимание интуитивного и приятного дизайна в проектах даже если вы не являетесь дизайнером. Автор предлагает качественные решения с конкретными примерами.
🌐 Читать статью
Made in HTML/CSS
🔥5👍1
Уникальный арт-постер твоего авто
Оригинальный подарок
🔥 Сделаем эксклюзивную картину твоей машины!
✅ Персонализация: твой уникальный дизайн с любыми элементами декора и информацией о машине.
✅ Оперативность: готовая работа в ближайшие сроки.
✅ Согласование перед печатью: любые правки бесплатно.
🎨 По индивидуальному фото создадим стильный постер любого размера.
🖌 Форматы печати: цифровой файл или сразу с красивой рамкой.
Цены:
🖼 Электронный постер в формате PDF: 900₽
🖼 Постер + рамка (А4): 1450₽
🖼 Постер + рамка (А3): 1750₽
👉 Подробности и заказ: @zilant_posters
Оригинальный подарок
🔥 Сделаем эксклюзивную картину твоей машины!
✅ Персонализация: твой уникальный дизайн с любыми элементами декора и информацией о машине.
✅ Оперативность: готовая работа в ближайшие сроки.
✅ Согласование перед печатью: любые правки бесплатно.
🎨 По индивидуальному фото создадим стильный постер любого размера.
🖌 Форматы печати: цифровой файл или сразу с красивой рамкой.
Цены:
🖼 Электронный постер в формате PDF: 900₽
🖼 Постер + рамка (А4): 1450₽
🖼 Постер + рамка (А3): 1750₽
👉 Подробности и заказ: @zilant_posters
🔥1