#Python_for_begginers - 9
شروع پایتون
تا اینجا فهمیدیم کتابخونه چیه و چطور یک کتابخونه رو نصب و ازش استفاده کنیم. حالا فعلا قرار نیست از کتابخونه ای استفاده کنیم بخاطر همین توضیحات بیشتری راجب pip نمیدم.
حالا میرم سراغ مطلب اصلی که باید بدونید، یعنی دیتا ها.
Data types
توی هر زبان برنامه نویسی دیتا ها و اطلاعات از نظر ویژگی هاشون از همدیگه تفکیک میشن.
توی پایتون ما 4 نوع داده داریم؛ این داده ها عبارتن از:
1-string
2-boolean
3-integer
4-float
هرکدوم از انواع این دیتا ها نشان دهنده چیز خاصی هستن و یکسری قوانین برای شناخت و نشانه گذاریشون داریم؛ توی پست بعدی تک تکشون رو بهتون توضیح میدم.
شروع پایتون
تا اینجا فهمیدیم کتابخونه چیه و چطور یک کتابخونه رو نصب و ازش استفاده کنیم. حالا فعلا قرار نیست از کتابخونه ای استفاده کنیم بخاطر همین توضیحات بیشتری راجب pip نمیدم.
حالا میرم سراغ مطلب اصلی که باید بدونید، یعنی دیتا ها.
Data types
توی هر زبان برنامه نویسی دیتا ها و اطلاعات از نظر ویژگی هاشون از همدیگه تفکیک میشن.
توی پایتون ما 4 نوع داده داریم؛ این داده ها عبارتن از:
1-string
2-boolean
3-integer
4-float
هرکدوم از انواع این دیتا ها نشان دهنده چیز خاصی هستن و یکسری قوانین برای شناخت و نشانه گذاریشون داریم؛ توی پست بعدی تک تکشون رو بهتون توضیح میدم.
#Python_for_begginers - 10
String
اولین نوع دیتا، رشته یا استرینگ نام داره. رشته ها به زبان خودمونی میشن متن یا یه پاراگراف؛ در واقع هر متن یا رشته ای که توی پایتون قرار داره از نوع string هست.
- برای اینکه پایتون یک رشته رو بشناسه، باید اون رشته بین دوتا Quote قرار بگیره.
مثال:
Boolean
دیتا تایپ بولین یکی از مهم ترین دیتا تایپ های هر زبان برنامه نویسی ایه، همونطوری که میدونید زبان کامپیوتر بصورت 0 و 1 هستش.
ما بهش میگیم منطق یا لاجیک. یعنی یه چیز فقط دو حالت داره. یا وجود داره، یا وجود نداره؛ در واقع همون مسئله بودن یا نبودن.
احتمالا کلمات کلیدی True و False رو شنیده باشید. دیتا های بولین یا منطقی با True و False نشون داده میشن. دقت کنید که توی زبان پایتون حتما باید حرف اول این دو کلمه بزرگ باشه.
-نشانهی خاصی برای این نوع از داده وجود نداره و صرفا با نوشتن True یا False محیط IDE شما این کلمات رو هایلایت میکنه به نشانه اینکه نوع داده رو شناخت.
ادامه
String
اولین نوع دیتا، رشته یا استرینگ نام داره. رشته ها به زبان خودمونی میشن متن یا یه پاراگراف؛ در واقع هر متن یا رشته ای که توی پایتون قرار داره از نوع string هست.
- برای اینکه پایتون یک رشته رو بشناسه، باید اون رشته بین دوتا Quote قرار بگیره.
مثال:
"Hello world"'Hello world'
-اینکه شما از دابل کوت یا سینگل کوت استفاده کنید فرقی نمیکنه.Boolean
دیتا تایپ بولین یکی از مهم ترین دیتا تایپ های هر زبان برنامه نویسی ایه، همونطوری که میدونید زبان کامپیوتر بصورت 0 و 1 هستش.
ما بهش میگیم منطق یا لاجیک. یعنی یه چیز فقط دو حالت داره. یا وجود داره، یا وجود نداره؛ در واقع همون مسئله بودن یا نبودن.
احتمالا کلمات کلیدی True و False رو شنیده باشید. دیتا های بولین یا منطقی با True و False نشون داده میشن. دقت کنید که توی زبان پایتون حتما باید حرف اول این دو کلمه بزرگ باشه.
-نشانهی خاصی برای این نوع از داده وجود نداره و صرفا با نوشتن True یا False محیط IDE شما این کلمات رو هایلایت میکنه به نشانه اینکه نوع داده رو شناخت.
ادامه
👾1
#Python_for_begginers - 11
Integer
اینت یا اینتیجر همون نوع عددی داده هستش. تمام اعداد توی پایتون بصورت Integer شناخته میشن و هیچ نشانه ای ندارن.
Float
نوع داده فلوت هم برای اعداد اعشاری استفاده میشه. طرز نمایش فلوت با اینتیجر فرق خاصی نداره و اگه یه عدد اعشار نداشته باشه توی فلوت اینجوری نمایش داده میشه مثلا عدد 171 : 171.0
کلمات کلیدی
پایتون مجموعه زیادی از کلمات کلیدی داره که هرکدوم نشانگر یچیزن، اما فعلا برای الان نیازه که چهار کلمه کلیدی برای کار با انواع داده رو بدونید.
string = str
boolean = bool
integer = int
float = float
یه موقع هایی هست که ما میخوایم یه نوع از داده رو تبدیل کنیم به یه نوع دیگه یا اینکه فقط بخوایم یه نوع مشخصی از داده رو به عنوان ورودی بگیریم.
شاید الان این بحث یکم نامفهوم باشه ولی درکل ما از کلمات کلیدی داده ها برای تبدیل استفاده میکنیم که بعدا متوجهش میشید کامل.
Integer
اینت یا اینتیجر همون نوع عددی داده هستش. تمام اعداد توی پایتون بصورت Integer شناخته میشن و هیچ نشانه ای ندارن.
Float
نوع داده فلوت هم برای اعداد اعشاری استفاده میشه. طرز نمایش فلوت با اینتیجر فرق خاصی نداره و اگه یه عدد اعشار نداشته باشه توی فلوت اینجوری نمایش داده میشه مثلا عدد 171 : 171.0
کلمات کلیدی
پایتون مجموعه زیادی از کلمات کلیدی داره که هرکدوم نشانگر یچیزن، اما فعلا برای الان نیازه که چهار کلمه کلیدی برای کار با انواع داده رو بدونید.
string = str
boolean = bool
integer = int
float = float
یه موقع هایی هست که ما میخوایم یه نوع از داده رو تبدیل کنیم به یه نوع دیگه یا اینکه فقط بخوایم یه نوع مشخصی از داده رو به عنوان ورودی بگیریم.
شاید الان این بحث یکم نامفهوم باشه ولی درکل ما از کلمات کلیدی داده ها برای تبدیل استفاده میکنیم که بعدا متوجهش میشید کامل.
#Python_for_begginers - 12
میرسیم به اولین و مهمترین مبحث توی کل پایتون، یعنی متغیر ها.
متغیر یا variable به دست ما توی پایتون ساخته و نام گذاری میشن. مقداری که یه متغیر میتونه داشته باشه رو هم خودمون تعیین میکنیم. هرچند که بعداً با ورودی ها آشنا شدید میفهمید که مقدار یه متغیر میتونه به عنوان ورودی هم باشه.
متغیر های پایتون به طور کلی سادهن و میتونن هریک از چهار نوع داده ممکن رو توی خودشون جا بدن.
برای ساخت یک متغیر توی پایتون کافیه اسم متغیر دلخواه تون رو بنویسید و بعدش علامت مساوی ( = ) قرار بدید.
• نام گذاری متغیر
انتخاب اسم متغیر توی پایتون یکسری قوانین داره که باید اونارو رعایت کنید.
1- هیچوقت اسم با عدد شروع نشه
2- هیچوقت بین اسم فاصله یا - یا هر نشانه ای نباشه
3- قوانین خاص متغیر نویسی
دقت کنید که توی اسم متغیر گذاشتن آندر اسکور یا _ مشکلی نداره.
اما قوانین خاص نامگذاری پایتون چی هستن؟
ببینید اگر دوتا شرط اول رو رعایت کرده باشید هیچ مشکلی پیش نمیاد و متغیر به درستی کار میکنه؛ اما برای استاندارد بودن متغیر ها بهتره که یکی از سه مدل مشخص شده رو برای اسم گذاری متغیر تون انتخاب کنید.
مثال:
ThisIsVariable
thisIsVariable
this_is_variable
اینها یکسری اسم مثل پاسکال و ... دارن که زیاد مهم نیست یادتون بمونه و پیشنهاد خودم اینه که از نوع سوم برای متغیر سازی استفاده کنید.
خب حالا بریم چندتا مدل متغیر بسازیم:
دیدید که متغیر ها میتونن مقدار های مختلفی رو توی خودشون نگه دارن. وقتی ما یه متغیری رو برای پایتون تعریف میکنیم، مثلا متغیر name. از حالا به بعد پایتون میدونه که name یعنی "Haman".
نکته خیلی مهم: پایتون زبانیه که از اولین خط شروع میکنه به خوندن داده ها و به سمت پایین میره، یعنی از بالا به پایین اطلاعات رو خط به خط میخونه.
بنابراین اگر اول عملیاتی رو با متغیر age انجام بدیم و پایین تر بیایم age رو تعریف کنیم، به ارور برمیخوریم چرا که پایتون نمیتونه اون رو بشناسه و موقع عملیات خطا میده.
و اگر شما بالای کد هاتون متغیر age رو 16 قرار داده باشید و پایین تر همون متغیر age رو دوباره بنویسید اما اینبار با مقدار 17، پایتون از این به بعد متغیر age رو به مقدار 17 میشناسه و مقدار قبلی رو فراموش میکنه.
میرسیم به اولین و مهمترین مبحث توی کل پایتون، یعنی متغیر ها.
متغیر یا variable به دست ما توی پایتون ساخته و نام گذاری میشن. مقداری که یه متغیر میتونه داشته باشه رو هم خودمون تعیین میکنیم. هرچند که بعداً با ورودی ها آشنا شدید میفهمید که مقدار یه متغیر میتونه به عنوان ورودی هم باشه.
متغیر های پایتون به طور کلی سادهن و میتونن هریک از چهار نوع داده ممکن رو توی خودشون جا بدن.
برای ساخت یک متغیر توی پایتون کافیه اسم متغیر دلخواه تون رو بنویسید و بعدش علامت مساوی ( = ) قرار بدید.
• نام گذاری متغیر
انتخاب اسم متغیر توی پایتون یکسری قوانین داره که باید اونارو رعایت کنید.
1- هیچوقت اسم با عدد شروع نشه
2- هیچوقت بین اسم فاصله یا - یا هر نشانه ای نباشه
3- قوانین خاص متغیر نویسی
دقت کنید که توی اسم متغیر گذاشتن آندر اسکور یا _ مشکلی نداره.
اما قوانین خاص نامگذاری پایتون چی هستن؟
ببینید اگر دوتا شرط اول رو رعایت کرده باشید هیچ مشکلی پیش نمیاد و متغیر به درستی کار میکنه؛ اما برای استاندارد بودن متغیر ها بهتره که یکی از سه مدل مشخص شده رو برای اسم گذاری متغیر تون انتخاب کنید.
مثال:
ThisIsVariable
thisIsVariable
this_is_variable
اینها یکسری اسم مثل پاسکال و ... دارن که زیاد مهم نیست یادتون بمونه و پیشنهاد خودم اینه که از نوع سوم برای متغیر سازی استفاده کنید.
خب حالا بریم چندتا مدل متغیر بسازیم:
name = "Haman"
age = 16
height = 183.5
health = True
دیدید که متغیر ها میتونن مقدار های مختلفی رو توی خودشون نگه دارن. وقتی ما یه متغیری رو برای پایتون تعریف میکنیم، مثلا متغیر name. از حالا به بعد پایتون میدونه که name یعنی "Haman".
نکته خیلی مهم: پایتون زبانیه که از اولین خط شروع میکنه به خوندن داده ها و به سمت پایین میره، یعنی از بالا به پایین اطلاعات رو خط به خط میخونه.
بنابراین اگر اول عملیاتی رو با متغیر age انجام بدیم و پایین تر بیایم age رو تعریف کنیم، به ارور برمیخوریم چرا که پایتون نمیتونه اون رو بشناسه و موقع عملیات خطا میده.
و اگر شما بالای کد هاتون متغیر age رو 16 قرار داده باشید و پایین تر همون متغیر age رو دوباره بنویسید اما اینبار با مقدار 17، پایتون از این به بعد متغیر age رو به مقدار 17 میشناسه و مقدار قبلی رو فراموش میکنه.
❤1
#Python_for_begginers - 13
لیست ها
اگه بخوایم چندتا مقدار رو به یک متغیر بدیم باید چیکار کنیم؟
درسته، باید لیست بسازیم. اما چجوری؟
توی پایتون با استفاده از [ ] میتونید چندین مقدار رو برای یه متغیر تعیین کنید.
مثال:
دقت کنید که گذاشتن کاما بعد از هر مقدار خیلی مهمه چون در غیر این صورت با همین اشتباه کوچیک با خطا مواجه میشید.
لیست ها میتونن انواع مختلفی از داده هارو توی خودشون جا بدن بطور مثال:
ایندکس ها index
هر مقدار توی لیست هایی که میسازیم یک جایگاه و یک خونه ای داره که این جایگاه مثل محور x با اعداد مشخص میشه. عموما به این جایگاه ها میگیم ایندکس.
اولین مقدار توی لیست همیشه ایندکس 0 رو داره و هر مقداری که به سمت راست بره یه عدد بیشتر میشه.
اما اگه بخوایم از چپ به راست، یعنی از آخرین مقدار تا اولین مقدار رو شمارش کنیم ایندکس ما از 1- شروع میشه و اولین مقدار از سمت چپ ما میشه کوچیکترین عدد.
مثال:
توی مثال بالا مقدار "mobin" از سمت چپ جایگاه 0 و از سمت راست جایگاه 3- رو داره
همینطور مقدار "nima" از سمت چپ جایگاه 2 و از سمت راست جایگاه 1- رو داره.
لیست ها
اگه بخوایم چندتا مقدار رو به یک متغیر بدیم باید چیکار کنیم؟
درسته، باید لیست بسازیم. اما چجوری؟
توی پایتون با استفاده از [ ] میتونید چندین مقدار رو برای یه متغیر تعیین کنید.
مثال:
names = ["sara", "sina", "ali", "shayan"]
دقت کنید که گذاشتن کاما بعد از هر مقدار خیلی مهمه چون در غیر این صورت با همین اشتباه کوچیک با خطا مواجه میشید.
لیست ها میتونن انواع مختلفی از داده هارو توی خودشون جا بدن بطور مثال:
example = ["shayan", 20, 173.15, False]
ایندکس ها index
هر مقدار توی لیست هایی که میسازیم یک جایگاه و یک خونه ای داره که این جایگاه مثل محور x با اعداد مشخص میشه. عموما به این جایگاه ها میگیم ایندکس.
اولین مقدار توی لیست همیشه ایندکس 0 رو داره و هر مقداری که به سمت راست بره یه عدد بیشتر میشه.
اما اگه بخوایم از چپ به راست، یعنی از آخرین مقدار تا اولین مقدار رو شمارش کنیم ایندکس ما از 1- شروع میشه و اولین مقدار از سمت چپ ما میشه کوچیکترین عدد.
مثال:
example = ["mobin", "zohre", "nima"]
توی مثال بالا مقدار "mobin" از سمت چپ جایگاه 0 و از سمت راست جایگاه 3- رو داره
همینطور مقدار "nima" از سمت چپ جایگاه 2 و از سمت راست جایگاه 1- رو داره.
#Python_for_begginers - 14
ویرایش لیست ها
برای ویرایش لیست ها توی پایتون از چندین مِتُد استفاده میکنیم که عبارتن از
حذف آیتم : ("name")list.remove
حذف آیتم با ایندکس : (1)list.pop
حذف آیتم با ایندکس : [1]del list
پاک کردن کل لیست : ()list.clear
افزودن آیتم و ایندکس جدید : ("name")list.append
افزودن آیتم تو جایگاه دلخواه : ("name")list.insert
تو متد های بالا بجای list باید اسم متغیر لیست تون و بجای name یا اعداد، اسم آیتم مورد نظر یا ایندکسش رو بزارید. (برای متد clear نیاز نیست کاری بکنید و فقط بجای list اسم لیست رو میزارید)
مثال ها داخل پایتون:
توی مثال بالا، با append کردنِ مقدار "darya" تونستیم این مقدار رو به لیست اضافه کنیم.
توی این مثال هم از اونجایی که مقدار "orange" توی جایگاه شماره 2 قرار داشت با متد pop حذفش کردیم.
ویرایش لیست ها
برای ویرایش لیست ها توی پایتون از چندین مِتُد استفاده میکنیم که عبارتن از
حذف آیتم : ("name")list.remove
حذف آیتم با ایندکس : (1)list.pop
حذف آیتم با ایندکس : [1]del list
پاک کردن کل لیست : ()list.clear
افزودن آیتم و ایندکس جدید : ("name")list.append
افزودن آیتم تو جایگاه دلخواه : ("name")list.insert
تو متد های بالا بجای list باید اسم متغیر لیست تون و بجای name یا اعداد، اسم آیتم مورد نظر یا ایندکسش رو بزارید. (برای متد clear نیاز نیست کاری بکنید و فقط بجای list اسم لیست رو میزارید)
مثال ها داخل پایتون:
friends = ["ali", "sajad", "maryam", "kurosh"]
friends.append("darya")
friends = ["ali", "sajad", "maryam", "kurosh", "darya"]
توی مثال بالا، با append کردنِ مقدار "darya" تونستیم این مقدار رو به لیست اضافه کنیم.
fruits = ["apple", "banana", "orange", "cherry"]
fruits.pop(2)
fruits = ["apple", "banana", "cherry"]
توی این مثال هم از اونجایی که مقدار "orange" توی جایگاه شماره 2 قرار داشت با متد pop حذفش کردیم.
#Python_for_begginers - 15
انواع دیگهی متغیر ها
خب به عنوان آخرین پستِ مربوط به متغیر ها فقط میخوام بقیه مقدار هارو بهتون معرفی کنم ولی سعی میکنم توی یه ویدیو تمام متغیر هارو توضیح بدم.
به جز مقدار عادی که یه متغیر میتونه داشته باشه، لیست رو که گفتم؛ تاپل و دیکشنری هم هستن که دیکشنری کمی سطح بالا تره و احتمالا بعدا توضیحش بدم.
تنها فرق تاپل و لیست غیرقابل ویرایش بودن تاپله و اینکه ما تاپل هارو اینجوری نشون میدیم:
یعنی از لحاظ ظاهری هم یه تفاوتی با لیست داره که بجای [ ] یا اسکوئیر براکت، از پرانتز استفاده میکنیم.
پیدا کردن یک مقدار در لیست
برای اینکه بتونیم یه مقدار مشخصی رو از لیست بیرون بکشیم، باید بدونیم ایندکس چیه. من ایندکس هارو توی پستای قبلی توضیح دادم.
توی لیست بالا، برای مثال مقدار "toyota" اینطور نمایش داده میشه:
cars[2]
برای بیرون کشیدن یه مقدار خاص اول باید اسم متغیرِ لیست رو بنویسیم و ایندکسِ آیتمی که میخوایم رو داخل براکت قرار بدیم.
مثال دیگه برای مقدار "mercedes"
cars[-3]
انواع دیگهی متغیر ها
خب به عنوان آخرین پستِ مربوط به متغیر ها فقط میخوام بقیه مقدار هارو بهتون معرفی کنم ولی سعی میکنم توی یه ویدیو تمام متغیر هارو توضیح بدم.
به جز مقدار عادی که یه متغیر میتونه داشته باشه، لیست رو که گفتم؛ تاپل و دیکشنری هم هستن که دیکشنری کمی سطح بالا تره و احتمالا بعدا توضیحش بدم.
تنها فرق تاپل و لیست غیرقابل ویرایش بودن تاپله و اینکه ما تاپل هارو اینجوری نشون میدیم:
example = ("name", 19, True)یعنی از لحاظ ظاهری هم یه تفاوتی با لیست داره که بجای [ ] یا اسکوئیر براکت، از پرانتز استفاده میکنیم.
پیدا کردن یک مقدار در لیست
برای اینکه بتونیم یه مقدار مشخصی رو از لیست بیرون بکشیم، باید بدونیم ایندکس چیه. من ایندکس هارو توی پستای قبلی توضیح دادم.
cars = ["bmw", "mercedes", "toyota", "Lamborghini"]
توی لیست بالا، برای مثال مقدار "toyota" اینطور نمایش داده میشه:
cars[2]
برای بیرون کشیدن یه مقدار خاص اول باید اسم متغیرِ لیست رو بنویسیم و ایندکسِ آیتمی که میخوایم رو داخل براکت قرار بدیم.
مثال دیگه برای مقدار "mercedes"
cars[-3]
#Python_for_begginers - 16
در نهایت، فرم کلی اولین کدی که با پایتون مینویسید این شکلی میشه:
توی قطعه کد بالا با استفاده از دستور print ما اسم کل همکلاسی هامون رو چاپ میکنیم و نمایش میدیم.
برای اینکه بتونیم مقدار خاصی رو چاپ کنیم، اینطور عمل میکنیم:
خروجیِ قطعه کد بالا میشه "amin".
در نهایت، فرم کلی اولین کدی که با پایتون مینویسید این شکلی میشه:
my_classmates = ["darya", "shayan", "amin", "maryam", "amirhosein", "haadi"]
print(my_classmates)
توی قطعه کد بالا با استفاده از دستور print ما اسم کل همکلاسی هامون رو چاپ میکنیم و نمایش میدیم.
برای اینکه بتونیم مقدار خاصی رو چاپ کنیم، اینطور عمل میکنیم:
my_classmates = ["darya", "shayan", "amin", "maryam", "amirhosein", "haadi"]
print(my_classmates[2])
خروجیِ قطعه کد بالا میشه "amin".
👾1
Python Everywhere
• مقدمات برنامه نویسی Part 1 Part 2 Part 3 Part 4 Part 5 • کتابخونه های پایتون چی هستن؟ Part 6 Part 7 Part 8 • نوع داده ها Part 9 Part 10 Part 11 • متغیر ها Part 12 Part 13 Part 14 Part 15 • فرم نهایی Part 16
اگه با برنامه نویسی آشنایی دارید میتونید از بخش اول عبور کنید.
Media is too big
VIEW IN TELEGRAM
#Variables
🖼️ قسمت اول آموزش پایتون
- مباحث ویدیو:
• متغیر ها
• لیست ها و تاپل ها
• ورودی (input) و چاپ (print)
@izPython
- مباحث ویدیو:
• متغیر ها
• لیست ها و تاپل ها
• ورودی (input) و چاپ (print)
@izPython
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5
Python Everywhere
#Variables 🖼️ قسمت اول آموزش پایتون - مباحث ویدیو: • متغیر ها • لیست ها و تاپل ها • ورودی (input) و چاپ (print) @izPython
بخاطر واتر مارک ادیتور عذر میخوام تو ویدیو های بعدی درستش میکنم.
❤2
-- برای طراحی سایت حرفه ای باید چه مهارت هایی داشته باشیم؟
🖼️ جَنگو، فریم ورک محبوب و قدرتمند پایتون برای بک اند نویسی وب.
🖼️ 🖼️ ری اکت یا ویو جی اس، فریم ورک های جاوا اسکریپت. به طور کلی برای کسایی که مبتدی ترن بهتره که فریم ورک از ویو جی اس استفاده کنن. اما ری اکت از محبوبیت و منطق نسبتا سخت تری برخورداره.
🖼️ تسلط کامل برروی Html و Css
🖼️ تسلط کافی برروی جاوا اسکریپت
🖼️ تسلط نسبی برروی فتوشاپ برای طراحی های سطحی و حرفه ای
Note:
درهرحال توی مواردی مثل فتوشاپ و یا فریم ورک هایی که برای سایتتون استفاده میکنید حق انتخاب دارید. من با توجه با موضوع چنل که پایتون باشه از فریم ورک جنگو اسم بردم و بین فریم ورک های مختلف ریسپانسیو جاوا اسکریپت ری اکت و ویو جیاس بهترین گزینه ها هستن
Note:
درهرحال توی مواردی مثل فتوشاپ و یا فریم ورک هایی که برای سایتتون استفاده میکنید حق انتخاب دارید. من با توجه با موضوع چنل که پایتون باشه از فریم ورک جنگو اسم بردم و بین فریم ورک های مختلف ریسپانسیو جاوا اسکریپت ری اکت و ویو جیاس بهترین گزینه ها هستن
Please open Telegram to view this post
VIEW IN TELEGRAM
👎1
React or Vue ?
دو فریم ورک محبوب جاوا اسکریپت برای طراحی رابط کاربری و تعاملی Front-End؛
-تفاوت ها :
فریمورک React از قالب Jsx برای نوشتن کد های Html استفاده میکنه درحالی که Vue از کد های Html پشتیبانی میکنه و گزینه ای برای نوشتن بصورت Jsx هم داره.
🖼️ از طرف دیگه ریاکت از دقت و سرعت کمی بیشتری برخورداره و البته درک React برای کسی که به جاوا اسکریپت کامل مسلط نیست کمی سخت تره.
از طرف دیگه Vue یه فریم ورک کاملا سبک و با سرعت خوبه که با توجه به سیستم DOM که کاملا شبیه به فریمورک angular هستش و همچنین استفاده از کد های Html یادگیری خیلی سریع و آسون رو به همراه میاره.
-مفهوم DOM چیه؟
یک رابط برنامه نویسی (API) برای جاوا اسکریپت که برای تعامل توی وبسایت استفاده میشه.
بزارید ساده توضیح بدم، فرض کنید توی یه وبسایت میخواید با فشردن یه دکمه پیامی نمایش داده بشه و چیزی تغییر کنه.
تمام این تغییر ها نیازمند این هستن که تگ های Html و کد های Css بصورت مداوم بروزرسانی بشن و به عبارتی تغییر کنن.
درحالت عادی تغییر کد های html/css بصورت در لحظه و به دست کاربر ممکن نیست.
اینجاست که DOM با استفاده از یه سیستم درختی مانند، میاد و تمام عناصر (تگ ها) HTML رو تبدیل به اشیاء (Object) میکنه.
حالا عناصر سایتتون به راحتی قابل تغییر، حذف و اضافه شدن هستن!
بنابراین کاری که سیستم DOM انجام میده اینه که به شما اجازه میده کد های وبسایت تون در لحظه تغییر کنن و حذف یا اضافه بشن.
حالا میتونید درک کنید که چرا فریم ورک هایی مثل Vue.js و React.js از این سیستم استفاده میکنن تا رابط کاربری و تعامل بین سایت و کاربر ایجاد کنن.
🖼️ مزایای Vue.js :
• یاد گیری سریع و آسان
• سبک و سرعت بالا
• درحال رشد و دارای انجمن های مختلف
🖼️ معایب Vue.js :
• تجربه و حضور کمتر در عرصه
• چینی زبان بودن برخی افزونه و ابزار ها
• آیندهی نامشخص و متخصص های کمتر
🖼️ مزایای React.js :
• حضور قدرتمند و تقاضای زیاد
• سرعت بالای توسعه
• ابزار های بسیار زیاد
🖼️ معایب React.js :
• یادگیری سخت
• استفاده از Jsx
جمع بندی
درکل اگه طراح وبسایت تازه کار هستید میتونید برای پروژه های ساده/متوسط و حتی پیچیده از Vue.js استفاده کنید. چرا که یادگیری این فریم ورک خیلی آسون و سریع رقم میخوره درحالی که برای پروژه هایی با مقیاس بزرگ اطمینانی بهش نیست و بهتره که برید سراغ React
دو فریم ورک محبوب جاوا اسکریپت برای طراحی رابط کاربری و تعاملی Front-End؛
-تفاوت ها :
فریمورک React از قالب Jsx برای نوشتن کد های Html استفاده میکنه درحالی که Vue از کد های Html پشتیبانی میکنه و گزینه ای برای نوشتن بصورت Jsx هم داره.
از طرف دیگه Vue یه فریم ورک کاملا سبک و با سرعت خوبه که با توجه به سیستم DOM که کاملا شبیه به فریمورک angular هستش و همچنین استفاده از کد های Html یادگیری خیلی سریع و آسون رو به همراه میاره.
-مفهوم DOM چیه؟
یک رابط برنامه نویسی (API) برای جاوا اسکریپت که برای تعامل توی وبسایت استفاده میشه.
بزارید ساده توضیح بدم، فرض کنید توی یه وبسایت میخواید با فشردن یه دکمه پیامی نمایش داده بشه و چیزی تغییر کنه.
تمام این تغییر ها نیازمند این هستن که تگ های Html و کد های Css بصورت مداوم بروزرسانی بشن و به عبارتی تغییر کنن.
درحالت عادی تغییر کد های html/css بصورت در لحظه و به دست کاربر ممکن نیست.
اینجاست که DOM با استفاده از یه سیستم درختی مانند، میاد و تمام عناصر (تگ ها) HTML رو تبدیل به اشیاء (Object) میکنه.
حالا عناصر سایتتون به راحتی قابل تغییر، حذف و اضافه شدن هستن!
بنابراین کاری که سیستم DOM انجام میده اینه که به شما اجازه میده کد های وبسایت تون در لحظه تغییر کنن و حذف یا اضافه بشن.
حالا میتونید درک کنید که چرا فریم ورک هایی مثل Vue.js و React.js از این سیستم استفاده میکنن تا رابط کاربری و تعامل بین سایت و کاربر ایجاد کنن.
• یاد گیری سریع و آسان
• سبک و سرعت بالا
• درحال رشد و دارای انجمن های مختلف
• تجربه و حضور کمتر در عرصه
• چینی زبان بودن برخی افزونه و ابزار ها
• آیندهی نامشخص و متخصص های کمتر
• حضور قدرتمند و تقاضای زیاد
• سرعت بالای توسعه
• ابزار های بسیار زیاد
• یادگیری سخت
• استفاده از Jsx
جمع بندی
درکل اگه طراح وبسایت تازه کار هستید میتونید برای پروژه های ساده/متوسط و حتی پیچیده از Vue.js استفاده کنید. چرا که یادگیری این فریم ورک خیلی آسون و سریع رقم میخوره درحالی که برای پروژه هایی با مقیاس بزرگ اطمینانی بهش نیست و بهتره که برید سراغ React
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👾5
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡1🔥1
Python Everywhere
Photo
با توجه به معایب و مزایای Vue - React ، شما کدوم رو برای یادگیری انتخاب میکنید؟
Final Results
57%
43%
🆒2👎1
اینترنت 6G هم داره میاد اونوقت ما اینجا با نت هفته ای 50 هزار تومنی و اوپراتور 4G و سرعت کیلوبایتی و فیلترینگ و تحریم و پینگ 700 سر و کله میزنیم.
💔5👎1