TGViewer
Channel Public Channel
ВАЙЛТ™

ВАЙЛТ™

@whilet_ru

ВАЙЛТ™ — IT-проект, разработанный помогать

Целая система, в которой есть всё необходимое для IT-специалистов, маркетологов и бизнеса

Всё о ген. директоре и проекте -> klicks.ru/my

Главный домен проекта -> вайлт.рф
Subscribers
1.17K
Photos
1.4K
Videos
114
Links
849

Showing posts older than #2167 · Back to latest

Older Posts 20 shown
Post #2166 638
Как отследить все события JavaScript, которые происходят на странице?

При разработке сложных веб-приложений эта возможность может оказаться очень полезной.

В DevTools, во вкладке Console есть глобальная функция monitorEvents.

Первый аргумент этой функции — это DOM-элемент, на котором будут перехватываться события.
Второй аргумент — это строка с именем отслеживаемого события.

Примеры использования:
monitorEvents(window) — все события во всём окне будут отображаться в консоли.

monitorEvents(window, "click") — отслеживаются только события клика.

Теперь вы можете видеть всё, что происходит в браузере.

WEBIK | @gki_webik_ru
  • 👍 4
  • 🔥 4
  • 👏 4
Post #2164 630
#РецептКода

The Gallery

Крутая реализация поисковика картинок, который после запроса предлагает вам несколько вариантов. Реализовано с помощью CSS и JavaScript.

WEBIK | @gki_webik_ru
  • 👏 4
  • ❤ 3
  • 🔥 2
Post #2162 569
  • 🔥 6
  • 👏 4
Post #2161 599
#РецептКода

View Transitions + Drag n Drop
Виджет для перетаскивания элементов.

WEBIK | @gki_webik_ru
  • ❤ 3
  • 🔥 3
  • 👍 2
  • 👏 1
Post #2159 653
#Макет

Макет сайта INGЕLLО
Крутой макет сайта посвященный разработке веб-приложений + мобильная версия.
Разработан дизайнером до мелочей.

WEBIK | @gki_webik_ru
  • 👏 4
  • ❤ 2
  • 🔥 2
Post #2158 634
#РецептКода

⏰ Timeline Slider Concept

Полностью адаптивный красивый слайдер временной шкалы.
Реализован на чистом HTML + CSS + JavaScript.

WEBIK | @gki_webik_ru
  • 👍 5
  • 🔥 4
Post #2156 618
#РецептКода

Цветной эффект при наведении.
Реализован а чистом HTML + CSS.

WEBIK | @gki_webik_ru
  • 👏 4
  • 🔥 3
  • 😎 3
Post #2155 619
  • 🔥 6
  • 👏 4
  • 🤔 1
Post #2153 718
#Макет

Макет сайта Crappo

Формат:#figma
Язык:#en
Сложность:#легкий

Макет сайта посвященный криптовалютной платформе.

WEBIK | @gki_webik_ru
  • 🔥 4
  • 👍 3
  • 👏 3
  • ❤ 2
Post #2152 742
#РецептКода

Service Slider

Красивая плавная анимация текста. Реализовано с помощью CSS и JavaScript.

WEBIK | @gki_webik_ru
  • 🔥 5
  • 👏 4
  • ❤ 2
Post #2151 695
Вам нравится читать контент на этом канале?

Возможно, вы задумывались о том, чтобы купить на нем интеграцию?

Следуйте 3 простым шагам, чтобы сделать это:

1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию

Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
  • 👍 4
  • 👏 4
  • 🔥 3
Post #2148 745
#Макет

Магазин квартир — макет риэлтерского агентства

Уровень сложности: #сложный
Адаптивность: #все
Тип: #многостраничник
Язык: #ru
Тема: #белая
Цена макета: ~14000-16500₽

WEBIK | @gki_webik_ru
  • ❤ 4
  • 🔥 3
  • 👏 3
Post #2147 658
#РецептКода

Fit Text

Подгонка текста по ширине окна просмотра. Реализовано с помощью CSS и JavaScript.

WEBIK | @gki_webik_ru
  • 😎 5
  • 🔥 4
  • 👏 1
Post #2146 667
💁Веб-сервера💁

Под термином веб-сервер скрывается несколько значений:
🤯это может быть компьютерная программа (программное обеспечение, ПО), которая контролирует доступ веб-пользователей к размещённым на сервере файлам (это ПО включает в себя как минимум HTTP-сервер и HTTP-протокол);
🤯это может быть сам компьютер ("железо"), который хранит файлы сайта;
🤯это может быть совокупность и "железа" и ПО, работающие совместно.

Чтобы стало понятнее рассмотрим пример:
Например, мы хотим скачать картинку с котиками с сайта Pinterest. Когда мы нажимаем на кнопку "скачать", формируется наш запрос. Этот запрос достигает нужного веб-сервера ("железо"), сервер HTTP (ПО) принимает запрос, находит запрашиваемый документ (если нет, то сообщает об ошибке 404) и отправляет обратно, также через HTTP-протокол.

Для чего нам нужен веб-сервер?
Главная задача веб-сервера принимать HTTP-запросы от пользователей, обрабатывать их, переводить в цифровой компьютерный код. Затем выдавать HTTP-ответы, преобразуя их из миллионов нолей и единичек в изображения, медиа-потоки, буквы, HTML страницы.

На сегодняшний день существует около десятка наиболее популярных веб-серверов. Каждый из них заточен на решение той или иной задачи.Рассмотрим ТОП-2 веб-серверов, которые являются самими популярными на данный момент:
⭐️Apache
⭐️Nginx

🧑‍💻Apache – Apache был разработан для доставки веб-контента, доступ к которому осуществляется через Интернет. Он известен тем, что играл ключевую роль в начальном росте интернета. Apache - это программное обеспечение с открытым исходным кодом, разработанное и поддерживаемое открытым сообществом разработчиков и работающее в самых разных операционных системах. Архитектура включает в себя ядро Apache и модули. Различные модули соответствуют различным функциям, которые выполняются по каждому запросу.

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

🧑‍💻Nginx — был разработан специально для устранения ограничений производительности веб-серверов Apache. Производительность и масштабируемость Nginx обусловлены архитектурой, управляемой событиями. Он значительно отличается от подхода Apache. В Nginx каждый рабочий процесс может одновременно обрабатывать тысячи HTTP-соединений, в отличае от Apache. Следовательно, Nginx - это легковесная, масштабируемая и высокопроизводительная реализация.
Nginx, как и Apache имеет открытый исходный код, модульная структуру, но при этом у него нет проблем с безопасностью и масштабированием, потому что Nginx использует асинхронную и управляемую событиями архитектуру, поэтому он может быстрее и эффективнее обрабатывать несколько подключений. Преимущество Nginx - Скорость. Nginx работает в 2,5 раза быстрее Apache. Вдобавок, Nginx может работать как веб-сервер, так и прокси-сервер. Но не смотря на это, Nginx имеет сложную архитектуру, поэтому разработка модулей не легка, по сравнению с Apache. Разработчики модулей Nginx должны быть очень осторожны, чтобы создавать эффективный и точный код, без сбоев, и соответствующим образом взаимодействовать со сложным ядром, управляемым событиями, чтобы избежать блокирования операций. Есть еще один минус Nginx: кроссплатформенность на Windows не так стабильна, как на платформах UNIX. В свою очередь Apache работает стабильно на всех операционных системах.

WEBIK | @gki_webik_ru
  • 🔥 8
  • ❤ 4
  • ✍ 4
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →