Javascript

Где же ты, супергерой JS? Superhero.js — ресурс, на котором собираются лучшие статьи и видео по JavaScript. На странице представлен постоянно обновляемый список статей, которые помогают понять синтаксис JS, изучить основы управления проектами и тестирования кода: http://superherojs.com/ #js

Создание доступных табов пользовательского интерфейса в JavaScript В этой статье рассказывается о том, как создать доступные вкладки пользовательского интерфейса с помощью JavaScript. Автор обсуждает несколько методов реализации вкладок и объясняет, как сделать их доступными для пользователей с ограниченными возможностями. Он также предоставляет код для создания вкладок с помощью клавиатуры и для улучшения доступности визуального интерфейса. https://blog.logrocket.com/build-accessible-user-interface-tabs-javascript/ #javascript @javascriptv

Workout Schedule Календарь для расписания тренировок, реализован с помощью CSS и JS. #анимация #css #js https://codepen.io/oliviale/pen/RwWKybY @javascriptv

Сколько времени нужно, чтобы стать востребованным фронтенд-разработчиком? Всего 10 месяцев! Вы сможете совмещать обучение с любыми другими занятиями. Главное условие - ваше желание учиться. В Xeкслете вы можете пройти онлайн-курс по профессии "Фронтенд-разработчик". Во время программы вы: ✔️ Изучите JavaScript в связке с HTML и CSS. ✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно. ✔️ Решите более 310 задач в браузере. ✔️ Создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров. ✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах. В процессе обучения вы не просто будете писать код, а научитесь самостоятельно находить лучшие решения. 🎁 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% !

🖥 Пара инструментов аналитики и оптимизации кода для JavaScript. Помимо обычных уже известных вам способов проверки кода есть и другой, а именно статистический анализ. В настоящее время в современном программном обеспечении объединяются инструменты анализа статического кода во время разработки. Вот вам несколько таких инструментов: Jslint- это аналитический веб-инструмент для проверки качества кода JavaScript. Как только он обнаруживает проблему в источнике, он возвращает сообщение с описанием проблемы и приблизительным местоположением в коде. Flow - статический контролёр кода для JavaScript, разработанный компанией Facebook. Он использует аннотации статического типа для проверки кода на предмет ошибок. @javascriptv

💨 eCommerce Slide Effect | GSAP & JS — изящный слайдер для интернет-магазинов. https://codepen.io/apchnk/pen/ExRXjxd @javascriptv

🖥 Animating Box-Shadow Makes Things Look 3D — эффект объемной тени у объекта. https://codepen.io/walpolea/pen/mdLGmVK @javascriptv

Профессиональная обработка ошибок в TypeScript Обработке ошибок в Type/JavaScript обычно не уделяется должного внимания. Между тем, для долговечности любого проекта очень важно выявлять и регистрировать ошибки. Начав чаще программировать на TypeScript, я понял, что слишком мало занимаюсь обработкой ошибок. • Читать @javascriptv

Parallax Photo Columns — необычная прокрутка галереи. https://codepen.io/jh3y/pen/jOxJWar @javascriptv

🖥 Почему стоит избегать метода push при разработке на JavaScript При решении задач в массиве JavaScript-разработчики могут столкнуться с ошибками, используя метод push для добавления элемента. Проблема возникает при создании ПО на JavaScript и React. Разберем побочные эффекты метода push на двух примерах. Чтобы было более понятно, возьмем для демонстрации небольшие фрагменты кода. • Читать @javascriptv

🖥 Mini Music Player - VueJS — минималистичный плеер. https://codepen.io/JavaScriptJunkie/pen/qBWrRyg @javascriptv

27 февраля стартовал финал олимпиады по Искусственному интеллекту, которая проводится в рамках Национальной технологической олимпиады на базе НИУ ВШЭ. В нем приняли участие 100 школьников из 27 регионов России и Казахстана. Зарегистрировалось на участие намного больше — 6150 человек из России, Белоруссии, Индии, Казахстана, Киргизии, Молдавии, Таджикистана и Узбекистана. Финал будет продолжаться до 3 марта. Большую часть этого времени команды-финалисты будут решать задачу от экспертов из Sber AI — им потребуется разработать алгоритм, который анализирует видео и отвечает на вопросы по его содержанию. В случае победы или если команда займет призовое место, все её участники получат ценные призы и разные преференции при поступлении в топ-вузы страны. Призовой фонд олимпиады в этом году превышает 4 млн рублей. @kstati_p

🖥 Sunrise & sunset Анимация восхода и заката при нажатии происходит движение, написана с помощью CSS и JS. #анимация #css #js https://codepen.io/aragakey/pen/poKzKQJ @javascriptv

Всем привет от команды Nebius! Nebius — это международный спин-офф облачного бизнеса Яндекса с офисами в нескольких странах. Мы создаем платформу, позволяющую другим компаниям строить собственный локальный облачный бизнес. Наши сотрудники — это команда ярких и талантливых личностей с большим опытом работы в построении и развитии публичного облака. Вы можете стать ее частью — мы активно нанимаем сотрудников в офисы в Белграде и Амстердаме. На данный момент открыты вакансии для: • backend-разработчиков — языки Golang, Java, Python , С++, С# • frontend-разработчиков • full-stack разработчиков • technical product managers • SRE Полные описания можно найти на сайте. Если подходящие вам вакансии ещё не открыты — отправьте своё резюме на hr@nebius.com

↪️ Как разработать веб-сайт с помощью ChatGPT? В этой статье мы разработаем свой сайт-портфолио с нуля, используя учебное пособие w3school bootstrap 4 и ChatGPT. Я объясню, как создать свой собственный веб-сайт, следуя простым шагам. ▪Читать @javascriptv

Стильные уведомления для сайта в стиле MacOS, выполненные на JavaScript и CSS https://codepen.io/jkantner/pen/XWzePgp @javascriptv

Наглядное объяснение событийного цикла - микрозадачи и макрозадачи. Пригодится новичкам. Task1: функция, которая немедленно добавляется в стек вызовов, например, путем ее мгновенного вызова в нашем коде. Task2, Task3, Task4: микрозадачи, например обещание, затем обратный вызов или задача, добавленная с помощью queueMicrotask. Task5, Task6: макрозадача, например, обратный вызов setTimeout или setImmediate @javascriptv

✈️Пример лендинга с эффектом полета, вслед за скроллом. Такая анимация подходит для проектов, в которых нужно передать динамику - прокат самокатов или сайт транспортной компании. По ссылке можно посмотреть как сделан этот эффект. @javascriptv

Простой и чистый код для отправки уведомлений в браузере, используя JavaScript. Используйте этот способ в своих проектах. @javascriptv

🏎 Быстрый код в две строчки. Сохраняйте, чтобы не потерять. Подготовили для вас карточки с подсказками как упростить и сократить ваш код. @javascriptv