Уроки VUE.JS учим за 1 час для начинающих (Основы с нуля Vue js) + небольшой обзор и сравнение

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024
  • 🔥 Бесплатные уроки по информационным технологиям
    👉Подписывайтесь на канал
    🙉 Канал в телеграмм: bit.ly/2QcOXD4
    ☕🍗 Патреон поддержи автора:
    / dkadevelop
    - Другие реквизиты на сайте автора:
    dka-develop.ru...
    🔊Описание:
    Учим VUE за 1 час, включает следующие темы:
    - Что из себя представляет VUE.JS;
    - Краткое сравнение Vue.js с другими подобными инструментами
    - Рыночная востребованность Vue.js
    - Необходимые знания для изучения Vue.js
    - Реактивность, Экземпляр, Свойства, Массивы, Циклы, События, Методы, Интерполяция, Ajax, Работа с элементами формы, Двунаправленное связывание данных и т.д.
    🙈На каждые 6-7 минут видео уходит 6-7 часов работы.
    👉Код из видео:
    dka-develop.ru...
    👌 Ссылки для подгрузки JSON данных:
    dka-develop.ru...
    dka-develop.ru...
    ⚒ CDN из видео:
    cdn.jsdelivr.n...
    unpkg.com/axio...
    ⚒ Bootstrap - css фреймворк:
    getbootstrap.com/
    Используемый редактор:
    Atom: atom.io
    Sublime (немного): sublimetext.com
    🌍 Официальный сайт:
    dka-develop.ru
    © Music:
    RUclips Library
    #dkadevelop #vue #vuejs

