Complete Vue & Vuex & JavaScript Mastery with Real Projects

سرفصل های دوره

Vue Js is a popular Front End Web Development Framework Java Script. Learn Vue.js, Vuex, JS together and build web apps

1 - Introduction

1 - Welcome To The Javascript World

2 - Configuration of Code Editor

2 - Basics of Javascript

3 - Lets Dive In

4 - First Code

5 - Introduction to Javascript

6 - Linking a Javascript File

7 - Values and Variables

8 - Data Types

9 - Let Const and Var Keywords

10 - Basic Operators

11 - Operator Precedence

12 - Strings and Template Literals

13 - If Else Statements

14 - Type Conversion and Coercion

15 - Truthy and Falsy Values

16 - Equality Operators

17 - Booleans

18 - Logical Operators

19 - Switch Statement

20 - Statements and Expressions

21 - Ternary Operator

3 - Basics of Javascript Part Two

22 - Strict Mode

23 - Functions

24 - Declarations and Expressions

25 - Arrow Functions

26 - Functions Can Call Other Functions

27 - Recap

28 - Arrays

29 - Basic Array Operations

30 - Objects

31 - Objects Notations

32 - Object Methods

33 - The For Loop

34 - Looping Arrays

35 - Looping Backwards

36 - The While Loop

4 - Javascript in the Browser DOM and Events Fundamentals

37 - Project What is in the box

38 - DOM Document Object Model

39 - Selecting and Manipulating Elements

40 - Click Events

41 - Game Logic 1

42 - Game Logic 2

43 - CSS Styles

44 - Reset Button

45 - Highscores

46 - Refactor

47 - Project Rock Paper Scissors

48 - Selecting Elements

49 - Generate Computer Selection and Make Player Selection

50 - Display Player and Computer Choices on the Page

51 - Compare Choices and Get Result

52 - Update Score and Game Over Functionality

53 - Reset Game Functionality

5 - How JavaScript Works Behind the Scenes

54 - Overview of JavaScript

55 - JS Engine and Runtime

56 - How JavaScript Code Execute

57 - Scope and Scope Chain

58 - Variable Environment

59 - This Keyword

60 - How The This Keyword Works in Action

6 - Data Structures Modern Operators and Strings

61 - Array Destructuring

62 - Objects Destructuring

63 - Spread Operator

64 - Rest Operator

65 - Short Circuiting

66 - Lets Work with Strings 1

67 - Lets Work with Strings 2

68 - Lets Work with Strings 3

7 - Arrays Methods

69 - Simple Methods

70 - forEach Loop

71 - map Methods

72 - filter Method

73 - reduce Method

74 - find Method

75 - flat and flatMap Method

76 - Sorting Arrays

8 - Async Javascript

77 - Introduction to Async Javascript

78 - First AJAX Call

79 - Request Chain

80 - Promises and Fetch

81 - Get Data From Promise

82 - Promise Chain

83 - Error Handling of Promises

84 - Throwing Errors

9 - Entrance

85 - What we will learn

86 - What is this Vuejs

87 - Advantages of Vuejs

88 - Vuejs Two way data binding Virtual DOM Componnet

89 - Nodejs

10 - Installing With Vuejs in CDN

90 - Installing with CDN1

91 - Installing with CDN2

11 - Introduction to Vuejs

92 - Vuejs with CLI

93 - Vue Js Project Files.html

94 - What is this packagejson

95 - Using Classes in Vuejs

96 - Style First Look

97 - Variables

12 - Vuejs DOM Operations

98 - File structure in vuejs

99 - What is this template

100 - What is this Script

101 - What is this Style

102 - String Interpolation

103 - Attribute Binding

104 - What Is Directive

105 - Event Handling

106 - Get Event Data

107 - Sending Parameters to Events

108 - Event Modifier

109 - How to Write JavaScript Inside a Template

110 - Two Way Data Binding

13 - Vuejs Directives

111 - vhtml

112 - vtext

113 - vonce

114 - vshow

115 - 5vif velse velseif

116 - vfor

117 - vmodel

118 - von

119 - vpre

14 - What Is This Data Object

120 - What Is This Data Object

15 - Style In Vuejs

121 - Dynamic Class

122 - Inline Style

16 - Lists Conditional Statements

123 - Rendering List

