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

Сообщество 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 Игра «Жизнь» Конвея на максималках

🔥What’s the Hack? ЭКСПО! Этим летом с 1 по 10 августа прими участие в хакатоне от Экспобанк, реши задачу по созданию системы управления клиентскими базами для компаний-партнеров Экспобанка и получи возможность забрать вознаграждение из призового фонда в 400.000 рублей! Регистрируйся на хакатон до 29 июля включительно: https://экспохак.рф 🌐Хакатон пройдет в формате Онлайн - 9 дней интенсивной работы над проектом, а 10-го августа участники защищают свои решения перед представителями из компаний-партнеров Экспобанка! 🚀Главная цель – создать единый механизм управления клиентскими базами, позволяющий оптимизировать взаимодействие с клиентами и предлагать различные услуги из разных компаний, входящих в число компаний-партнеров Экспобанка. . 👨‍💻К участию приглашаются разработчики, Product менеджеры, IT-специалисты и бизнес-архитекторы. На протяжении всего хакатона Вас ждут регулярные сессии с экспертами, которые помогут скорректировать Ваши идеи в нужно русло! 📌Ключевые события хакатона: 29 июля – Завершение подачи заявок 1 августа – Церемония открытия 2 и 5 августа – Индивидуальные сессии с экспертами 7 августа – Общая встреча с экспертами 10 августа – Финальный питч и Церемония закрытия 🏆Успей зарегистрироваться на хакатон и побороться за призовой фонд в 400.000 рублей! What’s the Hack? ЭКСПО! Подробная информация и регистрация: https://экспохак.рф Реклама. АО "ЭКСПОБАНК", ИНН: 7708397772. erid: 2VtzqwA57bw

Кнопка Play/Pause Интересный CodePen-проект для фронтенд-разработчиков. Кнопка play/pause реализована с помощью чекбокса, а анимирована средствами CSS.

Кто сказал, что каникулы положены только школьникам? Ребята из КРОК тусуются все лето и зовут с собой на ИТ-каникулы.  Пара идей, как перезагрузиться этим летом:  — За новыми впечатлениями: сгонять на летние фестивали. КРОК так отмечает ДР и разыгрывает проходки — успевайте поучаствовать.  — За тимспиритом: поиграть в петанк на зеленом споте в Парке Горького или провести синк на природе.  Закрываем ноутбуки — открываемся лету?

🖥 DOM3D.js Кодеры, ловите абсолютно безумный проект: разработчик написал инструмент для просмотра HTML/DOM, который позволяет оценить ваш сайт в 3D.

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

В этой веб-игре не используется даже строчки JavaScript В Carnival Game нужно за 8 секунд поразить все цели. Но в игре интересно совсем другое — она написана на чистом CSS с применением чекбоксов и анимаций.