Code Ready | Frontend

💎 Подборка топовых каналов для каждого айтишника! 😎 PyLinux — для тех, кто программирует на Python и хочет начать разбираться в Linux. 😎 IT Syndicate — топовые курсы по всем IT-специальностям и технологиям. ⚙️ IToolBox — полезные инструменты, ресурсы и лайфхаки для программистов. ⚡️ Подпишись прямо сейчас, чтобы не потерять!

👩‍💻 Вопрос с собеседования Как использовать промисы в JavaScript? Ответ: 1. Создание промиса: Используется для обработки асинхронных операций. Он может находиться в состояниях pending, fulfilled, или rejected

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Data received');
  }, 2000);
});

2. Обработка результата с помощью then: Метод then используется для обработки успешного завершения промиса (fulfilled).

promise.then((data) => {
  console.log(data); // Data received
}).then(() => {
  console.log('Further processing');
});

3. Обработка ошибок с помощью catch: Метод catch используется для обработки ошибок или отклонения промиса (rejected).

promise.catch((error) => {
  console.error('Error:', error);
});

4. Завершение обработки с помощью finally: Метод finally выполняется после завершения промиса, вне зависимости от того, был он выполнен или отклонен.

promise.finally(() => {
  console.log('Operation complete');
  // Cleanup code here
});

➡️ @code_ready | #техсобес

⚡️ Google в России — ВСЁ! Блогеры переезжают в Telegram, а разработчики из Big Tech не остались в стороне и уже перенесли платные материалы в свои каналы: 📱 @frontend – всё о JavaScript, HTML и CSS 📱 @python – разработка на Python 📱 @java – разработка на Java 📱 @it_hub – полезные материалы для разработчиков 📱 @english – английский язык в IT-сфере 📱 @memes – юмор и мемы для программистов

📱 Как работает String.prototype.padStart() в JS? Функция String.prototype.padStart() добавляет символы в начало строки до достижения заданной длины. Параметры функции: • targetLength — желаемая длина строки. • padString — символы для добавления (по умолчанию пробел). Функция padStart() полезна для выравнивания чисел или текста в таблицах, добавляя ведущие нули или другие символы для выравнивания данных в нужном формате.

Есть обратная ей функция — padEnd(). Принцип действия такое же, но символы добавляются уже с конца.

➡️ @code_ready | #функция

✅ Ещё 1 перезалив шпаргалки, в этот раз напомню про регулярные выражения Эта шпаргалка представляет набор основных методов для создания и использования регулярных выражений в JavaScript. В ней содержатся все основные операции. ➡️ @code_ready | #шпаргалка #js

⚡️ 5782 ГБ платного контента по всем языкам программирования, фреймворкам и софту теперь доступны бесплатно: ➡️ Лучшие обучающие курсы ➡️ Топовые книги для разработчиков ➡️ Только свежие и актуальные материалы ➡️ Удобная навигация по всем направлениям 📌 Подписывайтесь: @easy_dev_ru

Roadmap,sh — сайт, на котором собраны roadmaps по всем направлениям, начиная от бэкенд-разработки, заканчивая UX-дизайном. Все темы для изучения схематично отображены в нужной последовательности для поэтапного изучения. ⛓ Ссылочка: https://roadmap.sh/ ➡️ @code_ready | #ресурсы

╯╭┳┳┳╮╰┈╮╰┈╯╭┈╮ ╮┣╭━╮┃▕╲╰┈┈┈╯╱▏  ┊┣┃┈╰╯▕╱▔▔▔▔▔╲▏ ╯┣╰┳┳┳┳▏▊┈▂┈▊▕╭  ╮╰━▏┊┊┊╲┈╰┻╯┈╱┊  ╰╮┊▏▂▂▂▂▔▂▕▔▔╭╯  ╮┊▕▂▏▂▏▕▂▏▂▏╭╯ Подпишись на GITHUB котика

📱 Ускорьте написание кода Codeium — это мощное расширение для VS Code, которое помогает вам писать код быстрее и умнее. Оно предлагает интеллектуальные подсказки и автозаполнение, основанные на AI. Также плагин поддерживается многими языками программирования. ➡️ @code_ready | #плагин

👩‍💻 Конический градиент Свойство conic-gradient позволяет создавать конические градиенты (цветовой переход, который вращается вокруг центра, создавая эффект, похожий на цветовое колесо) , что делает их очень полезными для создания различных визуальных эффектов. Параметры свойства: • from (angle): Указывает начальный угол, с которого начинается градиент. • color-stop: Цвет и его позиция в градиенте (red, yellow, green) • percentage: Необязательный параметр, указывающий кол-во цвета в градиенте (red 25%) ➡️ @code_ready | #свойство #css

