01 Hello World Vue.Js with Introduction (Start)
Transcript: Hello, my name is Steve Ngai from Malaysia. It has been awhile since the last time I talk on programming in my youtube channel. The reaons is because I just started my new job as software engineer. Maybe in my future video I share on how I get the job as software engineer and my working experience of my first months as software engineer.
In this Basic Vue.Js series, it will be without audio due to time constraint (I can only do this during my weekend). This is a basic Vue.Js. So if you are already familiar with Vue.Js, you may want to skip this. There are 19 small videos (total duration ~27 minutes) in this series at the moment. If I have more time, I will create more videos to complete this series.
All the videos are in tiny bit size which are easy to follow. Hopefully just by title of the video, watching the demonstration (even without audio) and follow by doing it yourselves, you will get to know WHAT it is and HOW it works. But the WHY part and WHEN to use it might take awhile to figure it out. I will include codepen link for some videos so that you can try out the working code. If you still encounter problem, just leave a comment on that particular video. I will try my best to respond to you during my free time.
Even though this series is not fully completed yet, I have prepare 2 good exercise for you to apply what you have learned. The second exercise is to create ecommerce shopping cart mockup whereby user can view products. User can add product into shopping cart by clicking on it. User can add or reduce quantity in the shopping cart. In the shopping cart, user can delete or clear all the product. This is really fun I have to admit.
I want to encourage you to try to do the exercise yourselves. And if you really need to check out my version of those exercise, you can click the codepen link available in the description. Hopefully, these videos and these exercise can help you get started in Vue.Js. Happy learning and happy coding!
Playlist - • 01 Hello World Vue.Js with Introducti...
01 Hello World Vue.Js with Introduction (Start) - • 01 Hello World Vue.Js with Introducti...
02 v-on and methods - textbox onkeyup input event (Teaser) - • 02 v-on and methods - textbox onkey...
03 Run Vue locally - • 03 Run Vue locally
04 Call method return string - • 04 Call method return string
05 Vue instance method access to data property - • 05 Vue instance method access to data...
06 Binding to attributes using v-bind. Mustache syntax or interpolation is only for string - • 06 Binding to attributes using v-bind...
07 Listerning to Click event - • 07 Listerning to Click event
08 Getting Event Data from Event Object - • 08 Getting Event Data from Event Object
09 Passing own Event Arguments - • 09 Passing own Event Arguments
10 Stop propogation in Vue - • 10 Stop propogation in Vue
11 Modifying an Event with Event Modifiers - • 11 Modifying an Event with Event Modi...
12 Two way binding - • 12 Two way binding
13 Vue @Shortform - • 13 Vue @Shortform
14 Dynamic Styling with CSS Classes and Computed Properties - • 14 Dynamic Styling with CSS Classes a...
15 Setting Styles Dynamically Without CSS Classes - • 15 Setting Styles Dynamically Without...
16 Conditional Rendering with v-if - • 16 Conditional Rendering with v-if
17 Rendering Lists with v-for - • 17 Rendering Lists with v-for
18 Push element into array and complex type - • 18 Push element into array and comple...
19 Combine v-for and v-if and v-else (Temporary End) - • 19 Combine v-for and v-if and v-else ...
Exercise 1 - Pass and Fail Students - • 20 Exercise 1 - Pass and Fail Students
Exercise 2 - Mock Shopping Cart - • 21 Exercise 2 - Mock Shopping Cart
Смотрите видео 01 Hello World Vue.Js with Introduction (Start) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Steve Ngai 27 Сентябрь 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7 раз и оно понравилось lik людям.