Vue Beginner Guide Ep 42 - Extending ASP.NET Core project with Vue (+/-Webpack)
In this episode I show you how to extend your asp.net core project with vue and what to watch out for. I also show you a nice little way you can setup your javascript files to align with your views, and bundle it all up with webpack.
In this episode we make the VotingPollFactory, and an Interactor responsible for creating the VotingPoll and saving it to the database.
Source: https://github.com/T0shik/raw-coding-voting-system
Come join the Discord channel: https://discord.gg/R9A8yq4
Consider Supporting me on Patreon: https://www.patreon.com/raw_coding
Shared Hosting or ASP.NET Core (Affiliate Link): http://www.SmarterASP.NET/index?r=Toshik
Take care of your body! Take on the most exciting sport out there Tricking!
KojosTricklab - https://www.kojostricklab.com/?wpam_id=93
...
https://www.youtube.com/watch?v=zaNde7JPnPg
Source: https://github.com/raw-coding-youtube/intermediate-shop-aspnetcore2 In this episode we finally bring Bulma in to our project, remember CSS & CSS frameworks are mostly just practice. We explore Vue components and see that they are really not a big deal when it comes to the style of project that we have.
Bulma docs (READ IT): https://bulma.io/
Vue life cycle hooks: https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks
Social:
Twitch: https://www.twitch.tv/raw_coding
Discord: https://discord.gg/R9A8yq4
Github: https://github.com/T0shik
Twitter: https://twitter.com/anton_t0shik
Instagram: https://www.instagram.com/anton_t0shik/
Support:
Patreon: https://www.patreon.com/raw_coding
Donate: https://streamelements.com/raw_coding/tip
Affiliate Links
Shared Hosting or ASP.NET Core: http://www.SmarterASP.NET/index?r=Toshik
Kojos Trick Lab (Tricking Tutorials) - https://www.kojostricklab.com/?wpam_id=93
...
https://www.youtube.com/watch?v=C0MyvIGe9Ig
In this episode we take a look at the available life cycle hooks in vue.
Vue life cycle hooks diagram: https://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram
Source: https://github.com/T0shik/raw-coding-vue-guide
Social:
Twitch: https://www.twitch.tv/raw_coding
Discord: https://discord.gg/R9A8yq4
Github: https://github.com/T0shik
Twitter: https://twitter.com/anton_t0shik
Instagram: https://www.instagram.com/anton_t0shik/
Support:
Patreon: https://www.patreon.com/raw_coding
Donate: https://streamelements.com/raw_coding/tip
Affiliate Links
Shared Hosting or ASP.NET Core: http://www.SmarterASP.NET/index?r=Toshik
Kojos Trick Lab (Tricking Tutorials) - https://www.kojostricklab.com/?wpam_id=93 #vue #tutorial
...
https://www.youtube.com/watch?v=cVfWZv9IyCc
.NET Aspire is a way to define your distributed system, and then IaC & Deployment tooling have to pick up the slack getting your definition out there, is this a good thing?
Support my Work ? https://www.patreon.com/raw_coding
Buy my Courses ? https://learning.raw-coding.dev
Buy my Merch ? https://shop.raw-coding.dev
Join the Community ? https://discord.gg/Qp6hdq3
Tweet Tweet ? https://twitter.com/anton_t0shik
Tune in LIVE! ? https://www.twitch.tv/raw_coding
#aspnetcore #csharp
...
https://www.youtube.com/watch?v=ALR9NnlmL_c
In this episode I show you how to use styles in our single file components and external files.
Source: https://github.com/T0shik/raw-coding-vue-guide
Social:
Twitch: https://www.twitch.tv/raw_coding
Discord: https://discord.gg/R9A8yq4
Github: https://github.com/T0shik
Twitter: https://twitter.com/anton_t0shik
Instagram: https://www.instagram.com/anton_t0shik/
Support:
Patreon: https://www.patreon.com/raw_coding
Donate: https://streamelements.com/raw_coding/tip
Affiliate Links
Shared Hosting or ASP.NET Core: http://www.SmarterASP.NET/index?r=Toshik
Kojos Trick Lab (Tricking Tutorials) - https://www.kojostricklab.com/?wpam_id=93 #vue #tutorial
...
https://www.youtube.com/watch?v=ULF2LSXEXt4
Source: https://github.com/raw-coding-youtube/intermediate-shop-aspnetcore2 In this episode I show you how to get started and setup Vue in our project and give a brief overview of what Vue is capable of.
"Work it's magic" AKA framework functionality that it's doing in the background.
This is on of big advantage of Vue over other js frameworks, is that it's light weight and the integration process is seamless and you don't need your site to be a SPA in order to benefit from Vue.
Get Vue CDN link:
https://vuejs.org/v2/guide/installation.html#CDN
Social:
Twitch: https://www.twitch.tv/raw_coding
Discord: https://discord.gg/R9A8yq4
Github: https://github.com/T0shik
Twitter: https://twitter.com/anton_t0shik
Instagram: https://www.instagram.com/anton_t0shik/
Support:
Patreon: https://www.patreon.com/raw_coding
Donate: https://streamelements.com/raw_coding/tip
Affiliate Links
Shared Hosting or ASP.NET Core: http://www.SmarterASP.NET/index?r=Toshik
Kojos Trick Lab (Tricking Tutorials) - https://www.kojostricklab.com/?wpam_id=93
...
https://www.youtube.com/watch?v=YzryhsY6Kss
Source: https://github.com/raw-coding-youtube/intermediate-shop-aspnetcore2 In this episode we finnaly extract the rest of the Database dependencies from our application layer.
How To Clean Dependency Injection:
https://www.youtube.com/watch?v=qFbncShRzeA
Social:
Twitch: https://www.twitch.tv/raw_coding
Discord: https://discord.gg/R9A8yq4
Github: https://github.com/T0shik
Twitter: https://twitter.com/anton_t0shik
Instagram: https://www.instagram.com/anton_t0shik/
Support:
Patreon: https://www.patreon.com/raw_coding
Donate: https://streamelements.com/raw_coding/tip
Affiliate Links
Shared Hosting or ASP.NET Core: http://www.SmarterASP.NET/index?r=Toshik
Kojos Trick Lab (Tricking Tutorials) - https://www.kojostricklab.com/?wpam_id=93
...
https://www.youtube.com/watch?v=JBOEXQ56qFE