Устал от поиска интересного контента по JavaScript? WEBIK - Это интересные материалы, полезные и готовые рецепты кода, смешные мемы, топовые шпаргалки, и познавательные викторины и статейки 😎 Подпишись, чтобы не потерять 😉

CSS Grid Generator — сайт, с помощью которого можно сгенерировать сетку и получить готовый CSS-код. Сначала задаем количество строк, колонок и расстояния между ними, далее рисуем расположение div-блоков в сетке. ⛓ Ссылочка: https://cssgrid-generator.netlify.app/ ➡️ @code_ready | #ресурсы

➡️ @code_ready | #мем

Не показывай этот канал тимлиду, иначе его хватит инфаркт А тебе урежут зарплату за «слишком высокую эффективность». Recura — тот самый канал, где гений IT делится многолетними наработками: • Секреты автоматизации, с которыми будешь работать 3 часа в день, пока босс будет думать, что пашешь 24/7 • Мануалы, после которых начнешь шарить в Linux как Столлман • Советы по безопасности, которые заставят хакеров рыдать в подушку Бегом подписывайся — https://t.me/recura_tech, пока его не прикрыли за разглашение корпоративных тайн

😄 Недавно наткнулся на отличную статью на Habr, которая поможет подготовиться к собеседованию по JavaScript. В статье собраны 70 реальных вопросов, часто задаваемых на интервью. При клике на каждый вопрос, вы получаете полный и понятный ответ. Советую каждому прочитать, пока ещё осталось время для обучения) ➡️ @code_ready | #статья

📱 Как работает Intl.DateTimeFormat() в JS? Функция Intl.DateTimeFormat: Форматирует дату и время в соответствии с заданным локалем и параметрами, поддерживая разнообразные языковые и региональные стандарты. Она имеет несколько вариантов использования, давайте их разберём: • Intl.DateTimeFormat() — Форматирует дату и время в соответствии с локалью по умолчанию и стандартными параметрами. • Intl.DateTimeFormat ('en-GB') — Использует заданную локаль ('en-GB' в данном случае) для форматирования даты и времени в соответствии с британским форматом. • Intl.DateTimeFormat ('en-GB', { year: 'numeric', month: 'long', day: 'numeric', weekday: 'long' }) — Позволяет настроить форматирование, указав параметры.

Функция поддерживает множество вариаций описания опций, позволяя детально настроить форматирование даты и времени в зависимости от ваших потребностей.

➡️ @code_ready | #функция #js

Cамый простой способ изучить Java — залезть в голову профи Один из лучших айтишников России учит базе кодинга в Telegram. Даже гуманитарий поймёт, как создавать приложения, сайты, игры и чат-боты. Достаточно подписаться на «Секреты Java», где каждый день появляются гайды, готовые примеры кода и лучших практик. И всё это бесплатно — вместо сотен тысяч рублей за курсы. Стартовать в прибыльной профессии с нуля вы сможете гораздо проще! Теперь обучиться Java может каждый: @java_secrets

👨‍💻 Selective Color Эффект, который выделяет определенные элементы, создавая контраст и акцент на них, при наведении на изображения, реализованный с помощью CSS и JavaScript. ⛓ Готовый код: Ссылочка ➡️ @code_ready | #кодпен

👩‍💻 Полосатая тень текста Для создания эффекта полосатой тени текста используется несколько CSS-свойств, которые позволяют добавить тексту цветную тень и сделать его цвет прозрачным с полосатым фоном. Рассмотрим ключевые моменты, которые отвечают за этот эффект:

• text-shadow — Создает тень текста с заданными смещением, размерами и цветом. • background: repeating-linear-gradient — Устанавливает полосатый фон с повторяющимся линейным градиентом. • background-clip: text — Обрезает фон до контура текста, делая его видимым только внутри текста. • webkit-animation-fill-color: transparent — Делает цвет текста прозрачным, чтобы фон был виден через него.

➡️ @code_ready | #гайд #css

📌 Мы за бесплатное обучение Подборка каналов для роста и развития в сфере Frontend-разработки 👥 Reactify | Frontend Разработка — активное сообщество для бесплатного обучения веб-разработке. 💼 Frontend | Собеседования — огромная база актуальной теории для Frontend Разработчиков. Обучайтесь, общайтесь, растите вместе с нами. Станьте частью IT-сообщества!