The Vue Tutorial for 2018 - Learn Vue 2 in 65 Minutes

Поделиться
HTML-код
  • Опубликовано: 17 ноя 2024

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

  • @ljka
    @ljka 6 лет назад +22

    Im amaze of how structured you teach the subject. Aside from this free lecture, we appreciate that you dont just blurt out concepts. It is obvious that you took time outlining everything you want to say. Thank you.

  • @imbayi
    @imbayi 6 лет назад +260

    Can't believe this is free, considering the quality and depth.

    • @PerryPalmtree
      @PerryPalmtree 6 лет назад

      Kunule Imbayi i know right, amazing

    • @springbok4015
      @springbok4015 6 лет назад

      You paid by watching the video, thanks to ads. That’s mostly how he makes money from this. I think.

    • @joshuawjulian
      @joshuawjulian 6 лет назад +1

      RUclips doesn't pay that well. With 124k views he has right now, he maybe made 300 bucks.

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

      As a developer, I think too much software and lectures are given away for free. That press our salaries down. We are worth more.

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

      @@malinyamato2291 If it wasn't for all the free software and lectures, you wouldn't be as good, and that would also depress your salary.

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

    Here from The Odin Project. Thank you for the thorough tutorial. The hard work that you must have put in shows. I pray God continues to do great things through you. God bless!

  • @paolourielenriquez9715
    @paolourielenriquez9715 6 лет назад

    This was the only tutorial I found that clearly explained the basics of Vue to Frontend beginners.

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

    honestly, you are one of the best teachers out there. I recommend your channel to everyone I know! This kind of depth for free is just fascinating. Thank you so much for doing this!

  • @sumantkanala
    @sumantkanala 6 лет назад +31

    Love this channel. For every major framework tutorial, all of the major concepts are explained and coded clearly. Super like :)

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

    The love I have for this channel can't be measured by words

  • @HunterZolomon
    @HunterZolomon 6 лет назад +2

    47:32 Validation doesn't pop until the user actually starts typing so you can submit zero chrs if you press enter on the empty field. Maybe set it to focus==true, so it pops as soon as user selects the input field? And above it, since history might pop in dropdown below and cover the message.
    Nevertheless, great intro tutorial!

  • @mikebestfilms
    @mikebestfilms 6 лет назад

    One of the best tutorials I have seen online. Thanks very much for this, worked without a hitch.

  • @alysebastien9300
    @alysebastien9300 6 лет назад

    This is a great video! 5th time lucky with installing Vue2 JS. With other videos I had console error after console error. However, after following your video it finally all worked without any problems each step of the way. In addition, you have a great teaching method which is nice & clear. Thank you for very much for sharing. Great work.

  • @iancarr3923
    @iancarr3923 6 лет назад

    Excellent 1-hour prog delivered by a very good presenter - the pacing was just right.

  • @gayan.sandamal
    @gayan.sandamal 6 лет назад

    This is really useful. Thanks a lot uploading this tutorials.
    According to 34:49 I tried by giving strings names instead of vue's embedded style attributes just like in normal css and it worked well for me.
    for an example: v-bind:style="{'background-color': bgColor}"
    And I'm still following this course because this is very useful and easy to understand.
    You're a really good teacher. keep teaching!
    Thanks.

  • @aseemlalfakawma5084
    @aseemlalfakawma5084 6 лет назад +1

    This was great. Very easy to understand, i've watched a lot of vuejs tutorials but couldn't really grasp the concept of components, etc, but this made it really clear to me. Thank you.

  • @michellechoi416
    @michellechoi416 6 лет назад

    My first learning Vue.js. Very organized and easy lecture! Thank you!

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

    This is a well-done video. From an older embedded systems developer, it's a great fit for adding to my skills. Thank you!

  • @2808f
    @2808f 6 лет назад +1

    Words cannot express for how well you described Vue.js thank you.

  • @dominik7587
    @dominik7587 4 года назад +7

    For anybody that's having issue with adding router code and gets error: The "Skills" component has been registered but not used (vue/no-unused-components).
    In our App.vue in our tag we don't need import Skills anymore, and we don't need export components: Skills, becasue the router does that for us.
    Your code should look like this:


    Home
    About



    export default {
    name: 'app',
    }

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

      thank u god bless you

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

      Still having this issue :(
      vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
      found in
      --->

  • @haccanlistoun5851
    @haccanlistoun5851 5 лет назад +39

    this no longer working with v3
    import VeeValidate from 'vee-validate';
    Vue.use(VeeValidate);
    solution
    install v 2.2.15
    npm i vee-validate@2.2.15
    and run
    rpm update

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

      thanks for the head up. Official release of V3 is Q12020. Isnt there any plans for VeeValidate to get compliant with Vue v3 by then?

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

      thank you mate, you're my hero!

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

      you saved another live! thx !

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

    You are the best ! Thanks for spending all your time to explain it to us. Greetings from Argentina !.

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

    Brilliant Course! Helped me a lot in setting up my first project, especially after i grasped a few basic from books that i read.

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

    More informative session, learned major concepts in 1 hour. I love it. Thanks Gary.

  • @jackgerrard2390
    @jackgerrard2390 6 лет назад

    I was using props in react for a while too. When you said "props, that's short for properties" my mind just went OMG, OF COURSE.

  • @anhtuan-nguyen
    @anhtuan-nguyen 3 года назад

    Thanks a lot, Gary. You helped me to go through Vue quicky and effectively. Appreciate this channel

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

    Gary, your courses are fabulous. This one is no exception. Thank you.

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

    Had to quit the video on the minute 27 I was getting more confuse by the minute. Looking for a more newbie friendly tutorial (if exists).
    Thank you for your content, I am sure is helping many many people.

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

    This is the best Vue.js course on youtube, Thanks a lot!!

  • @shibnathroy106
    @shibnathroy106 6 лет назад

    Your voice is so soothing to hear. Thank you for making this video

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

    For an hour, that covered a lot of ground. Thanks Gary.

  • @tahniat
    @tahniat 6 лет назад

    This is one of the best free contents I have come across! Thanks a lot!

  • @binky4185
    @binky4185 6 лет назад

    Awesome Gary - I've had a look at a few videos and this is by far THE BEST one on Vue, thoroughly enjoyed it and I learned a lot, well done and keep making awesome courses!

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

    Thanks man... You've risen my interest on learning vue.js

  • @tinjothomas3766
    @tinjothomas3766 6 лет назад

    This is super cool. You are explaining everything well. waiting for more Vue courses.

  • @13thdisciples28
    @13thdisciples28 6 лет назад

    Can't believe this is free! wow! you are indeed a hero!

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

    Hi Edward Norton, thanks for sharing!

  • @jahangirxl
    @jahangirxl 6 лет назад

    Really it's difficult to believe that this video is free ... keep doing the good work

  • @jasperzanjani
    @jasperzanjani 6 лет назад

    After starting to use Pug, I can't imagine banging out all those angle brackets. So glad Vue lets you use Pug

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

    Thank you very much, I'm used to using Vue as standalone or CDN, you helped me to start using the CLI easy and fast, brilliant

  • @trevorjex3146
    @trevorjex3146 6 лет назад +10

    At 24:52 your example says "more than 1 skill" but your code is >= 1, so it would be "at least 1 skill"

    • @dioamejaderendon1417
      @dioamejaderendon1417 6 лет назад

      Im confused at first why the v-else doesn't work but I figure out that there's something wrong on the condition.

    • @moracabanas
      @moracabanas 6 лет назад +1

      I let it go as > 1 :D

    • @noscet
      @noscet 6 лет назад

      you should do >= 2, if you want to active the else statement. >= 1 statement will appear if you don't have an item on your array.

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

    You're a professional and simply the best.. thanks Sir!

  • @thirdwave--hardunderground9085
    @thirdwave--hardunderground9085 6 лет назад

    Very good and short introduction to Vue.js.
    Clear recommendation for all Beginners!

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

    The best intro to Vue.

  • @Sreenathsdas
    @Sreenathsdas 6 лет назад

    Really love your tutorials, Gary. Huge fan ☺️

  • @user-ep5vj8dg5r
    @user-ep5vj8dg5r 6 лет назад

    Thank you ! My English is not very good, but I'm studying it, because your tutorials are very good!

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

    Wow, tutorials just had the bar raised! Loved the written portion!!! I'll definitely be subscribing and looking for more content. May I suggest NativeScript + Vue? Hope your throat gets better, you might want to disinfect that mic. :-)

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

    the tutorials on the official vue website are pretty awesome too

  • @jonny20101
    @jonny20101 6 лет назад

    Thank you. I was totally new in vue js. It is so interesting. You tutorial is awesome and amazing. Thanks once again

  • @AndreasFalk
    @AndreasFalk 6 лет назад

    This was really great for an old python user. Great to start out with js and Vue.js,
    Thanks!

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

    very simple, very straightforward, Gigantically helpful! thanks!

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

    Great intro to Vue in such short time Thanks !

  • @samuelpimenta1942
    @samuelpimenta1942 6 лет назад

    I watched till the end. Thx so much for keeping it free for us here and in the Udemy. I learned a lot :))

  • @dlt94
    @dlt94 6 лет назад

    Amazing course, easy to follow and well explained. Thank you!

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

    I'm shocked this content is free for the amount of quality information. Thank you!

  • @jacobrivera6436
    @jacobrivera6436 6 лет назад

    Im a noob and I learned alot on this video, thanks dude!

  • @Br4nTheBuilder
    @Br4nTheBuilder 6 лет назад

    Excellent course! Really really excellent! I have fallen in love with Vue!

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

    this video is perfect for someone coming from react. thank you

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

    Great tutorial. Helped me a lot. I found, however, that you should not use the index as the key in the list v-for loop. When it comes time to animate, it produces some unexpected behavior on the animation. You should use a non-dynamic value instead.

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

    Awesome course! Great launch into Vue! Thank you so much!

  • @eugenecrystal7566
    @eugenecrystal7566 6 лет назад +2

    Hello there! First of all thank you for the vid. It's very Informative and easy to understand, great job! I just began learning Vue and have a couple of questions. I'd be really pleased if you can help me out :)
    I tried to implement my own `remove` item from list, but I tried `() => remove(index)` because I expected that just `remove(index)` would execute immediately after component mounted. Why it works then?
    Another question is after we added an item into the list and then clicked to `About` I assume that `Skills` component is being dismounted and so out brand new skill-item is being destroyed. How can we prevent this and save our new items?
    Again thanks for your work!

  • @המשחזרהמשחזר
    @המשחזרהמשחזר 5 лет назад

    This is the best Vue tutorial!

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

    Very nice course. I learned a lot. Really appreciate it!

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

    WOW, thanks! This was an EXCELLENT tutorial!!!

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

    Very useful tutorial for beginners level

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

    If you run into the following error with the Vue Compiler while doing the transition-group for the animation: "-Do not use v-for index as key on children, this is the same as not using keys." Change the following in the v-for from :key='index' to :key='data.skill'

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

      I had that, issue.. and what made it work was to add +1 after index.

  • @HurtoxTech
    @HurtoxTech 6 лет назад

    Great introduction to Vue! Thanks

  • @easy-stuffs
    @easy-stuffs 6 лет назад

    Outstanding tutorial for beginners! I wish you had covered few more in-depth topics like adding jquery dependent plugins as a directive, how to do simple $http request! I know this is for pure beginners but that will much appreciated if u do!

  • @JeroenPol
    @JeroenPol 6 лет назад

    Great tutorial. Helped me getting started! Thanks a lot!

    • @DesignCourse
      @DesignCourse  6 лет назад

      Awesome, thanks a lot. Make sure you subscribe!

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

    Suggest that you add some explanation of the relationship between the v- directives and which HTML elements they go with.

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

    Thanks for sharing. Very knowledgeable.

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

    excellent stuff. Routers was my favorite...crazy powerful

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

    Thank you so much for sharing this!! It was very useful for me! Clearly explained :)

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

    This is an amazing tutorial. Thanks, Gary

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

    Amazing video! Another great tutorial! Thanks again for putting these together!

  • @koodauskanava9096
    @koodauskanava9096 6 лет назад +3

    Very nice tutorial. Hungry for some more with API data, authentication, etc. :-)

  • @igorformiga
    @igorformiga 6 лет назад

    Thank you a lot. You're very good at teaching!

  • @manugalaxy14
    @manugalaxy14 6 лет назад

    Awesome stuff and even for free. Really appreciated

  • @newmanj7320
    @newmanj7320 6 лет назад

    Thank you so much! This exactly what I was looking for.

  • @achdumeineguete
    @achdumeineguete 6 лет назад

    Excellent intro. Thank you!

  • @АлексейВоробьёв-щ8ф4ю

    Thanks so much for imprehensive 1 hour tut! ;)

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

    This is the best tutorial video i've watched in months, thank you so much. BTW, how did you manage Cmder to show unicode characters (Like "❯" arrow in vue cli)? It shows question marks on my computer.

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

    Thanks sir, its good starting point!! Love it!

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

    amazing course! amazing instructor. thank you!!

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

    Highly recommended! Kudos!

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

    Very good one Garry, loved it

  • @tyresew.4233
    @tyresew.4233 6 лет назад

    Great coursse. Definitely learned a lot in a short amount of time.

  • @EddyVinck
    @EddyVinck 6 лет назад

    Play @2x. Great crash course!

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

    Thank you sir. I shall also buy one of your courses. I have subscribed and like this video. Thanks.

  • @superwelshgandalf
    @superwelshgandalf 6 лет назад

    Great intro to vue - thanks

  • @mattdavis3036
    @mattdavis3036 6 лет назад

    Great tutorial. I just noticed that VeeValidator is letting empty strings through its validation.

  • @zzzggg388
    @zzzggg388 6 лет назад

    Thanks for the tutorial. It was really good!

  • @dennielluissadian5026
    @dennielluissadian5026 6 лет назад

    Thanks for this introductory video! Hope your bronchitis is gone. I'm really looking forward towards learning vuejs because I like it, everyone's talking about and I want to be able to talk about it as well.

  • @vengadorweb
    @vengadorweb 6 лет назад +3

    Hell yeah, to favorite, like and waiting to have time to view your class.

  • @whatYouUptoPulkit
    @whatYouUptoPulkit 6 лет назад

    Amazing tutorial!! Loved it.

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

    Absolutely brilliant. Thank you.

  • @somascope1834
    @somascope1834 6 лет назад

    Great tutorial! I like that you went quickly into the CLI and single file components. Is Vuex what is necessary in order to have newly-added items persist if you go to About and then back Home? Currently the list is reset to the original skills array.

  • @MrPookey7
    @MrPookey7 6 лет назад

    Great tutorial, thank you very much.

  • @rnzsalvador
    @rnzsalvador 6 лет назад

    Awesome tutorial. Does any of your courses cover how to deploy a VUE Project in a real server? Is it possible to deploy it in a Linux Server? or... What would you recommend?

  • @ablm1996
    @ablm1996 6 лет назад

    Really well made and useful tutoral. Well done ! I will subscribe to this channel. :)

  • @Kelly-ri8sh
    @Kelly-ri8sh 5 лет назад

    Great Tutorial! Thank you so much!

  • @abdulhamidalsalman
    @abdulhamidalsalman 6 лет назад

    thanks. i love your tutorials.

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

    Great video ! Thank you for your help