Title: Laracasts: The Vast World of Vue.js 0.12
Open Graph Title: The Vast World of Vue.js 0.12
Description: Discover Vue.js 0.12, a simple yet powerful JavaScript framework. Explore its features in this friendly, engaging series beyond React!
Open Graph Description: Discover Vue.js 0.12, a simple yet powerful JavaScript framework. Explore its features in this friendly, engaging series beyond React!
Opengraph URL: /series/learning-vuejs
X: @laracasts
Domain: laracasts.com
[{"@context":"https://schema.org","@type":"Course","name":"The Vast World of Vue.js 0.12","description":"Discover Vue.js 0.12, a simple yet powerful JavaScript framework. Explore its features in this friendly, engaging series beyond React!","url":"https://laracasts.com/series/learning-vuejs","provider":{"@type":"Organization","name":"Laracasts","url":"https://laracasts.com"},"instructor":{"@type":"Person","name":"Jeffrey Way","url":"https://laracasts.com/@JeffreyWay"}},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://laracasts.com/"},{"@type":"ListItem","position":2,"name":"The Vast World of Vue.js 0.12","item":"https://laracasts.com/series/learning-vuejs"}]}]| None | IE=edge |
| og:site_name | Laracasts |
| apple-mobile-web-app-title | Laracasts |
| apple-itunes-app | app-id=6761379766, app-argument=https://laracasts.com/series/learning-vuejs |
| msapplication-TileColor | #ffffff |
| theme-color | #182a41 |
| og:type | website |
| og:image | https://images.laracasts.com/series/thumbnails/png/learning-vue-1-step-by-step.png |
| twitter:card | summary |
Links:
| https://laracasts.com/ | |
| Browse | https://laracasts.com/series/discover |
| Forum | https://laracasts.com/discuss |
| Podcast | https://laracasts.com/series/the-laracasts-snippet |
| https://laracasts.com/search | |
| Discover | https://laracasts.com/series/discover |
| All Series | https://laracasts.com/series |
| Path | https://laracasts.com/path |
| Recently Published | https://laracasts.com/latest |
| Jeffrey Way 141 | https://laracasts.com/series?instructors[]=JeffreyWay |
| Andre Madarang 26 | https://laracasts.com/series?instructors[]=drehimself |
| Jeremy McPeak 14 | https://laracasts.com/series?instructors[]=jwmcpeak |
| Luke Downing 11 | https://laracasts.com/series?instructors[]=lukedowning19 |
| Mohamed Said 8 | https://laracasts.com/series?instructors[]=themsaid |
| Simon Vrachliotis 7 | https://laracasts.com/series?instructors[]=simonswiss |
| Shruti Balasa 5 | https://laracasts.com/series?instructors[]=ShrutiBalasa |
| Andrew Schmelyun 5 | https://laracasts.com/series?instructors[]=aschmelyun |
| AI 8 | https://laracasts.com/series?taxonomies[]=ai |
| Frameworks 75 | https://laracasts.com/series?taxonomies[]=frameworks |
| Techniques 53 | https://laracasts.com/series?taxonomies[]=techniques |
| Tooling 40 | https://laracasts.com/series?taxonomies[]=tooling |
| Languages 21 | https://laracasts.com/series?taxonomies[]=languages |
| Laravel 78 | https://laracasts.com/series?topics[]=laravel |
| Workshops 28 | https://laracasts.com/series?topics[]=workshops |
| JavaScript 27 | https://laracasts.com/series?topics[]=javascript |
| PHP 25 | https://laracasts.com/series?topics[]=php |
| Vue 15 | https://laracasts.com/series?topics[]=vue |
| Clean Code 14 | https://laracasts.com/series?topics[]=clean-code |
| Laravel Livewire 12 | https://laracasts.com/series?topics[]=laravel-livewire |
| Laravel Packages 12 | https://laracasts.com/series?topics[]=laravel-packages |
| AlpineJS 10 | https://laracasts.com/series?topics[]=alpine-js |
| CSS 8 | https://laracasts.com/series?topics[]=css |
| Tailwind CSS 7 | https://laracasts.com/series?topics[]=tailwind |
| Inertia 6 | https://laracasts.com/series?topics[]=inertia |
| Browse all series | https://laracasts.com/series |
| The Vast World of Vue.js 0.12 | https://laracasts.com/series/learning-vuejs/episodes/1 |
| Vue.js | http://vuejs.org/ |
| covered React | https://laracasts.com/series/do-you-react |
| Learn Vue 2: Step By Step. | https://laracasts.com/series/learn-vue-2-step-by-step |
| View Updated Series | https://laracasts.com/series/learn-vue-2-step-by-step |
| https://laracasts.com/series/learning-vuejs/episodes/1 | |
| Play Series | https://laracasts.com/series/learning-vuejs/episodes/1 |
| At a Glance30m 07sBefore we get our feet wet, give me a half hour, and we'll build a little tool together from scratch. Don't worry; I'll go fast in this video, but once we finish - and once you've had the chance to get really excited - we'll hit the brakes, and begin reviewing each fundamental piece of Vue.js. | https://laracasts.com/series/learning-vuejs/episodes/1 |
| Form Inputs and Two-Way Binding6m 08sLet's now step on the breaks, and review each component of Vue.js. Will begin with the basics: two-way binding between a piece of data on your Vue instance, and a form input. | https://laracasts.com/series/learning-vuejs/episodes/2 |
| Rendering Lists of Data5m 00sLet's continue with another baby-step. You have an array of data, and simply need to filter through it and render each item/key on the page. It couldn't be simpler with Vue.js! | https://laracasts.com/series/learning-vuejs/episodes/3 |
| Vue's Event System4m 08sListening for events is a basic requirement for any client-side work. While we once had to write tedious boilerplate to simply listen for a click or blur event, that's luckily no longer the case. | https://laracasts.com/series/learning-vuejs/episodes/4 |
| Basic Interactions Review9m 05sBefore we move on to other key areas of Vue.js, let's toy around for a bit to ensure that you have a good understanding of basic interactions. | https://laracasts.com/series/learning-vuejs/episodes/5 |
| Easy Filtering and Ordering13m 23sYou'll frequently find yourself in need of a way to filter and order a set of data. Because this is such a common need, Vue provides the functionality out of the box. It's laughably simple! | https://laracasts.com/series/learning-vuejs/episodes/6 |
| Custom Filters11m 07sNow that you've learned about some of the default filters, let's learn how to create our own custom filters! It's really easy. Don't forget: a filter is nothing more than a function that receives value, translates it however needed, and returns the result. | https://laracasts.com/series/learning-vuejs/episodes/7 |
| Laravel and Vue25m 29sSo how exactly do we make AJAX requests with Vue? In this video, we'll pull in the Resource Vue plugin to make this process as simple and familiar as possible. To demonstrate the workflow, from scratch, we'll build a general guestbook app. | https://laracasts.com/series/learning-vuejs/episodes/8 |
| Resource | https://github.com/vuejs/vue-resource |
| Workflow With Browserify and Elixir8m 28sLet's figure out a basic directory structure and workflow for using Browserify with Vue. Luckily, because we have Laravel Elixir, the process is significantly easier than it would be otherwise. | https://laracasts.com/series/learning-vuejs/episodes/9 |
| Components10m 34sComponents allow us to create reusable pieces of functionality. | https://laracasts.com/series/learning-vuejs/episodes/10 |
| Props7m 11sProps allow you to pass data, from a parent, down to a child component. | https://laracasts.com/series/learning-vuejs/episodes/11 |
| All Together Now31m 11sLet's dive into workflow. In this video, we'll gather all of the things we've learned in this series, and put them together. We'll move pretty fast in this video, but if you've been following along, you should be fine. Lots to learn here, so let's get started! | https://laracasts.com/series/learning-vuejs/episodes/12 |
| Custom Directives10m 17sYou've already made use of a number of directives. Everything from v-show, to v-on. But you can even create your own custom directives, when it's appropriate! | https://laracasts.com/series/learning-vuejs/episodes/13 |
| Custom Components using Vueify8m 31sVueify is a Browserify transformer that offers an interesting mechanism to group the related styling, template, and module for any given component. Let me show you how it works! | https://laracasts.com/series/learning-vuejs/episodes/14 |
| Vueify | https://github.com/vuejs/vueify |
| Vue Routing: Part 17m 32sIn this lesson, let's figure out how to use Vue's official router to form the beginnings of a single-page application. | https://laracasts.com/series/learning-vuejs/episodes/15 |
| Vue's official router | https://github.com/vuejs/vue-router |
| https://laracasts.com/series/learning-vuejs/episodes/1 | |
| Play Series | https://laracasts.com/series/learning-vuejs/episodes/1 |
| Jeffrey WayOwner at Laracasts | https://laracasts.com/browse/instructors/JeffreyWay |
| My Courses | https://laracasts.com/browse/instructors/JeffreyWay |
| https://twitter.com/jeffrey_way | |
| https://github.com/JeffreyWay | |
| Play Series | https://laracasts.com/series/learning-vuejs/episodes/1 |
| Practical UI Components With Livewire and AlpineWith Shruti BalasaIn this series, we'll build a collection of practical UI components with Livewire and AlpineJS, using real interface patterns instead of toy examples. We'll start with smaller pieces like inline editing and a reusable toast system, then move into more stateful components like multi-step flows, tag inputs, dynamic search, notifications, and a drag-and-drop Kanban board. Along the way, we'll focus on the details that make UI feel great to use: autosave, subtle feedback, keyboard navigation, transitions, persisted state, polling, and clean reset behavior. By the end, you'll have a small library of polished components and a clearer sense of how to structure these kinds of interfaces with Livewire and Alpine in your own apps. 9 Episodes Intermediate Frameworks | https://laracasts.com/series/practical-ui-components-with-livewire-and-alpinejs |
| The Many Misconceptions of LaravelWith Jeremy McPeakLaravel is the recipient of plenty of criticism, but much of it is based on half-truths, outdated assumptions, or a fuzzy sense of what the framework is actually doing. In this series, we'll take those common complaints head-on and build a clearer mental model of Laravel, from modern PHP, to facades, the service container, Eloquent, and more. 12 Episodes Intermediate Frameworks | https://laracasts.com/series/the-many-misconceptions-of-laravel |
| Blaze Deep-DiveWith Caleb PorzioBlade components are slow. Really slow. At scale, they quietly become the biggest bottleneck in your Laravel application. We discovered this while trying to make Flux as fast as possible, and the result is Blaze: a package that fundamentally rethinks how Blade components are compiled and rendered. With multiple levels of optimization, Blaze can shave hundreds of milliseconds off a page load, making Blade rendering up to 25x faster in some cases.In this series, we'll install it, benchmark it, build a toy version from scratch so you truly understand how it works, and then master every directive and edge case so you can squeeze maximum performance out of your own apps. 20 Episodes Advanced Frameworks | https://laracasts.com/series/blaze-deep-dive |
| Customizing Filament For User-Facing AppsWith Shruti BalasaIn this series, we'll build a real, user-facing app called Booknest using Laravel and Filament. We'll begin with a fresh install and begin pushing Filament beyond the usual "internal admin only" setup that you typically see. It's capable of so much more. 14 Episodes Intermediate Frameworks | https://laracasts.com/series/customizing-filament-for-user-facing-apps |
| Filament 5 in DepthWith Kevin McKeeFilament's powers have increased exponentially. Now at version 5, it's more powerful and capable than ever. In this series, we'll build a practical Roadmap app from scratch, using Filament for the admin panel and Livewire for the public-facing side.Along the way, we'll cover panel configuration, enum-driven UI, strict authorization with policies, and newer form inputs like ToggleButtons, Sliders, and the TipTap-powered RichEditor. By the end, you'll have a full-featured app and a solid handle on everything new in Filament. 16 Episodes Intermediate Frameworks | https://laracasts.com/series/filament-5-in-depth |
| Browse | https://laracasts.com/series/discover |
| Series | https://laracasts.com/series |
| CreatorSeries | https://laracasts.com/creator-series |
| Laravel Path | https://laracasts.com/path |
| Larabits | https://laracasts.com/bits |
| Playground | https://laracasts.com/playground |
| Forum | https://laracasts.com/forum |
| Podcast | https://laracasts.com/series/the-laracasts-snippet |
| Support | https://laracasts.com/contact |
| Gift Certificates | https://laracasts.com/gift-certificates |
| Apparel | https://shop.laracasts.com |
| FAQ | https://laracasts.com/faq |
| iOS App | https://apps.apple.com/app/id6761379766 |
| Terms | https://laracasts.com/terms |
| X(Twitter) | https://twitter.com/laracasts |
| TikTok | https://tiktok.com/@laracasts |
| Youtube | https://www.youtube.com/laracastsofficial |
| Laravel Forge | https://forge.laravel.com |
| DigitalOcean | https://www.digitalocean.com/?refcode=d2070a2d5f35 |
| Browse | https://laracasts.com/series/discover |
| Series | https://laracasts.com/series |
| CreatorSeries | https://laracasts.com/creator-series |
| Laravel Path | https://laracasts.com/path |
| Larabits | https://laracasts.com/bits |
| Playground | https://laracasts.com/playground |
| Forum | https://laracasts.com/forum |
| Podcast | https://laracasts.com/series/the-laracasts-snippet |
| Support | https://laracasts.com/contact |
| Gift Certificates | https://laracasts.com/gift-certificates |
| Apparel | https://shop.laracasts.com |
| FAQ | https://laracasts.com/faq |
| iOS App | https://apps.apple.com/app/id6761379766 |
| Terms | https://laracasts.com/terms |
| X(Twitter) | https://twitter.com/laracasts |
| TikTok | https://tiktok.com/@laracasts |
| Youtube | https://www.youtube.com/laracastsofficial |
| Laravel Forge | https://forge.laravel.com |
| DigitalOcean | https://www.digitalocean.com/?refcode=d2070a2d5f35 |
Viewport: width=device-width