Code Ready | Frontend

Бесплатное IT-образование в 2024 Отобрали для вас полезные телеграм-каналы, которые помогут освоить программирование и другие IT-направления Выбирайте нужное и подписывайтесь: 👩‍💻 Frontend: @FrontendPortal ⚙️ Backend: @BackendPortal 📱 GitHub: @git_developer 🤓 Книги айти: @portalToIT 👩‍💻 Python: @PythonPortal 👩‍💻 Java: @Java_Iibrary 👩‍💻 C#: @KodBlog 👩‍💻 С/С++: @Cpportal 🖥 Базы Данных & SQL: @SQL 👩‍💻 Golang: @juniorGolang 👩‍💻 PHP: @PHPortal 👩‍💻 Моб. разработка: @MobDev 👩‍💻 Разработка игр: @GameDevgx 👩‍💻 DevOps: @loose_code 🖥 Data Science: @DataSciencegx 🤔 Хакинг & ИБ: @cybersecinform 🐞 Тестирование: @QAPortal 📱 Маркетинг: @MarketingPortal 🖥 Дизайн: @PortalToDesign ➡️ Сохраняйте себе, чтобы не потерять

👩‍💻 Мемоизация: оптимизируем функции через кэширование Позволяет сохранить результаты функции для уникальных входных данных, чтобы повторные вызовы с теми же параметрами возвращали результат мгновенно. 1. Простая функция мемоизации: Функция memoize создаёт кэш для хранения результатов.

function memoize(fn) {
  const cache = {};
  return function (...args) {
    const key = JSON.stringify(args);
    if (cache[key]) return cache[key];
    return cache[key] = fn(...args);
  };
}

Здесь мы генерируем ключ на основе аргументов функции и проверяем, есть ли уже результат в кэше. 2. Используем мемоизацию с функцией факториала: Теперь мемоизируем вычисление факториала, чтобы избежать повторных вычислений.

const factorial = memoize(function(n) {
  return n <= 1 ? 1 : n * factorial(n - 1);
});
console.log(factorial(5));  // Первый вызов рассчитывает
console.log(factorial(5));  // Берется из кэша

Теперь вызов factorial(5) один раз запоминается, и повторные вызовы не пересчитывают результат. 3. Для тяжёлых функций: Мемоизация особенно эффективна для сложных задач, например, при работе с большими данными или многократными запросами.

const heavyCalc = memoize((x, y) => {
  // Симуляция сложных вычислений
  for (let i = 0; i < 1e6; i++) {}
  return x * y;
});
console.log(heavyCalc(3, 4)); // Медленно
console.log(heavyCalc(3, 4)); // Быстро, взято из кэша

В этом примере повторный вызов с одинаковыми аргументами работает быстрее за счёт кэширования. 📣 Code Ready | #техсобес

👩‍💻 Программирование - ВСЁ В 2024 году на кодинге уже не вывезешь, перспектива года - Информационная Безопасность. Ловите полезные каналы, которые помогут ворваться в новое направление. 👍 ZeroDay - Уроки, эксплуатация уязвимостей с нуля 👍 Белый Хакер - Свежие новости из мира ИБ 😎 Арсенал Безопасника - Все необходимые инструменты 😎 Бункер Хакера - Статьи, книги, шпаргалки и хакинг 👨‍💻 Серверная Админа - Настройка и уроки по компьютерным сетям 📂Вступай и изучай новое направление!

Webcode,tools — это онлайн-инструмент для генерации и настройки различных HTML, CSS и JS кода, который помогает разработчикам быстро создавать веб-элементы и видеть результаты в реальном времени. ⛓ Ссылочка: https://webcode.tools/ 📣 Code Ready | #ресурсы

Как программисту начать зарабатывать на фрилансе? Что делать, если нет отзывов, а конкуренция давит? Сегодня в 18:30 по МСК в Telegram-канале у Андрея Шопинского пройдёт эфир на тему заработка на фрилансе! Подписывайся, чтобы не пропустить!

📱 Шпаргалка CSS

В этой шпаргалке собраны все основные CSS-свойства, которые точно понадобятся всем разработчикам.

⬇️ Скачать полную версию 📣 Code Ready | #шпора

doka guide — сайт, на котором собраны шпаргалки по HTML, CSS, JS. На каждую тему есть подробный разбор с полезными советами по применению. 📌 Ссылочка: https://doka.guide/ 📣 Code Ready | #ресурсы

👩‍💻 Создание и использование кастомных событий Кастомные события позволяют разработчикам создавать свои собственные события, которые могут быть использованы для более гибкого и модульного взаимодействия между компонентами. Это помогает организовать код и улучшить его читаемость, позволяя реагировать на специфические действия в приложении. 📣 Code Ready | #гайд #js

