Здравствуйте, мистер Андерсон

RUINSWORD: Многопользовательский шутер с открытым миром для браузера на JS/TS, Three и Vue

Вот по-настоящему амбициозный проект, который на 100% раскрывает возможности современных браузеров. Несмотря на то, что сейчас доступна только бета-версия, мы с вами можем оценить объём проделанной работы и даже поиграть.

Если вам хочется попробовать игру самостоятельно и вы не боитесь багов бета-версии, то кликайте по ссылке. А если вам интересно узнать технические подробности проекта и почитать с какими трудностями столкнулся разработчик, то залетайте в статью.

#gamedev #vue #threejs

Подробный урок по Vite для начинающих

Vite — это инструмент для сборки и сервер для современной веб-разработки. Он опережает по скорости Webpack и использует множество современных возможностей браузеров.

В этом видео мы с вами рассмотрим установку и настройку Vite, а также его работу с React приложением, создание модулей, глобальных переменных и многое другое.

#vite #video

Новогодний генератор снежинок на JS

Сейчас на codepen проходит новогодний челленедж. Каждая неделя — новая тема. Прошлая была посвящена снежинкам и хочу показать вам один проект, который там отметился. Это генератор снежинок, написанный на JavaScript.

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

Посмотреть принцип работы кода можно на странице проекта.

#codepen #javascript

Бесплатный курс по Node.js для Web3

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

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

Начать можно по ссылке.

#курс #web3 #nodejs

SDUI, или Как бэкенд-разработчику почувствовать себя фронтендером

Server Driven UI (SDUI) — это пользовательский интерфейс, управляемый сервером. Он сокращает клиентскую логику и обеспечивает согласованность между клиентскими платформами (web, iOS, Android и т. д.) за счёт возврата информации о продукте (элементов экрана для отображения и их содержимом) из API.

Другими словами, эта технология позволяет UI сделать запрос к API и получить в ответ JSON, в котором содержатся компоненты экрана (кнопки, checkbox’ы, поля для ввода и т. д.), а также логика их отображения под необходимую платформу.

Как это работает, рассказали в статье.

#ui #бэкенд #sdui

Закрываем задачи перед Новым годом: что горит, а что можно отложить

В IT не успевать в дедлайны становится базой, и, как ни странно, последствия больше всего ощущаются именно перед Новому году.

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

Как интернационализировать (i18n) бэкенда в Express с использованием Intlayer

Intlayer — это библиотека JavaScript, которая позволяет объявлять ваш контент по всему коду. Она преобразует многоязычные объявления контента в структурированные словари, упрощая интеграцию.

В этом руководстве вы узнаете, как добавить поддержку нескольких языков в API на основе Express с использованием Intlayer. Вы научитесь отображать сообщения об ошибках на языке пользователя, отправлять многоязычные уведомления и обслуживать контент на различных языках.

#бэкенд #express

Хотите работать с микросервисами? Тогда держите небольшо роадмап по технологиям, которые необходимы для создания качественных микросервисов.

#roadmap #микросервисы

Я вот 3000 вообще не использую. А вы?

Как переписать библиотеку с JS на Rust

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

Автор этой статьи так и сделал, сократив время на вычисления почти в три раза. Он поделился тем, как подружил Rust с Node,js и с какими сложностями столкнулся.

#rust #nodejs #бэкенд

devv.ai | Claude Haiku, Gemini 1.5 Pro без VPN и оплаты

Сервис агрегировал лучшие кодерские нейронки вроде ChatGPT 4o-mini, Claude Haiku и Gemini 1.5 Flash Pro и предлагает переключаться между ними с целью добиться решения своей задачи. Пока проект в стадии «пробуем на публике», денег не берут, так что пользуйтесь, пока дают!

Попробовать

Создаём 3 проекта на React за 8 часов

В этом видеоуроке показывается, как реализовать — клон YouTube, профессиональное приложение для фитнес-упражнений и Lyriks — улучшенную версию Spotify. Вы научитесь создавать современные пользовательские интерфейсы с помощью Tailwind CSS, управлять состоянием с помощью React Context API, а также получать данные используя RapidAPI.

В конце курса у вас будет 3 профессиональных портфолио.

#react #видео

#простымисловами: Разница между null, undefined и NaN в JavaScript

В JavaScript часто путаются три специальных значения: null, undefined и NaN. Они встречаются в самых разных ситуациях, и их понимание поможет избежать множества досадных ошибок в коде. Давайте разберёмся, что означает каждое из них, на примерах.

1. undefined

undefined используется, чтобы обозначить переменную или свойство, значение которых ещё не было установлено.

Самый яркий пример: если вы создаёте переменную, но ничего не присваиваете ей, то её значение будет undefined.

let a; // Переменная создана, но ей ничего не присвоено
console.log(a); // Выведет: undefined

То же самое происходит, если вы пытаетесь обратиться к свойству объекта, которого не существует:

const obj = {};
console.log(obj.key); // undefined, потому что свойства key просто нет

Ещё undefined возвращается, когда функция ничего не возвращает явно:

function sayHello() {
  console.log("Hello!");
}
console.log(sayHello()); // undefined, так как ничего не возвращается

2. null

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

Например, у вас есть переменная, и вы хотите сказать: "Тут ничего нет". Для этого вы присваиваете ей null:

let result = null; // Явно указали, что значения здесь пока нет

В отличие от undefined, null устанавливается вручную. Это, по сути, способ сказать «очищено» или «пусто».

let user = { name: "Anna" };
user = null; // Теперь внутри переменной user ничего нет

3. NaN

NaN появляется, когда вы пытаетесь выполнить математическую операцию, которая не имеет числового результата.

Пример: деление строки на число. Это просто не имеет смысла, поэтому результатом будет NaN.

let value = "hello" / 2; // Попытка деления строки "hello" на число
console.log(value); // NaN

Стоит помнить, что NaN — это числовой тип (да, иронично), но означает что-то, что не число.

Вот ещё ситуации, где встречается NaN:

console.log(parseInt("abc")); // NaN, не удалось преобразовать строку в число
console.log(Math.sqrt(-1)); // NaN, корень отрицательного числа не определён

Забавные особенности

— typeof null возвращает "object", что является исторической ошибкой JavaScript. Не путайте это с объектами: null — это отдельное значение, которое просто так "зависло" в объектной категории.

— isNaN — интересный метод для проверки, является ли значение "не числом", но сам метод не идеален:

isNaN("hello"); // true, это NaN
isNaN("123"); // false, это число

Парольная защита статичной HTML-страницы на JS

Обычно парольная защита производится через веб-сервер, который проверяет пароль и выдаёт контент. Стандартный способ: .htaccess и htpasswd. Но что, если нужно выложить зашифрованную веб-страницу и файлы на публичном хостинге, где у нас нет контроля над сервером?

Для этих целей также есть специальные инструменты. В этой статье речь пойдёт о StatiCrypt и Portable Secret. Вы узнаете, как они работают.

#javascript #безопасность

Каждый день мы пользуемся различными сервисами и приложениями. Но знаете ли вы, кто за ними стоит?

90% IT-продуктов — от сервисов доставки еды до стриминговых платформ — созданы с участием продакт-менеджеров. Именно они решают, какие функции нужны в приложении и как сделать так, чтобы им пользовались миллионы людей.

А теперь представьте, что уже через 10 месяцев вы тоже сможете стать продактом. На обновленном курсе «Профессия Продакт-менеджер» от ProductStar можно с нуля освоить эту востребованную специальность и начать карьеру в IT без навыков программирования.

Вы научитесь:
— создавать цифровые продукты и управлять процессами — от идеи до запуска;
— работать с командой и контролировать выполнение задач;
— использовать современные методологии и подходы к созданию продуктов: Agile, Scrum и не только.

Получите как теоретические знания, так и практический опыт работы. Вас ждут:
— воркшопы и бизнес-кейсы от IT-компаний;
— стажировка у партнеров ProductStar;
— индивидуальная поддержка менторов;
— помощь с подготовкой резюме и поиском работы.

Поток стартует 20 января 2025 года. Успейте забрать курс с новогодней скидкой до 70% и получите подарки для саморазвития за покупку. Акция продлится до 8 января включительно.

Реклама. Рекламодатель: ООО "ТРИВИУМ" ИНН: 7806297293

Универсальный стартовый шаблон для ваших пет-проектов с JS, SASS и Vite

Хотите начать пет-проект и не знаете какой стэк для этого выбрать? В этом видео вы научитесь создавать универсальный шаблон для проекта на JS, который подойдёт для реализации самых разных идей.

Вы также узнаете, как развернуть проект и заставить всё работать вместе, а также какую структуру папок использовать.

#видео #javascript #петпроект

Уже составили планы на 2025?

Предлагаем новогодний интерактив! В комментах к этому посту пишите начало фразы «В Новом году я обещаю», а продолжайте её с помощью Т9 (например, с помощью варианта посередине).

Посмотрим, у кого получится самый неожиданный и оригинальный вариант.