Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Веселая аркада с Печенькой для новогоднего настроения. Объезжайте препятствия, а подарки, варежки, конфеты и прочие приятности не объезжайте: они помогут набрать очки и установить новый рекорд.

Сноуборд

Спорт, Аркады, На ловкость

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Web + Web-программирование

С этим тегом используют

IT Программирование Сайт Веб-разработка Дизайн Javascript Программист HTML Все
165 постов сначала свежее
6
progerdan
progerdan
7 месяцев назад
Web-технологии

Разработка сервиса управления серверами⁠⁠

Привет всем! 🚀

С сегодняшнего дня я начинаю делиться процессом разработки своего сервиса для управления серверами и деплою проектов.

Разработка сервиса управления серверами Стартап, Сервер, Программирование, Web, Web-программирование

Страница управления пакетами

Ключевые возможности:

• Быстрое развертывание серверов: автоматическая подготовка и установка сервера, поддержка различных провайдеров (timeweb, ihor, regru и другие) (автоматический заказ услуг и дальнейшая работа с ними)

• Управление окружением: Установка пакетов и управление конфигурациями (nginx, bunker, sudo)

• Управление сайтами: простое создание и настройка сайтов с поддержкой популярных платформ: Laravel, WordPress, NodeJS

• Управление DNS: легкое управление DNS-записями через удобный интерфейс.

• Балансировка нагрузки: настройка балансировщиков нагрузки в один клик для распределения трафика между серверами.

• Уведомления: интеграция с e-mail, Telegram и другими сервисами для получения уведомлений о деплоях и событиях.

• SSL-сертификаты: поддержка Let’s Encrypt с установкой в один клик.

• Управление очередями: автоматическое создание и управление конфигурациями Supervisor для обработки очередей.

На первом этапе сосредоточусь на работе с пакетами, после чего перейду к поддержке веб-сайтов, интеграции с VCS (пока только Github), деплою и SSL.

Следите за апдейтами — впереди будет много интересного

Показать полностью 1
[моё] Стартап Сервер Программирование Web Web-программирование
4
ignatWHM
7 месяцев назад
Web-технологии

Почему LiteSpeed - серверы выигрывают у Apache и Nginx?⁠⁠

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

1. Высокая производительность и скорость.

Представьте себе веб-сервер, который способен жонглировать тысячями запросов, не проливая ни капли пота. Это LiteSpeed! Благодаря своей событейно-ориентированной архитектуре, он работает так же быстро, как кофе по утрам!)
В то время как Apache все еще пытается проснуться со своей процессной архитектурой, LiteSpeed уже пробежал марафон.

2. Встроенное кэширование с LSCache

Вот кто не любит, когда все работает быстрее? LSWS приходит с подарком - встроенным кэшэм. Это как личный шеф-повар, который зарнее готовит ваши любимые блюда)
Ваш сайт будет подавать страницы так быстро, что пользователи предположат, что вы предсказываете их желания))) И конечно он дружит с такими CMS как Wordpress, Joomla и прочие..

3. Поддержка современных протоколов

LiteSpeed - всегда вкурсе последних трендов.
Имеется поддежка HTTP/3 и QUIC, что делает передачу данных быстрее скорости света. Это особенно круто для мобильных пользователей и тех, кто сидит на интернете с улиточной скоростью - теперь все будет летать!)

4. Эффективное использование ресурсов

Цены на железо достигают колосальных цен, а зачем тратить больше, когда можно тратить меньше?
LiteSpeed экономит оперативную память и процессорное время так, словно сам за них платит)
Большее кол-во пользователей может быть обслуженно на том же железе, позволяя вам сэкономить на инфраструктуре, потратьте эти деньги на родных и близких ;)

5. Совместимость с Apache

Боитесь перермен? Я тоже. Как хорошо, что LiteSpeed полностью совместим с конфигурационными файлами Apache. Переходите на РЕАЛЬНО хороший вебсервер без головной и жопной боли из за переписывания всех настроек с нуля.

6. Бесплатная версия OpenLiteSpeed.

Не уверенны? Хотите попробовать, а трайл версии мало? OpenLiteSpeed идеальный вариант для временного решение, ведь по функционалу, он не сильно то и урезан, грубо говоря чуть более старая версия нынешнего LiteSpeed.

Заключение

К чему эта статья? Создатели веб-серверов, хватит уже жить в эпохе динозваров! Нам, пользователям, нужна скорость и удобство. Зачем нам Apache и Nginx, когда есть нечтно новее, с GUI и высокой производительностью?

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

И, честно говоря, кто станет использовать веб-сервера, требующие знания древних заклинаний для настройки? Может, некоторым хостингам кажется, что это весело? Ну что ж, пусть продолжают жить в мире дискет и модемов)) (Привет синийхост точка ком)

Давайте двигаться вперед и использовать современные технологии, которые делают жизнь проще, а сайты быстрее)
Мы все заслуживаем скорость света в интернете, а не прогулки с черепахой, мы же платим за это деньги!

Показать полностью
[моё] Сервер Apache Nginx Web Сайт Web-программирование Программирование Текст
9
3
cododelia
cododelia
8 месяцев назад
Web-технологии

Отслеживание сетевой активности и переходов между страницами в SPA⁠⁠

При создании инъецируемых скриптов для сайтов, использующих архитектуру SPA (Single Page Application), может возникнуть потребность отслеживать переходы между страницами или перезагрузки элементов. Из-за динамической подгрузки контента через AJAX и Fetch, события DOMContentLoaded или load будут бесполезны.

Для инъецируемых скриптов, хорошим решением будет отслеживать состояние радиомолчания (network idle). Оно наступает, когда все сетевые запросы завершены, и сеть на некоторое время «замолкает». Подобное поведение полезно, если нужно запустить код только после того, как пройдут все запросы или после перехода на другую страницу, чтобы реинициализировать скрипт.

💻 Пример сценария использования

Представьте себе, что вы хотите внедрить кнопки, виджет или другую логику на странице, которая должна запускаться после перехода на новую страницу в SPA-приложении. В этом случае подойдет отслеживание network-idle, чтобы понять, когда контент страницы загрузился.

🤫 Как это работает

  1. Инициализация счетчика активных сетевых запросов.

    Сниппет отслеживает все сетевые запросы на странице (Fetch и XMLHttpRequest) с помощью PerformanceObserver. Каждый раз, когда начинается новый сетевой запрос, счетчик activeRequests увеличивается.

  2. Обработка завершения запросов.

    После завершения запроса activeRequests уменьшается, и проверяется состояние сети. Если активных запросов не осталось, через 500 мс на объекте window генерируется событие network-idle.

  3. Использование события network-idle.

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

    4. Задержка перед генерацией события.

    Задержка в 500 мс добавлена, чтобы устранить "шум" случайных срабатываний и убедиться, что действительно наступило состояние радиомолчания.

📞 Важно:

  • Модификации роутов в SPA. Если у вашего SPA-приложения не используются сетевые запросы при изменении маршрутов, дополнительно можно привязаться к событиям history.pushState и popstate.

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

🫡 Заключение

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

Ознакомиться со сниппетом можно на GitHub Gist.
А подобные посты чаще в пишу в Telegram канале, там же и пример проекта, где это применимо.

Показать полностью
[моё] Программирование Javascript Frontend Web Web-программирование Tampermonkey Текст
3
AlexeyPerfilev
AlexeyPerfilev
9 месяцев назад

Почему я считаю, что эра JavaScript-фреймворков подходит к концу⁠⁠

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

Смелое заявление

Я считаю, что эра больших JavaScript-фреймворков (React, Angular, Vue) подходит к концу. Да-да, я сказал это.

Почему я так думаю?

  1. Сложность: С каждым обновлением фреймворки становятся всё сложнее. Новичкам всё труднее входить в разработку.

  2. Производительность: Ванильный JavaScript и небольшие специализированные библиотеки часто работают быстрее.

  3. Размер бандла: Приложения на фреймворках часто весят слишком много, что критично для мобильных устройств.

  4. Переусложнение простых задач: Для создания простой страницы приходится поднимать целую инфраструктуру.

  5. WebComponents: Нативные веб-компоненты становятся всё мощнее, уменьшая потребность в фреймворках.

Что дальше?

Я предвижу возвращение к более простым решениям:

  • Ванильный JavaScript для простых проектов

  • Микрофреймворки для конкретных задач

  • Серверный рендеринг и прогрессивное улучшение

Мой опыт

Недавно я отказался от использования React в пользу ванильного JS и WebComponents для небольшого проекта. Результат? Сайт стал быстрее, код - чище, а разработка - приятнее.

Вывод

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

А что думаете вы? Согласны ли вы, что эра больших фреймворков подходит к концу? Или я совершенно не прав? Давайте обсудим в комментариях!

P.S. Готов к горячим спорам. Фронтендеры, не сдерживайте эмоции! 😉

Показать полностью
[моё] Программирование Разработка IT Javascript Web Web-программирование Текст
9
AlexeyPerfilev
AlexeyPerfilev
11 месяцев назад

Vue.js: Почему этот фреймворк рвёт всех⁠⁠

Привет, Пикабушники! Сегодня хочу рассказать вам, почему Vue.js — это просто бомба среди фронтенд-фреймворков. Если вы еще не пробовали, то вот вам причины, почему стоит:

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

  2. Гибкий, как гимнастка на Олимпиаде Хотите маленький виджет? Пожалуйста! Нужно огромное приложение? Да без проблем! Vue подстроится под любые ваши хотелки.

  3. Быстрый, как Усэйн Болт Vue такой шустрый, что вашему приложению позавидует даже Flash. Виртуальный DOM и умная система отслеживания изменений делают его молниеносным.

  4. Документация - просто сказка Официальная документация Vue настолько хороша, что ее можно читать вместо сказки на ночь. Всё разложено по полочкам, с примерами и объяснениями.

  5. Комьюнити - огонь Вокруг Vue собралось столько крутых разработчиков, что любой вопрос решается быстрее, чем вы успеете сказать "Спасибо".

  6. Дружит со всеми Vue легко вписывается в существующие проекты. Хотите добавить его к своему древнему сайту на jQuery? Да пожалуйста!

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

P.S. Если кто-то скажет, что React или Angular лучше, можете смело кидать в них помидорами. Vue - он как Чак Норрис в мире фронтенда, только лучше! 😎

Кто уже юзает Vue? Делитесь впечатлениями в комментах!

Показать полностью
[моё] Frontend Vue Javascript Web Программирование Веб-разработка Web-программирование IT Программист Текст
20
NOVENE
NOVENE
1 год назад

Как выбрать лучшую вэб-студию в 2024 году: на что стоит смотреть⁠⁠

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

🗒1. Опыт и портфолио

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

Пример:  Веб-студия X имеет портфолио с проектами для крупных компаний, таких как ABC Corp и XYZ Ltd. Их работа включает в себя создание пользовательских интерфейсов, которые получили высокие оценки за удобство использования и эстетическую привлекательность.

📨2. Отзывы и репутация

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



Пример: Веб-студия Y имеет множество положительных отзывов от клиентов на таких платформах, как Clutch и Google Reviews. Клиенты отмечают их профессионализм, внимание к деталям и своевременное выполнение проектов.

⚙️3. Уровень технической экспертизы

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

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

💻4. Индивидуальный подход и понимание бизнеса

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

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

💰5. Стоимость и бюджет

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

Пример: Веб-студия B предлагает гибкие тарифные планы, которые могут быть адаптированы под разные бюджеты. Они предоставляют подробные сметы и объясняют, за что именно вы платите, что позволяет избежать неожиданных расходов.

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

🖥️Обсудить ваш интернет проект и получить бесплатную оценку и консультацию:
@elkataeva - telegram
len.kataeva@mail.ru - корпоративная почта

Показать полностью
Web Сайт Веб-студия Фриланс Бизнес Создание сайта Web-программирование Текст
2
2
AleynikovRoman
1 год назад

SearchJumper - одно из лучших opensouce расширений для браузера⁠⁠

SearchJumper - одно из лучших opensouce расширений для браузера Google Chrome, Microsoft Edge, HTML, CSS, Javascript, Github, Open Source, Web, Web-программирование, Firefox, Веб-разработка, Веб-дизайн, Программирование, Веб-приложение

SearchJumper - GitHub

Для своих нужд искал расширение для поиска и подсвечивания ключевых слов разными цветами и чтобы цвета не повторялись минимум 15-20 раз. Из того, что удалось найти было одно расширение, которое полностью соответствует этой цели, и так же я случайно наткнулся на это расширение, которое так же соответствует цели, но помимо этого предоставляет и другие очень мощные функции. Спустя некоторое время пользования им я бы сказал, что поиск и выделение слов - это лишь 5% от реального потенциала расширения. Поскольку подробных мануалов для тонкой настройки поисковых функций автор не приводит в ознакомительном видео и на сайте, то настроить расширение и все его функции полностью под себя не получилось, но из ознакомительной информации видно, что они офигенные. Хоть приложение переведено на английский, это все равно не помогает разобраться во всем, т.к. для некоторых из функций нужно знание javaScript, css, html. Кое в чем, конечно, удалось разобраться, но еще много остается загадкой.

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

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

Дублирую ссылку на гитхаб еще раз

Показать полностью
Google Chrome Microsoft Edge HTML CSS Javascript Github Open Source Web Web-программирование Firefox Веб-разработка Веб-дизайн Программирование Веб-приложение
10
Партнёрский материал Реклама
specials
specials

Сколько нужно времени, чтобы уложить теплый пол?⁠⁠

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

Попробовать

Ремонт Теплый пол Текст
Аноним
Аноним
1 год назад

Ищу программиста, чтобы создать браузерную игру⁠⁠

Всем привет. Возможно я выложу таких несколько постов. Мы ищем программиста готового повторить старую .mobi игру. Как раньше существовали порталы Wap на которых и игры размещались и тд по типу Tegos. Нужно создать онлайн игру вот как она должна выглядеть:

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

Ищу программиста, чтобы создать браузерную игру Игры, Wap, Java, Javascript, HTML, Программирование, Программист, Web, Web-программирование, Видео, YouTube, Длиннопост
Ищу программиста, чтобы создать браузерную игру Игры, Wap, Java, Javascript, HTML, Программирование, Программист, Web, Web-программирование, Видео, YouTube, Длиннопост

ЕСЛИ ВЫ ГОТОВЫ ВЗЯТЬСЯ ЗА РАБОТУ. НАПИШИТЕ СВОЙ ТЕЛЕГРАММ ПОД ЭТИМ ПОСТОМ. РЕШИМ ВОПРОС С ЦЕНОЙ.ЖДУ НАДЕЮСЬ НАЙДЁТСЯ ЧЕЛОВЕК.

Показать полностью 2
[моё] Игры Wap Java Javascript HTML Программирование Программист Web Web-программирование Видео YouTube Длиннопост
6
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии