DevGang
Авторизоваться
Тим Тоуди

Тим Тоуди

Как экспортировать статические HTML-файлы из приложения Next.js

Вы когда-нибудь задумывались о создании статического веб-сайта из вашего приложения Next.js? Да, одна из самых крутых функций Next.js — это возможность совместного экспорта HTML/CSS/JS, и они работают точно так же, как и в приложении Next.js, и могут быть развернуты на любой службе статического хостинга. Что ж, давайте разберем подробный пример реализации в проекте.

Ранее мы изучили 8 способов оптимизации приложения Next.js. Ознакомьтесь с ними, если вы планируете разместить свое приложение Next.js для максимальной производительносьти.

Рост и влияние отечественных разработок ИИ 

Российские компании демонстрируют впечатляющий прогресс в области искусственного интеллекта (ИИ), особенно в сфере производства. Несмотря на то, что общее число организаций, использующих ИИ в производстве, пока невелико, наблюдается четкая тенденция к росту. 

Закон на страже кибербезопасности 

Президент России подписал новый Указ № 500 от 13.06.2024 года, который ужесточает требования к информационной безопасности в государственных структурах и компаниях. 

Новинки 2024 – первые AI-телевизоры 2024

В Москве состоялась презентация новых телевизоров Samsung Neo QLED 2024 с искусственным интеллектом, прошедшая в флагманском магазине Galaxystore. 

Новинки 2024 года – это первые телевизоры с встроенной нейросетью, которая кардинально изменяет качество изображения. Процессор NQ8 AI Gen 3, используемый в моделях Neo QLED, позволяет улучшать разрешение картинки до 8K, а технология Glare Free обеспечивает точную цветопередачу и снижает блики. 

Обновление: Release Candidate Next.js 15

Вышла новая версия Next.js 15 RC, которая позволяет разработчикам исследовать и тестировать последние функции перед выходом стабильной версии. 

ICQ, легендарный мессенджер 90-х, ушел в историю 

26 июня 2024 года ICQ, запущенный в далеком 1996 году, перестал существовать. Он произвел настоящий фурор среди пользователей ПК и мобильных телефонов, став одной из самых популярных платформ для обмена сообщениями. 

Кто не помнит «аську», как ее ласково называли пользователи? Она была настоящей революцией в общении! Оффлайн-отправка сообщений, возможность получить сообщение, даже если друг был оффлайн, – эти функции были настоящим прорывом в 2000-х. 

TypeScript 5.5: Новые возможности и улучшения для разработчиков

Новая версия TypeScript 5.5, выпущенный 20 июня, приносит ряд значительных улучшений для разработчиков. 

Примеры ключевых изменений:

Как создать макет Masonry с помощью HTML и CSS

Компоновка Masonry (каменной кладки) — это конструкция на основе сетки, в котором минимизированы вертикальные зазоры между элементами.

Внешне выглядит макет таким образом:

Софт для удаленной работы

Российский бизнес столкнулся с вызовом после того, как популярные зарубежные производители программного обеспечения для виртуализации рабочих мест (VDI) прекратили свою работу в России два года назад. VDI-решения позволяли компаниям создавать виртуальные рабочие столы на серверах, к которым сотрудники могли подключаться с любого устройства через интернет. Эта технология была особенно востребована в период массового перехода на удаленную работу, обеспечивая безопасный доступ к данным и приложениям. 

Бунт кистей: Художники против Искусственного Интеллекта

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

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

ES15: Новые функции JavaScript в 2024 году

JavaScript один из широко используемых языков программирования в мире и претерпел значительную эволюцию. Мы предоставим информацию о некоторых основных функциях ES15 / ECMAScript 2024 / ECMA2024, новой версии стандарта ECMAScript. Давайте поговорим о интересных функциях, которые могут упростить ваш рабочий процесс и улучшить ваш код.

Примечание: ES15 или ECMA2024 все еще находятся в стадии разработки.

В этой статье мы рассмотрим некоторые ключевые функции, которые могут быть внедрены в ES15:

