Как стать автором
Обновить
173.36

JavaScript *

Прототипно-ориентированный язык программирования

Сначала показывать
Порог рейтинга
Уровень сложности

Минуты и часы не нужны

Время на прочтение 4 мин
Количество просмотров 9.4K
Мнение

landing page для наглядности

Нет часов. Нет минут. Нет часовых поясов. До свидания.

Данный счёт времени достался нам по наследию от наших предков. Если говорить грубо, то вероятнее всего какой-то один человек решил, что это будет удобно, если каждая более крупная единица будет равняться 60 мелким. Но нет. Так как мы используем десятичную систему счисления, удобнее, чтобы более крупная единица равнялась числу кратному десяти. Например, как это сделано во всех остальных единицах - по 1000. И даже приставки каждой единицы уже придуманы кило-, мега-, гига-, тера и т.д. Каждая более крупная единица содержит 1000 мелких. Как вариант, это очень удобно и уже давно стандартизировано.

ахаха
Всего голосов 59: ↑31 и ↓28 +3
Комментарии 132

Новости

Создание мини игр и анимации в Online редакторе Collagen_2

Уровень сложности Простой
Время на прочтение 2 мин
Количество просмотров 698
Туториал

Collagen позволяет создавать тестовую анимацию управляемую с клавиатуры, имеется редактор уровней который позволяет создавать слои, перемещать камеру вида а также управлять анимацией персонажа.

Для создания анимации небходимо создать в редакторе все необходимые спрайты: спрайты с анимацией, спрайты с фоновой подложкой, сохранить их в проект. Как создавать спрайты читать в описании редактора.

В данном примере будет объяснена простейшая анимация движения персонажа, а также принцип работы камеры вида сверху.

Читать далее
Всего голосов 2: ↑0 и ↓2 -2
Комментарии 0

Event Loop в деталях

Уровень сложности Средний
Время на прочтение 7 мин
Количество просмотров 5.4K

В данной статье поговорим о том, почему Event Loop вообще был создан, как с ним работать и почему про него спрашивают на собесах.

JS был спроектирован как однопоточный язык программирования. Это значит, что он может выполнять только одну операцию одновременно. Тем не менее у JavaScript есть такой механизм как Event Loop, который как раз и позволяет выполнять "асинхронные" операции. Почему "асинхронные" в кавычках? Да просто потому что JavaScript тоже выполняет их синхронно, асинхронности в самом JavaScript как таковой нет. Вперед под кат, будем разбираться)

Promise.then()
Всего голосов 21: ↑19 и ↓2 +17
Комментарии 4

Создание конвертера JSON в Typescript с помощью React, NodeJS и ChatGPT

Время на прочтение 11 мин
Количество просмотров 1.5K
Туториал
Перевод

Эта статья — отличное подспорье для каждого, кто хочет ускорить процесс разработки с помощью автоматизации. Из нее вы узнаете, как создать веб-приложение, которое преобразует объекты JSON в интерфейсы Typescript с помощью API ChatGPT. Приведенные пошаговые инструкции смогут легко выполнить даже новички.

Читать далее
Всего голосов 6: ↑2 и ↓4 -2
Комментарии 4

Истории

Web Accessibility в рассказе «A11Y от 0 до NaN»

Уровень сложности Простой
Время на прочтение 11 мин
Количество просмотров 751

Данной статьёй я планирую рассказать про интересные случаи и про то, в каких ситуациях можно оказаться, постигая новые горизонты, но не собираюсь даже пытаться заменить справочники по aria-атрибутам и эталонным примерам доступных компонентов. Стандарт W3C полон полезной информации, которая сдержанно подает только нужное. Я же предостерегу вас от некоторых сомнительных решений, с которыми вы можете столкнуться, и постараюсь приблизить задачу доступности к стандарту, коим для нас сейчас является покрытие тестами и использование анализаторов кода.

Итак, приступим
Всего голосов 3: ↑3 и ↓0 +3
Комментарии 3

Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 2. Финал

Уровень сложности Простой
Время на прочтение 8 мин
Количество просмотров 1.6K
Туториал

Привет, дорогие пользователи мира IT!

В современной веб-разработке существует множество способов сделать ваш сайт интересным и привлекательным для пользователей. И даже используя простые техники можно добиться высоких результатов!

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

Читать дальше →
Всего голосов 6: ↑6 и ↓0 +6
Комментарии 3

JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer

Уровень сложности Простой
Время на прочтение 2 мин
Количество просмотров 5.5K

WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.

Читать далее
Всего голосов 12: ↑8 и ↓4 +4
Комментарии 9

Веб-компоненты в 2023: нужно поговорить

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 4.8K
Мнение

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

И вот, что я вам скажу: большинство фронтенд-разработчиков вообще не понимают, что такое веб-компоненты и зачем они нужны. Стандарту уже несколько лет, он давно поддерживается во всех популярных браузерах, но разработчики продолжают его игнорировать и, что более ужасно, создавать свои костыльные и излишне сложные решения там, где можно было бы с легкостью обойтись нативными браузерными возможностями. Веб-компоненты окружены ореолом глубоких заблуждений и непонимания...

И с этим я хочу бороться
Всего голосов 11: ↑11 и ↓0 +11
Комментарии 47

Подружим Sentry и Mattermost быстро и просто через адаптер

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 641
Туториал

Всем привет, если у вас появилась идея связать эти два инструмента, то хочу вас огорчить, прямой интеграции у них пока нет...

Вот 4 простеньких шага для решения этой проблемы...

Читать далее
Рейтинг 0
Комментарии 3

Генерация BDD тестов с помощью ChatGPT и запуск их через Playwright

Уровень сложности Средний
Время на прочтение 10 мин
Количество просмотров 1.7K
Перевод

В текущих проектах я применяю подход Behavior Driven Development (BDD) для написания end‑to‑end тестов. Хотя раньше я скептически относился к Given‑When‑Then синтаксису, теперь часто его использую. Главная причина — я больше не пишу BDD‑сценарии вручную, а генерирую их с помощью ChatGPT.

В статье расскажу, как вы можете генерировать AI‑тесты в своем проекте и запускать их в реальном браузере с помощью Playwright.

Читать далее
Всего голосов 5: ↑4 и ↓1 +3
Комментарии 1

Vue-faq.org — FAQ о фронтенде в целом и Vue в частности

Уровень сложности Средний
Время на прочтение 3 мин
Количество просмотров 3.2K

https://vue-faq.org - попытка охватить наиболее часто задаваемые в профильных чатах и конференциях вопросы о фронтенде в целом и Vue.js фреймворке в частности.

Читать далее
Всего голосов 6: ↑4 и ↓2 +2
Комментарии 5

Реализация Server-Side Rendering (SSR) при помощи Bun и React

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 2.2K
Перевод

Bun — «швейцарский нож» для JavaScript, который все ждали, наконец релизнулся и уже стал геймченджером. Bun представляет собой универсальную среду выполнения JavaScript и набор инструментов, рассчитанный на высокую скорость работы. В его состав входят бандлер, тест-раннер, встроенная поддержка TypeScript и JSX и даже менеджер пакетов, совместимый с Node.js.

Дисклеймер: это вольный перевод статьи из блога Алекса Кейтса. С оригинальным постом можно ознакомиться здесь.

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Комментарии 2

Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 1

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 3.4K
Туториал

Привет, дорогие пользователи мира IT!

В современной веб-разработке существует множество способов сделать ваш сайт интересным и привлекательным для пользователей. И даже используя простые техники можно добиться высоких результатов!

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

Читать дальше →
Всего голосов 12: ↑12 и ↓0 +12
Комментарии 3

Ближайшие события

Yandex Scale
Дата 25 – 26 сентября
Время 17:00 – 18:00
Место Москва Онлайн
Битва пет-проектов
Дата 25 сентября – 30 ноября
Место Онлайн
Business&IT Day: Retail CPG
Дата 28 сентября
Время 09:50 – 14:00
Место Онлайн
XIX конференция разработчиков свободных программ «Базальт СПО»
Дата 29 сентября – 1 октября
Время 10:00 – 19:00
Место Переславль-Залесский Онлайн
Kokoc Hackathon
Дата 29 сентября – 1 октября
Время 19:00 – 21:00
Место Онлайн
Ruby Russia 2023 Online
Дата 30 сентября
Время 11:00 – 21:00
Место Онлайн
PG Boot Camp Russia 2023
Дата 5 октября
Время 10:00 – 17:00
Место Москва Онлайн
Joker
Дата 9 – 14 октября
Время 16:00 – 19:30
Место Санкт-Петербург Онлайн
Russia Risk Conference 2023 — 19-я конференция по риск-менеджменту
Дата 25 – 26 октября
Время 10:00 – 19:00
Место Москва Онлайн

Как сделать свой UI Kit на Vue 3 + storybook и задеплоить его на npm

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 3.5K
Туториал

Сейчас очень популярная история создавать свой UI Kit и везде рассказывать какой он крутой и как он ускорил разработку, поэтому я решил написать небольшой гайд, как заиметь себе собственный UI Kit.

После моего туториала, вы тоже сможете рассказывать какой у вас крутой UI Kit, но это не точно :)

Запилить свой UI Kit
Всего голосов 10: ↑10 и ↓0 +10
Комментарии 1

JavaScript триггеры и функции появились в Redis 7.2

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 1.7K
Перевод

В Redis уже много лет используется язык программирования Lua для исполнения пользовательского кода налету (eval) или определении пользовательских функций. Lua действительно удобный язык, но скорее с точки зрения встраивания внутрь проекта на C/C++ для выполнение простых скриптов. Большинство же разработчиков, которые используют Redis, предпочли бы не учить новый язык, а работать с уже известным и более популярным скриптовым языком, таким как JavaScript. И это наконец-то случилось.

