Копилка знаний

Блог PXSTUDIO

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

Топ 7 полезных нейросетей в 2023 году

Топ 7 полезных нейросетей в 2023 году

10/3/2023

Нейронные сети плотно вошли в нашу жизнь. Давайте посмотрим, какие же нейросети уже существуют в 2023 году...

Использование функции var_dump() в PHP для отладки и анализа данных

Использование функции var_dump() в PHP для отладки и анализа данных

8/9/2023

Изучаем функцию var_dump() в PHP: Мощный инструмент отладки и анализа данных. Узнайте, как эффективно использовать var_dump() для раскрытия структуры переменных, массивов и объектов, анализа типов дан...

Фильтры в WordPress: Гибкая модификация данных для лучшего контроля

Фильтры (Filters) в WordPress

8/4/2023

Фильтры в WordPress: Изменение данных с гибкостью. Фильтры - это механизм, позволяющий разработчикам изменять данные или контент перед их выводом или использованием в системе. Они представляют собой ф...

Этапы разработки веб-сайта: Понимание ключевых шагов для успешного результата

Этапы разработки сайта

8/3/2023

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

Влияние микроразметки Schema.org на продвижение сайта: ключевой элемент SEO

Микроразметка Schema.org и её влияние на продвижение сайта

8/1/2023

Узнайте, как использование микроразметки Schema.org и особенно микроразметки Breadcrumb способствует повышению эффективности SEO-оптимизации вашего сайта. Разберем, как эта мощная инструментарий может...

Изменения в Strapi v4 по сравнению с Strapi v3: Обзор новых функций и улучшений

Изменения в Strapi v4 по сравнению с Strapi v3: Обзор новых функций и улучшений

7/13/2023

Strapi v4 – это последняя версия мощной системы управления контентом с открытым исходным кодом. Она внесла значительные изменения и улучшения по сравнению с предыдущей версией, Strapi v3....

Мета-теги: правильное использование и оптимизация для поисковых систем

Мета-теги: правильное использование и оптимизация для поисковых систем

7/6/2023

Изучите, как использовать мета-теги на вашем веб-сайте, чтобы повысить его видимость в поисковых системах. Мета-теги, такие как title, description и keywords, играют важную роль в оптимизации поисковы...

Роль и применение revalidate в getStaticProps | Блог Next.js

Роль и применение revalidate в getStaticProps

6/14/2023

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

Какие проблемы решает Next.js? Веб-разработка с использованием Next.js

Какие проблемы решает Next JS?

6/13/2023

Хотите узнать, как Next.js может решить распространенные проблемы веб-разработки? В этой статье мы рассмотрим, как этот мощный фреймворк помогает улучшить скорость загрузки, обеспечить рендеринг на ст...

Как выбрать подходящего провайдера хостинга для Next.js и Strapi

Как выбрать подходящего провайдера хостинга для Next.js и Strapi

5/24/2023

В этой статье мы рассмотрим основные факторы, которые следует учесть при выборе провайдера хостинга для Next.js и Strapi. Мы также рекомендуем некоторых из лучших провайдеров хостинга для этих техноло...

Как включить сжатие в nginx?

Как включить сжатие в nginx?

5/21/2023

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

Что такое веб-разработка: основы, технологии и специализации

Что такое веб-разработка: основы, технологии и специализации

5/19/2023

Узнайте что такое веб-разработка, ключевые технологии и языки программирования. Разберитесь в различных специализациях, таких как фронтенд, бэкенд и мобильная разработка...

Как работать с промисами в JavaScript?

Как работать с промисами в JavaScript?

5/18/2023

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

Как создать и задеплоить React-приложение с помощью Vercel

Как создать и задеплоить React-приложение с помощью Vercel

5/5/2023

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

Подключение к GPT-3 с помощью веб-приложения на Next.js или Node.js: шаг за шагом

Подключение к GPT-3 с помощью веб-приложения на Next.js или Node.js: шаг за шагом

4/23/2023

GPT-3 (Generative Pre-trained Transformer 3) - это один из самых передовых и сложных в мире инструментов для генерации текста и обработки естественного языка, разработанный компанией OpenAI. В данной ...

Технологии и тренды в web-дизайне и программировании

Технологии и тренды в web-дизайне и программировании

1/27/2023

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

Как правильно работать с хуком useEffect?

Как правильно работать с хуком useEffect?

1/14/2023

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

getStaticProps vs getServerSideProps

getStaticProps vs getServerSideProps

1/14/2023

getStaticProps и getServerSideProps - это две функции в Next.js, которые используются для получения данных для страниц. getStaticProps вызывается на этапе сборки, что позволяет сделать динамические ст...

Как добавить кастомные поля в Strapi v4

Как добавить кастомные поля в Strapi v4

1/12/2023

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

Как создать Telegram-бот с  помощью node-telegram-bot

Как создать Telegram-бот с помощью node-telegram-bot

1/10/2023

В статье было рассмотрено как создать Telegram-бота с помощью библиотеки node-telegram-bot. Был представлен пример кода для реализации команды "/start" и отправки ответного сообщения пользователю. Осн...

Для чего используется Strapi

Для чего используется Strapi

1/9/2023

Strapi - это фреймворк для создания административных панелей и интерфейсов API для управления контентом (Content Management System, CMS). Он позволяет разработчикам легко создавать, настраивать и упра...

15 бесплатных API для написания тестовых приложений

15 бесплатных API для написания тестовых приложений

12/13/2022

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

Что такое CI/CD?

Что такое CI/CD?

12/3/2022

Лучший способ понять что такое CI/CD - это рассматривать его как метод или набор принципов работы и практик, которые позволяют командам разработчиков вносить изменения в код чаще и надежнее....

React Router 6 - Туториал

9/23/2022

Мы создадим небольшое, но многофункциональное приложение, которое позволит просматривать ваши контакты. Туториал, в целом, займет от 30 до 60 м....

Нужен ли переделать Ваш сайт? | PXSTUDIO

Нужно ли переделывать Ваш сайт?

7/25/2022

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

Обзор Strapi, цена и характеристики

6/21/2022

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

Стратегии аутентификации в Next.js: лучшие практики и примеры реализации

Стратегии аутентификации в Next.js

4/10/2022

Процесс аутентификации - это процесс проверки, кем является пользователь, а процесс авторизации контролирует, к чему пользователь может получить доступ. Next.js поддерживает несколько шаблонов аутенти...

Страницы в Next.js

Страницы в Next.js

3/23/2022

В Next.js, страница - это обычный React-компонент, экспортированный из .js, .jsx, .ts или .tsx файла в папке pages. Каждая находящаяся в этой папке страница, ассоциируется с роутом....

Хотите исправить цвета фона ввода для автозаполнения Chrome? В этой статье вы можете найти ответ

Удаление цвета фона ввода для автозаполнения Chrome?

3/20/2022

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

Использование Countup.js для анимирования числовых значений в React

Использование Countup.js для анимирования числовых значений в React

2/3/2022

React Countup - это легковесная библиотека, основанная CountUp.js. Используется для быстрого создания анимации, отображающей числовые данные более интересным способом....

API хуков в React

API хуков в React

1/4/2022

Хуки были добавлены в React, начиная с версии 16.8. При переходе от классов к функциональным компонентам хуки позволяют использовать состояние и другие функции в функциональных компонентах, то есть бе...

Как создать карту сайта в приложениях на Next.js

Как создать Sitemap в приложениях на Next.js

12/28/2021

Карта сайта (или Sitemap) - важная часть SEO для любого популярного публичного веб-сайта. По сути, это список URL-адресов, которые вы хотите, чтобы робот Google, Yandex или другие поисковые системы ск...

Стартовый шаблон Next.js + MUI5 + TypeScript

Стартовый шаблон Next.js + MUI5 + TypeScript

12/11/2021

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

Форматирование чисел с помощью Intl.NumberFormat | PXSTUDIO

Форматирование чисел с помощью Intl.NumberFormat

6/14/2021

Очень часто возникает задача форматирования чисел на клиентской стороне. Форматирование чисел на стороне клиента - важная задача, особенно если учесть, сколько сырых API используется в наши дни. Также...

Улучшение читаемости больших чисел с помощью числовых разделителей в JavaScript

Улучшение читаемости больших чисел с помощью числовых разделителей в JavaScript

6/13/2021

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

Top 5 популярных плагинов для VSCode | PXSTUDIO

Top 5 популярных плагинов для VSCode

5/15/2021

VSCode (или Visual Studio Code от Microsoft) - является одним из самых популярных редакторов кода. Помимо того, что он имеет целый ряд собственных достоинств, он позволяет расширять свой функционал вн...

Получение данных в Next.js | PXSTUDIO

Получение данных в Next.js

5/7/2021

В прошлой статье мы вкратце упомянули, что в Next.js есть две формы пререндеринга: статическая генерация (SSG) и генерация на стороне сервера (SSR). В этой статье мы глубже окунемся в стратегии получе...

Создание проекта на Strapi | PXSTUDIO

Создание проекта на Strapi

4/24/2021

Strapi - это headless (буквально "безголовая") полностью кастомизируемая CMS с открытым исходным кодом. Написана на 100% Javascript. Что делает ее одной из самых удобных для фронтенд-разработчиков....

Нужно ли вашему бизнесу индивидуальное Web-решение? | PXSTUDIO

Нужно ли вашему бизнесу индивидуальное веб-решение?

4/17/2021

В наши дни любой бизнес нуждается в веб-сайте. Но не всем из них нужно собственное решение....

nextjs reactjs logo

Что такое Next.js и для чего он нужен?

4/10/2021

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