Javascript Pro
2.74K subscribers
190 photos
30 videos
128 links
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS - этот канал для вас.

Админ: @anothertechrock
加入频道
JavaScript. Что будет выведено в консоль?

Ответ
Стек вызовов JavaScript: объяснение с помощью иллюстраций

Стек представляет собой структуру данных, организованных по принципу LIFO, т.е. в порядке обратной очередности (last-in — first-out, последним вошел — первым вышел). Давайте посмотрим, как это работает в JS.

#js #ru
3
JavaScript. Что будет выведено в консоль?

Ответ
JavaScript Design Patterns

Автор: Hugo Di Francesco
Год издания: 2024

#js #en
Создание компонента React для загрузки изображений

Загрузка и сохранение изображений, созданных пользователями, является очень распространенным вариантом использования в веб-приложениях. Но когда я искал решение, подходящее для моих нужд, я не смог его найти, поэтому создал собственное.

#js #ru
👏1
Ребят, возвращаемся к рабочему режиму. 2 года однотипных постов прошло.

Будем создавать топовое комьюнити по фронтент разработке. Концентрация теперь будет на этом канале, работа в найме закончилась, могу себе позволить. 🙈

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

P.S сори что ночью)
👍30🎉72🔥1
🎥 Приглашаем вас на вебинар "Обзор децентрализованных web3 приложений (dApp) 2025 года".

📝 На уроке:
- Проведём обзор самых интересных и перспективных децентрализованных приложений (dApp), которые сейчас активно развиваются в экосистеме Web3.
- Узнаете, как устроены dApp, какие технологии лежат в их основе (блокчейн, смарт-контракты, криптография) и как они меняют привычные подходы к взаимодействию пользователей с интернетом.
- Разберём примеры из разных сфер: DeFi (децентрализованные финансы), NFT, GameFi, социальные сети и другие.

💪 В результате получите:
- Понимание, что такое dApp и как они работают.
- Обзор самых популярных и инновационных децентрализованных приложений.
- Представление о том, как можно использовать dApp в различных сферах жизни.
- Вдохновение и идеи для собственных проектов в Web3.

Приходите на вебинар и получите скидку на большое обучение «Solidity Developer» и выходите на новый уровень в блокчейн-разработке.

Для участия зарегистрируйтесь

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
1👍1💩1
🤔 Что такое цепочка прототипов?

Это механизм в JavaScript, который обеспечивает наследование между объектами.
Каждый объект имеет ссылку на свой прототип, где ведётся поиск методов или свойств, если их нет у самого объекта.
Поиск продолжается вверх по цепочке, пока не будет найдено свойство или достигнут 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
👍32
👩‍💻 Signature animation

Поле для ввода подписи с интересной анимацией. Сделана на SVG, CSS и JavaScript.

Открыть код...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
🤔 Как развернуть строку в JS?

Можно воспользоваться методами работы с массивами.
Сначала строка преобразуется в массив символов с помощью split(''), затем массив разворачивается с помощью reverse(), и в конце собирается обратно в строку с помощью join('').
Это стандартный и удобный способ для выполнения такой операции.


Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚 Базу Frontend книг
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
👩‍💻 13 приемов CSS, которые изменят твой подход к верстке

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

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥51
Как устроен JavaScript.

Автор:
Крокфорд Дуглас
Год издания: 2019

#js #ru

Скачать книгу
👍1
🤔 Каким образом HTML превращается в страницу?

1. Загрузка: Браузер загружает HTML-документ.
2. Парсинг: HTML разбивается на DOM (Document Object Model).
3. Стилизация: CSS применяется к элементам DOM.
4. Рендеринг: Браузер рендерит элементы на странице, создавая визуальное представление.


Ставь 👍 если знал ответ, 🔥 если нет

Забирай 📚 Базу Frontend книг
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Область видимости и замыкания

Автор:
Кайл Симпсон
Год издания: 2022

#js #ru

Скачать книгу
👍2
Хотите писать смарт-контракты, но кажется, что для этого нужны танцы с бубном?

🫣 Solidity пугает, инструменты кажутся сложными, а блокчейн — вообще отдельной вселенной. Но на самом деле разработка для EVM не так далека от классического программирования. Главное — разобраться с инструментами и подходами.

👉 Изучим это на открытом уроке «Обзор инструментов и методик» 11 марта в 20:00 (мск):

- Какие языки используют для блокчейн-разработки и чем они отличаются
- Как работают компиляторы и анализаторы кода для Solidity
- На что обращать внимание при написании смарт-контрактов

Блокчейн-рынок растёт, и специалисты по Solidity востребованы уже сегодня. Начните разбираться в EVM, пока другие только задаются вопросом «А что это такое?».
Все участники получат скидку на большое обучение «Solidity Developer».

👉 Регистрируйтесь и заходите в Web3 осознанно

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
👎1
👩‍💻 Реализация кнопки с таймером блокировки

Создайте кнопку, которая становится недоступной (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
👌31