Vue | Vue Js Web Development Course With Real Vuejs Projects
Published 9/2023
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Vue Js is a popular Front End JavaScript Framework. Learn Vue 3, build Vuejs web applications and be a Vue.js master
What you’ll learn
Learn Web App Development with Vue .js
We will learn routing in Vue .js applications with Vue-Router packages
Composition API
Learn the latest version of Vue .js
We will learn how to develop Single Page Apps with Vue .js
We will see Vue .js manual installation and installation with
How to create Web Application with Vue, Vue JS.
Vue, vue js, vuejs, nuxt, vue .js, vue 3, nuxt js, vuex.
What is Vue JS?
Most important Vuejs topics.
How to create multi-page web app with vue-router in vue js.
How to manage the data of our application with the vuex.
If you’re looking for a JavaScript web framework that isn’t going to drown you in complexity, take a look at Vue js.
Vuejs takes what other frameworks have done before, but does it in a way that’s fresh and easy-to-use
Requirements
No knowledge of using Vue .js is required.
We preferred Windows OS (64-bit) but this is not mandatory. You can prefer to use other Operating Systems.
Having a working computer with 8 GB RAM or higher and internet connection
Basic knowledge of JavaScript is required.
Desire to learn Web Application Development
Watching the Vue .js course videos completely, to the end and in order.
Description
Overview
Section 1: Introduction to Vue | Vue Js Web Development Course with Real Vuejs Projects
Lecture 1 What we will learn?
Lecture 2 What is this Vue.js?
Lecture 3 Advantages of Vue.js
Lecture 4 Vue.js Two way data binding & Virtual DOM & Componnet
Lecture 5 Node.js
Lecture 6 Useful Links for Vue Js Developers
Section 2: Installing With Vue.js in CDN
Lecture 7 Installing with CDN-1
Lecture 8 Installing with CDN-2
Section 3: Introduction to Vue js
Lecture 9 Vue.js with CLI
Lecture 10 What is this package.json
Lecture 11 Using Classes in Vue.js
Lecture 12 Style First Look
Section 4: Vuejs DOM Operations
Lecture 14 File structure in vue.js
Lecture 15 What is this template?
Lecture 16 What is this Script?
Lecture 17 What is this Style?
Lecture 18 String Interpolation
Lecture 19 Attribute Binding
Lecture 20 What Is Directive
Lecture 21 Event Handling
Lecture 22 Get Event Data
Lecture 23 Sending Parameters to Events
Lecture 24 Event Modifier
Lecture 25 How to Write JavaScript Inside a Template
Lecture 26 Two Way Data Binding
Section 5: Vue.js Directives
Lecture 27 v-html
Lecture 28 v-text
Lecture 29 v-once
Lecture 30 v-show
Lecture 31 5-v-if & v-else & v-else-if
Lecture 32 v-for
Lecture 33 v-model
Lecture 34 v-on
Lecture 35 v-pre
Section 6: What Is This Data Object
Lecture 36 What Is This Data Object
Section 7: Style In Vue js 3
Lecture 37 Dynamic Class
Lecture 38 Inline Style
Section 8: Lists & Conditional Statements in Vue 3
Lecture 39 Rendering List
Lecture 40 Using Conditional Expressions in Lists
Lecture 41 Sending Data in List to Functions
Lecture 42 Deleting an Item From a List
Lecture 43 Object Rendering
Section 9: Component Creation and Props Vue js 3
Lecture 44 Component
Lecture 45 More Component
Lecture 46 Global Component
Lecture 47 Data Transfer With Props
Lecture 48 Props Validation 1
Lecture 49 Props Validation 2
Lecture 50 Props Validation 3
Lecture 51 Custom Title
Lecture 52 Using Props in Functions
Lecture 53 Ensure Data Flow From Down to Up
Lecture 54 Sending Data With Provide Inject Method
Lecture 55 Component(Example Application)
Section 10: Slot
Lecture 56 Slot
Lecture 57 Named Slot
Lecture 58 Named Slot Example
Section 11: Dynamic Component
Lecture 59 Dynamic Components
Lecture 60 Keep Alive
Lecture 61 Activated & Deactivated
Section 12: Teleport
Lecture 62 Teleport
Section 13: Vue.js LifeCycles
Lecture 63 What is This LifeCycles
Lecture 64 beforeCreate & created
Lecture 65 beforeMount & mounted
Lecture 66 beforeUpdate & updated
Lecture 67 beforeUnmount & unmounted
Section 14: Refs & Computed & Watch
Lecture 68 Ref
Lecture 69 Multiple Refs
Lecture 70 Computed
Lecture 71 Watch
Section 15: Application TodoApp
Lecture 72 Project Presentation
Lecture 73 Template Structure Creation and Styling
Lecture 74 Creating Button Functions
Lecture 75 Finishing the Project
Section 16: Working with Form Elements
Lecture 76 Inputs
Lecture 77 Textarea & Button
Lecture 78 Select
Lecture 79 Checkbox & Radio
Lecture 80 Custom File Input
Lecture 81 User Input Bind
Lecture 82 Dynamic Select Option
Lecture 83 Dynamic Checkbox Bind
Lecture 84 File Bind & Dynamic Radio Bind
Lecture 85 Form Submit
Lecture 86 Let’s Bind v-model to Our Own Component
Lecture 87 Simple Form Validation
Lecture 88 Dynamic Input Bind
Section 17: Vuejs Async Component
Lecture 89 Async Component
Section 18: Mixin
Lecture 90 What is this mixin?
Lecture 91 Let’s Create a mixin.
Lecture 92 Global Mixin
Section 19: $nextTick
Lecture 93 nextTick
Section 20: HTTP Operations
Lecture 94 Fetch With Get Request
Lecture 95 Creating a List Design
Lecture 96 Component Creation
Lecture 97 Render a List
Lecture 98 Loading
Lecture 99 Error
Lecture 100 Post Creation
Lecture 101 Delete Post
Lecture 102 Axios
Section 21: Application_NasaPhoto
Lecture 103 App Introduction and API Key
Lecture 104 WelcomeScreen & API key
Lecture 105 WelcomeScreen & API key 2
Lecture 106 Show WelcomeScreen
Lecture 107 Input
Lecture 108 List
Lecture 109 Loading
Lecture 110 Rendering & Styling Cards
Lecture 111 Final Look at The Project
Section 22: Routing
Lecture 112 Plugin
Lecture 113 Routing
Lecture 114 Creating a Router
Lecture 115 router-link & router-view
Lecture 116 Router Link Active Class
Lecture 117 Router View Grid Example
Lecture 118 Routing With Code
Lecture 119 Params & Route Sensitive
Lecture 120 Query & Params
Lecture 121 notFound Page
Lecture 122 Route Parameter Checks
Lecture 123 Nested Routers
Lecture 124 Named Router View
Lecture 125 Redirect & Alias
Lecture 126 Scroll Behavior
Lecture 127 Adding, Deleting and Listing Dynamic Routers
Lecture 128 Lazy Load Routers
Lecture 129 Router Meta
Lecture 130 Router Meta Example
Lecture 131 Router Guard
Lecture 132 Global Router Guard
Lecture 133 Let’s Create a Router Layout
Section 23: Composition API
Lecture 134 Composition API
Lecture 135 Setup & Ref
Lecture 136 Reactive
Lecture 137 isRef & isReactive & toRef
Lecture 138 Component Defination
Lecture 139 Props
Lecture 140 Emits
Lecture 141 Refs
Lecture 142 Computed
Lecture 143 Watch
Lecture 144 Custom Directive
Lecture 145 Hooks
Lecture 146 More Custom Hooks
Lecture 147 LifeCycles Hooks
Lecture 148 Vue Router
Section 24: Shopping-App
Lecture 149 App Introduction & Fake Store API
Lecture 150 Project Setup
Lecture 151 Header
Lecture 152 HomeView
Lecture 153 ShopContext
Lecture 154 Product Card
Lecture 155 ProductDetailView
Lecture 156 Category Fetch & Product Fetch
Lecture 157 Specific Data Fetch
Lecture 158 Shopping Card
Section 25: Extra
Lecture 159 Vue | Vue Js Web Development Course with Real Vuejs Projects
Anyone who wants to learn to Vue .js,Programmers who are interested in building Web apps with Vue .js,Anyone who has no previous Web Development coding experience but wants to become expert,A total beginner, with a curious mind and wants to be an web developer,Anyone planning a job transformation and wants to become an web developer,Those who want to learn the JavaScript Framework with the fastest learning speed.
