Code Ready | Frontend
20K subscribers
697 photos
312 videos
17 files
466 links
Авторский канал по Frontend разработке.
Ресурсы, гайды, задачи, шпаргалки.
Информация ежедневно пополняется!

Автор: @energy_it

РКН: https://clck.ru/3NJCKs

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
📱 Шпаргалка CSS

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


⬇️ Скачать полную версию

📣 Code Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥11
This media is not supported in your browser
VIEW IN TELEGRAM
Webcode,tools — это онлайн-инструмент для генерации и настройки различных HTML, CSS и JS кода, который помогает разработчикам быстро создавать веб-элементы и видеть результаты в реальном времени.

Ссылочка: https://webcode.tools/

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥5😁1
😁116👍16🔥16
👩‍💻 Мемоизация: оптимизируем функции через кэширование

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)); // Берется из кэша


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 | #техсобес
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23🔥9🤝3
👍9🔥3
Что будет в консоли?
Anonymous Quiz
11%
A
10%
B
68%
C
10%
D
👍19🔥7
👩‍💻 Работа с промисами: Методы Promise.all() и Promise.race()

Promise.all — выполняет несколько промисов параллельно и возвращает результаты, когда все промисы завершены.

Promise.race — выполняет несколько промисов параллельно, но возвращает результат первого завершившегося промиса, независимо от того, был он выполнен успешно или отклонен.

🔥 — если было полезно
🤝 если уже пользовался

📣 Code Ready | #метод
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥46🤝11👍6
👩‍💻 Большая шпаргалка по Javascript

В этой шпаргалке разбираются все темы и концепции JS.

⬇️ Cкачать полную версию

📣 Code Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍7
🔥6👍4
Что будет в консоли?
Anonymous Quiz
6%
A
20%
B
12%
C
63%
D
🔥28👍10
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Атрибут required

Атрибут required указывает, что поле формы обязательно для заполнения перед отправкой, предотвращая отправку пустого значения.

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


📣 Code Ready | #атрибут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍35🔥7
👩‍💻 Шпаргалка по HTML-сущностям

HTML-сущности — это специальные кодовые обозначения для символов, которые могут быть интерпретированы браузером как часть разметки или недоступные на клавиатуре символы.

📣 Code Ready | #html #шпаргалка
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥76👍21🤝10
👩‍💻 Прототипное наследование в JavaScript

В JavaScript каждый объект может наследовать свойства и методы другого объекта через прототип.

Это позволяет создавать цепочки прототипов, благодаря которым объекты могут переиспользовать код и методы.

🔥 — если было полезно

📣 Code Ready | #собеседование
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥30👍16🤝4