Тёмный

Чем веб-приложения отличаются от веб-сайтов | Иван Петриченко 

Glo Academy
Подписаться 147 тыс.
Просмотров 134 тыс.
50% 1

Чем отличаются веб-приложения (Single Page Application) от веб-сайтов, какие у каждого преимущества, сколько стоит разработка сайта и сколько приложения - в новом ролике от Ивана Петриченко.
Если вы знаете вёрстку и JavaScript - будет полезно. Если только собираетесь это учить - тоже.
Подпишитесь на канал, если вам нравятся эти видео:
goo.gl/Zuu7wE
Больше контента в нашей группе Вконтакте
glo_academy
Или в нашем Telegram-канале
t.me/glo_academy
Присоединяйтесь к нашему сообществу Discord
/ discord
Telegram-канал "Лысый из браузера":
tele.click/baldfrombrowser
Чтобы записаться на мой курс по основам веб-разработки, напиши в нашу группу и мой ассистент скажет тебе, что делать дальше: vk.me/glo_academy
Заказать рекламу на канале: vk.me/aislam23 или t.me/aislam23
---------
Я использую хостинг Link Host с 2014 года
link-host.net/billing/pl.php?... Телеграм-каналы с дизайн-макетами для тренировки вёрстки:
ttttt.me/figma2html
ttttt.me/figma_start
ttttt.me/figmatamplates
Каналы с крутыми фичами на CSS и JavaScript:
ttttt.me/codepen_js
ttttt.me/css_features
Канал с терминами для айтишников:
ttttt.me/slang_it
Канал, где публикуют ссылки на полезные сервисы и сайты:
ttttt.me/linkforwork

Опубликовано:

 

