Ребят, возвращаемся к рабочему режиму. 2 года однотипных постов прошло.
Будем создавать топовое комьюнити по фронтент разработке. Концентрация теперь будет на этом канале, работа в найме закончилась, могу себе позволить. 🙈
По-началу - дайте знать кто есть живой - жмякните лайк, напишите в комментариях какой контент вам необходим. Пришлите ссылки на сайты или каналы, которые вы читаете по фронтенту.
P.S сори что ночью)
Будем создавать топовое комьюнити по фронтент разработке. Концентрация теперь будет на этом канале, работа в найме закончилась, могу себе позволить. 🙈
По-началу - дайте знать кто есть живой - жмякните лайк, напишите в комментариях какой контент вам необходим. Пришлите ссылки на сайты или каналы, которые вы читаете по фронтенту.
P.S сори что ночью)
👍30🎉8❤2🔥1
Каждый объект имеет ссылку на свой прототип, где ведётся поиск методов или свойств, если их нет у самого объекта.
Поиск продолжается вверх по цепочке, пока не будет найдено свойство или достигнут null.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу Frontend книг
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👌2👍1🔥1
🧩 Разбивай задачи, даже если они кажутся простыми
Думал, что закроешь задачу за пару часов, а в итоге весь день потратил на разбор сложных деталей?
👉 Совет: перед тем как писать код, распредели задачу на маленькие шаги. Даже простая фича может скрывать кучу подводных камней. Чем точнее разбиение, тем проще двигаться и не тонуть в хаосе.
Думал, что закроешь задачу за пару часов, а в итоге весь день потратил на разбор сложных деталей?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3❤2
Поле для ввода подписи с интересной анимацией. Сделана на SVG, CSS и JavaScript.
Открыть код...
Please open Telegram to view this post
VIEW IN TELEGRAM
codepen.io
Signature animation
...
👍2
Сначала строка преобразуется в массив символов с помощью split(''), затем массив разворачивается с помощью reverse(), и в конце собирается обратно в строку с помощью join('').
Это стандартный и удобный способ для выполнения такой операции.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу Frontend книг
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
13 продвинутых техник, которые редко встречаются в базовых туториалах, но активно используются в enterprise-разработке. Ты узнаешь, как избегать типичных ошибок и использовать современные возможности браузеров по максимуму.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Библиотека программиста
🎨 13 приемов CSS, которые изменят твой подход к верстке
Освойте 13 профессиональных CSS-приемов для создания современных веб-интерфейсов. Практические примеры, готовые решения и советы экспертов по оптимизации кода."
🔥5❤1
1. Загрузка: Браузер загружает HTML-документ.
2. Парсинг: HTML разбивается на DOM (Document Object Model).
3. Стилизация: CSS применяется к элементам DOM.
4. Рендеринг: Браузер рендерит элементы на странице, создавая визуальное представление.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу Frontend книг
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Создайте кнопку, которая становится недоступной (disabled) на 5 секунд после каждого нажатия. Отображайте обратный отсчёт времени на кнопке, чтобы пользователь видел, когда её можно будет нажать снова.
Ожидаемое поведение:
• При нажатии на кнопку она становится недоступной.• На кнопке отображается обратный отсчёт времени: 5... 4... 3....• Через 5 секунд кнопка снова становится активной и текст возвращается в исходное состояние.Решение задачи
<button id="timer-button">Нажми меня</button> #timer -button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}#timer -button:disabled {
background-color:#ccc ;
cursor: not-allowed;
}
const button = document.getElementById('timer-button');
button.addEventListener('click', () => {
let countdown = 5;
// Деактивируем кнопку и запускаем таймер
button.disabled = true;
const interval = setInterval(() => {
button.textContent = `Ждите... ${countdown}`;
countdown--;
if (countdown < 0) {
clearInterval(interval);
button.disabled = false;
button.textContent = 'Нажми меня';
}
}, 1000);
});
Please open Telegram to view this post
VIEW IN TELEGRAM
👌3❤1
Работать на пределе сил кажется продуктивным, но на деле это путь к багам и костылям.
Please open Telegram to view this post
VIEW IN TELEGRAM
💯7
Чем больше значение, тем позже будет выполнен переданный callback. Например, setTimeout(() => console.log('Hello'), 5000) выполнит код через 5 секунд.
Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу Frontend книг
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4✍1
JavaScript. Напишите функцию
Ответ
multiplicationTable, которая принимает размер таблицы (size) и возвращает таблицу умножения (то есть матрицу размером sizeХsize).Ответ