Фронтенд, Бэкенд и Фулл Стек

Поділитися
Вставка
  • Опубліковано 8 чер 2024
  • Поговорим о том, чем отличается фронтенд от бэкенда, какие технологии используются для создания фронтенд, бэкенд и фулл стек приложений.
    🔴 Полный курс JavaScript [24 ЧАСА] - ВКЛЮЧАЕТ 80 ЗАДАЧ С РЕШЕНИЯМИ sale.stashchuk.com/js
    🔵 Полный курс Python [43 ЧАСА] sale.stashchuk.com/python
    🟠 Полный курс React и Redux [32 ЧАСА] sale.stashchuk.com/react
    🍺 🍺 Донаты и благодарности www.buymeacoffee.com/bstashchuk
    🔥 Мои онлайн тренинги stashchuk.com
    СВЯЗАТЬСЯ СО МНОЙ В СОЦИАЛЬНЫХ СЕТЯХ
    🎦 UA-cam ua-cam.com/users/CodingTutoria...
    🙍 LinkedIn / bogdanstashchuk
    📪 Twitter / bogdanstashchuk
    🔥 Моя страничка на Udemy
    www.udemy.com/user/bogdanstas...
    00:00 Введение
    00:35 Фронтенд против Бэкенда
    03:32 Один бэкенд для всех клиентов
    04:39 Компоненты фронтенда
    06:25 Компоненты бэкенда
    10:26 Как работают фронтенд приложения
    12:03 Взаимодействие клиентов с бэкендом
    14:53 HTTPS, REST API, GraphQL
    17:51 Адаптивный пользовательский интерфейс
    19:15 Технологии для создания адаптивных интерфейсов
    22:15 Традиционные веб приложения
    23:55 Одностраничные приложения (SPA - Single Page Applications)
    25:52 Фреймворки и библиотеки для создания одностраничных приложений
    27:06 Преимущества и недостатки одностраничных приложений
    28:53 Пример архитектуры веб приложения
    32:12 Завершение

КОМЕНТАРІ • 154

  • @Bogdan_Stashchuk
    @Bogdan_Stashchuk  2 роки тому +14

    🔴 *Полный курс JavaScript [24 ЧАСА]* sale.stashchuk.com/js
    🔵 *Полный курс Python [43 ЧАСА]* sale.stashchuk.com/python
    🟠 *Полный курс React и Redux [32 ЧАСА]* sale.stashchuk.com/react
    🍺 🍺 *Донаты и благодарности* www.buymeacoffee.com/bstashchuk
    ⭐ *Все мои курсы по программированию* stashchuk.com
    🎦 *Подпишись на канал UA-cam* ua-cam.com/users/CodingTutorials

  • @user-xl5vt5en5c
    @user-xl5vt5en5c 2 роки тому +62

    Как всё чётко и понятно!!! Вы очень талантливый учитель!!! Так держать,я счастлива,что нашла вас!!!👍❤️

    • @Bogdan_Stashchuk
      @Bogdan_Stashchuk  2 роки тому +7

      Спасибо!

    • @ligat-rome
      @ligat-rome 2 роки тому +3

      Не говори, голос тоже дикторский

  • @everythingtv5438
    @everythingtv5438 2 роки тому +24

    Дай бог всем стат хорошим программамистом

  • @diamond4656
    @diamond4656 2 роки тому +26

    Буквально позавчера смотрел это же видео, но на английском языке и с русскими субтитрами.
    Теперь пересматриваю на русском) спасибо за ваши видео. Из вас очень хороший учитель, объясняете очень понятно.
    Надеюсь увидеть еще больше видео с переводом на русский язык. Не забрасываете это дело. Спасибо!!!

  • @alkha7144
    @alkha7144 Рік тому +1

    Благодарю. Именно такое схематичное объяснение и оформление прекрасно воспринимается.

  • @strongerworld3651
    @strongerworld3651 2 роки тому +1

    Все как всегда на высшем уровне. Спасибо вам.

  • @fliga3052
    @fliga3052 2 роки тому

    очень доступно и легко воспринимается Ваш материал ! спасибо огромное

  • @vkg4
    @vkg4 2 роки тому +3

    Лучшая подача материала на канале! Достойно уважения!

  • @nikolozkavtaratze3933
    @nikolozkavtaratze3933 Рік тому

    Спасибо за ваши труды!

  • @vladmasko146
    @vladmasko146 2 роки тому +8

    Как всегда, все разложено красиво по полочкам. Спасибо. Рад, что нашел этот канал.

  • @user-ve4de4uq7v
    @user-ve4de4uq7v 2 роки тому

    Спасибо за Вашу отличную творческую работу.

  • @andreysibiryakov5793
    @andreysibiryakov5793 11 місяців тому

    Я не видел лучшего объяснения!!!!!! Благодарю!!!!!

  • @StarsManny
    @StarsManny Рік тому +1

    Hi Bogdan, I bought some of your courses in the past and they were really good. I watched them all the way through, which is rare for me! Hope you are doing well in this difficult time 👍

  • @user-uz5jl8vk8z
    @user-uz5jl8vk8z Рік тому

    Круто, Bogdan, сейчас прохожу курс по JS. СПАСИБО)))

  • @Yumb_
    @Yumb_ Рік тому

    Отличная подача материала, спасибо!

  • @sergeyl9575
    @sergeyl9575 11 місяців тому

    Спасибо за доходчивое разъяснение.

  • @natanrock4358
    @natanrock4358 2 роки тому

    Спасибо. Рад, что нашел этот канал

  • @manofsteppe179
    @manofsteppe179 2 роки тому +5

    Отличная визуализация, хотелось бы буткемп по js на русском, надеюсь в будущем у вас появится такая возможность, спасибо за труды

  • @ligat-rome
    @ligat-rome 2 роки тому

    Успехов вам! Научите нас

  • @andresmonje9613
    @andresmonje9613 Рік тому

    Отличный материал и подача. Всем добра. 🙃

  • @alekseinaumyshev683
    @alekseinaumyshev683 2 роки тому

    Очень классный контент. Спасибо огромное!

  • @shurfly6961
    @shurfly6961 2 роки тому

    Спасибо ждём новые видео, все очень интересно ...

  • @user-hm8wx2us8l
    @user-hm8wx2us8l 2 роки тому +1

    Как же круто ты рассказываешь!)) Золотой канал, очень много полезного!

  • @norvoks
    @norvoks 2 роки тому

    Прекрасное объяснение!

  • @serdar7703
    @serdar7703 2 роки тому +24

    Спасибо Отличное видео !!! Очень хотелось бы увидеть у Тебя на Канале реальный пример разработки FullStuck приложения !!! Необязательно какого нибудь большого пускай будет маленькое но где реально видно взаимодействие Frontend и Backend. Желательно на русском языке !!! С Enlish у нас проблема. Еще раз Спасибо за Твой Труд !!!! С Старым Новым Годом !!!!! Удачи !!!! Ждем Новых Видео !!!!

    • @Bogdan_Stashchuk
      @Bogdan_Stashchuk  2 роки тому +17

      Спасибо! Взаимно! Сделаю такое видео обязательно.

  • @user-ed7cl9us1g
    @user-ed7cl9us1g 2 роки тому +2

    Всё четко изложено.

  • @rematender4269
    @rematender4269 Рік тому

    Отличное видео для начального понимания, что есть все эти "энды". Спасибо!

  • @ardakseitimov1259
    @ardakseitimov1259 2 роки тому +2

    Благодарю!

  • @nazar_bench
    @nazar_bench 2 роки тому

    Супер!
    Дякую, за цікаве відео!

  • @startlive8407
    @startlive8407 Рік тому

    Спасибо большое объяснения 👍

  • @user-sf2lb3qe8k
    @user-sf2lb3qe8k 2 роки тому +2

    Спасибище за этот обьясняющий видос

  • @user-qu9yl6bv6m
    @user-qu9yl6bv6m 2 роки тому +7

    было бы круто, чтобы сняли подробный разбор стек технологий для разработки frontend и бэкенд, что для чего используется и зачем, а то большая часть авторов дают какую то таблицу не понятную и говорят вот это надо учить, что?! зачем?! почему?! вообще не понятно, было бы круто если записали такое видео в своем стиле=)

    • @Bogdan_Stashchuk
      @Bogdan_Stashchuk  2 роки тому +4

      Да, планирую такой, но нужно много времени на подготовку. Потому обещать когда выйдет не могу

  • @evgentsapko722
    @evgentsapko722 Рік тому

    Спасибо, все понятно.

  • @user-uk4er6rs9p
    @user-uk4er6rs9p 2 роки тому +2

    Лайк как спасибо и коммент для подъема видео:)

  • @MarkoTH000
    @MarkoTH000 2 роки тому

    Спасибо большое!

  • @user-ps3ll6ql9x
    @user-ps3ll6ql9x 9 місяців тому

    Очень интересно , просмотрел не отрываясь 👍👍👍

  • @msmsw529
    @msmsw529 10 місяців тому

    Спасибо! Полезное видео

  • @strongerworld3651
    @strongerworld3651 2 роки тому +21

    Очень хотелось бы учить react js по вашим урокам.

    • @Bogdan_Stashchuk
      @Bogdan_Stashchuk  2 роки тому +21

      Уже начал делать курс по React. Ожидайте публикации через 3-4 недели (может и раньше)

    • @strongerworld3651
      @strongerworld3651 2 роки тому +1

      @@Bogdan_Stashchuk
      Спасибо вам. Буду ждать с нетерпением!

  • @user-js5kt2pr7s
    @user-js5kt2pr7s Рік тому

    Спасибо друг👋

  • @user-bo4bc9ts3e
    @user-bo4bc9ts3e 2 роки тому

    Очень интересно и доступно. Спасибо большое! Подскажите пожалуйста планируется курс по Vue 3 от Вас? Увы пока не нашел чёткого изложения в сети(

  • @MrRabenok
    @MrRabenok 2 роки тому

    Отличное и понятное видео! Англоязычным курсам нужна русская аудио дорожка ;-)

  • @alialiev4667
    @alialiev4667 2 роки тому +11

    Здравствуйте.
    Сделайте, пожалуйста, полный курс по React
    Спасибо

    • @Bogdan_Stashchuk
      @Bogdan_Stashchuk  2 роки тому +10

      Уже начал делать. Через 3-4 недели опубликую.

    • @alialiev4667
      @alialiev4667 2 роки тому +2

      @@Bogdan_Stashchuk
      Спасибо Вам, за Ваш труд. За то, что Вы дарите нам частичку себя
      С нетерпением жду)

    • @strongerworld3651
      @strongerworld3651 2 роки тому

      @@Bogdan_Stashchuk
      Ждём с нетерпением!!!

  • @user-Pravdarub586
    @user-Pravdarub586 2 роки тому +2

    Как всегда, Богдан не подражаем! Все по полочкам! Круто! Но где же Java? )) На сайте нет, на канале нет... Хочу Java от Богдана!!! ))

  • @kurasaored2775
    @kurasaored2775 2 роки тому +2

    Привет, отличное видео для новичков.
    Однако насчёт того, что "Front-end" - это всё, что видит пользователь, упущена фундаментальная вещь, касающаяся именно веб-приложений.
    К примеру возьмём Notion - текстовый редактор:
    - Логика редактирования текста;
    - Логика обработки команд через сочетания клавиш(Undo/Redo только чего стоит);
    - Лексический анализ;
    - Синхронизация данных между клинтом и сервером;
    - Кешерование.
    И много чего ещё, да даже в каком нибудь "тривиальном" SPA интернет магазина, много есть того, включая серверный рендеринг, что не видит пользователь, но зона ответственности находится на стороне именно front-end разработчиков!

    • @Bogdan_Stashchuk
      @Bogdan_Stashchuk  2 роки тому +4

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

  • @leonidas1987
    @leonidas1987 10 місяців тому

    Спасибо!

  • @user-bn3np5vh3x
    @user-bn3np5vh3x Рік тому

    У вас талант к преподаванию! Вы мне Богом Даны! Спасибо за работу ❤

  • @micoberss5579
    @micoberss5579 2 роки тому +1

    Очень качественный контент у тебя, Богдан.

  • @akramyuldoshev4889
    @akramyuldoshev4889 2 роки тому

    супер мастер спасиба вам

  • @jjgurus4120
    @jjgurus4120 Рік тому

    Не учитель, а огонь, так держать!

  • @noshiba185
    @noshiba185 2 роки тому +1

    С меня комментарий, мужик, ты крут:)

  • @user-mw2he7jd5r
    @user-mw2he7jd5r Рік тому

    Классно. Спасибо

  • @theoty-js-react
    @theoty-js-react 2 роки тому

    Замечательный канал, автор делает разбор наивысгем уровне!

  • @AlexMisarins
    @AlexMisarins 7 місяців тому

    Думал что будет рассказано про профессии, а оказалось это полноценная лекция про internet technologies уровня Harvard University. Спасибо за изложенный труд и подачу в этом видео 🫶

  • @user-yu5gz1bp8f
    @user-yu5gz1bp8f 2 роки тому

    Всё понятно и круто
    Всем советую смотреть 1.5х сэкономите время)))

  • @rinatfarkheev4918
    @rinatfarkheev4918 2 роки тому +4

    🔥🔥🔥

  • @Timyr48
    @Timyr48 Рік тому

    Богдан, у вас талант к преподаванию. Я решил переключиться, бросить свою прежнюю профессию и войти в IT.
    Благодаря вашим лаконичнім и понятнім роликам процес обучения становится проще.
    Но черт возьми, как же тяжко дается обучение с нуля..)

  • @iastrashabov
    @iastrashabov 2 роки тому

    Однозначно лайк, коммент, подписка и колокольчик

  • @sunriseo
    @sunriseo 2 роки тому

    Мне повезло я наткнулся на этот канал!🥳

  • @user-jk4fj6ke5n
    @user-jk4fj6ke5n 2 роки тому +2

    Отлично

  • @slava_po
    @slava_po 2 роки тому

    Мощно!

  • @nikonilay4159
    @nikonilay4159 2 роки тому +1

    Дружище сделай полный курс по питону, заранее от души спасибо.

  • @user-uu1ym2np7l
    @user-uu1ym2np7l 2 роки тому

    Спасибо

  • @user-jf8db4uy7w
    @user-jf8db4uy7w 2 роки тому

    Посмотрел , спасибо , пойду пожалуй на сройку работать, там проще всё и легче

  • @biplabjena
    @biplabjena 2 роки тому +4

    Please make videos on English language. I have checked your Git video and it’s very detailed and nice. Thanks for such nice videos. Keep up the good work 👍

    • @Bogdan_Stashchuk
      @Bogdan_Stashchuk  2 роки тому +1

      Hi Biplab. You are welcome! Same video is available in English - ua-cam.com/video/JPc5SmMzZUk/v-deo.html
      Will create videos in english in the future as well. Take care.

  • @user-cd7hf4ol5q
    @user-cd7hf4ol5q 2 роки тому +1

    Приветствую Богдан! Качественная подача материала, респект! Курсы по PHP, Golang планируете?

  • @omen9748
    @omen9748 Рік тому

    Здравствуйте! А будет курс по Python? Очень хотелось бы изучить этот язык

  • @user-ms7bn6cd2d
    @user-ms7bn6cd2d 2 роки тому +1

    Nice content

  • @mybusinessnotyours2051
    @mybusinessnotyours2051 2 роки тому +7

    Bogdan I really enjoy your tutorials but don't speak Russian, any chance this one will be released in English?
    Thanks for your hard work, Bogdan.
    Keep up the good work!

    • @Igor-uc8jc
      @Igor-uc8jc 2 роки тому

      The original of this one is in english, just search on channel

  • @PavelKim-pi2xb
    @PavelKim-pi2xb Рік тому

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

  • @user-ss5wu9ks8s
    @user-ss5wu9ks8s 2 роки тому +1

    Добрый день!
    С вами можно связаться онлайн?

  • @CTILET
    @CTILET 2 роки тому +5

    Там видео про Js набрало 10к лайков. Скоро ждать видос по реакту?

    • @Bogdan_Stashchuk
      @Bogdan_Stashchuk  2 роки тому +2

      Уже начал делать. Через 3-4 недели опубликую.

  • @alephzero7808
    @alephzero7808 Рік тому

    Здравствуйте, когда будет Фулл стак полный курс на русском?Не нашла на Вашем сайте.

  • @alonahilbert9959
    @alonahilbert9959 Рік тому

    Дякую!

  • @NobleOsinachi
    @NobleOsinachi 3 місяці тому

    • The video discusses the concepts of front-end, back-end, and full stack development.
    • The speaker has over 15 years of experience in creating front-end, back-end, and full stack applications.
    • The video mentions that only a small portion of the iceberg is visible, comparing it to the front-end and back-end divide in web development.
    • Various programming languages and cloud service providers are mentioned as tools for implementing monitoring, log storage, and search functions for back-end services.
    • Front-end applications also need to be hosted on servers to provide clients access to HTML, CSS, and JavaScript files, which can be done using cloud service providers.

  • @lena5264
    @lena5264 2 роки тому +1

    Есть обучающие видео о Реакте на канале?

  • @elminiskander
    @elminiskander Рік тому

    Лайк, подписка, комментарий-я нихоя не понял, бро. Пересмотрю еще раз

  • @arinaselezneowa9795
    @arinaselezneowa9795 Рік тому

    Здравствуйте, подскажите можно с нуля обучится фулл стек ?

  • @user-vl8on7bd1s
    @user-vl8on7bd1s Рік тому

    Со стороны frontend я знаю HTML, CSS, Bootstrap, Sass/Scss, JavaScript, Vue+vuex, React+Redux/Context Api. А со стороны backend знаком с Python и NodeJS, немного изучал PHP и MySQL

  • @user-vq5oe6bn3m
    @user-vq5oe6bn3m 2 роки тому +4

    Спасибо за обзорный ролик. Подскажите, у Вас есть roadmap для fullstack разработчика. В каком порядке изучать материалы, чтобы не утонуть в океане технологий. И второй вопрос: хороший ли путь изучать JS как для фронта, так и для бэка, или nodejs - это больше костыль и какой-нибудь Python с Django будет лучше на бэке?

    • @Dskrytov
      @Dskrytov 2 роки тому

      JS как для фронта, так и для Бэка идеально.

  • @asadbekmamajonov8665
    @asadbekmamajonov8665 2 роки тому +1

    Как можно быстро набратся опыта в бакэнд разработкке?

  • @user-user4625
    @user-user4625 2 роки тому +1

    👍👍👍👍👍

  • @user-ip7dl2ek9z
    @user-ip7dl2ek9z 2 роки тому +1

    👍

  • @kna2257
    @kna2257 2 роки тому +3

    Когда будет курс по React примерно?

  • @user-gw7et7od3j
    @user-gw7et7od3j Рік тому

    Богдан Человечище!!!

  • @IgorTkachev
    @IgorTkachev Рік тому

    фронтенд - это разработчик UI
    бэекнд - разработчик серверной части
    фул стек - разработчик, одинаково плохо разбирающийся и в том и в другом
    :)
    лайкосик поставил

  • @samolevich
    @samolevich Рік тому

    Спасибо за контент.
    Меня лично очень смущает приступы англоговорения

  • @art.em.39
    @art.em.39 2 роки тому

    Скажите пожалуйста, курс Full Stack Web Development Bootcamp на вашем сайте, на каком языке преподается? И подойдёт ли этот курс для человека, который только только начал вникать в HTML, то есть навыки программирования нулевые? Спасибо

    • @Bogdan_Stashchuk
      @Bogdan_Stashchuk  2 роки тому +1

      На английском. Он включает короткие курсы по всем технологиям из курса для начинающих

    • @art.em.39
      @art.em.39 2 роки тому

      @@Bogdan_Stashchuk интересный курс, жаль мой технический английский не на том уровне. Хороший повод подтянуть англ.яз)).

  • @dunhill302
    @dunhill302 2 роки тому +1

    класс

  • @vladyslavtykhovskiy5896
    @vladyslavtykhovskiy5896 2 роки тому +1

    Когда курс по реакту выйдет?

    • @Bogdan_Stashchuk
      @Bogdan_Stashchuk  2 роки тому +1

      Через недели 3, возможно и раньше

  • @stanislavkruglyk4978
    @stanislavkruglyk4978 Рік тому

    Здравствуйте ! Я хотел бы начять изучять програмирование, но увы без знания html и css никто не хочет возится с таким новичком как я. Так что начял изучять самостоятельно html.

  • @friendlyfamily2396
    @friendlyfamily2396 Рік тому

    Чи є у вас курс по html CSS?

  • @HappySmite
    @HappySmite 2 роки тому

    хотелось бы изучить часть бэкенда python 🐍!

  • @sergioramos4562
    @sergioramos4562 Рік тому

    Программирую front на JS, бэк на Python.

  • @paveldeniskov5199
    @paveldeniskov5199 Рік тому

    Привет!
    Хотел бы для бэкенда изучить C#

  • @CTILET
    @CTILET 2 роки тому

    Я бы хотел курс по supabase очень удобная база данных а в русском сегменте нет порядочного турториала

  • @user-re1ri9jp3e
    @user-re1ri9jp3e 2 роки тому +5

    Взял курс на udemy по full stack. Надеюсь у меня хватит сил его пройти до конца. My English is very bad 😭

    • @Bogdan_Stashchuk
      @Bogdan_Stashchuk  2 роки тому +1

      Спасибо, Игорь. Уверен, что дойдете до конца. Во всех моих англоязычных курсах я говорю простым и понятным языком. Потому, надеюсь, все будет понятно и вы пройдете курс до конца.

    • @MrRabenok
      @MrRabenok 2 роки тому

      @@Bogdan_Stashchuk русская озвучка планируется или хотя бы субтитры прикрутить как нибудь?

    • @user-re1ri9jp3e
      @user-re1ri9jp3e 2 роки тому

      @@MrRabenok есть субтитры на английском

    • @user-re1ri9jp3e
      @user-re1ri9jp3e 2 роки тому

      @@Bogdan_Stashchuk буду стараться 🙏 в программировании я самоучка 😁

  • @halina_kls
    @halina_kls Рік тому

    Богдан, спасибо, смотрю ваши видео взахлёб

  • @NygraIlau
    @NygraIlau 2 роки тому +2

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

  • @user-vv8sx2th6r
    @user-vv8sx2th6r 2 роки тому +9

    Самое лучшее для нас русскоязычных подписчиков. Что в 2022 году вы решили снимать видео на русском языке. Кладезь информации. Спасибо огромное.
    После JavaScript хотелось бы изучить PHP

    • @user-bc9tu6om8b
      @user-bc9tu6om8b 2 роки тому +1

      изучи Node-> иди full stack js разработчиком

    • @VladislausMusic
      @VladislausMusic 2 роки тому +1

      @@user-bc9tu6om8b кому что ближе. С таким же успехом он может изучить и PHP и быть fullstack.. Лично как по мне Node это ужас.

    • @vip51000
      @vip51000 2 роки тому

      @@VladislausMusic Для меня оба ужас. Вот Java это другое.

  • @user-lf6bl7jf3p
    @user-lf6bl7jf3p 2 роки тому +1

    а с какого языка начать лучше? для денег

    • @YACommunity
      @YACommunity Рік тому

      С английского

    • @user-lf6bl7jf3p
      @user-lf6bl7jf3p Рік тому

      @@YACommunity мой английский из вэри бэд из бед и огорчений

    • @YACommunity
      @YACommunity Рік тому

      @@user-lf6bl7jf3p с какого начал тогда?