13 окт 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 118   
@user-gm7tj8wh9n
@user-gm7tj8wh9n 8 месяцев назад
Спасибо, классный видос)
@just__did__it
@just__did__it 2 года назад
Иван Петриченко лучший препод по фронтенду.
@user-ox3qy7br3g
@user-ox3qy7br3g 8 месяцев назад
Давайте больше роликов!
@user-ed4lk7fk7k
@user-ed4lk7fk7k 8 месяцев назад
Очень круто!
@user-nh4im8hr9i
@user-nh4im8hr9i 8 месяцев назад
Спасибо за это видео
@dennmarshall8727
@dennmarshall8727 Год назад
Спасибо, полезная информация!
@cumar8585
@cumar8585 4 года назад
Да всё верно хотя разделение часто лишь условное. Веб приложение не всегда одно страничный апликейшн и так же само простой веб сайт может быть выполнен на аякс запросах без перезагрузки страницы. Есть какой то голименький блог и на нём есть тест который 70 вопросов и все без перезагрузки страницы аяксом грузятся но от этого этот бложик с тестом не становится веб аппликационном сам по себе. Вроди как веб сайты предоставляют пользователю контент(блог например типичный список записей контента и только этим контентом он и ценен) а веб апликейшин предоставляет функционал( то есть какой нибудь фотошоп онлан как пример.. нет контента но есть функционал) но и это условное разделение потому как фейсбук вроди как веб апликейшин но предоставляет и контент и функционал одновременно.
@user-wz9hh5wh1i
@user-wz9hh5wh1i 4 года назад
Очень понятно. Спасибо большое
@user-ob1tl2do1q
@user-ob1tl2do1q 3 года назад
Скажите пожалуйста, если у меня есть работающее веб приложение с уже определённым количеством полученной информацией в базе данных, как я могу сделать полную копию этого приложения с сохранением всей информации? Или к примеру скачать это приложение с сервера чтобы поставить на другой сервер?
@rrrrreccaeaac
@rrrrreccaeaac Год назад
Понятно, кратко, доходчиво!!! Спасибо за старания ))
@MsAnabios
@MsAnabios 3 года назад
Автор, ну не городи чушь... Ты рассказываешь о динамике PHP при этом говоришь - "В этом и различие между приложением и статическим сайтом". Статический сайт? Ты хоть раз его видел в живую?))) Не слышал о Ajax, не? С React не чуть не труднее разрабатывать динамику чем на PHP + JQuery. Ты бы лучше рассказал о Node JS, GraphQL, слышал о таком?))) Я сделал кучу сайтов связкой React + PHP / React + Node - все отлично работает. Web application - это использование бэкенд , запомни это, пожалуйста. А вот Single page application - это одностраничное приложение - SPA, это как Steam приложение, если тебе так будет понятней. Это тоже самое приложение что и связка JS + PHP, только в сторону JS библиотек. Правильно тебе советуют люди - изучи тему, напиши хотя бы по одному приложению с разным стеком и ты поймешь что был в корень не прав. Удачи в обучении =)))
@userman6193
@userman6193 Год назад
Спасибо, Иван).
@teymurabasli6915
@teymurabasli6915 3 года назад
спасибо Иван!
@user-zv3ix2sy2c
@user-zv3ix2sy2c Год назад
Супер! Доходчиво!
@IsaEzerbaev
@IsaEzerbaev 3 года назад
Спасибо за видео звук бы по лучше) и скажи пожалуйста что за тема vscode раз он и папки так красиво делает ?
@locktar-o-dark5664
@locktar-o-dark5664 3 года назад
А что сам найти не сможешь?
@user-hd4ob6jw4k
@user-hd4ob6jw4k Год назад
К слову об обновлении страницы целиком... Если используются фреймы или Ajax - это уже веб-приложение?
@astoscope
@astoscope 3 года назад
Перезагрузка страницы очень странный критерий. Та же фигма перезагружает страницу при переходе от каталога в проект, для того же ВордПресс есть темы, работающие без перезагрузки
@nikitross7466
@nikitross7466 4 года назад
Запутает любого, динамическое обновление это ajax, и не будет Вам перезагрузки, при чем тут сразу приложение! Дело не в том динамически оно грузится в Web или нет. И то и другое может и так и так грузится, зависит от того, от куда руки растут. Надо скорость, сокеты в помощь, грани как таковой нет. Но все понимают что приложения написаны на более низкоуровневых языках и их back-end работает в режиме сервисов. Так же речь о платформе, а вообще если уж совсем кратко, то тупо разница в том как обрабатывается back-end. Звучит не очень возможно, но не стоит сравнивать верстку, каркас, стили, с тем что творится под капотом. Все что java , c# это приложухи? php , python 50/50. Кто как делает. Чистый html, css,js сайты на все 100% но можно сделать что Вы даже не поймете если внутрь не полезете что он только на js.
@user-iz9sj1nn5q
@user-iz9sj1nn5q 3 года назад
А как же приложение Discord или редактор кода Brackets, которые написаны на html/css/js?
@fedorleonov6410
@fedorleonov6410 3 года назад
@@user-iz9sj1nn5q он про это и написал, читай последнее предложение
@kimkim7270
@kimkim7270 4 года назад
Скажите, с чего начать изучать абсолютному новичку для будущего создание мобильных приложение, месенджеров, небольших игр например? Многие в интернетке говорят Питон, некоторые Java, некоторые C++ я уже запутался, разницу я не знаю :) Заранее спасибо
@ilyaclutcher
@ilyaclutcher 3 года назад
Надо более конкретно определиться. Если игры, то от движка зависит какой язык, но в основном это C++ или C#, если мы про Unity. А так мобильные приложения это Java или Kotlin, или Swift. Если мессенджер, то можно использовать кучу разных языков
@stasmaksimov9531
@stasmaksimov9531 4 года назад
Спасибо Иван!
@XXTRIONXX
@XXTRIONXX 4 года назад
Я думаю было бы уместно вставить ссылки на твои курсы по JS, и фреимаоркам JS) Спасибо за доходчивое разъяснение)
@DanyloMinakov
@DanyloMinakov 3 года назад
Мне кажется многие путают веб - приложения с обычным сайтом на котором некоторые элементы сделаны аяксом.
@MsAnabios
@MsAnabios 3 года назад
Веб-приложение - это набор скриптов, не зависимо от языка. Это как модное словечко в React - компонент. Так и в JS мире сайт называют приложением. В других языках, например, PHP, никто не говорит веб-приложение, потому как оно тупо не используется. Но это не отнимает у динамического сайта на PHP статус "приложение".
@web2905
@web2905 3 года назад
Спасибо
@user-vd6eg5ke7i
@user-vd6eg5ke7i 3 года назад
За не долгий срок который нахожусь в вебразработки. Понял что все умные и красивые слова произносят либо тупые прогеры которые кроме этих слов и выучить то не чего не могут. Любо торгаши, которым нужно впарить без разницы какой товар. Хотя я рад что есть такие преподаватели как вы. Больше работы будет для нормальных прогеров)))
@theabyssofmythink6522
@theabyssofmythink6522 4 года назад
Спасибо, Иван
@user-bk7ez2wz1h
@user-bk7ez2wz1h 4 года назад
хорошее видео, лайк и репост
@nezamovanim
@nezamovanim 2 года назад
Вот, у ВК приложение и сайт, как они сделали и приложение и сайт?
@alexsanderdolov1945
@alexsanderdolov1945 3 года назад
А что лучше SPA? Конечно же SSR! :)
@user-lo9pu9vd8p
@user-lo9pu9vd8p 4 года назад
Кажется, что-то начинает проясняться. Лайк.
@olegp4277
@olegp4277 4 года назад
кажется)
@user-dg9qd6dm7o
@user-dg9qd6dm7o 2 года назад
Flutter тоже есть для создание веб приложение
@nikemoscow8881
@nikemoscow8881 3 года назад
Веб приложение это любой бэкэнд можно сказать а не именно spa.
@merchant_merarmy_1300
@merchant_merarmy_1300 2 года назад
Я всегда думаю, почему сразу не могут сказать ответ на вопрос?
@alexgalvan2389
@alexgalvan2389 Год назад
- Здравствуйте, мне нужен веб-сайт магазина одежды - Я не делаю сайты, я делаю современные веб-приложения - Ок, Пока
@VitalityCanFly
@VitalityCanFly 3 года назад
А почему не озвучен, допустим, Django? Или я что-то не так понимаю?
@UliaKey
@UliaKey 3 года назад
Технология в данном случае не так важна. Речь идёт о продукте. Приложение - это продукт. Django не приложение, а фреймворк - инструмент / технология для разработки как веб-приложений, так и веб-сайтов. Django для бэкенда ипользует python. Поэтому, когда шла речь о бэкенде ('..на PHP и др...') - формально, его назвали.
@mikhailkinebas3503
@mikhailkinebas3503 Год назад
Іван, Дякую за доступну порівняльну інформацію і її застосування .
@ERROR_BOT_TEST-sh2pl
@ERROR_BOT_TEST-sh2pl 4 месяца назад
🤙🤙🤙Иван здорово . Твои курсы на торренты заливают. Что делать будем?
@masterprotocol
@masterprotocol 2 года назад
По твоей логике я должен фейсбук обновлять вручную 😂
@bozhkou
@bozhkou 3 года назад
Все это дико условно и похоже на натягивание совы на вентилятор... Уровень доступа может сделать из веб приложения - веб сайт и на оборот. Например типовой блог: с точки зрения юзера - сайт, с точки зрения администратора - веб приложение...
@dinargilyazetdinov3476
@dinargilyazetdinov3476 3 года назад
Только после твоего видео понял суть разницы.
@andynaz7044
@andynaz7044 2 года назад
Значит у тебя ничего не поменялось )))
@militer4994
@militer4994 4 года назад
А сейчас еще остались разработчики, которые делают статичные сайты?
@user-on3rp6qm9d
@user-on3rp6qm9d 4 года назад
Полно
@militer4994
@militer4994 4 года назад
@@user-on3rp6qm9d я то не профи, я не знаю, делаю сайт для себя, простенький на несколько страничек, но у меня там и PHP и JS присутствуют, и ни одного html-файла нет, да и ссылки всё ЧПУ да ещё и на русском.
@hustle_juno
@hustle_juno 4 года назад
@@militer4994 Так это не говорит о том, что он у тебя динамический) Динамический он в том случае, если данные подгружаются динамически из базы через бэкэнд. Например как в любом CMS, ты добавляешь в админку, а эти данные автоматически через бэкэнд летят выводиться во фронтэнде
@militer4994
@militer4994 4 года назад
@@hustle_juno в том то и дело, что фронтенд формируется частично из бд и частично из js, я думал тебе это станет понятно из фразы "нет ни одного html-файла".
@hustle_juno
@hustle_juno 4 года назад
@@militer4994 Ну по этому сложно что-то понять, потому что любую верстку html можно просто переименовать в php, но структура сайта от этого не изменится и динамическим он от этого не станет)
@user-ms3ib3sz4l
@user-ms3ib3sz4l 3 года назад
Открою секрет. Веб-приложения это ЛЮБОЕ приложение сделанное при помощи веб-технологий (спасибо Кэп). Поэтому ЛЮБОЙ сайт является веб-приложением. Всё. Остальное придумали маркетологи.
@samsonwill5572
@samsonwill5572 2 года назад
i guess im randomly asking but does anybody know a way to get back into an instagram account?? I was dumb forgot the login password. I would appreciate any tricks you can offer me.
@user-yx8nj9mp4f
@user-yx8nj9mp4f 10 месяцев назад
0:09 разбирает разницу между веб приложениями и веб сайтами. 1:15 “она (приложение) никогда не должна зависнуть”. 1:34 “если я зашел в веб браузер (находясь на сайте Фигмы), то скорее всего я нахожусь на веб сайте”. 2:45 Называет сайтом многостраничное приложение, а приложением одностраничное приложение на примере Фигмы. 3:30 говорит, что “ключевая разница между веб сайтами и веб приложениями” - это подразумевание разработчика. 3:48 говорит, что веб сайты работают намного проще, чем веб приложения, при этом уточняет, что на сайте может быть динамически сгенерированный контент. 5:45 сравнивает одностраничное приложение с многостраничным и десктопным, считая плюсами интерактивность, кроссплатформенность и обновление, хотя разбирал отличие сайта от веб приложения. 5:58 сам произносит, что одностраничное приложение может находиться на сайте (месте). 8:40 говорит, что минус одностраничных приложений - это зависимость от интернета, по сравнению с чем не уточняет, но разбирает отличие сайта от веб приложений. 9:10 “single page application то есть приложение”. 9:25 говорит, что по степени интерактивности интернет-магазин - это просто веб сайт, а не веб приложение. 10:25 говорит, что у веб сайтов и веб приложений есть разница в стоимости разработки. 10:45 все-таки подменил понятие сайт на “статичный” веб сайт, путая со статичной страницей.
@Glo_Academy
@Glo_Academy 10 месяцев назад
У вас много свободного времени, конеш 😁
@user-lx4od2kw7f
@user-lx4od2kw7f 3 года назад
А как насчёт SEO у приложений? Хочу переделать свой сайт, и есть желание заморочиться, сделать его SPA и PVA, но вот есть на нём разделы со статьями, страницы с текстами под разные запросы. Есть ли возможность, чтобы они индексировались в поисковиках, если это SPA? Кот-нибудь знает что-либо на эту тему?
@rustamtishkov2479
@rustamtishkov2479 3 года назад
Копайте в сторону ssr (server side rendering)
@user-lx4od2kw7f
@user-lx4od2kw7f 3 года назад
@@rustamtishkov2479 так если рендер происходит на сервере, то это не SPA, ведь каждый раз прилетает новая страница? Или я в чём-то ошибаюсь?
@rustamtishkov2479
@rustamtishkov2479 3 года назад
@@user-lx4od2kw7f а что не так то? Что мешает spa иметь ssr?
@user-lx4od2kw7f
@user-lx4od2kw7f 3 года назад
@@rustamtishkov2479 спасибо за ответ! Я посмотрел несколько источников информации о ssr и начал примерно понимать о чём это. Вначале не правильно понял :)
@kirill4531
@kirill4531 3 года назад
Неплохо, теперь что-нибудь про бекенд бы в таком духе
@flattti
@flattti 2 года назад
Такое можно объяснить и в 2 словах
@selname_com
@selname_com 2 года назад
Два замечания: 1. Формально отличие веб-приложения от сайта в том, что первое не имеет адресной строки браузера. Для этого программист должен принять специальные меры. Иконку такого приложения можно установить на рабочий стол компьютера/планшета/смартфона и запускать без предварительного запуска браузера. 2. Не всегда веб-приложения работают в любых браузерах. Зачастую наоборот.
@agnar878
@agnar878 Год назад
И не часто быс тро Скорость вообще никак не связана с этим
@user-eq7ee8co5g
@user-eq7ee8co5g 3 года назад
Любой сайт можно переделать по принципу мордакниги, но это не сделает его веб-приложением.... как и, собственно, сами мордакниги не являются веб-приложением. Лично меня до бешенства доводит перемотка многометровых полотен в поисках нужного материала...
@bogdanchirukin1050
@bogdanchirukin1050 2 года назад
?? я думал, это связано с обробкой данных пользователя. буду знать(нет, аякс-загрузка контента - НЕ КРИТЕРИЙ приложения)
@dlazder3937
@dlazder3937 Год назад
Говорил что расскажет про цены, в итоге сказал что цены разные и все ситуативно
@justspartak
@justspartak 4 года назад
Я думаю, что ничем не отличаются. Разница лишь в том, что сайты работают по сетевой архитектуре, т.е клиент-сервер. Но это также приложения, подобно тому, что установлено в вашем компьютере, со своей программной логикой и т.д., которые исполняются на сервере.
@ezh2386
@ezh2386 4 года назад
Разница лишь в том, используются сокеты или нет
@justspartak
@justspartak 4 года назад
@@ezh2386 для какого-то прикладного программного обеспечения это никакой роли не имеет. Сокеты нужны лишь для железа.
@user-bb9hk7dd4b
@user-bb9hk7dd4b Год назад
🏆👍🏻👍🏻🏆
@SCAMBOT_
@SCAMBOT_ 3 года назад
Разница между рукой и жопой.
@vladislavmustyatsa4496
@vladislavmustyatsa4496 3 года назад
+ кто в элитарном обществе дизлайкеров
@user-sm9nn6pl8f
@user-sm9nn6pl8f 4 года назад
Веб-приложения отображаются во всех браузерах одинаково или нет?
@campfireschool
@campfireschool 4 года назад
Да, ведь внешняя оболочка все равно верстается)
@rageon5656
@rageon5656 4 года назад
Да, одинаково, но в разных браузерах может отображаться не всё. В этом виноват сам браузер. Часто бывает, что не отображаются новые функции CSS или HTML из-за того что браузер не поддерживает их
@Jingotube
@Jingotube 3 года назад
Попробуй накраситься в джокера, народ повалит))
@legomaster2024y
@legomaster2024y 4 года назад
привет из Харькова!
@Pixel7000Pi
@Pixel7000Pi Год назад
2:08 перфекционистам не смотреть )
@cupon8869
@cupon8869 4 года назад
spa == lending не?
@Glo_Academy
@Glo_Academy 4 года назад
Нет
@AkaiJedi
@AkaiJedi 3 года назад
лендинг - это маркетинговый термин, может подразумевать любую отдельную страницу сайта, содержащую УТП и форму заказа. спа - методология создания веб-приложения (набор технологий, методов проектирования) иногда spa == landing, а иногда нет.
@vlaih0
@vlaih0 3 года назад
на сайт медузы зайди. увидишь как там вёрстка не меняется, а меняется контент, когда тычешь по ссылкам. вот тебе и спа.
@trio9355
@trio9355 Год назад
Колонка 69 рублей ?
@evgeniykolmak5459
@evgeniykolmak5459 2 года назад
сколько же воды в этих 12 минутах
@nookebbx4532
@nookebbx4532 4 года назад
1
@samfisher3953
@samfisher3953 2 года назад
Очень много воды, вопрос про разницу.
@listade
@listade 3 года назад
Смотрел с замедлением в половину, иначе слушать не возможно
@crazy9flip_895
@crazy9flip_895 3 года назад
Егор Шолух, ну это не диктор быстро говорит, а ты медленно соображаешь, увы
@user-nx7gp8qt9v
@user-nx7gp8qt9v 2 года назад
@@crazy9flip_895 согласен
@user-xq3yh6gm3g
@user-xq3yh6gm3g 3 года назад
Много воды.
@nikitayasnev
@nikitayasnev 2 года назад
Столько воды, по делу - 0. дизлайк
@vitaliylufter8765
@vitaliylufter8765 3 года назад
Ничего боле тупого не слышал
@user-ic3tr4eq2o
@user-ic3tr4eq2o 4 года назад
Автор ролика сам не понимает в чём отличия, поэтому несёт какой-то сумбурный бред.
@cseedrvr6627
@cseedrvr6627 4 года назад
обоснуешь?
@awsom82
@awsom82 3 года назад
Какая ахинея, еще не видел ни одного блоггера о программировании, который бы умел собственно программировать.
@gleb_bro8710
@gleb_bro8710 3 года назад
А ты ищешь на антарктидском сегменте Ютуба?) Если так, то может лучше в английском сегменте поискать?
@YACommunity
@YACommunity Год назад
Хорошие прогеры код пишут а не видосики в Ютубе заливают
@alexanderbrown7758
@alexanderbrown7758 Год назад
Пурга, не соответствующая названию.
@ekaterinabitsch6620
@ekaterinabitsch6620 6 месяцев назад
Очень сложно понять новичку. Дизлайк
@alexeyyushin8358
@alexeyyushin8358 Год назад
12 минут абсолютно бесполезной чуши
@nezamovanim
@nezamovanim 2 года назад
Вот, у ВК приложение и сайт, как они сделали и приложение и сайт?
Далее
LOVE is BLIND but not this one 😍💍
00:20
Просмотров 12 млн
КТО ЭТО😱
00:41
Просмотров 1,2 млн