No video

JS-решения №25. Простое переключение страниц без перезагрузки (Ajax)

  Рет қаралды 7,800

MaxGraph - cайты как страсть

MaxGraph - cайты как страсть

Күн бұрын

Привет! В этом видео покажу, как сделать переключение страниц без перезагрузки с помощью Ajax (fetch)
github.com/max...) - код
Меня зовут Максим Васянович. Фрилансер уже 7 лет, создал более 100 коммерческих сайтов. Куратор в онлайн-университете Skillbox, автор курса Веб-верстка. Верстальщик в lenta.com
Понравилось? clck.ru/Gr9Ec
Поддержать канал: boosty.to/maxg...
Сайт с макетами: verstaem.online/
Мой блог: blog.maxgraph.ru
ВК Видео: video/@...
Мой сайт: maxgraph.ru
Канал с полезностями в телеграм: t.me/maxgraph
Чат для верстальщиков: t.me/maxgraph_...
#обучение #js_решения #ajax

Пікірлер: 20
@vasiliysnitkowskiy1968
@vasiliysnitkowskiy1968 Жыл бұрын
Очень понятное объяснение ) Хотелось бы побольше примеров работы с JS )
@user-eh7no3me3x
@user-eh7no3me3x 8 ай бұрын
круто, надо больше уроков по js)
@user-zu5sr8yz9y
@user-zu5sr8yz9y 11 ай бұрын
Полезно, пригодится еще. Взял в запас. ))
@user-wf4np1ne2c
@user-wf4np1ne2c Жыл бұрын
для меня как новичку, непонятно, надеюсь со временем приду к пониманию таких вещей)
@user-du6ns4ww6o
@user-du6ns4ww6o Жыл бұрын
Возможно будет лучше подключать файлы скриптов при смене страницы.
@user-xt1ns1br7o
@user-xt1ns1br7o Жыл бұрын
Привет! Полезно, спасибо. А что у нас скажет PageSpeed, если страниц 30? И всегда было интересно, как получить время загрузки всей страницы включая css, js, html и изображений на ней, что бы сделать тот же прелодаер с прогресс-баром, который равен времени загрузки всей страницы, много перешерстил в инете, но реализаций нет.
@maxgraph
@maxgraph 11 ай бұрын
Ничего не будет, это же разные страницы, код не лежит в одной
@Kei4i
@Kei4i 9 ай бұрын
Ну логично, что время загрузки точное никто не угадает, зависит от браузера, ос, скорости сети, железа. Все прелоадеры в начале плавно заполнятся, а потом резко 100% и отображение страницы.
@user-xt1ns1br7o
@user-xt1ns1br7o 9 ай бұрын
@@Kei4i Ну если хоть немного разбираться, то ты знаешь что правильный прелоадер делается, после загрузки как минимум дом и загрузки медиа (изображения итд). Тут не нужно угадывать, должна быть реализация этого момента
@jenyaspace
@jenyaspace 9 ай бұрын
Подскажите для чего тогда существует библиотека barba.js если можно просто вот так вот коротко все вручную сделать
@31danmaster31
@31danmaster31 Жыл бұрын
Чётко и доходчиво 👍
@KODz314
@KODz314 7 ай бұрын
вопрос: если контент страницы расположен по определенной пути и я его выгружаю на index.html при загрузке страницы, то что делать если при обновлении страницы браузер переходит по пути контента и в итоге ты видишь лишь голый текст без стилей.
@maxgraph
@maxgraph 7 ай бұрын
Пути сделать абсолютными можно попробовать
@alexleshenko
@alexleshenko 11 ай бұрын
Нынче специфичные действия с фреймворками то)
@maxgraph
@maxgraph 11 ай бұрын
Это да)
@user-nv5ec9ch8q
@user-nv5ec9ch8q Жыл бұрын
В образовательных целях норм, а на практике бред)
@maxgraph
@maxgraph Жыл бұрын
все верно)
@user-ue7wu2qc6f
@user-ue7wu2qc6f 11 ай бұрын
Почему на практике бред?
@Kei4i
@Kei4i 9 ай бұрын
​@@user-ue7wu2qc6fпотому что это изобретение велосипеда, по факту все используют реакт, созданный для этого. Ну или vue или любой другой spa фреймворк.
@doge8633
@doge8633 6 ай бұрын
@@user-ue7wu2qc6f потому что никто в здравом уме не будет делать это когда уже существуют готовые фреймворки и библиотеки которые уже реализованы и оптимизированы для работы с приложениями. Это как смастерить себе велик из подручных средств, оно возможно и будет ехать но не так как уже созданные хорошие велики.
WTF Do These Even Mean
13:44
Web Dev Simplified
Рет қаралды 84 М.
Nurse's Mission: Bringing Joy to Young Lives #shorts
00:17
Fabiosa Stories
Рет қаралды 7 МЛН
Секрет фокусника! #shorts
00:15
Роман Magic
Рет қаралды 47 МЛН
Happy birthday to you by Tsuriki Show
00:12
Tsuriki Show
Рет қаралды 12 МЛН
Gli occhiali da sole non mi hanno coperto! 😎
00:13
Senza Limiti
Рет қаралды 23 МЛН
Методология БЭМ. Теория + пример
15:16
MaxGraph - cайты как страсть
Рет қаралды 33 М.
Динамическая подгрузка  AJAX на wp
15:54
TechnoHub Solutions
Рет қаралды 603
Что такое AJAX? Обзор за 5 минут
5:57
IT Public 503
Рет қаралды 8 М.
JS-решения №12. Базовая анимация при скролле на чистом JS
24:19
MaxGraph - cайты как страсть
Рет қаралды 29 М.
Программисты-самоучки... Слушайте внимательно.
22:45
Евгений Афанасьев
Рет қаралды 47 М.
AJAX ➤ Уроки jQuery для начинающих
44:21
JS-решения №26. Создаем свой плагин видеоплеера
2:42:10
MaxGraph - cайты как страсть
Рет қаралды 2,8 М.
Nurse's Mission: Bringing Joy to Young Lives #shorts
00:17
Fabiosa Stories
Рет қаралды 7 МЛН