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

Christmas Tree Spiral 🎄— анимированная рождественская ёлка, выполненная с помощью Pug и Stylus.

Бесплатное обучение IT-профессиям! Базовые знания и практические задания для новичков. Учитесь на практике. Выберите свой путь в IT! Узнать больше #реклама 16+ free.skillfactory.ru О рекламодателе

Создание панели инструментов с помощью HTML, CSS и JavaScript

⚛️ Pure CSS Gravity Button – Красивая кнопка с эффектом притяжения "частиц". Она имеет внешнюю тень и внутренний градиент.

Сообщество IT-специалистов в Telegram от Selectel. Канал крупнейшего независимого провайдера IT-инфраструктуры и облаков. Шесть причин подписаться на канал: - железные новости; - обзоры продуктов; - разборы кейсов; - актуальные IT-статьи; - анонсы митапов; - бесплатные курсы. Подписаться #реклама О рекламодателе

❓ Что такое promise и какие состояния у него есть ? Спросят с вероятностью 47% Promise (обещание) — это объект, представляющий завершение (или неудачу) асинхронной операции и её результат. Он позволяет ассоциировать обработчики с асинхронным действием, тем самым избавляя от необходимости использовать обратные вызовы (callback-функции). Они упрощают работу с асинхронными операциями, такими как AJAX-запросы или чтение файлов, позволяя написать код, который проще понять и поддерживать. Состояния: 1️⃣ Pending (Ожидание): Начальное состояние; асинхронная операция не завершена. 2️⃣ Fulfilled (Исполнено): Операция завершена успешно, и promise возвращает результат. 3️⃣ Rejected (Отклонено): Операция завершена с ошибкой, и promise возвращает причину отказа. Пример:

let обещание = new Promise(function(resolve, reject) {
    // Эмуляция асинхронной операции, например, запроса к серверу
    setTimeout(() => {
        // Условие успешного выполнения операции
        if (/* условие успеха */) {
            resolve("данные получены");
        } else {
            reject("ошибка при получении данных");
        }
    }, 1000);
});

обещание.then(
    function(результат) { console.log(результат); }, // обработчик успеха
    function(ошибка) { console.log(ошибка); } // обработчик ошибки
);

Promise поддерживает цепочки вызовов (then), что позволяет организовывать асинхронный код последовательно и читабельно. Кроме того, существуют вспомогательные методы, такие как Promise.all, Promise.race, Promise.resolve, и Promise.reject, которые облегчают работу с группами асинхронных операций. Promise — это способ организации асинхронного кода, который предоставляет более удобный и понятный интерфейс для работы с асинхронными операциями, чем традиционные callback-функции. У каждого обещания есть три состояния: ожидание, исполнено и отклонено, которые помогают управлять результатом асинхронных операций.

ТОП-4 Курса по UX/UI-дизайну по версии Tutortop Tutortop — маркетплейс курсов №1 по количеству школ-партнеров, курсов и реальных отзывов студентов. Освойте востребованную профессию с нуля за 4-5 месяцев. Соберите портфолио из 10+ проектов. Выйдите на заработок 100 000₽+ и работайте удаленно в гибком графике. Выбрать #реклама 16+ tutortop.ru О рекламодателе

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем уже завтра.

300+ инструментов востребованного эсэмэмщика Отдаем абсолютно бесплатно документ, который избавит вас от тысячи проблем. Что ждет внутри: — статьи от редакции, после которых поймете, как работает маркетинг; — гайды Академии: от инструкции по разработке SMM-стратегии во «ВКонтакте» и Telegram до контентных идей; — описание кейсов Студии, которые завоевывают золото и серебро на крупнейших диджитал-премиях; — исследования и тренды, чтобы знать, что происходит на рынке, как работать в этих условиях и какие инструменты использовать; — нейросети, боты и сервисы и описанием к каждому; — отобранные вручную книжки для маркетологов с кратким содержанием. Чтобы подготовить такую базу ресурсов, нам понадобилось 6 лет работы Студии Чижова и 2 года — Академии. Просто подпишитесь и заберите её бесплатно. Узнать больше #реклама О рекламодателе

CSS Masking Большой гайд по работе с CSS масками.

Frontend теперь в телеграм! Собрали крупные русскоязычные каналы, где вы найдете всю информацию о последних трендах и лучших практиках: Логово Верстальщика — научит верстать продающие сайты. Node.JS — поможет узнать все тонкости и секреты JavaScript и его фреймворков. Frontender's notes — советы и полезные приемы для каждого разработчика.

FlipBoxes — трехмерные чекбосы на CSS

🖥 Симуляция простейшей жизни на JavaScript Игра «Жизнь» Конвея на максималках