ImmersiveAmbientModecolor: #dcc1b3 (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 94b5f0589f9ce78277507f535a85a36a172fddd42d842eeb92250708ec76b998b4ca0831b5d46400576a3fbdeb9b3cb6
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1716378931095 - unknown on Apple WebKit
Mystery text : RlhwSW9RX3JUX2MgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
1,035,904 Views • Sep 7, 2021 • Click to toggle off description
💻 Code - Static: github.com/gwenf/vue3-fcc-course-static-code
💻 Code - Basic Product Cart: github.com/gwenf/vue3-fcc-course-basic-product-car…
💻 Code - CLI Product Cart: github.com/gwenf/vue3-fcc-course-vue-cli-product-c…
✏️ Course developed by Gwen Faraday. Check out her channel: youtube.com/c/FaradayAcademy
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:03) What is Vue.js?
⌨️ (0:05:40) Vue 3 Setup
⌨️ (0:12:17) Vue JS Directives
⌨️ (0:19:48) Events and Methods
⌨️ (1:29:20) Components
⌨️ (0:39:27) Component Props
⌨️ (1:06:09) Lifecycle Hooks
⌨️ (1:14:30) App Demo
⌨️ (1:26:45) Adding Items to Cart
⌨️ (2:15:54) Reuseable Components
⌨️ (2:26:20) Vue CLI
⌨️ (2:32:48) Vue Folder Structure
⌨️ (2:43:58) Top Nav
⌨️ (2:48:45) Styling with SASS
⌨️ (3:06:07) Sidebar
⌨️ (3:20:46) Adding Items to Cart
🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 AppWrite
--
Learn to code for free and get a developer job: www.freecodecamp.org/
Read hundreds of articles on programming: freecodecamp.org/news
Views : 1,035,904
Genre: Education
Date of upload: Sep 7, 2021 ^^
Rating : 4.939 (243/15,692 LTDR)
RYD date created : 2022-04-09T21:02:36.086271Z
See in json
YouTube Comments - 482 Comments
Top Comments of this video!! :3
This lengthy tutorial was relaxing and very pleasant to listen to as well as incredibly informative. Thank you so much for this.
62 |
i find your way of teaching so exciting and catching my FULL attention all the time: making mistakes, showing the results of the mistakes, explaining it, and then correcting it, and continue,.....and repeating again.....every mistakes is different and it just makes me learn SO MUCH.
4 |
I like how you didn't edit out mistakes you made. This only adds to the learning experience. Great job! Tnx!
16 |
Thank you for this course! As a non-native English speaker I really appreciate your clear way of speaking and keeping to the main points. It made it really easy to understand.
8 |
This was a great course - very clear. I liked being stepped through creating Vue on an HTML file up through creating an app using Vue CLI. I also appreciated being shown how to debug using the Vue dev tools. For those about to watch this video - make sure you have this on your browser before you start!
8 |
I like when you did an array of objects to create a form
8 |
If you want to try the splendid food app basic demo you have to delete node_modules and package-lock.json and run "npm install" in the terminal first. Then you can run "npm start".
9 |
This is a great tutorial! Well paced <3
28 |
And I was just reading the Vue js docs for project structure when this popped up
9 |
This could be the best explanation style I ever saw in 20 years.
|
Jesus Christ. Tutorial is great, but omg what did I get myself into. As someone that has done plenty of coding on your typical C#, Swift, Java, Python, even some and CSS back in the day, is JS and those frameworks different or what...it literally feels like they had a CSS developer create a programming language...
115 |
A great Course in a great way which at first seemed to me to be sloppy, but with perseverance everything became clear. Thanks a lot ! ♥
5 |
This is the best video I have found for Vue 3. My company gives us full access to PluralSight and there's nothing even close to as good as this on there. WELL DONE.
3 |
Fantastic course thank you! This was my first delve into using Vue and you explained everything very well 🔥
3 |
1:18:04 if it is your first time working with npm, do not forget to first type npm install
to be able to run the npm start
12 |
If they were explaining things at school that way, you'd catch thing way quicker. Simple but profound. Helluva tutorial.
|
To fix the icon issue in the ProductCard.vue class in the html tag you will want set the tag just under
5 |
For beginners, the example 1:05:45 could be viewed as the following.
<custom-input v-for="(input, i) in inputs"
:key="i"
v-model="input.value"
:labelp="input.labelt"
:typep="input.typet" />
inputs:[
{
labelt: 'Email',
value: '',
typet: 'email'
},
{
labelt: 'Password',
value: '',
typet: 'password'
}
],
template: `<label>{{labelp}}<input :type="typep" v-model="inputValue"></label> `,
props: ['labelp', 'typep', 'modelValue'],
7 |
@chopman83
2 years ago
I'm really enjoying the course so far! However, you have a typo in your chapter listings. Components are listed as starting at 1:29:20, but it should be 29:20...it's causing the following chapters to be out of sync. Thanks, and keep up the good work!
124 |