component-level style

توضیحات

در این جلسه به توضیح component-level style از دوره آموزش نکست جی اس (next.js) میپردازیم.

طراحی وب javascript جاوااسکریپت react ری اکت next.js نکست جی اس next.js v12 next.js v13 نکست جی اس ورژن 12 نکست جی اس ورژن 13

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

آشنایی با next.js شامل 3 قسمت

1

آشنایی با next.js

رایگان 16:03

2

ایجاد پروژه next.js

رایگان 14:13

3

آشنایی با فولدرها و فایل های پروژه next.js

رایگان 12:30
سیستم routing شامل 8 قسمت

4

آشنایی با routing

رایگان 05:14

5

route های تو در تو (nested)

نقدی 05:13

6

route های داینامیک (dynamic)

نقدی 09:04

7

nested dynamic route

نقدی 05:53

8

آشنایی با catch all route

نقدی 09:41

9

کامپوننت Link

نقدی 08:10

10

آشنایی با middleware

نقدی 26:27

11

شخصی سازی صفحه ای 404

نقدی 02:37
pre-rendering در next.js شامل 17 قسمت

12

آشنایی با pre-rendering

رایگان 16:36

13

آشنایی با static generation

رایگان 12:36

14

صفحات SSG با getStaticProps

نقدی 20:47

15

بررسی build صفحات SSG با getStaticProps بخش اول

نقدی 09:03

16

بررسی build صفحات SSG با getStaticProps بخش دوم

نقدی 13:14

17

صفحات SSG با getStaticPaths بخش اول

نقدی 09:23

18

صفحات SSG با getStaticPaths بخش دوم

نقدی 08:46

19

بررسی build صفحات SSG با getStaticPaths

نقدی 08:48

20

fallback در getStaticPaths بخش اول

نقدی 12:46

21

fallback در getStaticPaths بخش دوم

نقدی 10:31

22

آشنایی با ISR

نقدی 18:32

23

بررسی build صفحات ISR

نقدی 16:34

24

آشنایی با on-demand ISR

نقدی 09:45

25

آشنایی با SSR

رایگان 06:29

26

SSR با dynamic path

نقدی 06:50

27

بررسی و دریافت اطلاعات در CSR

نقدی 10:06

28

CSR و pre-rendering

نقدی 23:33
Api Routes شامل 7 قسمت

29

آشنایی با api routes

رایگان 05:46

30

درخواست get

نقدی 09:01

31

درخواست post

نقدی 14:25

32

داینامیک api routes

نقدی 06:47

33

درخواست delete

نقدی 07:59

34

catch all api routes

نقدی 06:07

35

api routes و pre-rendering

نقدی 12:02
styling شامل 6 قسمت

36

global style

نقدی 07:31

component-level style

نقدی 06:17

38

css-in-js

نقدی 07:18

39

استفاده از sass

نقدی 07:09

40

افزودن فریمورک bootstrap

نقدی 10:30

41

افزودن فریمورک tailwindcss

نقدی 05:48
Authentication یا احراز هویت شامل 11 قسمت

42

آشنایی با Token-Based Authentication

نقدی 09:52

43

توضیح و اجرای پروژه api

نقدی 13:08

44

ایجاد هدر پروژه

نقدی 18:33

45

ایحاد صفحه register

نقدی 13:59

46

ایجاد authentication context

نقدی 10:06

47

register یا عضویت

نقدی 40:19

48

login یا ورود

نقدی 12:04

49

ذخیره توکن در cookie

نقدی 07:33

50

logout یا خروج

نقدی 09:10

51

بررسی احراز هویت کاربر

نقدی 17:45

52

نمایش پست ها

نقدی 07:21
مباحث تکمیلی شامل 9 قسمت

53

ایجاد layout

نقدی 12:15

54

کامپوننت Head

نقدی 07:22

55

کامپوننت Script

نقدی 08:30

56

کامپوننت Image

نقدی 12:30

57

absolute imports و module paths

نقدی 08:36

58

خروجی static html

نقدی 04:41

59

متغیرهای enviroment

نقدی 09:43

60

redirect در نکست

نقدی 06:38

61

typescript در نکست

نقدی 13:21
سیستم routing در نکست ورژن 13 شامل 3 قسمت

62

routing بخش اول

نقدی 17:34

63

routing بخش دوم

نقدی 15:06

64

سرور و کلاینت کامپوننت ها

نقدی 22:24
data fetching و rendering در نکست ورژن 13 شامل 4 قسمت

65

