14.83 GB | 00:23:45 | mp4 | 1280X720 | 16:9
Genre:eLearning |Language:English
Files Included :
001 Welcome to the Course! (32.59 MB)
002 What is Vue js (59.62 MB)
003 Different Ways of Using Vue (13.13 MB)
004 Exploring Vue Alternatives (19.85 MB)
005 Building A First App With Just JavaScript (17.55 MB)
005 gs-01-starting-project (2.66 KB)
005 gs-02-first-app-with-just-js (2.94 KB)
008 gs-03-rebuilding-the-app-with-vue (3.19 KB)
008 Re-building the App with Vue (93.77 MB)
009 Vue vs Vanilla JavaScript (just JavaScript) (3.75 MB)
010 Setting Up the Course Development Environment (7.18 MB)
012 Course Outline & What's In The Course (5.38 MB)
013 How To Get The Most Out Of This Course (5.81 MB)
014 gs-01-starting-project (2.66 KB)
014 gs-02-first-app-with-just-js (2.94 KB)
014 gs-03-rebuilding-the-app-with-vue (3.19 KB)
014 Slides (1.12 MB)
001 Module Introduction (896.55 KB)
003 basics-01-starting-code (1.54 KB)
003 Creating and Connecting Vue App Instances (47.46 MB)
004 Interpolation and Data Binding (8.57 MB)
005 Binding Attributes with the v-bind Directive (17.81 MB)
006 Understanding methods in Vue Apps (15.32 MB)
007 Working with Data inside of a Vue App (11.77 MB)
008 Outputting Raw HTML Content with v-html (9.56 MB)
009 A First Summary (11.38 MB)
010 basics-03-events-starting-code (1.72 KB)
010 Understanding Event Binding (24.69 MB)
011 Events & Methods (15.41 MB)
012 Working with Event Arguments (7.68 MB)
013 Using the Native Event Object (54.34 MB)
014 Exploring Event Modifiers (40.2 MB)
015 Locking Content with v-once (5.87 MB)
016 basics-05-using-the-native-event-object (1.99 KB)
016 Data Binding + Event Binding = Two-Way Binding (22.91 MB)
017 Methods used for Data Binding How It Works (38.61 MB)
018 Introducing Computed Properties (16.61 MB)
019 Working with Watchers (43.42 MB)
020 Methods vs Computed Properties vs Watchers (4.81 MB)
021 v-bind and v-on Shorthands (5.27 MB)
022 basics-10-styling-starting-setup (1.42 KB)
022 Dynamic Styling with Inline Styles (27.95 MB)
023 Adding CSS Classes Dynamically (21.77 MB)
024 Classes & Computed Properties (5.15 MB)
025 Dynamic Classes Array Syntax (3.45 MB)
026 Module Summary (7.93 MB)
027 basics-01-starting-code (1.54 KB)
027 basics-02-a-first-summary (1.87 KB)
027 basics-03-events-starting-code (1.72 KB)
027 basics-04-events-methods (1.74 KB)
027 basics-05-using-the-native-event-object (1.99 KB)
027 basics-06-two-way-binding (1.87 KB)
027 basics-07-introducing-computed-properties (2.08 KB)
027 basics-08-working-with-watchers (2.15 KB)
027 basics-09-v-bind-v-for-shorthands (2.18 KB)
027 basics-10-styling-starting-setup (1.42 KB)
027 basics-11-dynamic-styling-inline-styles (1.73 KB)
027 basics-12-adding-css-classes-dynamically (1.75 KB)
027 basics-13-dynamic-classes-array-syntax (1.78 KB)
001 Module Introduction (1.79 MB)
002 lists-cond-01-starting-setup (1.74 KB)
002 Understanding the Problem (8.67 MB)
003 Rendering Content Conditionally (23.2 MB)
004 v-if, v-else and v-else-if (11.02 MB)
005 Using v-show Instead Of v-if (6.25 MB)
006 Rendering Lists of Data (16.31 MB)
007 Diving Deeper Into v-for (20.55 MB)
008 Removing List Items (13.21 MB)
009 Lists & Keys (52.11 MB)
010 Module Summary (3.84 MB)
011 lists-cond-01-starting-setup (1.74 KB)
011 lists-cond-02-v-if-v-else-v-else-if (1.9 KB)
011 lists-cond-03-rendering-lists-of-data (1.93 KB)
011 lists-cond-04-diving-deeper-into-v-for (2.02 KB)
011 lists-cond-05-removing-list-items (2.02 KB)
011 lists-cond-06-lists-keys (1.97 KB)
001 Module Introduction (2.03 MB)
002 prj-monster-01-starting-setup (1.89 KB)
002 Project Setup & First Methods (62.32 MB)
003 Updating the Health Bars (42.86 MB)
004 Adding a Special Attack (26.44 MB)
005 Adding a Heal Functionality (16.41 MB)
006 Adding a Game Over Screen (97.12 MB)
007 Finishing the Core Functionality (66.36 MB)
008 Adding a Battle Log (88.96 MB)
009 prj-monster-01-starting-setup (1.89 KB)
009 prj-monster-02-adding-a-special-attack (2.37 KB)
009 prj-monster-03-adding-a-heal-functionality (2.45 KB)
009 prj-monster-04-adding-a-gamer-over-screen (2.62 KB)
009 prj-monster-05-finishing-core-functionality (2.71 KB)
009 prj-monster-06-adding-a-battle-log (2.93 KB)
001 Module Introduction (1.55 MB)
002 An Introduction to Vue's Reactivity (12.68 MB)
002 behind-scenes-01-starting-setup (1.83 KB)
003 Vue Reactivity A Deep Dive (26.32 MB)
004 One App vs Multiple Apps (33.31 MB)
005 Understanding Templates (11.99 MB)
006 Working with Refs (46.2 MB)
007 How Vue Updates the DOM (34.51 MB)
008 Vue App Lifecycle - Theory (6.84 MB)
009 Vue App Lifecycle - Practice (63.3 MB)
010 behind-scenes-01-starting-setup (1.83 KB)
010 behind-scenes-02-vue-reactivity-deep-dive (2.04 KB)
010 behind-scenes-03-one-app-vs-multiple-apps (2.12 KB)
010 behind-scenes-04-understanding-templates (2.13 KB)
010 behind-scenes-05-working-with-refs (2.11 KB)
010 behind-scenes-06-vue-app-lifecycle-practice (2.29 KB)
001 Module Introduction (1.48 MB)
002 cmp-intro-01-starting-setup (1.63 KB)
002 Understanding the Problem (71.82 MB)
003 Introducing Components (91.6 MB)
004 The Why Building Complex User Interfaces With Components (5.84 MB)
006 cmp-intro-01-starting-setup (1.63 KB)
006 cmp-intro-02-understanding-the-problem (1.99 KB)
006 cmp-intro-03-introducing-components (2 KB)
001 Module Introduction (3.15 MB)
002 Why We Need A Development Server (14.74 MB)
003 Why We Want A Better Developer Experience (29.64 MB)
005 Installing & Using the Vue CLI (20.44 MB)
006 Inspecting the Created Project (16.11 MB)
007 Inspecting the Vue Code & vue Files (14.36 MB)
008 Adding the Vetur Extension to VS Code (3.85 MB)
009 More on vue Files (9.76 MB)
010 A New Vue Project (9.6 MB)
010 vue-cli-01-a-new-vue-project (37.82 KB)
011 Creating a Basic Vue App (25.38 MB)
012 Adding a Component (40.14 MB)
013 Adding Styling (7.06 MB)
016 vue-cli-01-a-new-vue-project (32.2 KB)
016 vue-cli-02-adding-a-component (33.06 KB)
016 vue-cli-03-finished (33.1 KB)
001 Module Introduction (2.25 MB)
002 cmp-communication-01-starting-setup (33.63 KB)
002 Introducing Props (Parent = Child Communication) (31.6 MB)
003 Prop Behavior & Changing Props (25.47 MB)
004 Validating Props (24.01 MB)
006 Working with Dynamic Prop Values (19.26 MB)
007 Emitting Custom Events (Child = Parent Communication) (44.27 MB)
008 Defining & Validating Custom Events (13.76 MB)
010 Demo Adding Components & Connecting Them (43.39 MB)
011 Demo Adding More Component Communication (24.98 MB)
012 A Potential Problem (25.48 MB)
012 cmp-communication-08-a-potential-problem-starting-setup (35.82 KB)
013 Provide + Inject To The Rescue (81.63 MB)
014 Provide + Inject for Functions Methods (15.96 MB)
015 Provide + Inject vs Props & Custom Events (6.81 MB)
016 Module Summary (9.64 MB)
017 cmp-communication-01-starting-setup (33.63 KB)
017 cmp-communication-02-introducing-props (33.82 KB)
017 cmp-communication-03-validating-props (33.99 KB)
017 cmp-communication-04-working-with-dynamic-prop-values (34.4 KB)
017 cmp-communication-05-emitting-custom-events (34.21 KB)
017 cmp-communication-06-defining-and-validating-custom-events (34.75 KB)
017 cmp-communication-07-demo-adding-more-component-communication (35.69 KB)
017 cmp-communication-08-a-potential-problem-starting-setup (35.82 KB)
017 cmp-communication-09-provide-inject-for-functions (35.6 KB)
001 Module Introduction (1.85 MB)
002 cmp-adv-01-starting-setup (34.44 KB)
002 Project Setup (12.61 MB)
003 Global vs Local Components (84.45 MB)
004 Scoped Styles (18.65 MB)
005 Introducing Slots (23.79 MB)
006 Named Slots (18.02 MB)
007 Slot Styles & Compilation (14.73 MB)
008 More on Slots (22.72 MB)
009 Scoped Slots (36.55 MB)
010 Dynamic Components (28.72 MB)
011 Keeping Dynamic Components Alive (8.62 MB)
012 Applying What We Know & A Problem (35.61 MB)
013 Teleporting Elements (14.63 MB)
014 Working with Fragments (4.66 MB)
015 The Vue Style Guide (25.06 MB)
016 Moving to a Different Folder Structure (11.17 MB)
017 Module Summary (6.65 MB)
018 cmp-adv-01-starting-setup (34.44 KB)
018 cmp-adv-02-scoped-styles (34.5 KB)
018 cmp-adv-03-introducing-slots (35 KB)
018 cmp-adv-04-named-slots (34.77 KB)
018 cmp-adv-05-more-on-slots (34.87 KB)
018 cmp-adv-06-scoped-slots (35.32 KB)
018 cmp-adv-07-keeping-dynamic-components-alive (36.83 KB)
018 cmp-adv-08-teleporting-elements (37.05 KB)
018 cmp-adv-09-working-with-fragments (37.13 KB)
018 cmp-adv-10-moving-to-a-different-folder-structure (38.43 KB)
001 Module Introduction (2.51 MB)
002 prj-cmp-01-starting-setup (31.88 KB)
002 Setup & First Steps (12.93 MB)
003 First Components & Props (37.65 MB)
004 Styling and More Components (22.79 MB)
005 Header & BaseCard Components (44.85 MB)
006 Adding a Base Button (20.21 MB)
007 Dynamic Components & Attribute Fallthrough (74.53 MB)
008 Adding & Styling Tabs (20.26 MB)
009 Adding a Form (15.72 MB)
010 Fetching User Input (27.15 MB)
011 Adding a Modal Dialog (94.58 MB)
012 Deleting Items (42.54 MB)
013 Adding Teleport (5.92 MB)
014 prj-cmp-01-starting-setup (31.88 KB)
014 prj-cmp-02-first-component-and-props (33.71 KB)
014 prj-cmp-03-styling-and-more-components (34.6 KB)
014 prj-cmp-04-header-and-base-card-components (36.26 KB)
014 prj-cmp-05-adding-a-basebutton (36.29 KB)
014 prj-cmp-06-dynamic-cmp-attribute-fallthrough (37.91 KB)
014 prj-cmp-07-adding-a-form (37.25 KB)
014 prj-cmp-08-fetching-user-input (37.81 KB)
014 prj-cmp-09-adding-a-modal-dialog (38.98 KB)
014 prj-cmp-10-deleting-items (38.7 KB)
014 prj-cmp-11-adding-teleport (38.78 KB)
001 Module Introduction (595.78 KB)
002 forms-01-starting-setup (33.43 KB)
002 v-model & Inputs (33.37 MB)
003 Working with v-model Modifiers and Numbers (40.63 MB)
004 v-model and Dropdowns (9.48 MB)
005 Using v-model with Checkboxes & Radiobuttons (27.88 MB)
006 Adding Basic Form Validation (31.39 MB)
007 Building a Custom Control Component (38.73 MB)
008 Using v-model on Custom Components (43.96 MB)
009 Module Summary (5.24 MB)
010 forms-01-starting-setup (33.43 KB)
010 forms-02-v-model-and-inputs (33.69 KB)
010 forms-03-working-with-v-model-modifiers (34.15 KB)
010 forms-04-v-model-and-dropdowns (33.88 KB)
010 forms-05-using-v-model-with-checkboxes (34.32 KB)
010 forms-06-adding-basic-form-validation (34.43 KB)
010 forms-07-building-a-custom-control-component (35.42 KB)
010 forms-08-using-v-model-on-a-custom-control (35.44 KB)
001 Module Introduction (1 MB)
002 http-01-starting-setup (35.95 KB)
002 Starting App & Why we need a Backend (12.85 MB)
003 Adding a Backend (16.72 MB)
004 How To (Not) Send Http Requests (13.06 MB)
005 Sending a POST Request to Store Data (17.26 MB)
008 Getting Data (GET Request) & Transforming Response Data (36.74 MB)
009 Loading Data When a Component Mounts (10.47 MB)
010 Showing a Loading Message (10.89 MB)
011 Handling the No Data State (11.63 MB)
012 Handling Technical Browser-side Errors (26.87 MB)
013 Handling Error Responses (25.36 MB)
014 Module Summary (8.52 MB)
015 http-01-starting-setup (35.95 KB)
015 http-02-sending-a-post-request (36.43 KB)
015 http-03-getting-data (36.19 KB)
015 http-04-showing-a-loading-message (36.83 KB)
015 http-05-handling-technical-errors (36.99 KB)
015 http-06-handling-error-responses (37.06 KB)
001 Module Introduction (781.64 KB)
002 routing-01-starting-setup (37.03 KB)
002 What & Why (6.58 MB)
003 Routing Setup (12.19 MB)
004 Registering & Rendering Routes (19.61 MB)
005 Navigating with router-link (18.79 MB)
006 Styling Active Links (10.09 MB)
007 Programmatic Navigation (12.14 MB)
008 Passing Data with Route Params (Dynamic Segments) (42.02 MB)
009 Navigation & Dynamic Paths (11.64 MB)
011 Updating Params Data with Watchers (19 MB)
012 Passing Params as Props (14.46 MB)
013 Redirecting & Catch All Routes (27.78 MB)
014 Using Nested Routes (19.37 MB)
015 More Fun with Named Routes & Location Objects (51.24 MB)
016 Using Query Params (22.79 MB)
017 Rendering Multiple Routes with Named Router Views (54.61 MB)
018 Controlling Scroll Behavior (60.17 MB)
019 Introducing Navigation Guards (29.65 MB)
020 Diving Deeper Into Navigation Guards (57.2 MB)
021 The Global afterEach Guard (5.11 MB)
022 Beyond Entering Route Leave Guards (71.72 MB)
023 Utilizing Route Metadata (7.91 MB)
024 Organizing Route Files (32.45 MB)
025 Summary (9.26 MB)
026 routing-01-starting-setup (37.03 KB)
026 routing-02-registering-and-rendering-routes (38.04 KB)
026 routing-03-navigating-with-router-link (37.64 KB)
026 routing-04-styling-active-links (37.32 KB)
026 routing-05-navigation-and-dynamic-paths (38 KB)
026 routing-06-updating-params-data-with-watchers (38.38 KB)
026 routing-07-passing-params-as-props (37.83 KB)
026 routing-08-redirecting-and-catch-all-routes (38.69 KB)
026 routing-09-more-fun-with-named-routes (38.48 KB)
026 routing-10-using-query-params (38.12 KB)
026 routing-11-rendering-multiple-routes-with-named-routerview (40.37 KB)
026 routing-12-controlling-scroll-behavior (39.34 KB)
026 routing-13-beyond-entering-route-leave-guards (40.14 KB)
026 routing-14-organizing-route-files (39.93 KB)
001 Module Introduction (1.27 MB)
002 Animation Basics & CSS Transitions (21.76 MB)
002 animations-01-starting-setup (33.57 KB)
003 Understanding CSS Animations (13.42 MB)
004 Why Is Just CSS Not Enough (11.46 MB)
005 Playing CSS Animations with Vue's Help (12.62 MB)
006 Using the Transition Component (16.19 MB)
007 CSS Animations with the Transition Component (10.22 MB)
008 Using Custom CSS Class Names (15.11 MB)
009 Example Animating a Modal (68.61 MB)
010 Transitioning Between Multiple Elements (34.99 MB)
011 Using Transition Events (53.71 MB)
012 Building JavaScript Transitions (instead of CSS) (89.89 MB)
013 Disabling CSS Transitions (12.96 MB)
014 Getting Started with Animated Lists (59.17 MB)
015 Animating Lists with transition-group (16.6 MB)
016 Animate List Item Movement (11.88 MB)
017 Animating Route Changes (85.3 MB)
019 animations-01-starting-setup (33.57 KB)
019 animations-02-understanding-css-animations (34.19 KB)
019 animations-03-using-custom-css-class-names (34.45 KB)
019 animations-04-example-animating-a-modal (34.43 KB)
019 animations-05-transitioning-between-multiple-elements (35.01 KB)
019 animations-06-using-transition-events (34.61 KB)
019 animations-07-building-javascript-transitions (34.99 KB)
019 animations-08-getting-started-with-animated-lists (35.85 KB)
019 animations-09-animating-lists-with-transition-group (36.06 KB)
019 animations-10-animate-list-item-movement (35.67 KB)
019 animations-11-animating-route-changes (36.39 KB)
001 Module Introduction (1.09 MB)
002 What & Why (55.39 MB)
003 Creating & Using a Store (11.23 MB)
003 vuex-01-starting-setup (32.85 KB)
004 Connecting Components to State (8.27 MB)
005 Introducing Mutations - A Better Way of Changing Data (18.91 MB)
006 Passing Data to Mutations with Payloads (10.92 MB)
007 Introducing Getters - A Better Way Of Getting Data (23.42 MB)
008 Running Async Code with Actions (49.7 MB)
009 Understanding the Action Context (7.25 MB)
010 Using Mapper Helpers (22.77 MB)
011 Example Adding More State (33.04 MB)
012 Organizing your Store with Modules (16.62 MB)
013 Understanding Local Module State (18.07 MB)
014 Namespacing Modules (20.04 MB)
015 Structuring Vuex Code & Files (29.04 MB)
016 A Challenge! (7.73 MB)
016 vuex-11-a-challenge-starting-code (40.05 KB)
017 Challenge Solution (13) (47.29 MB)
018 Challenge Solution (23) (47.99 MB)
019 Challenge Solution (33) (11.3 MB)
020 Summary (4.03 MB)
021 vuex-01-starting-setup (32.85 KB)
021 vuex-02-connecting-components-to-state (33.92 KB)
021 vuex-03-passing-data-to-mutations (34.25 KB)
021 vuex-04-introducing-getters (34.55 KB)
021 vuex-05-running-async-code-with-actions (35.08 KB)
021 vuex-06-using-mapping-helpers (34.81 KB)
021 vuex-07-example-adding-more-state (35.59 KB)
021 vuex-08-organizing-your-store-with-modules (35.99 KB)
021 vuex-09-namespacing-modules (35.45 KB)
021 vuex-10-structuring-vuex-code-files (39.06 KB)
021 vuex-11-a-challenge-starting-code (40.05 KB)
021 vuex-12-challenge-solution-1-3 (41.47 KB)
021 vuex-13-challenge-solution-2-3 (41.5 KB)
021 vuex-13-challenge-solution-3-3 (41.61 KB)
001 Module Introduction (5.91 MB)
002 Planning the Project Web App (5.93 MB)
003 Planning the Data Requirements (7.43 MB)
004 Planning the Layout Components (7.2 MB)
005 main-prj-01-starting-setup (31.91 KB)
005 Registering Routes (13.58 MB)
006 Adding Route Page Components (17.88 MB)
007 Working on the Main Layout & Styling (20.13 MB)
008 Wiring Up Pages (35.85 MB)
009 Adding Vuex and Coach Data (43.49 MB)
010 Working on the Coaches List and List Items (100.01 MB)
011 Adding a Couple of Base Components (Base Card, Base Button, Base Badge) (42.43 MB)
012 Building the Coach Detail Component (49.47 MB)
013 Filtering Coaches (67.93 MB)
014 Registering as a Coach The Form (64.41 MB)
015 Adding Coaches to Vuex (52.11 MB)
016 Adding Form Validation (110.91 MB)
017 Working on the Contact Form (26.72 MB)
018 Storing Requests (Messages) With Vuex (26.42 MB)
019 Outputting Incoming Requests (Messages) (31.38 MB)
020 Filtering Requests for the Active Coach (14.19 MB)
021 Sending a PUT Http Request to Store Coach Data (41.6 MB)
022 Fetching Coach Data (GET Http Request) (30.5 MB)
023 BaseSpinner (1.5 KB)
023 Rendering a Loading Spinner (43.21 MB)
024 Adding Http Error Handling (61.05 MB)
024 BaseDialog (2.32 KB)
025 Sending Coaching Requests Http Requests (64.96 MB)
026 Caching Http Response Data (34.88 MB)
027 Adding Route Transitions (42.96 MB)
028 The Not Found Page & Summary (7.85 MB)
029 main-prj-01-starting-setup (31.91 KB)
029 main-prj-02-adding-route-page-components (35.51 KB)
029 main-prj-03-working-on-the-main-layout (36.88 KB)
029 main-prj-04-wiring-up-pages (36.54 KB)
029 main-prj-05-adding-vuex-and-coach-data (39.98 KB)
029 main-prj-06-working-on-the-coaches-list-and-item (41.86 KB)
029 main-prj-07-adding-a-couple-of-base-components (43.83 KB)
029 main-prj-08-building-the-coach-detail-component (44.28 KB)
029 main-prj-09-filtering-coaches (43.74 KB)
029 main-prj-10-registering-as-a-coach-the-form (46.12 KB)
029 main-prj-11-adding-coaches-to-vuex (45.79 KB)
029 main-prj-12-adding-form-validation (46.19 KB)
029 main-prj-13-storing-requests-messages (48.84 KB)
029 main-prj-14-outputting-incoming-requests (50.44 KB)
029 main-prj-15-filtering-requests-for-the-active-coach (51.61 KB)
029 main-prj-16-sending-a-put-http-request (50.46 KB)
029 main-prj-17-fetching-coach-data-get-http-request (51.66 KB)
029 main-prj-18-adding-http-error-handling (52.64 KB)
029 main-prj-19-sending-coaching-requests-http (53.62 KB)
029 main-prj-20-caching-http-response-data (53.42 KB)
029 main-prj-21-finished (52 KB)
001 Module Introduction (1.3 MB)
002 How Authentication Works in Vue Apps (or any SPA) (10.84 MB)
003 auth-01-starting-project (52.82 KB)
003 Locking Protecting Backend Resources (37.61 MB)
004 Adding an Authentication Page (Login & Signup) (38.72 MB)
005 Preparing Vuex (13.55 MB)
006 Adding a Signup Action & Flow (55.55 MB)
007 Better UX Loading Spinner & Error Handling (36.91 MB)
008 Adding a Login Action & Flow (22.05 MB)
009 Attaching the Token to Outgoing Requests (25.33 MB)
010 Updating the UI Based on Auth State (33.42 MB)
011 Adding a Logout Action & Flow (14.67 MB)
012 Authentication & Routing (incl Navigation Guards) (49.55 MB)
013 Adding Auto Login (57.67 MB)
014 Adding Auto Logout (89.09 MB)
015 Summary (11.32 MB)
016 auth-01-starting-project (52.82 KB)
016 auth-02-adding-an-authentication-page (55.03 KB)
016 auth-03-adding-a-signup-action (56.2 KB)
016 auth-04-better-ux-loading-spinner-error-handling (58.52 KB)
016 auth-05-adding-a-login-action (56.32 KB)
016 auth-06-attaching-the-token-to-outgoing-requests (58.62 KB)
016 auth-07-adding-a-logout-action (56.78 KB)
016 auth-08-authentication-and-routing (57.45 KB)
016 auth-09-adding-auto-login (56.95 KB)
016 auth-10-adding-auto-logout (56.96 KB)
016 auth-11-finished (55.79 KB)
001 Module Introduction (2.13 MB)
002 What To Deploy (5.42 MB)
003 deploy-01-starting-project (56.97 KB)
003 Optimization Using Asynchronous Components (127.28 MB)
005 Building the Project For Production (27.74 MB)
006 Deploying a Vue App (20.32 MB)
007 deploy-01-starting-project (56.97 KB)
007 deploy-02-async-components (57.08 KB)
001 Module Introduction (2.47 MB)
002 Which Problem Does The Composition API Solve (46.48 MB)
003 composition-01-starting-setup (32.51 KB)
003 Replacing data with refs (31.56 MB)
005 Building reactive Objects (33.21 MB)
006 Reactivity A Deep Dive (25.94 MB)
007 Replacing methods with Regular Functions (21.43 MB)
008 Replacing Computed Properties with the computed Function (47.16 MB)
009 Two-Way-Binding and the Composition API (9.54 MB)
010 Working with Watchers (14.46 MB)
011 A First Summary (5.44 MB)
012 How To Use Template Refs (16.4 MB)
013 Components, Props & The Composition API (60.2 MB)
014 Emitting Custom Events (7.84 MB)
015 Working with Provide Inject (22.97 MB)
016 Lifecycle Hooks in the Composition API (26.68 MB)
017 composition-13-demo-starting-project (38.26 KB)
017 Migrating from Options API to Composition API - An Example Project (5.29 MB)
018 Migrating a First Component (21.09 MB)
019 Migrating a Big Component (82.54 MB)
020 Migrating the Remaining Components (49.7 MB)
021 composition-17-routing-starting-project (36.44 KB)
021 Routing, Params & The Composition API (23.06 MB)
022 The Route & Router Objects and the Composition API (18.36 MB)
023 composition-19-vuex-starting-project (33.83 KB)
023 Using Vuex with the Composition API (10.83 MB)
024 Summary (6.04 MB)
025 composition-01-starting-setup (32.51 KB)
025 composition-02-replacing-data-with-refs (32.89 KB)
025 composition-03-building-reactive-objects (32.99 KB)
025 composition-04-replacing-methods-with-regular-functions (33.46 KB)
025 composition-05-replacing-computed-properties (33.3 KB)
025 composition-06-two-way-binding (32.86 KB)
025 composition-07-working-with-watchers (33.13 KB)
025 composition-08-how-to-use-template-refs (33.27 KB)
025 composition-09-components-props (33.76 KB)
025 composition-10-emitting-custom-events (34.01 KB)
025 composition-11-working-with-provide-inject (34.22 KB)
025 composition-12-lifecycle-hooks (33.9 KB)
025 composition-13-demo-starting-project (38.26 KB)
025 composition-14-migrating-a-first-component (38.58 KB)
025 composition-15-migrating-a-big-component (38.76 KB)
025 composition-16-migrating-the-remaining-components (39.48 KB)
025 composition-17-routing-starting-project (36.44 KB)
025 composition-18-route-and-router-objects (36.64 KB)
025 composition-19-vuex-starting-project (33.83 KB)
025 composition-20-using-vuex (33.56 KB)
001 Module Introduction (1.73 MB)
002 Reusability Concepts (11.68 MB)
002 reuse-01-starting-setup (34.4 KB)
003 Using Mixins (18.46 MB)
004 Understanding Mixin Merging (9.9 MB)
005 Global Mixins (6.27 MB)
006 Disadvantages of Mixins (10.37 MB)
007 Custom Hooks Composables & The Composition API (26.52 MB)
007 reuse-04-composition-api-starting-project (35.14 KB)
008 More Custom Composition Functions (12.73 MB)
009 Why Hooks Composables Beat Mixins (3.89 MB)
010 Example Creating a Search Hook (94.3 MB)
010 reuse-07-example-starting-project (38.67 KB)
011 Custom Hooks Gotchas (57.07 MB)
012 More Thoughts on Custom Hooks Composables (12.43 MB)
013 Example A Custom Sort Hook (22.62 MB)
014 reuse-01-starting-setup (34.4 KB)
014 reuse-02-using-mixins (34.77 KB)
014 reuse-03-global-mixins (35.16 KB)
014 reuse-04-composition-api-starting-project (35.14 KB)
014 reuse-05-custom-hooks-composables (35.39 KB)
014 reuse-06-more-custom-composition-functions (35.8 KB)
014 reuse-07-example-starting-project (38.67 KB)
014 reuse-08-example-creating-a-search-hook (39.64 KB)
014 reuse-09-example-a-custom-sort-hook (39.83 KB)
001 Thanks for being part of the course! (11.04 MB)
002 Course Roundup & Next Steps (4.03 MB)
001 Vue 3 - Overview (35.69 MB)
002 Important Changes & Migration Steps (128.57 MB)
003 Vue 3 New Features (20.16 MB)
004 The New Composition API (Optional!) (135.96 MB)
01-finished (56.67 KB)
getting-started-01-intro (20.23 MB)
getting-started-02-first-app (28.7 MB)
getting-started-03-enhancing-the-app (26.99 MB)
getting-started-04-course-structure (24.11 MB)
getting-started-05-course-resources (10.53 MB)
getting-started-06-local-setup (15.68 MB)
2 1 Exercise 1 (1.72 KB)
dom-interaction-01-intro (4.15 MB)
dom-interaction-02-basics (16.76 MB)
dom-interaction-03-template-syntax-and-the-vue-instance (15.51 MB)
dom-interaction-04-vue-instance-proxies (10.92 MB)
dom-interaction-05-attribute-binding (15.77 MB)
dom-interaction-06-understanding-directives (9.19 MB)
dom-interaction-07-only-rendering-once-with-v-once (10.69 MB)
dom-interaction-08-output-raw-html (17.3 MB)
dom-interaction-09-event-directive (11.03 MB)
dom-interaction-10-using-the-event-object (15.53 MB)
dom-interaction-11-event-custom-args (12.24 MB)
dom-interaction-12-event-modifiers (22.55 MB)
dom-interaction-13-key-modifiers (14 MB)
dom-interaction-14-template-js-expressions (24.35 MB)
dom-interaction-15-two-way-binding (10.74 MB)
dom-interaction-16-computed-properties (63.09 MB)
dom-interaction-17-watch (25.99 MB)
dom-interaction-18-shorthands (9.21 MB)
dom-interaction-19-css-classes (26.85 MB)
dom-interaction-20-css-classes-object-in-data (9.76 MB)
dom-interaction-21-css-classes-class-names (22.7 MB)
dom-interaction-22-styles (19.31 MB)
dom-interaction-23-styles-arrays-roundup (7.66 MB)
dom-interaction-24-wrap-up (4.23 MB)
dom-interaction-exercise-01-problem-output (13.75 MB)
dom-interaction-exercise-01-solution-output (40.21 MB)
dom-interaction-exercise-02-problem-events (10.82 MB)
dom-interaction-exercise-02-solution-events (32.2 MB)
dom-interaction-exercise-03-problem-solution-computed (38.19 MB)
dom-interaction-exercise-03-problem-template-computed (17.02 MB)
dom-interaction-exercise-03-solution-template-computed (21.5 MB)
dom-interaction-exercise-04-problem-styles (26.93 MB)
dom-interaction-exercise-04-solution-styles (119.3 MB)
conditionals-lists-01-intro (4.55 MB)
conditionals-lists-02-v-if (22.7 MB)
conditionals-lists-03-v-if-template (10.21 MB)
conditionals-lists-04-v-show (13.05 MB)
conditionals-lists-05-v-for (14.38 MB)
conditionals-lists-06-v-for-index (11.29 MB)
conditionals-lists-07-v-for-template (7.05 MB)
conditionals-lists-08-v-for-objects (28.7 MB)
conditionals-lists-09-v-for-range (6.05 MB)
conditionals-lists-10-v-for-key (29.35 MB)
conditionals-lists-11-wrap-up (4.95 MB)
conditionals-lists-exercise-01-problem (10.68 MB)
conditionals-lists-exercise-01-solution (60.78 MB)
first-project-01-intro-challenge (18.81 MB)
first-project-02-setup (19.1 MB)
first-project-03-vue-instance-health-styles (36.96 MB)
first-project-04-conditionally-show-buttons (13.99 MB)
first-project-05-start-game-method (10.63 MB)
first-project-06-attacking-method (46.94 MB)
first-project-07-refactoring-code (29.93 MB)
first-project-08-special-attack (14.77 MB)
first-project-09-heal (16.95 MB)
first-project-10-finish-action-buttons (6.19 MB)
first-project-11-log-add-turns (17.76 MB)
first-project-12-printing-the-log (16.39 MB)
first-project-13-finishing-the-log (12.76 MB)
first-project-14-conditional-classes-log (11.96 MB)
first-project-15-wrap-up (12 MB)
understanding-vue-instance-01-intro (6.05 MB)
understanding-vue-instance-02-vuejs-instance-basics-summary (21.95 MB)
understanding-vue-instance-03-multiple-vue-instances (20.15 MB)
understanding-vue-instance-04-accessing-the-vue-instance-from-outs (23.58 MB)
understanding-vue-instance-05-how-vuejs-manages-and-proxies-proper (32.94 MB)
understanding-vue-instance-06-$el-and-$data (38.98 MB)
understanding-vue-instance-07-$refs-and-vue-templates (41.46 MB)
understanding-vue-instance-08-vue-api-ref (6.32 MB)
understanding-vue-instance-09-vuejs-mounting-templates (45.42 MB)
understanding-vue-instance-10-components (33.61 MB)
understanding-vue-instance-11-vue-template-limitations-summary (19.68 MB)
understanding-vue-instance-12-virtual-dom-updating (19 MB)
understanding-vue-instance-13-vuejs-lifecycle-theory (18.81 MB)
understanding-vue-instance-14-vuejs-lifecycle-practice (38.18 MB)
understanding-vue-instance-15-wrap-up (5.37 MB)
vue-cli-01-intro (11.86 MB)
vue-cli-02-why-dev-server (16.32 MB)
vue-cli-03-dev-workflow (23.31 MB)
vue-cli-04-the-vue-cli (11.1 MB)
vue-cli-05-install-vue-cli-and-setup-project (28.81 MB)
vue-cli-06-folder-structure (22.13 MB)
vue-cli-07-vue-files (41.62 MB)
vue-cli-08-the-object-in-the-vue-file (6.83 MB)
vue-cli-09-production-build (5.26 MB)
vue-cli-10-wrap-up 1 (6.7 MB)
components-intro-01-intro (5.74 MB)
components-intro-02-component-introduction (28.72 MB)
components-intro-03-the-data-function (25.55 MB)
components-intro-04-local-vs-global-registration (17.72 MB)
components-intro-05-app-vue-root-component (19.17 MB)
components-intro-06-creating-a-component (22.96 MB)
components-intro-07-using-components-in-practice (30.72 MB)
components-intro-08-exercise-problem (12.12 MB)
components-intro-09-exercise-solution (14.56 MB)
components-intro-10-better-folder-structures (18.27 MB)
components-intro-11-vuejs-component-selectors (32.64 MB)
components-intro-12-scoped-styles (42.63 MB)
components-intro-13-wrap-up (5.53 MB)
components-communication-01-intro (4.6 MB)
components-communication-02-setup-communication-problems (18.56 MB)
components-communication-03-parent-to-child-with-props (22.35 MB)
components-communication-04-prop-names (8.9 MB)
components-communication-05-props-in-the-vue-instance (10.01 MB)
components-communication-06-props-validation (34.05 MB)
components-communication-07-from-child-to-parent-custom-event (40.21 MB)
components-communication-08-unidirectional-data-flow (5.22 MB)
components-communication-09-callback-function-communication (15.84 MB)
components-communication-10-sibling-communication-parent-child-chain (43.33 MB)
components-communication-11-event-bus-sibling-communication (34.99 MB)
components-communication-12-event-bus-centralize-code (14.58 MB)
components-communication-13-exercise-problem (19.16 MB)
components-communication-14-exercise-solution (63.59 MB)
components-communication-15-wrap-up (3.61 MB)
components-advanced-01-intro (4.21 MB)
components-advanced-02-project-setup (16.9 MB)
components-advanced-03-the-suboptimal-solution (13.83 MB)
components-advanced-04-using-slots (4.77 MB)
components-advanced-05-slot-compilation-and-style-scope (20.57 MB)
components-advanced-06-named-slots (17.74 MB)
components-advanced-07-default-slots-and-slot-defaults (12.95 MB)
components-advanced-08-slot-summary (5.91 MB)
components-advanced-09-dynamic-components (37.06 MB)
components-advanced-10-dynamic-component-behavior (12.54 MB)
components-advanced-11-keeping-dynamic-components-alive (6.21 MB)
components-advanced-12-additional-lifecycle-hooks (8.4 MB)
components-advanced-13-exercise-problem (10.02 MB)
components-advanced-14-exercise-solution (19.95 MB)
components-advanced-15-wrap-up (7.69 MB)
second-project-01-intro (8.68 MB)
second-project-02-project-setup (8.26 MB)
second-project-03-app-initilization (7.45 MB)
second-project-04-creating-components (20.96 MB)
second-project-05-slots-props (11.52 MB)
second-project-06-new-quote-component (22.2 MB)
second-project-07-add-quote-custom-event (20.12 MB)
second-project-08-info-box (6.85 MB)
second-project-09-delete-quotes (21.08 MB)
second-project-10-setup-progressbar (21.5 MB)
second-project-11-finishing-touches-state-management (12.95 MB)
forms-01-intro (4.23 MB)
forms-02-basic-input-form-binding-v-model (24.47 MB)
forms-03-group-data-object-prepopulate-fields (18.39 MB)
forms-04-input-modifiers (18.09 MB)
forms-05-textarea-and-line-breaks (19.51 MB)
forms-06-checkboxes-array (30.37 MB)
forms-07-radio-buttons (17.37 MB)
forms-08-select-input (35.15 MB)
forms-09-v-model-behind-the-scenes-custom-control (18.35 MB)
forms-10-custom-control (34.83 MB)
forms-11-submit-and-prevent (15.86 MB)
forms-12-problem (12.73 MB)
forms-13-solution (100.25 MB)
forms-14-wrap-up (4.62 MB)
directives-01-intro (4.55 MB)
directives-02-directives-basics (22.14 MB)
directives-03-directive-hooks (12.11 MB)
directives-04-custom-directive-simple (8.26 MB)
directives-05-custom-directive-value (7.53 MB)
directives-06-custom-directive-argument (16.87 MB)
directives-07-custom-directive-modifiers (15.49 MB)
directives-08-summary (3.53 MB)
directives-09-local-directives (11.45 MB)
directives-10-multiple-modifiers (29.49 MB)
directives-11-more-complex-value (17.69 MB)
directives-12-problem (5.84 MB)
directives-13-solution (39.66 MB)
directives-14-wrap-up (5.49 MB)
filters-mixins-01-intro (4.13 MB)
filters-mixins-02-creating-a-local-filter (28.51 MB)
filters-mixins-03-global-filter-and-chaining (12.02 MB)
filters-mixins-04-alternative-computed-property (34.23 MB)
filters-mixins-05-mixin-problem-set (15.43 MB)
filters-mixins-06-creating-and-using-mixins (14.77 MB)
filters-mixins-07-mixin-merging (19.56 MB)
filters-mixins-08-global-mixin-merging (23.12 MB)
filters-mixins-09-object-scope (16.37 MB)
filters-mixins-10-problem (9.06 MB)
filters-mixins-11-solution (53.57 MB)
filters-mixins-12-wrap-up (12.32 MB)
animations-transitions-01-intro (6.27 MB)
animations-transitions-02-transitions-basics (4.68 MB)
animations-transitions-03-code-preparation-transition-elemet (20.23 MB)
animations-transitions-04-transition-css-classes (15.68 MB)
animations-transitions-05-transition-assigning-css-classes (14.44 MB)
animations-transitions-06-css-transition-fade (19.89 MB)
animations-transitions-07-css-animation-slide (22.16 MB)
animations-transitions-08-mixing-animation-and-transition (22.1 MB)
animations-transitions-09-v-if-and-v-show (3.8 MB)
animations-transitions-10-initial-animation (9.08 MB)
animations-transitions-11-custom-css-classes (30.17 MB)
animations-transitions-12-dynamic-names-and-attributes (18.17 MB)
animations-transitions-13-transitioning-between-elements (2.64 MB)
animations-transitions-14-transitioning-between-elements-practice (34.2 MB)
animations-transitions-15-transition-events (9.37 MB)
animations-transitions-16-js-hooks (55.18 MB)
animations-transitions-17-css-false (10.27 MB)
animations-transitions-18-js-animation (38.33 MB)
animations-transitions-19-dynamic-components (41.42 MB)
animations-transitions-20-transition-group-intro (3.57 MB)
animations-transitions-21-group-animation-setup (28.9 MB)
animations-transitions-22-using-transition-group-for-list-animations (40.28 MB)
animations-transitions-23-mini-app-problem (6.14 MB)
animations-transitions-24-mini-app-setup (83.99 MB)
animations-transitions-25-mini-app-animations (36.69 MB)
animations-transitions-26-wrap-up (5.61 MB)
http-01-intro (7.78 MB)
http-02-vue-resource-setup (23.44 MB)
http-03-setup-app-and-firebase (32.93 MB)
http-04-posting-data (38.72 MB)
http-05-getting-data-transforming-data (44.82 MB)
http-06-global-config (17.58 MB)
http-07-request-interceptor (21.67 MB)
http-08-response-interceptors (18.41 MB)
http-09-resources-basics (29.43 MB)
http-10-resources-custom (17.03 MB)
http-11-resouces-vs-normal-requests (3.42 MB)
http-12-template-urls (34.28 MB)
http-13-wrap-up (12.95 MB)
routing-01-intro (8.14 MB)
routing-02-setup-vue-router (13.97 MB)
routing-03-route-setup-router-view (35.72 MB)
routing-04-hash-vs-history-mode (23.33 MB)
routing-05-navigating-with-router-link (21.52 MB)
routing-06-styling-active-links (18.4 MB)
routing-07-programmatic-navigation (15.37 MB)
routing-08-setting-up-dynamic-routes-with-params (10.18 MB)
routing-09-fetching-dynamic-params (12.45 MB)
routing-10-fetching-params-reactive (19.22 MB)
routing-11-nested-routes (26.71 MB)
routing-12-nested-routes-navigation-params (16.39 MB)
routing-13-dynamic-to (10.76 MB)
routing-14-better-way-to-create-links-named-routes (18.71 MB)
routing-15-query-params (15.15 MB)
routing-16-named-router-view (20.7 MB)
routing-17-redirecting (14.98 MB)
routing-18-catch-all-wildcard (7.82 MB)
routing-19-transitions (17.85 MB)
routing-20-passing-hash-fragment (19.25 MB)
routing-21-controlling-scroll-behavior (21.46 MB)
routing-22-router-guards (7.62 MB)
routing-23-before-enter-guard (53.38 MB)
routing-24-before-route-leave-guard (23.49 MB)
routing-25-lazy-loading (48.5 MB)
routing-26-wrap-up (8.35 MB)
vuex-01-intro (5.52 MB)
vuex-02-why-a-different-state-management (13.62 MB)
vuex-03-understanding-central-state (8.32 MB)
vuex-04-using-state (39.87 MB)
vuex-05-the-problem-of-the-current-solution (16.1 MB)
vuex-06-understanding-getters (4.69 MB)
vuex-07-using-getters (14.98 MB)
vuex-08-map-getters (41.59 MB)
vuex-09-understanding-mutations (7.32 MB)
vuex-10-using-mutations (29.87 MB)
vuex-11-sync-mutations-problem (10.76 MB)
vuex-12-understanding-actions (9.28 MB)
vuex-13-using-actions (31.07 MB)
vuex-14-understanding-mapaction-and-payloads (30.61 MB)
vuex-15-summary-vuex (27.83 MB)
vuex-16-v-model-and-vuex (43.74 MB)
vuex-17-the-need-for-optimal-folder-structures (7.66 MB)
vuex-18-using-modules (31.4 MB)
vuex-19-splitting-it-up-in-files (25.8 MB)
vuex-20-using-namespaces (40.04 MB)
vuex-21-wrap-up (6.54 MB)
final-project-01-project-intro (15.98 MB)
final-project-02-setup-and-planning (12.63 MB)
final-project-03-creating-components (16.4 MB)
final-project-04-setup-routing (26.23 MB)
final-project-05-adding-header-and-navigation (50.41 MB)
final-project-06-planning-the-next-steps (7.02 MB)
final-project-07-creating-stocks-components (36.08 MB)
final-project-08-buy-stock-input-and-button (36.28 MB)
final-project-09-setting-up-vuex-stocks-module (60.16 MB)
final-project-10-vuex-portfolio-module (67.87 MB)
final-project-11-portfolio-stocks (44.59 MB)
final-project-12-connecting-the-portfolio-to-store (13.14 MB)
final-project-13-fixing-errors (12.77 MB)
final-project-14-displaying-funds (22.66 MB)
final-project-15-order-checks (36.76 MB)
final-project-16-funds-filters (10.26 MB)
final-project-17-rnd-update-stocks (34.58 MB)
final-project-18-animating-route-transitions (20.01 MB)
final-project-19-header-dropdown (17.82 MB)
final-project-20-vue-resource-firebase-setup (15.23 MB)
final-project-21-save-data (18.36 MB)
final-project-22-load-data (32.14 MB)
final-project-23-load-data-testing-and-fixes (17.09 MB)
final-project-24-wrap-up (6.87 MB)
final-project-25-vue-dev-tools (9.7 MB)
deployment-01-intro (8.29 MB)
deployment-02-deployment-preparations (13.12 MB)
deployment-03-deployment (44.63 MB)
axios-0-section-info (8.78 MB)
axios-01-intro (1.88 MB)
axios-02-project-setup (14.4 MB)
axios-03-axios-installation (12.33 MB)
axios-04-sending-a-post-request (34.31 MB)
axios-05-sending-a-get-request (15.67 MB)
axios-06-accessing-response-data (35.62 MB)
axios-07-global-config (31.93 MB)
axios-08-interceptors (35.79 MB)
axios-09-custom-instances (27.7 MB)
axios-10-wrap-up (7.34 MB)
auth-01-intro (3.59 MB)
auth-02-how-auth-works-in-spas (6.8 MB)
auth-03-project-setup (10.63 MB)
auth-04-user-signup (29.37 MB)
auth-05-user-signin (14.86 MB)
auth-06-auth-requests-from-within-vuex (24.88 MB)
auth-07-adding-a-mutation-to-store-auth-data (18.65 MB)
auth-08-moving-db-access-to-vuex (49.02 MB)
auth-09-passing-the-token-to-firebase (31.62 MB)
auth-10-route-auth-guard (15.52 MB)
auth-11-conditional-ui-updates-on-auth-state (15.53 MB)
auth-12-logout (27.82 MB)
auth-13-auto-logout (31.18 MB)
auth-14-auto-login (61.6 MB)
auth-15-wrap-up (3.84 MB)
validation-0-section-info (13.71 MB)
validation-01-intro (2.02 MB)
validation-02-installing-vuelidate (9.7 MB)
validation-03-adding-a-validator (53.66 MB)
validation-04-validation-ui-feedback (27.16 MB)
validation-05-controlling-the-styling-for-invalid-entries (11.27 MB)
validation-06-more-validators (37.23 MB)
validation-07-password-equality-validation (34.9 MB)
validation-08-required-unless (29.27 MB)
validation-09-validating-arrays (44.9 MB)
validation-10-disabling-the-form-submit-button (11.84 MB)
validation-11-creating-a-custom-validator (15.19 MB)
validation-12-async-validators (53.91 MB)
validation-13-wrap-up (2.53 MB)
002 What is Vue js (59.62 MB)
003 Different Ways of Using Vue (13.13 MB)
004 Exploring Vue Alternatives (19.85 MB)
005 Building A First App With Just JavaScript (17.55 MB)
005 gs-01-starting-project (2.66 KB)
005 gs-02-first-app-with-just-js (2.94 KB)
008 gs-03-rebuilding-the-app-with-vue (3.19 KB)
008 Re-building the App with Vue (93.77 MB)
009 Vue vs Vanilla JavaScript (just JavaScript) (3.75 MB)
010 Setting Up the Course Development Environment (7.18 MB)
012 Course Outline & What's In The Course (5.38 MB)
013 How To Get The Most Out Of This Course (5.81 MB)
014 gs-01-starting-project (2.66 KB)
014 gs-02-first-app-with-just-js (2.94 KB)
014 gs-03-rebuilding-the-app-with-vue (3.19 KB)
014 Slides (1.12 MB)
001 Module Introduction (896.55 KB)
003 basics-01-starting-code (1.54 KB)
003 Creating and Connecting Vue App Instances (47.46 MB)
004 Interpolation and Data Binding (8.57 MB)
005 Binding Attributes with the v-bind Directive (17.81 MB)
006 Understanding methods in Vue Apps (15.32 MB)
007 Working with Data inside of a Vue App (11.77 MB)
008 Outputting Raw HTML Content with v-html (9.56 MB)
009 A First Summary (11.38 MB)
010 basics-03-events-starting-code (1.72 KB)
010 Understanding Event Binding (24.69 MB)
011 Events & Methods (15.41 MB)
012 Working with Event Arguments (7.68 MB)
013 Using the Native Event Object (54.34 MB)
014 Exploring Event Modifiers (40.2 MB)
015 Locking Content with v-once (5.87 MB)
016 basics-05-using-the-native-event-object (1.99 KB)
016 Data Binding + Event Binding = Two-Way Binding (22.91 MB)
017 Methods used for Data Binding How It Works (38.61 MB)
018 Introducing Computed Properties (16.61 MB)
019 Working with Watchers (43.42 MB)
020 Methods vs Computed Properties vs Watchers (4.81 MB)
021 v-bind and v-on Shorthands (5.27 MB)
022 basics-10-styling-starting-setup (1.42 KB)
022 Dynamic Styling with Inline Styles (27.95 MB)
023 Adding CSS Classes Dynamically (21.77 MB)
024 Classes & Computed Properties (5.15 MB)
025 Dynamic Classes Array Syntax (3.45 MB)
026 Module Summary (7.93 MB)
027 basics-01-starting-code (1.54 KB)
027 basics-02-a-first-summary (1.87 KB)
027 basics-03-events-starting-code (1.72 KB)
027 basics-04-events-methods (1.74 KB)
027 basics-05-using-the-native-event-object (1.99 KB)
027 basics-06-two-way-binding (1.87 KB)
027 basics-07-introducing-computed-properties (2.08 KB)
027 basics-08-working-with-watchers (2.15 KB)
027 basics-09-v-bind-v-for-shorthands (2.18 KB)
027 basics-10-styling-starting-setup (1.42 KB)
027 basics-11-dynamic-styling-inline-styles (1.73 KB)
027 basics-12-adding-css-classes-dynamically (1.75 KB)
027 basics-13-dynamic-classes-array-syntax (1.78 KB)
001 Module Introduction (1.79 MB)
002 lists-cond-01-starting-setup (1.74 KB)
002 Understanding the Problem (8.67 MB)
003 Rendering Content Conditionally (23.2 MB)
004 v-if, v-else and v-else-if (11.02 MB)
005 Using v-show Instead Of v-if (6.25 MB)
006 Rendering Lists of Data (16.31 MB)
007 Diving Deeper Into v-for (20.55 MB)
008 Removing List Items (13.21 MB)
009 Lists & Keys (52.11 MB)
010 Module Summary (3.84 MB)
011 lists-cond-01-starting-setup (1.74 KB)
011 lists-cond-02-v-if-v-else-v-else-if (1.9 KB)
011 lists-cond-03-rendering-lists-of-data (1.93 KB)
011 lists-cond-04-diving-deeper-into-v-for (2.02 KB)
011 lists-cond-05-removing-list-items (2.02 KB)
011 lists-cond-06-lists-keys (1.97 KB)
001 Module Introduction (2.03 MB)
002 prj-monster-01-starting-setup (1.89 KB)
002 Project Setup & First Methods (62.32 MB)
003 Updating the Health Bars (42.86 MB)
004 Adding a Special Attack (26.44 MB)
005 Adding a Heal Functionality (16.41 MB)
006 Adding a Game Over Screen (97.12 MB)
007 Finishing the Core Functionality (66.36 MB)
008 Adding a Battle Log (88.96 MB)
009 prj-monster-01-starting-setup (1.89 KB)
009 prj-monster-02-adding-a-special-attack (2.37 KB)
009 prj-monster-03-adding-a-heal-functionality (2.45 KB)
009 prj-monster-04-adding-a-gamer-over-screen (2.62 KB)
009 prj-monster-05-finishing-core-functionality (2.71 KB)
009 prj-monster-06-adding-a-battle-log (2.93 KB)
001 Module Introduction (1.55 MB)
002 An Introduction to Vue's Reactivity (12.68 MB)
002 behind-scenes-01-starting-setup (1.83 KB)
003 Vue Reactivity A Deep Dive (26.32 MB)
004 One App vs Multiple Apps (33.31 MB)
005 Understanding Templates (11.99 MB)
006 Working with Refs (46.2 MB)
007 How Vue Updates the DOM (34.51 MB)
008 Vue App Lifecycle - Theory (6.84 MB)
009 Vue App Lifecycle - Practice (63.3 MB)
010 behind-scenes-01-starting-setup (1.83 KB)
010 behind-scenes-02-vue-reactivity-deep-dive (2.04 KB)
010 behind-scenes-03-one-app-vs-multiple-apps (2.12 KB)
010 behind-scenes-04-understanding-templates (2.13 KB)
010 behind-scenes-05-working-with-refs (2.11 KB)
010 behind-scenes-06-vue-app-lifecycle-practice (2.29 KB)
001 Module Introduction (1.48 MB)
002 cmp-intro-01-starting-setup (1.63 KB)
002 Understanding the Problem (71.82 MB)
003 Introducing Components (91.6 MB)
004 The Why Building Complex User Interfaces With Components (5.84 MB)
006 cmp-intro-01-starting-setup (1.63 KB)
006 cmp-intro-02-understanding-the-problem (1.99 KB)
006 cmp-intro-03-introducing-components (2 KB)
001 Module Introduction (3.15 MB)
002 Why We Need A Development Server (14.74 MB)
003 Why We Want A Better Developer Experience (29.64 MB)
005 Installing & Using the Vue CLI (20.44 MB)
006 Inspecting the Created Project (16.11 MB)
007 Inspecting the Vue Code & vue Files (14.36 MB)
008 Adding the Vetur Extension to VS Code (3.85 MB)
009 More on vue Files (9.76 MB)
010 A New Vue Project (9.6 MB)
010 vue-cli-01-a-new-vue-project (37.82 KB)
011 Creating a Basic Vue App (25.38 MB)
012 Adding a Component (40.14 MB)
013 Adding Styling (7.06 MB)
016 vue-cli-01-a-new-vue-project (32.2 KB)
016 vue-cli-02-adding-a-component (33.06 KB)
016 vue-cli-03-finished (33.1 KB)
001 Module Introduction (2.25 MB)
002 cmp-communication-01-starting-setup (33.63 KB)
002 Introducing Props (Parent = Child Communication) (31.6 MB)
003 Prop Behavior & Changing Props (25.47 MB)
004 Validating Props (24.01 MB)
006 Working with Dynamic Prop Values (19.26 MB)
007 Emitting Custom Events (Child = Parent Communication) (44.27 MB)
008 Defining & Validating Custom Events (13.76 MB)
010 Demo Adding Components & Connecting Them (43.39 MB)
011 Demo Adding More Component Communication (24.98 MB)
012 A Potential Problem (25.48 MB)
012 cmp-communication-08-a-potential-problem-starting-setup (35.82 KB)
013 Provide + Inject To The Rescue (81.63 MB)
014 Provide + Inject for Functions Methods (15.96 MB)
015 Provide + Inject vs Props & Custom Events (6.81 MB)
016 Module Summary (9.64 MB)
017 cmp-communication-01-starting-setup (33.63 KB)
017 cmp-communication-02-introducing-props (33.82 KB)
017 cmp-communication-03-validating-props (33.99 KB)
017 cmp-communication-04-working-with-dynamic-prop-values (34.4 KB)
017 cmp-communication-05-emitting-custom-events (34.21 KB)
017 cmp-communication-06-defining-and-validating-custom-events (34.75 KB)
017 cmp-communication-07-demo-adding-more-component-communication (35.69 KB)
017 cmp-communication-08-a-potential-problem-starting-setup (35.82 KB)
017 cmp-communication-09-provide-inject-for-functions (35.6 KB)
001 Module Introduction (1.85 MB)
002 cmp-adv-01-starting-setup (34.44 KB)
002 Project Setup (12.61 MB)
003 Global vs Local Components (84.45 MB)
004 Scoped Styles (18.65 MB)
005 Introducing Slots (23.79 MB)
006 Named Slots (18.02 MB)
007 Slot Styles & Compilation (14.73 MB)
008 More on Slots (22.72 MB)
009 Scoped Slots (36.55 MB)
010 Dynamic Components (28.72 MB)
011 Keeping Dynamic Components Alive (8.62 MB)
012 Applying What We Know & A Problem (35.61 MB)
013 Teleporting Elements (14.63 MB)
014 Working with Fragments (4.66 MB)
015 The Vue Style Guide (25.06 MB)
016 Moving to a Different Folder Structure (11.17 MB)
017 Module Summary (6.65 MB)
018 cmp-adv-01-starting-setup (34.44 KB)
018 cmp-adv-02-scoped-styles (34.5 KB)
018 cmp-adv-03-introducing-slots (35 KB)
018 cmp-adv-04-named-slots (34.77 KB)
018 cmp-adv-05-more-on-slots (34.87 KB)
018 cmp-adv-06-scoped-slots (35.32 KB)
018 cmp-adv-07-keeping-dynamic-components-alive (36.83 KB)
018 cmp-adv-08-teleporting-elements (37.05 KB)
018 cmp-adv-09-working-with-fragments (37.13 KB)
018 cmp-adv-10-moving-to-a-different-folder-structure (38.43 KB)
001 Module Introduction (2.51 MB)
002 prj-cmp-01-starting-setup (31.88 KB)
002 Setup & First Steps (12.93 MB)
003 First Components & Props (37.65 MB)
004 Styling and More Components (22.79 MB)
005 Header & BaseCard Components (44.85 MB)
006 Adding a Base Button (20.21 MB)
007 Dynamic Components & Attribute Fallthrough (74.53 MB)
008 Adding & Styling Tabs (20.26 MB)
009 Adding a Form (15.72 MB)
010 Fetching User Input (27.15 MB)
011 Adding a Modal Dialog (94.58 MB)
012 Deleting Items (42.54 MB)
013 Adding Teleport (5.92 MB)
014 prj-cmp-01-starting-setup (31.88 KB)
014 prj-cmp-02-first-component-and-props (33.71 KB)
014 prj-cmp-03-styling-and-more-components (34.6 KB)
014 prj-cmp-04-header-and-base-card-components (36.26 KB)
014 prj-cmp-05-adding-a-basebutton (36.29 KB)
014 prj-cmp-06-dynamic-cmp-attribute-fallthrough (37.91 KB)
014 prj-cmp-07-adding-a-form (37.25 KB)
014 prj-cmp-08-fetching-user-input (37.81 KB)
014 prj-cmp-09-adding-a-modal-dialog (38.98 KB)
014 prj-cmp-10-deleting-items (38.7 KB)
014 prj-cmp-11-adding-teleport (38.78 KB)
001 Module Introduction (595.78 KB)
002 forms-01-starting-setup (33.43 KB)
002 v-model & Inputs (33.37 MB)
003 Working with v-model Modifiers and Numbers (40.63 MB)
004 v-model and Dropdowns (9.48 MB)
005 Using v-model with Checkboxes & Radiobuttons (27.88 MB)
006 Adding Basic Form Validation (31.39 MB)
007 Building a Custom Control Component (38.73 MB)
008 Using v-model on Custom Components (43.96 MB)
009 Module Summary (5.24 MB)
010 forms-01-starting-setup (33.43 KB)
010 forms-02-v-model-and-inputs (33.69 KB)
010 forms-03-working-with-v-model-modifiers (34.15 KB)
010 forms-04-v-model-and-dropdowns (33.88 KB)
010 forms-05-using-v-model-with-checkboxes (34.32 KB)
010 forms-06-adding-basic-form-validation (34.43 KB)
010 forms-07-building-a-custom-control-component (35.42 KB)
010 forms-08-using-v-model-on-a-custom-control (35.44 KB)
001 Module Introduction (1 MB)
002 http-01-starting-setup (35.95 KB)
002 Starting App & Why we need a Backend (12.85 MB)
003 Adding a Backend (16.72 MB)
004 How To (Not) Send Http Requests (13.06 MB)
005 Sending a POST Request to Store Data (17.26 MB)
008 Getting Data (GET Request) & Transforming Response Data (36.74 MB)
009 Loading Data When a Component Mounts (10.47 MB)
010 Showing a Loading Message (10.89 MB)
011 Handling the No Data State (11.63 MB)
012 Handling Technical Browser-side Errors (26.87 MB)
013 Handling Error Responses (25.36 MB)
014 Module Summary (8.52 MB)
015 http-01-starting-setup (35.95 KB)
015 http-02-sending-a-post-request (36.43 KB)
015 http-03-getting-data (36.19 KB)
015 http-04-showing-a-loading-message (36.83 KB)
015 http-05-handling-technical-errors (36.99 KB)
015 http-06-handling-error-responses (37.06 KB)
001 Module Introduction (781.64 KB)
002 routing-01-starting-setup (37.03 KB)
002 What & Why (6.58 MB)
003 Routing Setup (12.19 MB)
004 Registering & Rendering Routes (19.61 MB)
005 Navigating with router-link (18.79 MB)
006 Styling Active Links (10.09 MB)
007 Programmatic Navigation (12.14 MB)
008 Passing Data with Route Params (Dynamic Segments) (42.02 MB)
009 Navigation & Dynamic Paths (11.64 MB)
011 Updating Params Data with Watchers (19 MB)
012 Passing Params as Props (14.46 MB)
013 Redirecting & Catch All Routes (27.78 MB)
014 Using Nested Routes (19.37 MB)
015 More Fun with Named Routes & Location Objects (51.24 MB)
016 Using Query Params (22.79 MB)
017 Rendering Multiple Routes with Named Router Views (54.61 MB)
018 Controlling Scroll Behavior (60.17 MB)
019 Introducing Navigation Guards (29.65 MB)
020 Diving Deeper Into Navigation Guards (57.2 MB)
021 The Global afterEach Guard (5.11 MB)
022 Beyond Entering Route Leave Guards (71.72 MB)
023 Utilizing Route Metadata (7.91 MB)
024 Organizing Route Files (32.45 MB)
025 Summary (9.26 MB)
026 routing-01-starting-setup (37.03 KB)
026 routing-02-registering-and-rendering-routes (38.04 KB)
026 routing-03-navigating-with-router-link (37.64 KB)
026 routing-04-styling-active-links (37.32 KB)
026 routing-05-navigation-and-dynamic-paths (38 KB)
026 routing-06-updating-params-data-with-watchers (38.38 KB)
026 routing-07-passing-params-as-props (37.83 KB)
026 routing-08-redirecting-and-catch-all-routes (38.69 KB)
026 routing-09-more-fun-with-named-routes (38.48 KB)
026 routing-10-using-query-params (38.12 KB)
026 routing-11-rendering-multiple-routes-with-named-routerview (40.37 KB)
026 routing-12-controlling-scroll-behavior (39.34 KB)
026 routing-13-beyond-entering-route-leave-guards (40.14 KB)
026 routing-14-organizing-route-files (39.93 KB)
001 Module Introduction (1.27 MB)
002 Animation Basics & CSS Transitions (21.76 MB)
002 animations-01-starting-setup (33.57 KB)
003 Understanding CSS Animations (13.42 MB)
004 Why Is Just CSS Not Enough (11.46 MB)
005 Playing CSS Animations with Vue's Help (12.62 MB)
006 Using the Transition Component (16.19 MB)
007 CSS Animations with the Transition Component (10.22 MB)
008 Using Custom CSS Class Names (15.11 MB)
009 Example Animating a Modal (68.61 MB)
010 Transitioning Between Multiple Elements (34.99 MB)
011 Using Transition Events (53.71 MB)
012 Building JavaScript Transitions (instead of CSS) (89.89 MB)
013 Disabling CSS Transitions (12.96 MB)
014 Getting Started with Animated Lists (59.17 MB)
015 Animating Lists with transition-group (16.6 MB)
016 Animate List Item Movement (11.88 MB)
017 Animating Route Changes (85.3 MB)
019 animations-01-starting-setup (33.57 KB)
019 animations-02-understanding-css-animations (34.19 KB)
019 animations-03-using-custom-css-class-names (34.45 KB)
019 animations-04-example-animating-a-modal (34.43 KB)
019 animations-05-transitioning-between-multiple-elements (35.01 KB)
019 animations-06-using-transition-events (34.61 KB)
019 animations-07-building-javascript-transitions (34.99 KB)
019 animations-08-getting-started-with-animated-lists (35.85 KB)
019 animations-09-animating-lists-with-transition-group (36.06 KB)
019 animations-10-animate-list-item-movement (35.67 KB)
019 animations-11-animating-route-changes (36.39 KB)
001 Module Introduction (1.09 MB)
002 What & Why (55.39 MB)
003 Creating & Using a Store (11.23 MB)
003 vuex-01-starting-setup (32.85 KB)
004 Connecting Components to State (8.27 MB)
005 Introducing Mutations - A Better Way of Changing Data (18.91 MB)
006 Passing Data to Mutations with Payloads (10.92 MB)
007 Introducing Getters - A Better Way Of Getting Data (23.42 MB)
008 Running Async Code with Actions (49.7 MB)
009 Understanding the Action Context (7.25 MB)
010 Using Mapper Helpers (22.77 MB)
011 Example Adding More State (33.04 MB)
012 Organizing your Store with Modules (16.62 MB)
013 Understanding Local Module State (18.07 MB)
014 Namespacing Modules (20.04 MB)
015 Structuring Vuex Code & Files (29.04 MB)
016 A Challenge! (7.73 MB)
016 vuex-11-a-challenge-starting-code (40.05 KB)
017 Challenge Solution (13) (47.29 MB)
018 Challenge Solution (23) (47.99 MB)
019 Challenge Solution (33) (11.3 MB)
020 Summary (4.03 MB)
021 vuex-01-starting-setup (32.85 KB)
021 vuex-02-connecting-components-to-state (33.92 KB)
021 vuex-03-passing-data-to-mutations (34.25 KB)
021 vuex-04-introducing-getters (34.55 KB)
021 vuex-05-running-async-code-with-actions (35.08 KB)
021 vuex-06-using-mapping-helpers (34.81 KB)
021 vuex-07-example-adding-more-state (35.59 KB)
021 vuex-08-organizing-your-store-with-modules (35.99 KB)
021 vuex-09-namespacing-modules (35.45 KB)
021 vuex-10-structuring-vuex-code-files (39.06 KB)
021 vuex-11-a-challenge-starting-code (40.05 KB)
021 vuex-12-challenge-solution-1-3 (41.47 KB)
021 vuex-13-challenge-solution-2-3 (41.5 KB)
021 vuex-13-challenge-solution-3-3 (41.61 KB)
001 Module Introduction (5.91 MB)
002 Planning the Project Web App (5.93 MB)
003 Planning the Data Requirements (7.43 MB)
004 Planning the Layout Components (7.2 MB)
005 main-prj-01-starting-setup (31.91 KB)
005 Registering Routes (13.58 MB)
006 Adding Route Page Components (17.88 MB)
007 Working on the Main Layout & Styling (20.13 MB)
008 Wiring Up Pages (35.85 MB)
009 Adding Vuex and Coach Data (43.49 MB)
010 Working on the Coaches List and List Items (100.01 MB)
011 Adding a Couple of Base Components (Base Card, Base Button, Base Badge) (42.43 MB)
012 Building the Coach Detail Component (49.47 MB)
013 Filtering Coaches (67.93 MB)
014 Registering as a Coach The Form (64.41 MB)
015 Adding Coaches to Vuex (52.11 MB)
016 Adding Form Validation (110.91 MB)
017 Working on the Contact Form (26.72 MB)
018 Storing Requests (Messages) With Vuex (26.42 MB)
019 Outputting Incoming Requests (Messages) (31.38 MB)
020 Filtering Requests for the Active Coach (14.19 MB)
021 Sending a PUT Http Request to Store Coach Data (41.6 MB)
022 Fetching Coach Data (GET Http Request) (30.5 MB)
023 BaseSpinner (1.5 KB)
023 Rendering a Loading Spinner (43.21 MB)
024 Adding Http Error Handling (61.05 MB)
024 BaseDialog (2.32 KB)
025 Sending Coaching Requests Http Requests (64.96 MB)
026 Caching Http Response Data (34.88 MB)
027 Adding Route Transitions (42.96 MB)
028 The Not Found Page & Summary (7.85 MB)
029 main-prj-01-starting-setup (31.91 KB)
029 main-prj-02-adding-route-page-components (35.51 KB)
029 main-prj-03-working-on-the-main-layout (36.88 KB)
029 main-prj-04-wiring-up-pages (36.54 KB)
029 main-prj-05-adding-vuex-and-coach-data (39.98 KB)
029 main-prj-06-working-on-the-coaches-list-and-item (41.86 KB)
029 main-prj-07-adding-a-couple-of-base-components (43.83 KB)
029 main-prj-08-building-the-coach-detail-component (44.28 KB)
029 main-prj-09-filtering-coaches (43.74 KB)
029 main-prj-10-registering-as-a-coach-the-form (46.12 KB)
029 main-prj-11-adding-coaches-to-vuex (45.79 KB)
029 main-prj-12-adding-form-validation (46.19 KB)
029 main-prj-13-storing-requests-messages (48.84 KB)
029 main-prj-14-outputting-incoming-requests (50.44 KB)
029 main-prj-15-filtering-requests-for-the-active-coach (51.61 KB)
029 main-prj-16-sending-a-put-http-request (50.46 KB)
029 main-prj-17-fetching-coach-data-get-http-request (51.66 KB)
029 main-prj-18-adding-http-error-handling (52.64 KB)
029 main-prj-19-sending-coaching-requests-http (53.62 KB)
029 main-prj-20-caching-http-response-data (53.42 KB)
029 main-prj-21-finished (52 KB)
001 Module Introduction (1.3 MB)
002 How Authentication Works in Vue Apps (or any SPA) (10.84 MB)
003 auth-01-starting-project (52.82 KB)
003 Locking Protecting Backend Resources (37.61 MB)
004 Adding an Authentication Page (Login & Signup) (38.72 MB)
005 Preparing Vuex (13.55 MB)
006 Adding a Signup Action & Flow (55.55 MB)
007 Better UX Loading Spinner & Error Handling (36.91 MB)
008 Adding a Login Action & Flow (22.05 MB)
009 Attaching the Token to Outgoing Requests (25.33 MB)
010 Updating the UI Based on Auth State (33.42 MB)
011 Adding a Logout Action & Flow (14.67 MB)
012 Authentication & Routing (incl Navigation Guards) (49.55 MB)
013 Adding Auto Login (57.67 MB)
014 Adding Auto Logout (89.09 MB)
015 Summary (11.32 MB)
016 auth-01-starting-project (52.82 KB)
016 auth-02-adding-an-authentication-page (55.03 KB)
016 auth-03-adding-a-signup-action (56.2 KB)
016 auth-04-better-ux-loading-spinner-error-handling (58.52 KB)
016 auth-05-adding-a-login-action (56.32 KB)
016 auth-06-attaching-the-token-to-outgoing-requests (58.62 KB)
016 auth-07-adding-a-logout-action (56.78 KB)
016 auth-08-authentication-and-routing (57.45 KB)
016 auth-09-adding-auto-login (56.95 KB)
016 auth-10-adding-auto-logout (56.96 KB)
016 auth-11-finished (55.79 KB)
001 Module Introduction (2.13 MB)
002 What To Deploy (5.42 MB)
003 deploy-01-starting-project (56.97 KB)
003 Optimization Using Asynchronous Components (127.28 MB)
005 Building the Project For Production (27.74 MB)
006 Deploying a Vue App (20.32 MB)
007 deploy-01-starting-project (56.97 KB)
007 deploy-02-async-components (57.08 KB)
001 Module Introduction (2.47 MB)
002 Which Problem Does The Composition API Solve (46.48 MB)
003 composition-01-starting-setup (32.51 KB)
003 Replacing data with refs (31.56 MB)
005 Building reactive Objects (33.21 MB)
006 Reactivity A Deep Dive (25.94 MB)
007 Replacing methods with Regular Functions (21.43 MB)
008 Replacing Computed Properties with the computed Function (47.16 MB)
009 Two-Way-Binding and the Composition API (9.54 MB)
010 Working with Watchers (14.46 MB)
011 A First Summary (5.44 MB)
012 How To Use Template Refs (16.4 MB)
013 Components, Props & The Composition API (60.2 MB)
014 Emitting Custom Events (7.84 MB)
015 Working with Provide Inject (22.97 MB)
016 Lifecycle Hooks in the Composition API (26.68 MB)
017 composition-13-demo-starting-project (38.26 KB)
017 Migrating from Options API to Composition API - An Example Project (5.29 MB)
018 Migrating a First Component (21.09 MB)
019 Migrating a Big Component (82.54 MB)
020 Migrating the Remaining Components (49.7 MB)
021 composition-17-routing-starting-project (36.44 KB)
021 Routing, Params & The Composition API (23.06 MB)
022 The Route & Router Objects and the Composition API (18.36 MB)
023 composition-19-vuex-starting-project (33.83 KB)
023 Using Vuex with the Composition API (10.83 MB)
024 Summary (6.04 MB)
025 composition-01-starting-setup (32.51 KB)
025 composition-02-replacing-data-with-refs (32.89 KB)
025 composition-03-building-reactive-objects (32.99 KB)
025 composition-04-replacing-methods-with-regular-functions (33.46 KB)
025 composition-05-replacing-computed-properties (33.3 KB)
025 composition-06-two-way-binding (32.86 KB)
025 composition-07-working-with-watchers (33.13 KB)
025 composition-08-how-to-use-template-refs (33.27 KB)
025 composition-09-components-props (33.76 KB)
025 composition-10-emitting-custom-events (34.01 KB)
025 composition-11-working-with-provide-inject (34.22 KB)
025 composition-12-lifecycle-hooks (33.9 KB)
025 composition-13-demo-starting-project (38.26 KB)
025 composition-14-migrating-a-first-component (38.58 KB)
025 composition-15-migrating-a-big-component (38.76 KB)
025 composition-16-migrating-the-remaining-components (39.48 KB)
025 composition-17-routing-starting-project (36.44 KB)
025 composition-18-route-and-router-objects (36.64 KB)
025 composition-19-vuex-starting-project (33.83 KB)
025 composition-20-using-vuex (33.56 KB)
001 Module Introduction (1.73 MB)
002 Reusability Concepts (11.68 MB)
002 reuse-01-starting-setup (34.4 KB)
003 Using Mixins (18.46 MB)
004 Understanding Mixin Merging (9.9 MB)
005 Global Mixins (6.27 MB)
006 Disadvantages of Mixins (10.37 MB)
007 Custom Hooks Composables & The Composition API (26.52 MB)
007 reuse-04-composition-api-starting-project (35.14 KB)
008 More Custom Composition Functions (12.73 MB)
009 Why Hooks Composables Beat Mixins (3.89 MB)
010 Example Creating a Search Hook (94.3 MB)
010 reuse-07-example-starting-project (38.67 KB)
011 Custom Hooks Gotchas (57.07 MB)
012 More Thoughts on Custom Hooks Composables (12.43 MB)
013 Example A Custom Sort Hook (22.62 MB)
014 reuse-01-starting-setup (34.4 KB)
014 reuse-02-using-mixins (34.77 KB)
014 reuse-03-global-mixins (35.16 KB)
014 reuse-04-composition-api-starting-project (35.14 KB)
014 reuse-05-custom-hooks-composables (35.39 KB)
014 reuse-06-more-custom-composition-functions (35.8 KB)
014 reuse-07-example-starting-project (38.67 KB)
014 reuse-08-example-creating-a-search-hook (39.64 KB)
014 reuse-09-example-a-custom-sort-hook (39.83 KB)
001 Thanks for being part of the course! (11.04 MB)
002 Course Roundup & Next Steps (4.03 MB)
001 Vue 3 - Overview (35.69 MB)
002 Important Changes & Migration Steps (128.57 MB)
003 Vue 3 New Features (20.16 MB)
004 The New Composition API (Optional!) (135.96 MB)
01-finished (56.67 KB)
getting-started-01-intro (20.23 MB)
getting-started-02-first-app (28.7 MB)
getting-started-03-enhancing-the-app (26.99 MB)
getting-started-04-course-structure (24.11 MB)
getting-started-05-course-resources (10.53 MB)
getting-started-06-local-setup (15.68 MB)
2 1 Exercise 1 (1.72 KB)
dom-interaction-01-intro (4.15 MB)
dom-interaction-02-basics (16.76 MB)
dom-interaction-03-template-syntax-and-the-vue-instance (15.51 MB)
dom-interaction-04-vue-instance-proxies (10.92 MB)
dom-interaction-05-attribute-binding (15.77 MB)
dom-interaction-06-understanding-directives (9.19 MB)
dom-interaction-07-only-rendering-once-with-v-once (10.69 MB)
dom-interaction-08-output-raw-html (17.3 MB)
dom-interaction-09-event-directive (11.03 MB)
dom-interaction-10-using-the-event-object (15.53 MB)
dom-interaction-11-event-custom-args (12.24 MB)
dom-interaction-12-event-modifiers (22.55 MB)
dom-interaction-13-key-modifiers (14 MB)
dom-interaction-14-template-js-expressions (24.35 MB)
dom-interaction-15-two-way-binding (10.74 MB)
dom-interaction-16-computed-properties (63.09 MB)
dom-interaction-17-watch (25.99 MB)
dom-interaction-18-shorthands (9.21 MB)
dom-interaction-19-css-classes (26.85 MB)
dom-interaction-20-css-classes-object-in-data (9.76 MB)
dom-interaction-21-css-classes-class-names (22.7 MB)
dom-interaction-22-styles (19.31 MB)
dom-interaction-23-styles-arrays-roundup (7.66 MB)
dom-interaction-24-wrap-up (4.23 MB)
dom-interaction-exercise-01-problem-output (13.75 MB)
dom-interaction-exercise-01-solution-output (40.21 MB)
dom-interaction-exercise-02-problem-events (10.82 MB)
dom-interaction-exercise-02-solution-events (32.2 MB)
dom-interaction-exercise-03-problem-solution-computed (38.19 MB)
dom-interaction-exercise-03-problem-template-computed (17.02 MB)
dom-interaction-exercise-03-solution-template-computed (21.5 MB)
dom-interaction-exercise-04-problem-styles (26.93 MB)
dom-interaction-exercise-04-solution-styles (119.3 MB)
conditionals-lists-01-intro (4.55 MB)
conditionals-lists-02-v-if (22.7 MB)
conditionals-lists-03-v-if-template (10.21 MB)
conditionals-lists-04-v-show (13.05 MB)
conditionals-lists-05-v-for (14.38 MB)
conditionals-lists-06-v-for-index (11.29 MB)
conditionals-lists-07-v-for-template (7.05 MB)
conditionals-lists-08-v-for-objects (28.7 MB)
conditionals-lists-09-v-for-range (6.05 MB)
conditionals-lists-10-v-for-key (29.35 MB)
conditionals-lists-11-wrap-up (4.95 MB)
conditionals-lists-exercise-01-problem (10.68 MB)
conditionals-lists-exercise-01-solution (60.78 MB)
first-project-01-intro-challenge (18.81 MB)
first-project-02-setup (19.1 MB)
first-project-03-vue-instance-health-styles (36.96 MB)
first-project-04-conditionally-show-buttons (13.99 MB)
first-project-05-start-game-method (10.63 MB)
first-project-06-attacking-method (46.94 MB)
first-project-07-refactoring-code (29.93 MB)
first-project-08-special-attack (14.77 MB)
first-project-09-heal (16.95 MB)
first-project-10-finish-action-buttons (6.19 MB)
first-project-11-log-add-turns (17.76 MB)
first-project-12-printing-the-log (16.39 MB)
first-project-13-finishing-the-log (12.76 MB)
first-project-14-conditional-classes-log (11.96 MB)
first-project-15-wrap-up (12 MB)
understanding-vue-instance-01-intro (6.05 MB)
understanding-vue-instance-02-vuejs-instance-basics-summary (21.95 MB)
understanding-vue-instance-03-multiple-vue-instances (20.15 MB)
understanding-vue-instance-04-accessing-the-vue-instance-from-outs (23.58 MB)
understanding-vue-instance-05-how-vuejs-manages-and-proxies-proper (32.94 MB)
understanding-vue-instance-06-$el-and-$data (38.98 MB)
understanding-vue-instance-07-$refs-and-vue-templates (41.46 MB)
understanding-vue-instance-08-vue-api-ref (6.32 MB)
understanding-vue-instance-09-vuejs-mounting-templates (45.42 MB)
understanding-vue-instance-10-components (33.61 MB)
understanding-vue-instance-11-vue-template-limitations-summary (19.68 MB)
understanding-vue-instance-12-virtual-dom-updating (19 MB)
understanding-vue-instance-13-vuejs-lifecycle-theory (18.81 MB)
understanding-vue-instance-14-vuejs-lifecycle-practice (38.18 MB)
understanding-vue-instance-15-wrap-up (5.37 MB)
vue-cli-01-intro (11.86 MB)
vue-cli-02-why-dev-server (16.32 MB)
vue-cli-03-dev-workflow (23.31 MB)
vue-cli-04-the-vue-cli (11.1 MB)
vue-cli-05-install-vue-cli-and-setup-project (28.81 MB)
vue-cli-06-folder-structure (22.13 MB)
vue-cli-07-vue-files (41.62 MB)
vue-cli-08-the-object-in-the-vue-file (6.83 MB)
vue-cli-09-production-build (5.26 MB)
vue-cli-10-wrap-up 1 (6.7 MB)
components-intro-01-intro (5.74 MB)
components-intro-02-component-introduction (28.72 MB)
components-intro-03-the-data-function (25.55 MB)
components-intro-04-local-vs-global-registration (17.72 MB)
components-intro-05-app-vue-root-component (19.17 MB)
components-intro-06-creating-a-component (22.96 MB)
components-intro-07-using-components-in-practice (30.72 MB)
components-intro-08-exercise-problem (12.12 MB)
components-intro-09-exercise-solution (14.56 MB)
components-intro-10-better-folder-structures (18.27 MB)
components-intro-11-vuejs-component-selectors (32.64 MB)
components-intro-12-scoped-styles (42.63 MB)
components-intro-13-wrap-up (5.53 MB)
components-communication-01-intro (4.6 MB)
components-communication-02-setup-communication-problems (18.56 MB)
components-communication-03-parent-to-child-with-props (22.35 MB)
components-communication-04-prop-names (8.9 MB)
components-communication-05-props-in-the-vue-instance (10.01 MB)
components-communication-06-props-validation (34.05 MB)
components-communication-07-from-child-to-parent-custom-event (40.21 MB)
components-communication-08-unidirectional-data-flow (5.22 MB)
components-communication-09-callback-function-communication (15.84 MB)
components-communication-10-sibling-communication-parent-child-chain (43.33 MB)
components-communication-11-event-bus-sibling-communication (34.99 MB)
components-communication-12-event-bus-centralize-code (14.58 MB)
components-communication-13-exercise-problem (19.16 MB)
components-communication-14-exercise-solution (63.59 MB)
components-communication-15-wrap-up (3.61 MB)
components-advanced-01-intro (4.21 MB)
components-advanced-02-project-setup (16.9 MB)
components-advanced-03-the-suboptimal-solution (13.83 MB)
components-advanced-04-using-slots (4.77 MB)
components-advanced-05-slot-compilation-and-style-scope (20.57 MB)
components-advanced-06-named-slots (17.74 MB)
components-advanced-07-default-slots-and-slot-defaults (12.95 MB)
components-advanced-08-slot-summary (5.91 MB)
components-advanced-09-dynamic-components (37.06 MB)
components-advanced-10-dynamic-component-behavior (12.54 MB)
components-advanced-11-keeping-dynamic-components-alive (6.21 MB)
components-advanced-12-additional-lifecycle-hooks (8.4 MB)
components-advanced-13-exercise-problem (10.02 MB)
components-advanced-14-exercise-solution (19.95 MB)
components-advanced-15-wrap-up (7.69 MB)
second-project-01-intro (8.68 MB)
second-project-02-project-setup (8.26 MB)
second-project-03-app-initilization (7.45 MB)
second-project-04-creating-components (20.96 MB)
second-project-05-slots-props (11.52 MB)
second-project-06-new-quote-component (22.2 MB)
second-project-07-add-quote-custom-event (20.12 MB)
second-project-08-info-box (6.85 MB)
second-project-09-delete-quotes (21.08 MB)
second-project-10-setup-progressbar (21.5 MB)
second-project-11-finishing-touches-state-management (12.95 MB)
forms-01-intro (4.23 MB)
forms-02-basic-input-form-binding-v-model (24.47 MB)
forms-03-group-data-object-prepopulate-fields (18.39 MB)
forms-04-input-modifiers (18.09 MB)
forms-05-textarea-and-line-breaks (19.51 MB)
forms-06-checkboxes-array (30.37 MB)
forms-07-radio-buttons (17.37 MB)
forms-08-select-input (35.15 MB)
forms-09-v-model-behind-the-scenes-custom-control (18.35 MB)
forms-10-custom-control (34.83 MB)
forms-11-submit-and-prevent (15.86 MB)
forms-12-problem (12.73 MB)
forms-13-solution (100.25 MB)
forms-14-wrap-up (4.62 MB)
directives-01-intro (4.55 MB)
directives-02-directives-basics (22.14 MB)
directives-03-directive-hooks (12.11 MB)
directives-04-custom-directive-simple (8.26 MB)
directives-05-custom-directive-value (7.53 MB)
directives-06-custom-directive-argument (16.87 MB)
directives-07-custom-directive-modifiers (15.49 MB)
directives-08-summary (3.53 MB)
directives-09-local-directives (11.45 MB)
directives-10-multiple-modifiers (29.49 MB)
directives-11-more-complex-value (17.69 MB)
directives-12-problem (5.84 MB)
directives-13-solution (39.66 MB)
directives-14-wrap-up (5.49 MB)
filters-mixins-01-intro (4.13 MB)
filters-mixins-02-creating-a-local-filter (28.51 MB)
filters-mixins-03-global-filter-and-chaining (12.02 MB)
filters-mixins-04-alternative-computed-property (34.23 MB)
filters-mixins-05-mixin-problem-set (15.43 MB)
filters-mixins-06-creating-and-using-mixins (14.77 MB)
filters-mixins-07-mixin-merging (19.56 MB)
filters-mixins-08-global-mixin-merging (23.12 MB)
filters-mixins-09-object-scope (16.37 MB)
filters-mixins-10-problem (9.06 MB)
filters-mixins-11-solution (53.57 MB)
filters-mixins-12-wrap-up (12.32 MB)
animations-transitions-01-intro (6.27 MB)
animations-transitions-02-transitions-basics (4.68 MB)
animations-transitions-03-code-preparation-transition-elemet (20.23 MB)
animations-transitions-04-transition-css-classes (15.68 MB)
animations-transitions-05-transition-assigning-css-classes (14.44 MB)
animations-transitions-06-css-transition-fade (19.89 MB)
animations-transitions-07-css-animation-slide (22.16 MB)
animations-transitions-08-mixing-animation-and-transition (22.1 MB)
animations-transitions-09-v-if-and-v-show (3.8 MB)
animations-transitions-10-initial-animation (9.08 MB)
animations-transitions-11-custom-css-classes (30.17 MB)
animations-transitions-12-dynamic-names-and-attributes (18.17 MB)
animations-transitions-13-transitioning-between-elements (2.64 MB)
animations-transitions-14-transitioning-between-elements-practice (34.2 MB)
animations-transitions-15-transition-events (9.37 MB)
animations-transitions-16-js-hooks (55.18 MB)
animations-transitions-17-css-false (10.27 MB)
animations-transitions-18-js-animation (38.33 MB)
animations-transitions-19-dynamic-components (41.42 MB)
animations-transitions-20-transition-group-intro (3.57 MB)
animations-transitions-21-group-animation-setup (28.9 MB)
animations-transitions-22-using-transition-group-for-list-animations (40.28 MB)
animations-transitions-23-mini-app-problem (6.14 MB)
animations-transitions-24-mini-app-setup (83.99 MB)
animations-transitions-25-mini-app-animations (36.69 MB)
animations-transitions-26-wrap-up (5.61 MB)
http-01-intro (7.78 MB)
http-02-vue-resource-setup (23.44 MB)
http-03-setup-app-and-firebase (32.93 MB)
http-04-posting-data (38.72 MB)
http-05-getting-data-transforming-data (44.82 MB)
http-06-global-config (17.58 MB)
http-07-request-interceptor (21.67 MB)
http-08-response-interceptors (18.41 MB)
http-09-resources-basics (29.43 MB)
http-10-resources-custom (17.03 MB)
http-11-resouces-vs-normal-requests (3.42 MB)
http-12-template-urls (34.28 MB)
http-13-wrap-up (12.95 MB)
routing-01-intro (8.14 MB)
routing-02-setup-vue-router (13.97 MB)
routing-03-route-setup-router-view (35.72 MB)
routing-04-hash-vs-history-mode (23.33 MB)
routing-05-navigating-with-router-link (21.52 MB)
routing-06-styling-active-links (18.4 MB)
routing-07-programmatic-navigation (15.37 MB)
routing-08-setting-up-dynamic-routes-with-params (10.18 MB)
routing-09-fetching-dynamic-params (12.45 MB)
routing-10-fetching-params-reactive (19.22 MB)
routing-11-nested-routes (26.71 MB)
routing-12-nested-routes-navigation-params (16.39 MB)
routing-13-dynamic-to (10.76 MB)
routing-14-better-way-to-create-links-named-routes (18.71 MB)
routing-15-query-params (15.15 MB)
routing-16-named-router-view (20.7 MB)
routing-17-redirecting (14.98 MB)
routing-18-catch-all-wildcard (7.82 MB)
routing-19-transitions (17.85 MB)
routing-20-passing-hash-fragment (19.25 MB)
routing-21-controlling-scroll-behavior (21.46 MB)
routing-22-router-guards (7.62 MB)
routing-23-before-enter-guard (53.38 MB)
routing-24-before-route-leave-guard (23.49 MB)
routing-25-lazy-loading (48.5 MB)
routing-26-wrap-up (8.35 MB)
vuex-01-intro (5.52 MB)
vuex-02-why-a-different-state-management (13.62 MB)
vuex-03-understanding-central-state (8.32 MB)
vuex-04-using-state (39.87 MB)
vuex-05-the-problem-of-the-current-solution (16.1 MB)
vuex-06-understanding-getters (4.69 MB)
vuex-07-using-getters (14.98 MB)
vuex-08-map-getters (41.59 MB)
vuex-09-understanding-mutations (7.32 MB)
vuex-10-using-mutations (29.87 MB)
vuex-11-sync-mutations-problem (10.76 MB)
vuex-12-understanding-actions (9.28 MB)
vuex-13-using-actions (31.07 MB)
vuex-14-understanding-mapaction-and-payloads (30.61 MB)
vuex-15-summary-vuex (27.83 MB)
vuex-16-v-model-and-vuex (43.74 MB)
vuex-17-the-need-for-optimal-folder-structures (7.66 MB)
vuex-18-using-modules (31.4 MB)
vuex-19-splitting-it-up-in-files (25.8 MB)
vuex-20-using-namespaces (40.04 MB)
vuex-21-wrap-up (6.54 MB)
final-project-01-project-intro (15.98 MB)
final-project-02-setup-and-planning (12.63 MB)
final-project-03-creating-components (16.4 MB)
final-project-04-setup-routing (26.23 MB)
final-project-05-adding-header-and-navigation (50.41 MB)
final-project-06-planning-the-next-steps (7.02 MB)
final-project-07-creating-stocks-components (36.08 MB)
final-project-08-buy-stock-input-and-button (36.28 MB)
final-project-09-setting-up-vuex-stocks-module (60.16 MB)
final-project-10-vuex-portfolio-module (67.87 MB)
final-project-11-portfolio-stocks (44.59 MB)
final-project-12-connecting-the-portfolio-to-store (13.14 MB)
final-project-13-fixing-errors (12.77 MB)
final-project-14-displaying-funds (22.66 MB)
final-project-15-order-checks (36.76 MB)
final-project-16-funds-filters (10.26 MB)
final-project-17-rnd-update-stocks (34.58 MB)
final-project-18-animating-route-transitions (20.01 MB)
final-project-19-header-dropdown (17.82 MB)
final-project-20-vue-resource-firebase-setup (15.23 MB)
final-project-21-save-data (18.36 MB)
final-project-22-load-data (32.14 MB)
final-project-23-load-data-testing-and-fixes (17.09 MB)
final-project-24-wrap-up (6.87 MB)
final-project-25-vue-dev-tools (9.7 MB)
deployment-01-intro (8.29 MB)
deployment-02-deployment-preparations (13.12 MB)
deployment-03-deployment (44.63 MB)
axios-0-section-info (8.78 MB)
axios-01-intro (1.88 MB)
axios-02-project-setup (14.4 MB)
axios-03-axios-installation (12.33 MB)
axios-04-sending-a-post-request (34.31 MB)
axios-05-sending-a-get-request (15.67 MB)
axios-06-accessing-response-data (35.62 MB)
axios-07-global-config (31.93 MB)
axios-08-interceptors (35.79 MB)
axios-09-custom-instances (27.7 MB)
axios-10-wrap-up (7.34 MB)
auth-01-intro (3.59 MB)
auth-02-how-auth-works-in-spas (6.8 MB)
auth-03-project-setup (10.63 MB)
auth-04-user-signup (29.37 MB)
auth-05-user-signin (14.86 MB)
auth-06-auth-requests-from-within-vuex (24.88 MB)
auth-07-adding-a-mutation-to-store-auth-data (18.65 MB)
auth-08-moving-db-access-to-vuex (49.02 MB)
auth-09-passing-the-token-to-firebase (31.62 MB)
auth-10-route-auth-guard (15.52 MB)
auth-11-conditional-ui-updates-on-auth-state (15.53 MB)
auth-12-logout (27.82 MB)
auth-13-auto-logout (31.18 MB)
auth-14-auto-login (61.6 MB)
auth-15-wrap-up (3.84 MB)
validation-0-section-info (13.71 MB)
validation-01-intro (2.02 MB)
validation-02-installing-vuelidate (9.7 MB)
validation-03-adding-a-validator (53.66 MB)
validation-04-validation-ui-feedback (27.16 MB)
validation-05-controlling-the-styling-for-invalid-entries (11.27 MB)
validation-06-more-validators (37.23 MB)
validation-07-password-equality-validation (34.9 MB)
validation-08-required-unless (29.27 MB)
validation-09-validating-arrays (44.9 MB)
validation-10-disabling-the-form-submit-button (11.84 MB)
validation-11-creating-a-custom-validator (15.19 MB)
validation-12-async-validators (53.91 MB)
validation-13-wrap-up (2.53 MB)
Screenshot
Fikper
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!