Делаем форму обратного звонка: лендинг, Go и SMS-уведомления

Классный туториал от Екатерины Саяпиной для вашего портфолио. Форма обратного звонка довольно часто используется на сайтах, поэтому умение делать её крайне полезно и может быть отмечено при трудоустройстве.

В этом руководстве вы научитесь не просто верстать блок обратной связи, но и делать бэкенд-часть на Go, работать с Callback и SMS API. Отдельный плюс — для этого вам не нужны сложные фреймворки — только HTML, Go и чуть-чуть JavaScript.

Старт по ссылке: https://habr.com/ru/companies/ru_mts/articles/856232/

#туториал #golang #javascript #html

Платформер в жанре rogue-like размеров в 13KB

Продолжаем тему ультралёгких игр. На этот раз возьмём игру потяжелее (если так можно сказать про 13KB), но зато гораздо сложнее, чем змейка.

Space Huggers — это проект, созданный в рамках популярного соревнования JS13K Games, где люди соревнуются в создании игр, чей размер не превышает 13 килобайт. Эта игра представляет собой платформер, объединяющий сразу два жанра — roguelike и run and gun. В этой статье рассказана история создания игры, движка для неё и который стал самостоятельной библиотекой.

Рекомендуем к прочтению, если хотите вдохновиться или просто интересно провести время.

#gamdev #javascript

Telegram Mini App. Как создать Web App с нуля

Mini Apps (или же Web Apps) — это удобный способ добавления веб-приложения прямо в интерфейсе Telegram. Используя JavaScript, становится возможным создавать бесконечное множество интерфейсов, которые смогут заменить полноценный веб-сайт и привычные мобильные приложения.

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

#telegram #miniapp #javascript

Область видимости в JavaScript

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

Это часть программы, в которой мы можем обратиться к переменной, функции или объекту. Этой частью может быть функция, блок или вся программа в целом — то есть мы всегда находимся как минимум в одной области видимости.

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

#javascript

10 библиотек JavaScript, которые можно забыть в 2025 году

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

Например, jQuery — когда-то крайне популярная библиотека, которую до сих пор можно встретить в старых проектах, сегодня уже не актуальна и тратить время на изучение её возможностей нет никакого смысла. И таких библиотек много. О десяти из них мы рассказали в новой статье.

#javascript

Флексим и создаём GUI на Python с веб-технологиями рендеренига

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

Узнать подробности о возможностях и изучить инструкцию можно на странице проекта.

#инструменты #python #javascript #gui

Отладка JavaScript в Chrome DevTools для начинающих фронтендеров

Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.

Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем console.log, а куда более эффективной альтернативе.

#javascript #qa

Области видимости в JavaScript

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

Область видимости — это часть программы, в которой мы можем обратиться к переменной, функции или объекту. Этой частью может быть функция, блок или вся программа в целом — то есть мы всегда находимся как минимум в одной области видимости.

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

#javascript

Изучаем JavaScript, создавая игру

Погрузитесь в JavaScript, создавая 2D-игру с нуля. Этот бесплатный курс поможет вам освоить основы программирования через практику.

#javascript #gamedev

Простая шпаргалка по методам работы со строками в JavaScript, чтобы вы не забыли основы основ за время праздников.

#javascript #шпаргалка

​Создаём портфолио в формате 2D-игры на JavaScript

Это один из креативных способом показать свои скилы и впечатлить рекрутера/тимлида/интервьюера.

Гайд по разработке: https://youtu.be/wy_fSStEgMs
Демо: https://jslegenddev.github.io/portfolio/
Исходники: https://github.com/JSLegendDev/2d-portfolio-kaboom

#javascript

ООП в JavaScript на примерах с Фредди Меркьюри

ООП в JavaScript можно представить как конструктор LEGO. Вы создаете кучу кубиков (объектов), каждый со своими специальными функциями и свойствами. А знание ООП помогает вам строить более крепкие и крутые конструкции, используя эти кубики как основные блоки.

Держите простую статью, которая наконец поможет разобраться в основных концепциях ООП на примере с Фредди Меркьюри. Всё с подробными объяснениями и примерами кода.

#ооп@prog_point #javascript@prog_point #теория@prog_point

LocalStorage в JavaScript: полный гид для ваших первых проектов

Хранение данных в браузере — это не только куки и сервер. LocalStorage — простой и мощный способ сохранять настройки, историю или черновики прямо у пользователя. Только надо знать, как не уложить туда всё сразу и не уронить приложение.

В этом гайде вы узнаете:

— как правильно записывать и читать данные (setItem, getItem);
— зачем нужно удалять ненужные ключи и очищать localStorage;
— как хранить не только строки, а полноценные объекты через JSON;
— и как проверить объём хранилища и обработать ошибки переполнения.

#javascript #веб