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

JavaScript *

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

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

Как я использую GigaChat для Frontend разработки

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

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

GigaChat - это мультимодальная модель (аналог ChatGPT от OpenAI), которую разрабатывает Сбер. В отличие от языковых моделей, мультимодальные работают не только с текстом. Они могут генерировать иллюстрации.

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

Новости

Анализ системы защиты от ботов на примере letu.ru

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

Анализ системы защиты сайта от ботов на примере letu.ru с использованием javascript reverse engineering.

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

Почему не любят JavaScript?

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

Часто ли JavaScript вызывает эмоции, иллюстрированные на обложке этого поста? А у ваших знакомых? Возможно, что ответ на оба этих вопроса положителен. Если же это не так, то предлагаю узнать в этой статье о причинах недолюбливания этого ЯП.

Читать далее
Всего голосов 33: ↑24 и ↓9 +15
Комментарии 138

Кто на самом деле пользуется is-odd и is-even?

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

Разработчики любят подшучивать над раздуванием зависимостей Javascript (и вполне имеют на это право, учитывая историю пакетов наподобие left-pad); при этом часто упоминаются пакеты is-even и is-odd. Поэтому я заинтересовался, кто же на самом деле их использует?

Читать далее
Всего голосов 28: ↑27 и ↓1 +26
Комментарии 15

Истории

Создание сетевой игры с помощью Collagen_2, Node.js и библиотеки socket.js

Время на прочтение 12 мин
Количество просмотров 2.2K

В данной статье будет описан простой способ создания сетевой онлайн мини игры на подобии небольшой чат комнаты. Игроки могут передвигаться по полю игры, прятаться за деревьями, также есть возможность управлять камерой вида. Для тестирования игры необходимо скачать редактор зайти в папку collagen_2/games/game_3, ввести в командной строке forever start app.js. Для работы игры требуются модули socket.js и forever(глобальная инсталяция).

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

React + Three.js. Создаём собственный 3D шутер. Часть 3

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

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

В эпоху активного развития веб-технологий и интерактивных приложений, 3D-графика становится всё более актуальной и востребованной. Но как создать 3D-приложение, не теряя преимуществ веб-разработки? В этой статье мы рассмотрим, как сочетать мощь Three.js с гибкостью React, чтобы создать собственную игру прямо в браузере.

В статье вы познакомитесь с библиотекой React Three Fiber и научитесь создавать интерактивные 3D-игры.

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

Причины говнокода во фронтенде. Мнение мимокрокодила

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

Мне не раз попадались такие проекты, от кода которых берет оторопь. Такое чувство, что сами авторы не смогут объяснить - почему у них все выглядит именно так. В этот момент у меня возникает вопрос: как так получилось? Если вас он тоже волнует, то могу пожелать лишь приятного чтения.

Читать
Всего голосов 67: ↑55 и ↓12 +43
Комментарии 105

Сжатие css классов. Как сделать веб Ещё быстрее. next.js

Время на прочтение 3 мин
Количество просмотров 5K

Порою, заходя в стили проектов, я невольно пугаюсь сложившейся длине имён - модуль, блок, элемент, подэлемент, модификатор 1, модификатор 2. Длинные классы увеличивают вес страницы, это в свою очередь означает увеличение времени загрузки самого главного для рендера страницы - документа и файла стилей, от которых напрямую зависят метрики FCP, LCP.

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

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

Symbiote.js 2.0

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

Всем привет! 

Спешу сообщить о выходе новой версии замечательной фронтенд-библиотеки Symbiote.js! Никогда не слышали о ней? Самое время познакомиться.

Symbiote - это компактная, но очень мощная библиотека для создания веб-компонентов и приложений на их основе. Да, я знаю, у нас уже есть React, Vue, Svelte, LitElement и прочее. И может быть, не очень понятно, зачем вникать во что-то еще… Но не торопитесь с выводами, Симбиоту есть, что вам предложить.

Читать далее
Всего голосов 11: ↑10 и ↓1 +9
Комментарии 9

JavaScript однопоточный или многопоточный? Ставим точку

Время на прочтение 11 мин
Количество просмотров 20K

Поводом для ревизии данного вопроса стало то, что я по сей день слышу от специалистов (в том числе позиционирующих себя как senior), что современный JavaScript является однопоточным. При этом они охотно задают этот вопрос на техническом интервью, вводя неуверенных кандидатов в заблуждение.

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

Подписываемся на датчики

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

Электроника плотно укоренилась в нашей жизни. И речь идёт не о повседневном
пользовании благами цивилизации. Мы говорим о тех моментах, когда устройства, созданные на маломощных и недорогих компонентах, решают довольно большой спектр повседневных задач. Они помогают нам с бытом, следят за безопасностью и контролируют наше жилое пространство. 

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

О кастомных HTML-тегах по-человечески и как их использовать

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

Расскажу вам о том, как использовать чудо-юдо под названием «Кастомные HTML‑теги» понятно, но подробно.

Читать далее
Всего голосов 44: ↑43 и ↓1 +42
Комментарии 38

#Net

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

Oчень добрый день. Меня зовут Тимур и я программист.

В прошлой своей статье я вкратце описал как можно внести минорные правки в код хромиума, собрать его и подтянуть в собственную сборку электрона. Статья имела оглушительный успех и вызвала бурные дебаты (34 комментария знаете ли) и, как только головокружение от успеха прошло, я немедленно бросился писать следующую. Собственно не прошло и трех лет (всего два так то) и вот она готова. Давайте взглянем.
Читать дальше →
Всего голосов 14: ↑13 и ↓1 +12
Комментарии 3

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

Работа с ETH, BSC, TRX кошельками на сервере NodeJS — отправка транзакций, получение баланса, генерация мнемоники

Время на прочтение 14 мин
Количество просмотров 1.3K

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

Опытные - ничего нового в этой статье не найдут, но она будет полезна тем, кто ради базовых функций не хочет штудировать документацию tronweb, web3 и прочих библиотек для работы с криптомиром. По сути - я просто хочу собрать в одном месте полезные кусочки кода.

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

Все про this в JavaScript

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

В этой статье мы узнаем все о this в JavaScript и научимся его определять.
Разберемся с мифической "потерей контекста", узнаем как API среды влияет на this и многие другие вопросы, которые так не хватало времени разобрать.

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

Кодим 24/7: Прокачиваем продуктивность в условиях жесткого цейтнота

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

Привет! Меня зовут Михаил, я Senior Software Developer в YouHodler.

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

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

Стилистические правила умерли, да здравствуют стилистические правила

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

Под конец прошлого года, по ряду причин, ESLint отказались от дальнейшей поддержки и развития стилистических правил. А тема, как по мне, несправедливо осталась в тени. Давайте разберемся, почему так произошло и какие изменения нас ждут на поприще статического анализа и форматирования кода.

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

Записываем экран и звук через расширение в браузере и сохраняем в NextCloud

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

Здравствуйте дорогие читатели.

В статье делюсь опытом создания расширения для Chromium и Google Chrome браузера.

Причиной для создания расширения послужило отсутствие функции сохранения результатов записей в своём облаке и удобство этого процесса.

Раньше я пользовался «условно бесплатными расширениями и программами для записи скринкастов», но в какой-то момент некоторые из них стали платными, и их удобства сошли на “нет”. А в некоторых оставались вопросы к безопасности данных и сложности с оплатой.

Возможно вы скажите - зачем мне расширение для браузера?! Ведь я могу взять ffmpeg с x11grab, приправить всё это bash-скриптом с использованием curl, и отправлять результаты в облако одной лишь командой в терминале! И возможно быстренько "перенесу" это решение под все операционные системы! И вы будете правы, но решение получится сложным. А если у нас есть под рукой браузер, то воспользуемся его возможностями (да, это странно - браузер для просмотра HTML-страничек, который записывает ваш экран).

Ссылка на готовое решение под катом.

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

Создание веб-приложения с использованием микрофронтендов и Module Federation

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

Привет! В данной статье мы разберём процесс разработки веб-приложения на основе подхода микрофронтендов с использованием технологии Module Federation

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

Пишем 2D игру на JavaScript и Canvas. Часть 2. Графика

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

Привет!

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

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

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

Работа