124 - Using Conditional Expressions in Lists

125 - Sending Data in List to Functions

126 - Deleting an Item From a List

127 - Object Rendering

17 - Component Creation and Props

128 - Component

129 - More Component

130 - Global Component

131 - Data Transfer With Props

132 - Props Validation 1

133 - Props Validation 2

134 - Props Validation 3

135 - Custom Title

136 - Using Props in Functions

137 - Ensure Data Flow From Down to Up

138 - Sending Data With Provide Inject Method

139 - ComponentExample Application

18 - Slot

140 - Slot

141 - Named Slot

142 - Named Slot Example

19 - Dynamic Component

143 - Dynamic Components

144 - Keep Alive

145 - Activated Deactivated

20 - Teleport

146 - Teleport

21 - Vuejs LifeCycles

147 - What is This LifeCycles

148 - beforeCreate created

149 - beforeMount mounted

150 - beforeUpdate updated

151 - beforeUnmount unmounted

22 - Refs Computed Watch

152 - Ref

153 - Multiple Refs

154 - Computed

155 - Watch

23 - ApplicationTodoApp

156 - Project Presentation

157 - Template Structure Creation and Styling

158 - Creating Button Functions

159 - Finishing the Project

24 - Working with Form Elements

160 - Inputs

161 - Textarea Button

162 - Select

163 - Checkbox Radio

164 - Custom File Input

165 - User Input Bind

166 - Dynamic Select Option

167 - Dynamic Checkbox Bind

168 - File Bind Dynamic Radio Bind

169 - Form Submit

170 - Lets Bind vmodel to Our Own Component

171 - Simple Form Validation

172 - Dynamic Input Bind

25 - Vuejs Async Component

173 - Async Component

26 - Mixin

174 - What is this mixin

175 - Lets Create a mixin

176 - Global Mixin

27 - nextTick

177 - nextTick

28 - HTTP Operations

178 - Fetch With Get Request

179 - Creating a List Design

180 - Component Creation

181 - Render a List

182 - Loading

183 - Error

184 - Post Creation

185 - Delete Post

186 - Axios

29 - ApplicationNasaPhoto

187 - App Introduction and API Key

188 - WelcomeScreen API key

189 - WelcomeScreen API key 2

190 - Show WelcomeScreen

191 - Input

192 - List

193 - Loading

194 - Rendering Styling Cards

195 - Final Look at The Project

30 - Routing

196 - Plugin

197 - Routing

198 - Creating a Router

199 - routerlink routerview

200 - Router Link Active Class

201 - Router View Grid Example

202 - Routing With Code

203 - Params Route Sensitive

204 - Query Params

205 - notFound Page

206 - Route Parameter Checks

207 - Nested Routers

208 - Named Router View

209 - Redirect Alias

210 - Scroll Behavior

211 - Adding Deleting and Listing Dynamic Routers

212 - Lazy Load Routers

213 - Router Meta

214 - Router Meta Example

215 - Router Guard

216 - Global Router Guard

217 - Lets Create a Router Layout

31 - Composition API

218 - Composition API

219 - Setup Ref

220 - Reactive

221 - isRef isReactive toRef

222 - Component Defination

223 - Props

224 - Emits

225 - Refs

226 - Computed

227 - Watch

228 - Custom Directive

229 - Hooks

230 - More Custom Hooks

231 - LifeCycles Hooks

232 - Vue Router

32 - ShoppingApp

233 - App Introduction Fake Store API

234 - Project Setup

235 - Header

236 - HomeView

237 - ShopContext

238 - Product Card

239 - ProductDetailView

240 - Category Fetch Product Fetch

241 - Specific Data Fetch

242 - Shopping Card

33 - State Management Vuex

243 - What is this vuex and why we should use vuex

244 - Installing vuex with CLI

245 - List Component

246 - useStore

247 - Mutations

248 - Actions

249 - Getters

34 - TodoAppVuex

250 - Project Introduction

251 - Home Page

252 - Todo Page AddTodo

253 - ListTodo

254 - Project Completed

35 - MealAppVuex

255 - Project Introduction and API Resource

256 - Creation of Pages and Paths

257 - MealItem Random Meal Fetch

258 - Search Meals

259 - MealDetail

260 - MealsByLetter

179,000 تومان

افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy