ایجاد 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 ساس

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

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

آموزش رایگان css grid (سی اس اس گرید) پروژه محور

کامل شده

آموزش رایگان css grid (سی اس اس گرید) پروژه محور

بعد از فلکس باکس ماژول دیگری نیز برای صفحه آرایی معرفی شد به نام CSS Grid که باعث شد تا قدرت ما در صفحه آرایی بیشتر شود...

رایگان

05:06:22

آموزش تایپ اسکریپت (typescript)

کامل شده

% 5 تخفیف

آموزش تایپ اسکریپت (typescript)

تایپ اسکریپت یک زبان برنامه نویسی هست که در واقع همان جاوااسکریپت هست که بهش syntax تایپ و همچنین امکانات دیگری داده شده...

~~349,000~~ 331,000 تومان

09:38:34

آموزش رایگان html و css (اچ تی ام ال و سی اس اس) پروژه محور

کامل شده

آموزش رایگان html و css (اچ تی ام ال و سی اس اس) پروژه محور

برای اینکه وارد دنیای طراحی وب شوید اولین چیزی که باید با آن آشنا شوید HTML است، HTML یک زبانه نشانگذاری برای ایجاد وبسا...

رایگان

13:47:11

آموزش Asynchronous Javascript پروژه محور

کامل شده

% 10 تخفیف

آموزش Asynchronous Javascript پروژه محور

در این دوره با برنامه نویسی Asynchronous (ناهمگام) و Synchronous (همگام) و نحوه کارکرد آنها در دنیای جاوااسکریپت صحبت می...

~~149,000~~ 134,000 تومان

03:47:45

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

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

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

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

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

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

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