Комментарии • 671

  • @DKADEVELOP
    @DKADEVELOP  4 года назад +53

    Второй (Следующий) выпуск по VUE:
    ruclips.net/video/4O1twLpg-7A/видео.html

    • @efronyv.1452
      @efronyv.1452 4 года назад

      какраз искал, спасибо)

    • @АнарМурадов-щ8э
      @АнарМурадов-щ8э 3 года назад +3

      dka-develop.ru/api?type=hashtag
      dka-develop.ru/api?type=city не работают ссылки((((

    • @thekamol
      @thekamol 3 года назад +1

      @@АнарМурадов-щ8э работают ))

    • @UCmdrhccjVM95UidL5idZw2Q
      @UCmdrhccjVM95UidL5idZw2Q 3 года назад

      @@thekamol не работают )

  • @ДаниилЧайка-ч3в
    @ДаниилЧайка-ч3в 5 лет назад +293

    Я занимаюсь бэком, но часто приходится и во фронте ковыряться, пожалуй это лучшее виде по vue из русскоязычных! Спасибо за отличный контент и крутую подачу!) Жду продолжения про компонентный подход!)

    • @DKADEVELOP
      @DKADEVELOP  5 лет назад +23

      Уже представляю сколько чашек кофе и сил на это положится, ведь в основной массе не все как вы имеют опыт, и придется разжевывать node, npm (yarn), babel и другие вещи, но сказал А говори и Б. В скором времени не обещаю, но чуть позже, надо будет начать.

    • @katnezabydka1861
      @katnezabydka1861 5 лет назад +6

      пфф...у тебя есть отличные видео про npm, yarn, node и прочее) просто давай ссылку) я тоже бек, но посмотрела ВСЕ видео и мне очень нравится твой канал) вот сейчас пересматриваю видео по сокетам и докеру) по докеру вообще это единственная серия видео, которые доступно объясняют суть) Так что спасибо за труды.
      И кстати про компонентный подход во вью ты уже рассказывал в видосиках своих - я его активно использую и это видео делаю сразу в среде разработки докер + ларавел + компоненты)

    • @DKADEVELOP
      @DKADEVELOP  5 лет назад +3

      @@katnezabydka1861 Для фронта вне laravel есть некоторые отличия, концепция та же, но мелкие нюансы отличаются и для новичков они покажутся сложным и непонятным, многих пугает неизвестность 🤗

    • @vladdeiy572
      @vladdeiy572 5 лет назад +1

      Жи есть !

    • @viadzmakzbiearusi2214
      @viadzmakzbiearusi2214 5 лет назад

      Сейчас на джуна-бэка без фронта и вообще не берут))

  • @alexselemenev3758
    @alexselemenev3758 5 лет назад +114

    Очень крутой туториал. Чувствуется что человек делал с душой. Жду продолжения.

  • @kadirovDev
    @kadirovDev 4 года назад +8

    Я сам занимаюсь обучением программированию, и приятно удивлен такой доступной подачей информации. Браво автору!

  • @СергейАндреев-э9г
    @СергейАндреев-э9г 2 года назад +4

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

  • @alexkardone3809
    @alexkardone3809 4 года назад +3

    Мега-понятное объяснение! Спасибо, что разжевываешь каждый шаг. Это большая редкость среди видеоуроков. Чаще всего диктор почему-то думает, что почти все, кроме его основной темы для зрителей очевидно.

  • @Trotskyst
    @Trotskyst 5 лет назад +5

    У тебя отличный подход к объяснению. Не скучно. И понятно. Спасибо за видео, а особенно за графику в нем!

  • @ВадимЛукьянцев-г9р
    @ВадимЛукьянцев-г9р 3 года назад

    Классный урок! Я месяц изучал по программе одного из платных университетов VUE ничего не понял и не запомнил, а тут Автор видео все достаточно подробно и что для меня важнее ДОСТУПНО для понимания все изложил.Спасибо автору

  • @КарлЛьвович-д8э
    @КарлЛьвович-д8э 5 лет назад +118

    Я тоже бэкендер, но такая подача по Vue это просто нечто, всё понятно, всё супер!!!! ОГРОМНЕЙШЕЕ УВАЖЕНИЕ
    Вот за такую работу надо отблагодарить - пойду денюжку закину автору

    • @DKADEVELOP
      @DKADEVELOP  5 лет назад +8

      🔥🤟 За поддержку отдельное спасибо, это помогает улучшать качество материалов и кол-во выпусков!

    • @zerdox4
      @zerdox4 5 лет назад +4

      @Dreamer fromSA в курсе что без back-end'а ни одна твоя сверстанная форма не будет работать?

  • @andredru4278
    @andredru4278 Год назад

    Спасибо. Уже на 20 минуте понял, что надо смотреть до конца. Все четко и понятно разжевано.
    А я ни Vue, ни JS раньше в глаза не видел.

  • @ЛолитаГавричко
    @ЛолитаГавричко 3 года назад

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

  • @gost1k337
    @gost1k337 5 лет назад +4

    Перешёл на vue с react, vue - очень круто!!!

  • @АйдарЖусупов-ь9э
    @АйдарЖусупов-ь9э 5 лет назад +6

    Спасибо за материал! Как всегда все по делу 👍 Очень ждем материал про компоненты и использование vue.js в laravel.

  • @andriihelever1793
    @andriihelever1793 5 лет назад +1

    На высок уровне видео монтаж и что самое главное материал урока. Видно, что проделана большая работа, огромное спасибо.

  • @hizhyna_itishnika
    @hizhyna_itishnika 3 года назад

    Спасибо! Для тех кто не видел Вью, супер!

  • @AlexanderSoar
    @AlexanderSoar 4 года назад

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

  • @alexzap8442
    @alexzap8442 4 года назад

    Единственное видео смотря которое я наконец разобрался в vue. Спасибо!

  • @Dima_v_temke
    @Dima_v_temke 4 года назад

    Взял видео на вооружение, только начал изучение программирования, но при таком объяснении даже для начинающих нету проблем!

  • @kumaranv7006
    @kumaranv7006 4 года назад +3

    Привет. Невероятно крутой подход к обучению. Спасибо большое!

  • @virtuallife3985
    @virtuallife3985 4 года назад

    Коллега вы просто профессионал в изложении материала, подписка и лайк.

  • @FlynnFromTaiga
    @FlynnFromTaiga 4 года назад +1

    Классное видео. Сразу видно что человек планировал и доводил до ума свой урок. Класс!

  • @rudinandrey
    @rudinandrey 4 года назад

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

  • @elenakryvonis9134
    @elenakryvonis9134 3 года назад +1

    Спасибо за урок!! Лучшее объяснение по этой теме из тех что я видела!

  • @vearodev2462
    @vearodev2462 5 лет назад

    Лучший видос по введению в VUE из тех что я видел

  • @НаталияКасторф
    @НаталияКасторф 4 года назад

    Да, голосовая подача - что надо! И начало не затянуто. Класс!!!

  • @andreikan4894
    @andreikan4894 2 года назад

    Просто-Лаконично-Понятно!!! Так держать :)

  • @qutbiddinmakhmudov4088
    @qutbiddinmakhmudov4088 4 года назад

    Просто понятно. Круто! С понимаем ооп понять все это очень легко.

  • @BAS-64
    @BAS-64 4 года назад

    Вы прирождённый учитель. Всё чётко и понятно. Спасибо.

  • @МихаилГоляков-е2л
    @МихаилГоляков-е2л 4 года назад +1

    охрененный ролик все понятно спасибо вам

  • @AleksandrVechkov
    @AleksandrVechkov 4 года назад

    Спасибо огромнейшее за это видео. Так мало видео где говорят технический правильно и верно, при этом доступно и понятно. Ещё раз спасибо!!!
    PS: js вообще не знаю, но в вашем видео всё понял.

  • @victorsokoluik4573
    @victorsokoluik4573 5 лет назад

    Еще неделю назад, я и смотреть в сторону vue.js и иже с ним не хотел. Всегда предпочитаю(тал) использовать vanila js и jQuery. После просмотра видео мое отношение к фреймворкам изменилось. Так сказать, открылись новые горизонты. Ощущение примерно такое же как после CSS начинаешь работать с препроцесором SASS. Это так для примера, чтобы выразить эмоции. Но, на замечательную подачу материала в дополнение к видео я нашол неплохую книгу по vue.js. И теперь реально открываю для себя новые горизонты, так глядишь и до React.js дойду) Ведь почему я обходил стороной фреймворки, я просто не понимал и не пытался понять принцып их работы. Теперь понял, благодаря автору данного ролика.

  • @RuDenisska
    @RuDenisska 5 лет назад

    Отличный урок, у нас на работе потребовалось за подрядчиками допилить то тут то там, а я старый пэшник и не знаю слов vue. Спасибо тебе, вьехал быстро)

  • @mikurrey416
    @mikurrey416 5 лет назад

    Спасибо! Как раз задали сделать сайт, который отрисовывает данные из API, и здесь эта тема раскрыта. Похоже, это лучший "getting-started" для новичков на русском)

  • @Do6po
    @Do6po 5 лет назад +1

    Отличное видео для начинающих. Я, хоть и продвинутый во Vue, но смотрел с удовольствием. За движениями мастера всегда приятно наблюдать.

  • @дикей-д3ф
    @дикей-д3ф 5 лет назад +7

    однозначно жду продолжения. спасибо!

  • @atmosphereatmosphere5079
    @atmosphereatmosphere5079 4 года назад +1

    Спасибо! Очень хорошее обьяснение для новичков!

  • @Pavelbrov
    @Pavelbrov 3 года назад

    Круто, не представляю, сколько сил вложено в это видео, очень качественно, спасибо!

  • @alexeydanilov1557
    @alexeydanilov1557 3 года назад

    Видео - просто класс. Всё чётко, по полочкам и без воды. В общем - то, что надо, когда нужно оперативно что-то изучить)

    • @phat80
      @phat80 3 года назад

      Как это без воды, если воды тут процентов 60-70, не меньше. Автор почему-то предполагает, что тот, кто смотрит этот урок по какой-то причине знает плохо JS и вообще web по сути. Часто объясняет элементарные вещи, типа как подключать скрипты, что такое CDN или точка при доступе к свойствам. Хотя логично, что люди лезут во фреймворки, уже познакомившись с языком на достаточно хорошем уровне. Иначе просто смысла нет вообще смотреть данное видео.

  • @karinakhodzhakulieva
    @karinakhodzhakulieva 5 лет назад +1

    Видео фантастическое. Спасибо огромное за труд!

  • @demiurgich
    @demiurgich 5 лет назад

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

  • @ХалидИбнВалид-т1э
    @ХалидИбнВалид-т1э 4 года назад +1

    Спасибо тебе ) Желаю удачи ! Ждем больше видео )

  • @ДаниилКедров
    @ДаниилКедров 4 года назад

    Лучший урок в русском сегменте, который я видел!

  • @sergeikrasnovskii9767
    @sergeikrasnovskii9767 4 года назад

    Я только изучаю Фронтэнд и Бэкенд, очень много изучаю именно у тебя, потому что понятно =))) Спасибо тебе огромное за очень классные уроки.

  • @kilz9357
    @kilz9357 5 лет назад

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

  • @Михаил-х2р9ж
    @Михаил-х2р9ж 5 лет назад +1

    Это было волшебно. Спасибо огромнейшее)))

  • @kerdi_it4863
    @kerdi_it4863 4 года назад

    Красава, четко все объяснил. Респект

  • @ТагирАбдулмаликов
    @ТагирАбдулмаликов 4 года назад

    До чего круто ты объясняешь!! Спасибо тебе большое !

  • @WayToVictoryWTV
    @WayToVictoryWTV 2 года назад +1

    Спасибо большое за урок : )

  • @mith888
    @mith888 2 года назад

    Офигенно! Лучший гайд! с меня подписка)))

  • @myself3870
    @myself3870 4 года назад

    Восхитительно!
    Спасибо за труд и качественный контент.

  • @dontsovcmc
    @dontsovcmc 5 лет назад +2

    Если бэкенд Django/Flask, то во Vue нужно переопределить разделители delimiters: ['[[', ']]'], чтобы не было конфликта с отрисовщиком Jinja.

  • @gleb655
    @gleb655 4 года назад

    спасибо за отличный курс ставлю тебе лайк:
    {{like}}


    var app = new Vue({
    el:'#app',
    data: {
    like: 1,
    },
    methods:{
    likeCounter(){
    this.like++
    },
    }
    })

  • @JETSmusic
    @JETSmusic 5 лет назад +1

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

  • @grigorytarasov7199
    @grigorytarasov7199 5 лет назад +4

    Крутая библиотека )) а я дуцмал , что vue Это MVC фреймворк для node.js )))

    • @DKADEVELOP
      @DKADEVELOP  5 лет назад

      Если по простому nodejs (не в прямом смысле) у вас в браузере есть. NodeJS позволил JS использовать на стороне сервера.

  • @TheAntoha95
    @TheAntoha95 3 года назад +1

    спасибо. vue 3 версии бы хотелось)

  • @aya4924
    @aya4924 4 года назад

    Автор - красавчик! Контент - огонь! Счастья, здоровья!

  • @alexmercer4653
    @alexmercer4653 5 лет назад +3

    Очень хороший контент. Продолжай!

  • @TsA1ex
    @TsA1ex 5 лет назад +7

    Привет. А не попадался ли тебе случайно на просторах гитхаба проект на Laravel + Vue который по твоей точке зрения хорошо сделан архитектурно и\или по стилю кода? Если да, то можно на него cсылочку?

  • @sashasss7114
    @sashasss7114 5 лет назад

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

  • @ПаксБро
    @ПаксБро 3 года назад

    Очень крутая подача материала!!

  • @gralex80
    @gralex80 4 года назад

    Очень качественный видео урок!

  • @MrVebber
    @MrVebber 5 лет назад +1

    Посмотрел на одном дыхании! Спасибо большое!!!

  • @MegaDimon37
    @MegaDimon37 5 лет назад

    Спасибо тебе! Ты изменил мою жизнь и взгляд на мир...

  • @volkovgst
    @volkovgst 5 лет назад +1

    Очень полезная информация, только начал изучать vue, спасибо, что записал такой хороший урок, жду продолжения! Подписка однозначно:)

  • @Алексей-п9л6н
    @Алексей-п9л6н 4 года назад

    Зачёт!!! Душевно, понятно!!! Где продолжение?

    • @DKADEVELOP
      @DKADEVELOP  4 года назад

      ruclips.net/video/4O1twLpg-7A/видео.html

  • @ИванИван-л5я
    @ИванИван-л5я 5 лет назад

    Спасибо! Все по полочкам, отличная подача материала. Очень понравилось!

  • @Flamel001100
    @Flamel001100 5 лет назад +2

    Очень годно, автору большое спасибо)

  • @Андрій-т8р
    @Андрій-т8р 4 года назад

    Очень круто, спасибо 👍

  • @alshelupets
    @alshelupets 5 лет назад

    Спасибо за урок. Очень доступно. Жду следующего видео!

  • @baxtik88
    @baxtik88 Год назад

    Спасибо большое за информацию

  • @protivniy-kamin
    @protivniy-kamin 5 лет назад +1

    Всё прекрасно. Единственное, музыка как-то не вписывается в видео, она вставлена такими кусками, что с момента её начала не успеваешь сориентироваться, как она заканчивается, это отвлекает. Хотя без музыки может быть слишком сухо...

  • @AliceTrap
    @AliceTrap 3 года назад

    потрясающее видео и подача, спасибо Вам огромное!

  • @КонстантинКренский

    Спасибо! Всё очень полезно!

  • @splinter4806
    @splinter4806 5 лет назад +1

    Ждем вторую часть, спасибо

  • @АндрейЧернятин-ь4ж
    @АндрейЧернятин-ь4ж 3 года назад

    Спасибо большое)) Очень грамотно))

  • @Ильич-ъ5ъ
    @Ильич-ъ5ъ 5 лет назад +1

    Спасибо! Все прекрасно укладывается в голове, ждем новых видео, особенно по Vuex.

  • @v.a.905
    @v.a.905 4 года назад

    Шикарно. Спасибо

  • @МаринаСмирнова-ж9м
    @МаринаСмирнова-ж9м 4 года назад

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

  • @rumartru
    @rumartru 5 лет назад

    За видео спс! Объяснение понятное, но необъективное в сравнении с jquery. Так, например, использование vue делает практически невозможным продвижение в поисковиках. Для ssr уже придется ставить ноду на сервер и он все равно будет создавать невалидный html, со всеми вытекающими.

  • @zvuk3316
    @zvuk3316 5 лет назад +1

    Оооочень понравился видеоурок, большое спасибо за старание.

  • @philippec.5391
    @philippec.5391 3 года назад

    Супер! Лайк! Подписка!

  • @ВиталийБоднар-е1я
    @ВиталийБоднар-е1я 5 лет назад

    Огромное спасибо. Отличное изложение и примеры. Бегло просмотрел вторую часть - жду не дождусь, когда дойду до неё. Отдельное спасибо за серверную часть и возможность на практике испытать методы работы с данными.
    И самую малость критики: "очень максимально просто" - ну очень режет слух.

    • @DKADEVELOP
      @DKADEVELOP  5 лет назад

      ​@Evil Santa А ты молодцом! Ты открыл кошелек моей самооценки и потратил все монетки 😭

    • @DKADEVELOP
      @DKADEVELOP  5 лет назад

      @Evil Santa Никто не спорит, что есть люди с завышенным самомнением, ЧСВ и т.д. С одной стороны это конечно не хорошо, а с другой стороны я думаю им все равно, что думают о них другие и им живется легче. Вообщем главное самому оставаться собой, мнение окружающих конечно очень важно, но оно не должно быть выше чем ваше внутреннее представление о себе. Как говорят можно жить как хочешь, если это не мешает другим.

  • @АлександрАндреев-г3ь

    Отличное видео! Огромное спасибо! )

  • @СамсонТеркин
    @СамсонТеркин 5 лет назад +2

    Супер, круто, просто новый уровень преподавания ))

  • @duce201
    @duce201 5 лет назад

    очень доходчиво и интересно !!! спасибо огромное!!!

  • @zincarlo1141
    @zincarlo1141 5 лет назад +1

    Блин я уже столько проектов сделал на гребанном jquery и js, но только сейчас после данного видео, понял что такое Vue, сижу с открытым ртом и реально хочу переделать все проекты(((, блин у тебя педагогический талант если честно, так держать!

    • @DKADEVELOP
      @DKADEVELOP  5 лет назад +1

      При компонентной разработке вы достигните ещё более удобного процесса разработки, в конечно варианте никто ничего не заметит, а вам как разработчику, станет в разы проще.

  • @bekzhansartmyrzaev4659
    @bekzhansartmyrzaev4659 5 лет назад

    You deserve 100000000000 Subscribers !!!!!
    Wish you all the BEST!!!!!

    • @DKADEVELOP
      @DKADEVELOP  5 лет назад

      Спасибо!👍👍👍

  • @jsb7239
    @jsb7239 4 года назад

    Круто и понятно!

  • @СергейГолубев-л5п
    @СергейГолубев-л5п 5 лет назад

    Vue - это волшебство!

  • @ermail_biz
    @ermail_biz Год назад

    спасибо . Хорошо описано

  • @cors1k85
    @cors1k85 4 года назад

    Спасибо за видео! Это. Было. Идеально.

  • @dmitry6687
    @dmitry6687 3 года назад

    очень твёрдый лайк

  • @ЯнГус-х7д
    @ЯнГус-х7д 5 лет назад

    Сделай, пожалуйста, урок по рекурсивному вызову компонента для вывода вложенных значений массива

  • @Suhnya
    @Suhnya 5 лет назад

    спасибо огромное! Понятно бодро и круто

  • @daygameru3259
    @daygameru3259 5 лет назад

    Мне очень понравилось! Действительно всё грамотно разложено. Хочется продолжения :)

  • @AlexandrFisher
    @AlexandrFisher 5 лет назад

    Спасибо за качественное видео!

  • @MegaHorroror
    @MegaHorroror 4 года назад +3

    Орнул с Adminer'а как пример свалки. xD

  • @SergMirny_yt
    @SergMirny_yt 5 лет назад

    Спасибо. Очень доступно и понятно

  • @alenalel1267
    @alenalel1267 5 лет назад +1

    Вах, дождались))) 😊

    • @DKADEVELOP
      @DKADEVELOP  5 лет назад +1

      Приятного обучения ✌👍

  • @RusaDina
    @RusaDina 5 лет назад

    Круто!! нормально объясняешь
    кравчик