Javascript Pro

Попробуйте себя в роли QA-инженера на JavaScript 🌚 Ребята из QA.GURU поделились записью последнего открытого занятия по тестированию на JavaScript. Рекомендуем посмотреть, если хотите попробовать себя в роли QA-инженера на JS. Вместе с преподавателем вы напишете автотест на JavaScript, даже если никогда до этого не писали код. И если никогда не думали в сторону профессии QA 🌝 А еще узнаете самое важное о ремесле тестировщика от опытного QA-инженера. Говорим о преимуществах и недостатках профессии, ситуации на рынке 2024-25 года и о том, почему так вырос спрос на инженеров, знающих JavaScript. 🔗 Посмотреть занятие на YouTube или Rutube.  👩‍💻 А еще ждем всех участников «Javascript Pro» на бесплатной личной консультации с основателем сообщества Станиславом Васенковым. 👀 Запишитесь на консультацию через @qa_guru_support

Подборка книг по JS/CSS на русском языке. Скачивайте и читайте. Как устроен JavaScript. Автор: Крокфорд Дуглас JavaScript для профессиональных веб-разработчиков Автор: Мэтт Фрисби Бессерверные приложения на jаvascript Автор: Стоянович С. JavaScript для начинающих Автор: Майк МакГрат Наглядный CSS Автор: Сидельников Грег Секреты CSS. Идеальные решенияежедневных задач Автор: Леа Веру CSS для профи Автор: Кит Грант #ru #подборка

Время автоматизировать QA на JavaScript 🌚 Автоматизация шагает вперед: спрос на автотесты на JS продолжает расти!  По данным последнего опроса Stack Overflow, больше 60% QA-инженеров начинают карьеру с изучения JS. И даже фреймворк Allure 3, который раньше ассоциировался в основном с Java, теперь переписан на JavaScript. В этот четверг в 20:00 (мск) у школы QA-инженеров QA.GURU пройдет вебинар по автоматизации тестирования на JavaScript.  👉 На занятии вы узнаете о профессии QA и трендах профессии.  👉 Поработаете с фреймворком Playwright. 👉 Напишете и запустите свой автотест на JS.  А еще после урока вас ждет полноценная домашка, которую проверит преподаватель школы. Все участники вебинара получат обратную связь по ДЗ. 🔗 Зарегистрируйтесь на открытый урок, чтобы получить ссылку на трансляцию. Попробуйте себя в новой профессии!

JavaScript. Напишите функцию multiplicationTable, которая принимает размер таблицы (size) и возвращает таблицу умножения (то есть матрицу размером sizeХsize). Ответ

🚀 Node.js Developer — это курс, который сделает из вас профессионального разработчика серверных приложений! Если вы уже знаете JavaScript, но хотите выйти на новый уровень и освоить Express, TypeScript, GraphQL, Apollo и Nest.js, этот курс для вас! 🗓 Старт уже скоро! 27 марта! ⏳ Длительность: 4 месяца 📍 Формат: Онлайн 🕗 Занятия: Вт/Чт 20:00 МСК 💡 Что вас ждет на курсе? ✅ Полное погружение в backend-разработку с Node.js ✅ Освоение работы с MongoDB и PostgreSQL ✅ Глубокое изучение GraphQL и Apollo ✅ Создание собственного backend-проекта для портфолио ✅ Практика с TDD, WebSockets, CI/CD и Docker ✅ Поддержка преподавателей и комьюнити 🎯 Для кого этот курс? Этот курс для разработчиков, которые уже знакомы с JavaScript и хотят освоить полный стек инструментов для бэкенда. Вы научитесь писать чистый и масштабируемый код и получите готовые навыки для работы в современных проектах. 👨‍🏫 Кто преподает? Опытные разработчики, которые работают в индустрии и помогут вам разобраться в реальных кейсах. 🎓 Чем полезен курс? 📌 Развитие сильного технического стека 📌 Глубокое понимание архитектуры и дизайна Node.js 📌 Практика с микросервисами, Docker, Nest.js и Kubernetes 📌 Разбор реальных кейсов от экспертов 💼 После курса: 🔹 Вы сможете уверенно работать с Node.js, TypeScript и GraphQL 🔹 Создадите свой проект, который можно показать работодателям 🔹 Получите помощь в поиске работы и подготовке резюме 🔥 Готовы прокачать свои навыки? Проходите тест Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

⭐️🚀 Смарт-контракты управляют миллионами транзакций в мире блокчейна. Хотите научиться их разрабатывать? Solidity — ключевой язык программирования для создания децентрализованных приложений. Разбираем, как написать, задеплоить и протестировать смарт-контракт. После открытого вебинара вы сможете создать свой первый контракт, поймёте принципы работы Solidity и подготовитесь к профессиональному росту в Web3-разработке. ⏰ Встречаемся 19 марта в 20:00 мск! Участники получат скидку на большое обучение «Solidity Developer». 👉 Для участия зарегистрируйтесь Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

🤔 Что сделать, чтобы setTimeout выполнился позже? Для того чтобы setTimeout выполнялся позже, необходимо задать время задержки (в миллисекундах) в его втором аргументе. Чем больше значение, тем позже будет выполнен переданный callback. Например, setTimeout(() => console.log('Hello'), 5000) выполнит код через 5 секунд. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚 Базу Frontend книг

🤔 Не кодь уставшим — всё равно переделаешь Работать на пределе сил кажется продуктивным, но на деле это путь к багам и костылям. 👉 Совет: если чувствуешь, что мысли путаются, а ошибки валятся одна за другой — лучше сделай перерыв. 15 минут отдыха полезнее, чем 2 часа попыток «дожать» задачу в состоянии зомби.

👩‍💻 Реализация кнопки с таймером блокировки Создайте кнопку, которая становится недоступной (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); });

❓ Хотите писать смарт-контракты, но кажется, что для этого нужны танцы с бубном? 🫣 Solidity пугает, инструменты кажутся сложными, а блокчейн — вообще отдельной вселенной. Но на самом деле разработка для EVM не так далека от классического программирования. Главное — разобраться с инструментами и подходами. 👉 Изучим это на открытом уроке «Обзор инструментов и методик» 11 марта в 20:00 (мск): - Какие языки используют для блокчейн-разработки и чем они отличаются - Как работают компиляторы и анализаторы кода для Solidity - На что обращать внимание при написании смарт-контрактов Блокчейн-рынок растёт, и специалисты по Solidity востребованы уже сегодня. Начните разбираться в EVM, пока другие только задаются вопросом «А что это такое?». Все участники получат скидку на большое обучение «Solidity Developer». 👉 Регистрируйтесь и заходите в Web3 осознанно Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Область видимости и замыкания Автор: Кайл Симпсон Год издания: 2022 #js #ru Скачать книгу

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

Как устроен JavaScript. Автор: Крокфорд Дуглас Год издания: 2019 #js #ru Скачать книгу

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

🤔 Как развернуть строку в JS? Можно воспользоваться методами работы с массивами. Сначала строка преобразуется в массив символов с помощью split(''), затем массив разворачивается с помощью reverse(), и в конце собирается обратно в строку с помощью join(''). Это стандартный и удобный способ для выполнения такой операции. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚 Базу Frontend книг

👩‍💻 Signature animation Поле для ввода подписи с интересной анимацией. Сделана на SVG, CSS и JavaScript. Открыть код...

🧩 Разбивай задачи, даже если они кажутся простыми Думал, что закроешь задачу за пару часов, а в итоге весь день потратил на разбор сложных деталей? 👉 Совет: перед тем как писать код, распредели задачу на маленькие шаги. Даже простая фича может скрывать кучу подводных камней. Чем точнее разбиение, тем проще двигаться и не тонуть в хаосе.

🤔 Что такое цепочка прототипов? Это механизм в JavaScript, который обеспечивает наследование между объектами. Каждый объект имеет ссылку на свой прототип, где ведётся поиск методов или свойств, если их нет у самого объекта. Поиск продолжается вверх по цепочке, пока не будет найдено свойство или достигнут null. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚 Базу Frontend книг