ایجاد header - آکادمی آموزش آنلاین تخصصی برنامه نویسی

توضیحات

در این جلسه به ایجاد header پروژه در vue.js می پردازیم.

javascript جاوا اسکریپت vuejs ویو جی اس

برای مشاهده آنلاین و دسترسی به ویدیو لطفا ابتدا وارد سایت شوید . صفحه ورود

آشنایی با vue.js شامل 18 قسمت

1

معرفی فریمورک vue.js (ویو جی اس)

رایگان 06:01

2

نگاهی به فریمورک های vue و react و angular

رایگان 06:49

3

افزودن vue به پروژه

رایگان 13:23

4

ویژگی methods

رایگان 04:19

5

ویژگی directives

رایگان 12:14

6

دایرکتیوهای v-if و v-show

رایگان 07:23

7

دایرکتیو v-for

رایگان 05:53

8

دایرکتیو v-once

رایگان 03:16

9

دایرکتیو v-on

رایگان 08:06

10

دایرکتیو v-model

رایگان 06:28

11

داینامیک کردن class و style

رایگان 11:39

12

ویژگی computed و watch

رایگان 15:56

13

ویژگی template refs

رایگان 03:57

14

چرخه حیات یا lifecycle hooks

رایگان 06:50

15

استفاده از input و textarea

رایگان 07:03

16

استفاده از checkbox و radio

رایگان 06:35

17

استفاده از selectbox

رایگان 04:43

18

ویژگی transitions

رایگان 07:56
component شامل 12 قسمت

19

ویژگی template

رایگان 04:31

20

ویژگی component

رایگان 15:21

21

قابلیت single-file component

رایگان 07:12

22

پکیج vue cli

رایگان 08:58

23

ساختار پوشه ها و ایجاد کامپوننت

رایگان 16:54

24

تگ style در کامپوننت

رایگان 07:05

25

ویژگی props

رایگان 12:28

26

ویژگی emit

رایگان 09:03

27

ویژگی provide و inject

رایگان 04:55

28

ویژگی slot

رایگان 08:59

29

ویژگی mixins

رایگان 07:52

30

ویژگی teleport

رایگان 05:14
virtual DOM & reactivity شامل 2 قسمت

31

مبحث virtual DOM

رایگان 04:45

32

مبحث reactivity

رایگان 19:37
composition api شامل 9 قسمت

33

آشنایی با composition api

رایگان 07:01

34

ref reactivity

رایگان 12:07

35

reactive reactivity

رایگان 07:54

36

composable function

رایگان 09:56

37

computed & watch & watchEffect

رایگان 11:10

38

props

رایگان 04:11

39

emit

رایگان 05:10

40

provide/inject

رایگان 04:18

41

lifecycle hooks & template ref

رایگان 07:27
vue router شامل 7 قسمت

42

SPA(single page application)

رایگان 06:58

43

نصب و استفاده از vue router

رایگان 22:03

44

link & params

رایگان 13:56

45

nested routes

رایگان 08:49

46

route name

رایگان 12:00

47

active link & 404 page

رایگان 09:31

48

route guards

رایگان 10:01
پروژه شامل 15 قسمت

49

توضیح پروژه

رایگان 07:04

50

ایجاد پروژه با vue-cli

رایگان 07:51

51

افزودن bootstrap

رایگان 16:28

ایجاد header

رایگان 10:51

53

کتابخانه axios

رایگان 07:34

54

لیست کاربران

رایگان 15:24

55

vue-devtools

رایگان 05:38

56

نمایش کاربر

رایگان 18:11

57

لیست پست ها

رایگان 09:32

58

نمایش پست

رایگان 04:39

59

ایجاد پست

رایگان 22:40

60

ویرایش پست

رایگان 34:04

61

حذف پست

رایگان 03:26

62

deploy(آپلود روی سرور)

رایگان 10:58

63

قدم بعدی(سخن پایانی)

رایگان 03:59
آشنایی با ویژگی های جدید vue شامل 6 قسمت

64

معرفی ویژگی های جدید

رایگان 09:59

65

script setup بخش اول

رایگان 10:47

66

script setup بخش دوم

رایگان 10:17

67

reactivity transform

رایگان 13:54

68

web componenet

رایگان 12:11

69

style v-bind

رایگان 06:07

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ

مدت دوره 11:05:31

تعداد ویدیو 69

وضعیت دوره : کامل شده

قیمت دوره : رایگان

برای دانلود ابتدا وارد سایت شوید

دسته بندی دوره ها

HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی

آموزش Composer

کامل شده

% 10 تخفیف

آموزش Composer

کامپوزر ابزاری برای مدیریت وابستگی(dependency management) در پروژه‌های PHP است. ابزار فوق به شما این امکان را می‌دهد که...

~~119,000~~ 107,000 تومان

01:49:44

آموزش ویو ایکس (vuex) و pinia.js (پینیا جی اس) پروژه محور

کامل شده

% 20 تخفیف

آموزش ویو ایکس (vuex) و pinia.js (پینیا جی اس) پروژه محور

Vuex یک کتابخانه مدیریت وضعیت است که مخصوص ایجاد اپلیکیشن‌های متوسط، پیچیده و بزرگ در Vue.js است. Vue.js یکی از فریم ور...

~~299,000~~ 239,000 تومان

05:16:05

آموزش PHP-OOP-MVC پروژه محور

کامل شده

% 10 تخفیف

آموزش PHP-OOP-MVC پروژه محور

OOP برگرفته از Object-Oriented Programming به معنی برنامه‌نویسی شی‌گرا میباشد. که یک الگو یا روش برنامه نویسی می باشد که...

~~599,000~~ 539,000 تومان

16:56:31

آموزش رایگان گیت و گیت هاب (git & github)

کامل شده

آموزش رایگان گیت و گیت هاب (git & github)

گیت (Git) یک سیستم کنترل ورژن است که با آن می‌توانید تغییرات اعمال شده در فایل‌ها را ساده‌تر پیگیری کنید. مثلاً، اگر فای...

رایگان

07:58:20

مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

Davood Noruzy
- 1 سال پیش
- پاسخ به دیدگاه
با سلام و احترام
چرا شما در آموزش اسم component را به صورت یک کلمه ای گذاشتین و خطا دریافت نکردید ولی من اسم component ام را مثل شما Header گذاشتم و خطا دریافت می کنم .
پیغام خطا :
```
https://eslint.vuejs.org/rules/multi-word-component-names.html
```
- علی شیخ
  
  1 سال پیش
  
  سلام وقت بخیر.
  توی توضیحات جلسه 23 دلیلش گفته شده، حتما دوره را قسمت به قسمت مشاهده کنید.

dfhdfhfgh
- 3 سال پیش
- پاسخ به دیدگاه
سلام جناب شیخی با تشکر از زحمات شما
سوال داشتم درباره vs code
شما در هنگام ذخیره سازی کدهای خود مرتب و استاندارد(eslint) می فرمایید
اگر امکان هست بفرمایید از چه extension استفاده میفرمایید و یا چه تنظیماتی باید در ide خود انجام بدیم ؟

ممنون از تمام زحمات شما
- علی شیخ
  
  3 سال پیش
  
  سلام وقت بخیر.
  من از اکستشن prettier استفاده میکنم.

emad bahrami
- 3 سال پیش
- پاسخ به دیدگاه
سلام دوره خیلی خوبی بود
اما میتونست بهتر باشه اگر در مورد storages , cookies
هم در یک جلسه بحث میکردید
- علی شیخ
  
  3 سال پیش
  
  سلام وقت بخیر.
  ممنون از شما، مواردی که فرمودید مربوط به جاوااسکریپت هست و به همون صورت در vue میتونید استفاده کنید توی دوره رایگان جاوااسکریپت در مورد localstorage صحبت کردیم توی دوره vuex هم استفاده کردیم.