GIGACONF 2023: Технологии будущего от Сбера

27 июня в Москве состоится открытая технологическая конференция GIGACONF, организованная Сбером. Это событие соберет ведущих инженеров и разработчиков, чтобы обсудить самые актуальные темы в мире технологий.

Облачные технологии под ударом: новые санкции США против России

С 12 июня 2024 года вступили в силу новые санкции США, которые серьезно ограничивают доступ российских компаний к западным облачным сервисам и IT-поддержке. С 12 сентября 2024 года российские предприятия потеряют возможность использовать облачные технологии для управления, а также программные комплексы для разработки и производства. 

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

Как искусственный интеллект (ИИ) меняет жизнь к лучшему

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

Одним из ярких примеров его применения стал нейроимплант ELVIS V, разработанный российскими учеными из лаборатории «Сенсор-тех».  Этот уникальный имплант помогает незрячим людям «видеть» мир вокруг себя. 

Бизнес: Безопасность и развитие Базы Данных

Бизнес борется против законопроекта об обороте данных: опасения за безопасность и развитие ИИ. В преддверии голосования по законопроекту об обороте данных, бизнес активно выступает против его принятия в нынешнем виде. 

Ассоциация больших данных (АБД) требует отложить рассмотрение законопроекта и отказаться от создания единой государственной информационной системы (ГИС), куда компаниям придется передавать персональные данные.

Вдохновение для вашего профессионального роста! 

С 26 по 28 июня 2024 года Москва станет эпицентром технологических инноваций! TECH WEEK  это ваш шанс погрузиться в мир передовых решений, встретить единомышленников и зарядиться идеями.

На TECH WEEK вас ждет:

  • Встречи с экспертами: Погружайтесь в знания ведущих специалистов, получайте ценные инсайты и узнавайте о передовых стратегиях.
  • Поиск единомышленников: Создайте сеть контактов с людьми, разделяющими ваши цели, и откройте новые возможности для совместного развития.
  • Инновационные решения: Более 120 компаний представят свои новейшие разработки, позволяя вам протестировать новые идеи и найти вдохновение для собственных проектов.
  • Формат мастермайнда: Работайте в команде единомышленников, делитесь опытом, получайте практические знания и узнавайте, как другие преодолевают вызовы.
  •  Мозговые штурмы: Генерируйте идеи, обменивайтесь мыслями и получайте обратную связь от экспертов.
  • Глубокие знания: Узнайте о самых актуальных тенденциях и новых технологических решениях, которые помогут вам успешно адаптироваться к динамично меняющемуся рынку.
  • Персонализированное обучение: Выбирайте из 13 тематических потоков, сосредоточившись на самом важном для вашего профессионального роста.

Серверный рендеринг и потоковая передача UI с нуля в React с использованием Suspense

В этом посте мы с нуля реализуем server-side рендеринг (SSR) и потоковую передачу пользовательского интерфейса (UI) в React, используя express.js в качестве серверной платформы.

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

Лидеры публикаций DevGang!

Лучшее из лучшего за май! 🏆 Не хотите пропустить самые ценные материалы, которые мы публиковали за последний месяц?  Тогда смотрите наш топ статей блога DevGang! 

Лидер: Новая технология «Коробка», разработанная Александром Коробкиным, предлагает альтернативу Docker для автоматизации развертывания приложений в контейнерных средах. Это решение стало актуальным после ухода Docker с российского рынка.

Создание международной киберструктуры

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

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

В 2023-2024 годах уровень кибератак остается высоким, фишинг является наиболее распространенным видом угрозы. 

Рост российского рынка корпоративных коммуникаций

Российская компания IVA Technologies, разработчик сервисов видео-конференц-связи, объявила о планах проведения IPO на Московской бирже. Листинг и начало торгов акциями ожидается в первой половине июня 2024 года.

Как избежать рисков, связанных с dangerouslySetInnerHTML в React

Сегодня мы углубимся в dangerouslySetInnerHTML в React — функцию, которая столь же рискованна, как и звучит. Мы рассмотрим, как безопасно ее использовать, не подвергая риску ваше приложение.

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

Тестирование приложений Node.js на реальных примерах

Тестирование — важнейшая часть разработки программного обеспечения. Это гарантирует, что ваше приложение работает должным образом, и помогает выявить ошибки на ранней стадии.

В этом руководстве будет описано, как тестировать различные типы приложений Node.js, включая простой веб-сервер, REST API и приложение командной строки. Для иллюстрации концепций мы будем использовать примеры реального кода и лучшие практики.

Python: Преобразование градусов в радианы

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

Python: Поиск максимальных и минимальных значений в массивах

Библиотека NumPy в Python очень универсальна. В ней есть предопределенные функции, позволяющие даже находить максимальные и минимальные элементы между двумя массивами. Давайте познакомимся с ними в этой статье. Здесь мы подробно разберемся с функциями fmax() и fmin(), начиная с их синтаксиса и заканчивая вариантами использования. Давайте начнем.

Как улучшить производительность приложения NodeJS и Redis

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

Ввод кэширования.

Благодаря кэшированию вы сохраняете часто используемые данные во временном хранилище, что значительно сокращает время, необходимое для их извлечения. А Redis — это молниеносное хранилище данных в оперативной памяти, которое идеально подходит для приложений Node.js.

Установите несколько Erlang и Elixir с помощью vfox

vfox (version-fox) — это популярный инструмент общего управления версиями, написанный на Go, а механизм подключаемых модулей использует Lua для достижения расширяемости. В настоящее время vfox поддерживает управление версиями большинства основных языков программирования, и экосистема является довольно мощной.

Сообщества Elixir и Erlang уже давно пользуются популярностью для установки и управления многоверсионными средами с помощью asdf. asdf также является универсальным инструментом управления версиями, и его экосистема очень богата.

Интеграция шаблонов Django с React для создания динамических веб-страниц

Django — это высокоуровневый фреймворк на Python, который способствует быстрой разработке и предлагает понятный и прагматичный дизайн. Django популярен благодаря своей надежности, масштабируемости и высокоуровневой абстракции при создании динамических веб-сайтов на основе Python.

Django разработан по принципу DRY (Don’t Repeat Yourself) и позволяет автоматизировать каждый повторяющийся шаг на протяжении жизненного цикла разработки. Именно здесь в игру вступает язык шаблонов Django (DTL). DTL позволяет интегрировать логику Python в статические HTML-файлы для их динамического отображения с использованием серверных данных.

Как создать тестовые данные GPS в Go

Многие функции, над которыми я работаю, используют массивы точек (GPS-треков) []float64{lng,lat} для статистического анализа. Отдельные треки могут содержать более 50 000 точек, описывающих реальное путешествие из пункта А в пункт Б.

Тестирование функций, которые обрабатывают GPS-треки, оказалось неожиданно сложным. Тестовые данные вида [1.0,2.0] для логического тестирования подходят. Но помимо этого, я хочу иметь возможность проверять согласованность в таких вещах, как поиск кластеров или контрольных точек коэффициента.

Передача данных из Dart в JSON для Backend интеграции

JSON (JavaScript Object Notation) обеспечивает легкий и простой способ обмена данными, широко используемый в современных системах, включая разработку приложений в Dart. Его простота, поддержка вложенных данных и независимость от языка делают его универсальным средством для передачи информации между различными платформами и языками программирования. Он служит средством обеспечения динамичного веб-взаимодействия благодаря своей жизненно важной роли в клиентских и серверных коммуникациях, особенно в API. Короче говоря, это жизненно важный инструмент, используемый сегодня разработчиками программного обеспечения для обмена данными при разработке мобильных приложений на базе Dart.

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

Библиотека анимации Animotion

Легко создавайте красивые анимированные презентации — визуализируйте идеи с помощью кода с использованием веб-технологий.

Animotion — это презентационная среда для создания красивых слайдов и визуализации идей с помощью кода с использованием Svelte, Reveal.js и Tailwind CSS. Animotion (GitHub Repo) был создан Joy of Code (Matia) и его командой.