Предлагаю ознакомиться с тем, как команда Redis в релизе 7.2 дошла до долгожданного внедрения JavaScript и как сделать первый шаги по запуску триггеров и функций.

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Комментарии 0

Как создать сайт на фреймворке Cample.js?

Уровень сложности Средний
Время на прочтение 4 мин
Количество просмотров 4.4K
Туториал

В данной статье будет описано небольшое руководство по тому, как создать сайт на таком фреймворке как Cample.js. На момент написания статьи (версия 3.1.1), фреймворк уже более года находится в разработке. За это время был реализован минимальный функционал для создания современных веб-приложений.

Читать далее
Всего голосов 12: ↑7 и ↓5 +2
Комментарии 11

Модельно-Ориентированная Java, или Навстречу Дизайну ПО

Уровень сложности Средний
Время на прочтение 21 мин
Количество просмотров 2.8K

Модельно-ориентированный метод (MDE) широко применяется во многих сферах современной инженерии; в программировании он позволяет разделить деятельность, направленную на создание универсального описания продукта, от деятельности по написанию кода, который бы эту модель воплощал в реальность. На практике, в мире Java эти деятельности по-сути совмещены воедино языком программирования, так как мы определяем интерфейсы на том же языке, на котором потом и пишем реализацию, поэтому грань между моделью и кодом может быть не так очевидна. Однако, она отчетливо проявляется, когда требуется интегрировать нашу программу в работу более сложных систем: например, я бы хотел запускать мою CLI утилиту как сервис, доступ к которому можно было бы получить через любой язык программирования по сокетам, сохранив при этом хороший Dev-X с автозаполнением полей и описанием опций. Сделаем это в 3 этапа под катом: во-первых, сконвертируем существующий Java-класс, который описывает флаги, в модельно-ориентированный XML, затем из него сгенерируем protobuf файлы для бинарного обмена данными и в завершение скомпилируем их для JavaScript и Java, обернув в приличный JSDoc. В конце обсудим все преимущества работы "на модель" и будущее роли дизайна при разработке ПО.

Читать далее
Всего голосов 14: ↑10 и ↓4 +6
Комментарии 5

Натальная травматология фронтенда S1 E1-14

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 4.2K
Дайджест

Здравствуйте, меня зовут Дмитрий Карловский, и меня хлебом не корми, а дай поиздеваться над хайповыми технологиями. И сейчас я расскажу вам, как я провёл лето.

В этом сезоне ко мне на операционный стол попались разные JS, CSS и тест фреймворки да методологии, менеджеры состояний и потоков исполнения, коллекции виджетов и даже приложений. Приготовьтесь, далее вас ждёт целых 32 часа отборного кринжа!

Погрузится в эпидерсию
Всего голосов 42: ↑25 и ↓17 +8
Комментарии 46

Митапы PiterJS вернулись

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 1K
Репортаж

Всем привет! Мы – PiterJS, крупнейшее российское сообщество JavaScript-программистов базирующееся в Санкт-Петербурге. 17 августа мы провели митап #57 в дата-центре компании Selectel, который собрал большую аудиторию неравнодушных разработчиков. Мы возобновляем регулярные митапы (традиционно по четвергам) после длительного перерыва, и собираемся делать драйвовые и ламповые встречи для всех на регулярной основе! И уже 21 сентября приглашаем вас на #58 митап в офисе Эльбрус Буткемп.

Наша миссия – нести знания, объединять людей с общими интересами. Нам важно, чтобы вы были в курсе последних событий, могли находить новых друзей и расширять свой нетворкинг, став частью нашей “семьи”. Мы максимально открыты аудитории, а наши мероприятия полностью бесплатные. 

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Комментарии 0

Rematch — Redux без шаблонного кода

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 2.3K
Обзор

Сегодня я хотел бы рассказать о Rematch — библиотеке, которая предоставляет удобный и эффективный способ управления состоянием ваших веб-приложений. Если вы уже знакомы с Redux и ищете более простое и компактное решение, то Rematch может оказаться для вас полезным инструментом. 

В этой статье я предлагаю вам ознакомиться с основными преимуществами Rematch и покажу, как просто и эффективно использовать его для управления состоянием ваших приложений. Думаю, что, независимо от вашего опыта в разработке, вы найдете полезную информацию, которая поможет вам в повседневной работе.

Rematch предлагает удобный синтаксис и позволяет избежать написания многочисленных бойлерплейтов, свойственных Redux. С помощью него вы можете быстро создавать и организовывать Redux-хранилище, экономя при этом время и упрощая процесс разработки. Rematch идеально подходит для различных типов проектов, независимо от их размера и сложности.

С помощью Rematch вы можете определить модели (models) и их состояние, эффекты (effects) и редьюсеры (reducers). Он предоставляет удобные инструменты для работы с асинхронными операциями, а также возможность создания селекторов (selectors) для выборки данных из хранилища. Все это помогает организовать логику вашего приложения и управлять его состоянием с минимальными усилиями.

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

Читать далее
Всего голосов 7: ↑5 и ↓2 +3
Комментарии 25

Вклад авторов

Работа