Я айтишник и я устал! С годами работы в IT все сильнее напрягает рутина, прокрастинация, куча задач и 0 желания их выполнять. Че делать? Хватит грызть самого себя и заставлять через силу - сделаешь только хуже! Лучше подпишись на того, кто уже не первый год работает с IT-специалистами и помогает им справиться с апатией и прокрастинацией - Психолог с научным подходом. ✔️ Как оторваться от ленты соцсетей и сесть за работу с удовольствием? ✔️ Как спокойно общаться с коллегами, если они бесят? ✔️ Как избавиться от постоянной тревожности? ✔️ Как успокоить конфликты в семье и перестать срываться на всех, а вместо этого получить поддержку и понимание со стороны близких? Подписывайся на канал @remizov_changes - начни работать и жить в кайф, не скатываясь в кризисы и выгорание! А в закрепе тебя уже ждут бонусы: 👨🏻‍💻 Видео, в котором ты найдёшь ответ на вопрос «Почему у тебя нет энергии и что с этим делать» + гайд как it-специалисту вернуть энергию, даже если не получается отдохнуть. https://t.me/+9ki_jxVr9yo4NzY6

👩‍💻 Перенос текста на новую строку Свойство word-break определяет, как будет переноситься на новую строку текст при достижении края родительского контейнера. Возможные значения:

• normal — по умолчанию, длинные слова или строки с неразрывным пробелом не переносятся, даже если выходят за границы. • break-all — при достижении границы, перенос строки будет вставлен между любыми двумя символами. • keep-all — перенос строки не будет использован в тексте на китайском, японском или корейском языках.

📣 Code Ready | #свойство

GitHub теперь в Telegram! Более 7000+ репозиториев с исходным кодом нейросетей, ботов, сайтов и других интересных проектов для разработчиков Всё разбито по #хештегам. Подписывайтесь: @GitHub

👩‍💻 Полезные горячие клавиши VSCode • Ctrl + Shift + K — Удаляет текущую строку целиком. • Shift + Alt + F — отформатировать листинг. Быстро выровняет код, чтобы он стал более читаемым, понятным и красивым. • Ctrl + D — множественное редактирование. Изменит одинаковый код сразу в нескольких местах. 📣 Code Ready | #клавиши

👩‍💻 Атрибут for Он связывает элемент <label> с соответствующим полем <input>, позволяя пользователям кликать по тексту метки для выбора или фокуса на связанном элементе управления.

Значение атрибута for должно совпадать с id связанного элемента, что улучшает доступность и удобство взаимодействия с формами.

📣 Code Ready | #атрибут

⚡️ Вся база знаний по IT в одном месте! 🧑‍💻 IT База — краткие разборы самого важного из мира IT. Сотни мастхев-ресурсов, каждый день новые материалы по работе и подготовке к собеседованиям. Подойдёт как новичкам, так и состоявшимся айтишникам; 🖥 Frontend База — всё для фронтенд разработчиков. Готовые решения для проектов, полезные курсы по JS/HTML/CSS, готовые роадмапы для комфортного освоения в профессии и дальнейшего развития; 👣 Backend База — самое важное для бэкендеров. Всё о работе с PHP, MySQL, MongoDB, Golang и Rust в одном месте, плюс полные курсы и лайфхаки для работы на каждый день; 🖥 База Знаний — склад полезных курсов и материалов, где легко найти что-то нужное по хэштегам. Если вам что-то интересно про IT, то оно уже лежит на Базе, проверяйте. ⏲ Успей подписаться, чтобы не потерять!

Frontend Practice — реальные интерфейсы и макеты для создания сложных веб-приложений и практики адаптивной вёрстки. 📌 Ссылочка: frontendpractice.com 📣 Code Ready | #ресурсы

👩‍💻 Выпадающее меню на CSS Привет! Сегодня мы создадим многоуровневое выпадающее меню с помощью CSS. Это удобный инструмент для структурирования навигации на сайте, особенно если у вас много категорий и подкатегорий.

Основное свойство, которое мы будем использовать, — position, чтобы позиционировать подменю относительно родительского элемента.

🔥 — если было полезно 📣 Code Ready | #гайд #css

Пс... Тут два С++ сеньора создали канал, где простым языком поясняют за плюсы, метапрограммирование, фишки новых стандартов, алгоритмы, вопросы с собеседований и другие непонятные штуки из современного программирования на С++. Прямо сейчас Вы можете бесплатно забрать гайды по собеседованиям, по категориям выражений и мув-семантике и по ключевому слову inline. Все найдете в закрепе канала. Подписывайтесь, чтобы пояснять друзьям за оптимизации компилятора, о которых вам никто не расскажет: Грокаем С++