data fetching بخش اول

نقدی 19:05

66

data fetching بخش دوم

نقدی 23:45

67

server action

نقدی 22:09

68

rendering (SSG, SSR, SIR)

نقدی 14:46
route handler در نکست ورژن 13 شامل 2 قسمت

69

route handler بخش اول

نقدی 08:22

70

route handler بخش دوم

نقدی 06:30
پروژه احراز هویت (authentication) با نکست ورژن 13 شامل 4 قسمت

71

ایجاد پروژه و افزودن بوت استرپ

نقدی 12:43

72

ایجاد context و عضویت کاربر

نقدی 21:30

73

ورود و خروج کاربر، ذخیره توکن در cookie

نقدی 14:45

74

بررسی احراز هویت کاربر و نمایش پست ها

نقدی 12:46

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

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

مدت دوره 14:50:55

تعداد ویدیو 74

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

قیمت دوره : ~~599,000~~ 479,200 تومان

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

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

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 ساس

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

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

کامل شده

آموزش رایگان flexbox (فلکس باکس) پروژه محور

در دنیای HTML و CSS که نمایش محتوا را به عهده دارند همیشه یک موضوع، سختی و پیچیدگی خاص خود را داشته و آن هم صفحه آرایی ا...

رایگان

04:32:18

کامل شده

آموزش FlexBox پروژه محور

Flexbox ها کدهای جدید در CSS می باشند که توسط W۳C برای رفع مشکلات استفاده از کد های float و طراحی زیبا و دقیق تر سایت ها...

رایگان

01:57:13

کامل شده

آموزش PHP و MySQL پروژه محور

آموزش PHP و MySQL به همراه پروژه وبلاگ. PHP یک زبان برنامه نویسی است که میتوانیم با استفاده از آن اقدام به ساخت صفحات و...

رایگان

07:50:58

کامل شده

آموزش Node.js

Node.js یک محیط سمت سرور برای اجرای کدهای JavaScript است، در واقع به کمک Node.js، زبان برنامه نویسی جاوااسکریپ به جای اج...

رایگان

03:23:18

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

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

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

component-level style

توضیحات

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

آشنایی با next.js

ایجاد پروژه next.js

آشنایی با فولدرها و فایل های پروژه next.js

آشنایی با routing

route های تو در تو (nested)

route های داینامیک (dynamic)

nested dynamic route

آشنایی با catch all route

کامپوننت Link

آشنایی با middleware

شخصی سازی صفحه ای 404

آشنایی با pre-rendering

آشنایی با static generation

صفحات SSG با getStaticProps

بررسی build صفحات SSG با getStaticProps بخش اول

بررسی build صفحات SSG با getStaticProps بخش دوم

صفحات SSG با getStaticPaths بخش اول

صفحات SSG با getStaticPaths بخش دوم

بررسی build صفحات SSG با getStaticPaths

fallback در getStaticPaths بخش اول

fallback در getStaticPaths بخش دوم

آشنایی با ISR

بررسی build صفحات ISR

آشنایی با on-demand ISR

آشنایی با SSR

SSR با dynamic path

بررسی و دریافت اطلاعات در CSR

CSR و pre-rendering

آشنایی با api routes

درخواست get

درخواست post

داینامیک api routes

درخواست delete

catch all api routes

api routes و pre-rendering

global style

component-level style

css-in-js

استفاده از sass

افزودن فریمورک bootstrap

افزودن فریمورک tailwindcss

آشنایی با Token-Based Authentication

توضیح و اجرای پروژه api

ایجاد هدر پروژه

ایحاد صفحه register

ایجاد authentication context

register یا عضویت

login یا ورود

ذخیره توکن در cookie

logout یا خروج

بررسی احراز هویت کاربر

نمایش پست ها

ایجاد layout

کامپوننت Head

کامپوننت Script

کامپوننت Image

absolute imports و module paths

خروجی static html

متغیرهای enviroment

redirect در نکست

typescript در نکست

routing بخش اول

routing بخش دوم

سرور و کلاینت کامپوننت ها

data fetching بخش اول

data fetching بخش دوم

server action

rendering (SSG, SSR, SIR)

route handler بخش اول

route handler بخش دوم

ایجاد پروژه و افزودن بوت استرپ

ایجاد context و عضویت کاربر

ورود و خروج کاربر، ذخیره توکن در cookie

بررسی احراز هویت کاربر و نمایش پست ها

اطلاعات دوره

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

آموزش رایگان flexbox (فلکس باکس) پروژه محور