جاوا اسکریپت به زبان ساده - جلسه نوزدهم: کامنت و مفاهیم بلاک و Scope

بدیهی شخصیت مهرطلب دکتر هلاکویی است که م برای بازدید از طراحی سایت به آن مراجعه نمی کنند آن ها به محتوای سایت توجه می کنند و طراحی تنها ابزار ارائه محتویات به روشی کاربردی و قابل درک است برای طراحی موفق و کارآمد سایت، می توان از ۱۲ الگوی رایج استفاده کرد که عبارتند از ۱ الگوی کارت ها ۲ الگوی ای ۳ الگوی مجله ۴ الگوی بدون کانتینر ۵ الگوی تقسیم صفحه ۶ الگوی یکیشن های وب تک صفحه ای - ۷ الگوی ۸ الگوی ۹ الگوی متقارن افقی ۱۰ الگوی متقارن خصوصیات افراد کمال گرا مایل به افقی ۱۱ الگوی متقارن شعاعی یا چرخشی ۱۲ الگوی نامتقارن توجه داشته باشید که چگونه طرح وب خود را در قدرتمندترین قالب من ارائه دهید در این بخش به معرفی ۶ الگوی طراحی اول می پردازیم ۱ الگوی کارت ها صورت مسئلهمرو سایت بخش بزرگی از تعامل با آن است؛ اما نمایش جزئیات در سایت، باعث درهم ریختگی صفحه نمایش می شود راهبردکارت ها در این الگو سایت را قادر می سازند که حجم سنگینی از محتوا را به روشی قابل فهم نمایش اختلالات شخصیتی بدهد همانطور که در کتاب مطرح شده است، الگوی کارت ها در آینده ای نزدیک همه گیی شود و البته موفقیت این الگو مستقیماً به کاربردهای آن گی دارد کارت ها به عنوان ظرفی برای اعات قابل کلیک عمل می کنند

در واقع، --ها پیش نمایشی هستند که به کاربران ک می کنند تا محتوای مورد نظر پیدا کنند سبک کارت ها در هر سایتی متفاوت است؛ اما اکثراً شامل یک تصویر و توضیحی در ادامهآن و نیز برخی توابع فردی مانند لایک در و ریتوییت در است شخصیت مهرطلب علاوه بر این، کارت ها در طراحی واکنش گرا ریسپانسیو به خوبی عمل می کنند هر کارت به صورت خودکفا عمل می کند و محل قرارگیری آن ها می تواند متناسب با هر صفحه نمایشی تنظیم شود طراحی سایت ریسپانسیو یک روش طراحی برای و دستگاه های کوچک تر از رایانه است در این راهبرد، طراح ابتدا وب سایت را متناسب با عرض دستگاه های کوچک تر از رایانه مثل و و طراحی و پیاده سازی می کند ؛ سپس در عرض های بزرگ تر نیز قالب طرح را تست و آن را متناسب تست شخصیت مهرطلب سازی می کند البته این روند تازه ای نیست و در سال های اخیر بسیار مورد توجه بوده است؛ اما از آنجا که طبق آمار در حال حاضر کاربران بیشتر آمار استفاده از فضای وب را دارند، دیگر تمام صاحبان وب سایت وب مسترها ، سایت خود را با راهبرد - طراحی می کنند روز به روز وب مسترهای بیشتری در حال روی آوردن به این روش طراحی سایت هستند و سعی می کنند که محتوای خود را روی دستگاه های کوچک نیز به خوبی نمایش دهند دستگاه های ها به دلیل کوچکی اختلال شخصیت پارانوئید ابعاد صفحه نمایش برای قرار دادن محتوا روی سایت محدودیت زیادی ایجاد می کنند؛ اما این امر یک نقطه قوت محسوب می شود؛ چرا که محتوای غیر ضروری از جلوی دید کاربر حذف می شود و کاربر با ورود به سایت از طریق سریع تر به خواسته خود می رسد در سایت هایی که محتوای زیادی دارند، الگوی کارت ها ویژگی های زیر را ارائه می کند دیداری است به این معنی که به دستورالعمل نیاز ندارد در طراحی ریسپانسیو به صرفه است به دلیل اینکه کارت ها مستقل مشاوره روانشناسی و ضرورتی آن از یکدیگر هستند و محل قرارگیری آن ها می تواند متناسب با هر صفحه نمایشی تنظیم شود قابلیت اشتراک گذاری دارد اشتراک گذاری محتوای مشخص در رسانه های اجتماعی از این طریق آسان است چندمنظوره است به این معنی که می تواند با طیف گسترده ای از سبک های سایت مورد استفاده قرار بگیرد نکاتهمهکارت ها را در وضعیت قابل کلیک قرار د، نه فقط بعضی از کارت ها را بر اساس قانون فیتس، این فرآیند تعامل کاربر را دوست داشتنی تر می کند هر اختلالات شخصیتی نمایشی کارت روی یک مفهوم اصلی تمرکز می کند و نه بیشتر در غیر این صورت، هدف کارت خدشه دار می شود هنگام انتخاب تصاویر، صفحات نمایش کوچک تر را مد نظر داشته باشید پیچیدگی ایجاد نکنید کارت ها زمانی که ساده تر باشند، در ارائه مطالب بهتر عمل می کنند تایپوگرافی عمومی و توصیفات مینیمال به مرور سایت ک می کند

۲ الگوی ای صورت مسئلهسایت های دارای محتوای سنگین، تمایل دارند همه آیتم های ابتدایی سایت را با سلسله مراتبی برابر شخصیت مهرطلب، شخصیتی پر از تناقض های پنهان نمایش بدهند راهبرددر ساختار ای، مرور وب سایت راحت تر است کارت ها در قالب ، تقریبا همیشه از یک نوع هستند ظاهر الگوی ، در مقایسه با ظاهر لیست ساده، گزینه های بیشتری برای مرور کردن ارائه می دهد که باعث می شود این سبک فضایی مؤثرتر داشته باشد کارت ها در این الگو می توانند در اندازه، فاصله گذاری و تعداد ستون ها متفاوت باشند سایت هایی مانند هافینگتون پست برای محسوس نبودن قالب توری مرتب در گزینه هایشان د هستند تيپ شخصيت كمال گرا درحالی که یوتیوب تشکیلاتی سخت گیرانه با ردیف هایی مرتب و دسته بندی های گروهی دارد مانند کانال ها و نکاتبه فضای آزاد یا عدم وجود فضای کافی در سایتی مانند دیپلی توجه کنید؛ چون این فضا در نحوهبازدید کاربران تأثیرگذار است وجود فضای گسترده روند کار را آهسته تر می کند؛ اما توجه بیشتری روی هر آیتم قرار می دهد در فضای مینیمال روند کار سریع تر است؛ اما این ریسک را هم دارد که برخی از مفاهیم در میان شکاف ها از قلم بیفتند مشاوره روانشناسی سازگاری یک امر مهم است؛ خصوصا زمانی که برای دستگاه های مختلف طراحی می کنید مطمئن شوید که طراحی ریسپانسیو شما در نقاط توقف مختلف قابل تشخیص بماند با ای شامل ۱۲ ستون اصلی و ابزارهایی مانند شروع کنید ۳ الگوی مجله صورت مسئلهیک سایت محتویای زیادی در دسته بندی چندگانه دارد که به طور منظم به روزرسانی می شوند راهبردپیش از وب سایت ها، مجله ها با این مسئله روبرو بودند و فت هایی که آن ها ارائه کردند همچنان ماندگار کمال گرایی در ازدواج هستند اندازه های تناوبی ستون ها، کارت ها و سرخط ها، یکنواختی گرید را از بین می برد و درعین حال، مفاهیم متنوعی را به نمایش می گذارد الگوی مجله چگونگی نمایش محتوا را تغییر داده است

سمت چپ صفحه نمایش من است در اختیار ای از کارت ها باشد؛ درحالی که سمت راست لیستی از لینک های متنی را در بر دارد به عنوان مثال، سایت بازفید را ببینید رُکن اول نمایش دهنده محتوا است که پس از هر تصویر، توضیحاتی مرتبط با آن به صورت مفصل تیپ های شخصیتی اناگرام آمده است ستون میانی شامل محتوای روز و توضیحی به صورت خلاصه در زیر تصویر و رُکن آخر شامل روند کلی است که تعدادی عکس بدون توضیحات را در بر دارد به فن بیان آن ها توجه کنید رنگها و اندازه متن ها متنوع هستند تا کارکرد ها را نشان دهند و یک سلسله مراتب دیداری ایجاد کنند نکاتاین الگو مانند مجلات چی بر تصاویر تأکید دارد همانند تایم، وِب اِم دی، و وایِرد، معمولا یک تصویر اصلی روی صفحه وجود دارد تا قبل از اینکه کاربران اختلالات شخصیتی تصاویر کوچک تر و ثانوی را به طور اجمالی مرور کنند، تمرکز کاربر را جلب کند یکی از ویژگی های این سبک، یک منوی عمودی در هر دو طرف یا منوی افقی است ۴ الگوی بدون کانتینر - صورت مسئلهیک سایت برای ارائه داده ها، یک رویکرد مینیمالیستی می خواهد راهبردالگوی بدون کانتینر ، حداقل ها را به سطح بعدی می برد، تمام ظواهر غیر ضروری را کنار می گذارد و از قراردادهای دیگر سایت ها دور می شود این الگو به جای تقسیمات واضح، بر ویژگی تیپ های شخصیتی از نظر یونگ های دیداری، گروه بندی و مفهوم مشترک برای نمایش روابط متکی است از لحاظ تاریخی، طراحی وب بر طرح بندی های خطی و ساختاریه سطح بالا برای نمایش اعات استفاده می کند این روش به خوبی عمل می کند؛ اما با گزینه های بیشتری که امروزه در دسترس است، طراحان می توانند سبکهای غیر متعارف را امتحان کنند؛ نظیر سایت های آژانس پابلیک لایبرِری، سهامی و فشن سایِن اِن وای که همهمقادیر آن مدرن و آوانگارد به نظر می رسد طراحی بدون کانتینر درمان شخصیت کمال گرا ، قدرت بیشتری به محتوای خود منتقل می کند با این حال، باید به سلسله مراتب بصری توجه بیشتری شود میزان تأثیرگذاری این الگوی ریسک پذیر به چگونگی طراحی طراحان آن گی دارد اغلب به صورت مینیمالیسم، محتوای سایت خود را نادیده می گیرد لینک ها همه متنی هستند بدون کلید و یک طراحی بصری انه توضیح می دهد که هر محتوا مربوط به چیست نکاتفن بیان در طراحی بدون کانتینر حیاتی است اندازه، وزن فونت و رنگ همگی در محل قرارگیری تقسیم راه درمان اختلال شخصیتی کننده های واضح مرتبط هستند

از متن بزرگ برای تیتر، متن کوچک تر برای توضیحات ثانویه و متن آبی رنگ برای لینک های خارجی استفاده می کند برای جلوگیری از آشفتگی، الِمان های بیشتری را قابل کلیک کنید زمانی که کاربر نسبت به یک الِمان دچار ابهام شده است، برای اولین بار به صورت آزمایشی روی آن کلیک می کنند سایت های با محتوای سنگین با این فت مشکل دارند اگرچه اِی اواِل نشان داد که این اان وجود دارد اما همیشه ایده آل نیست تیپ های شخصیتی دکتر هلاکویی ۵ الگوی تقسیم صفحه ا صورت مسئلهیک سایت دو دسته مفهوم اصلی دارد که هر دو به یک اندازه مهم هستند راهبردالگوی تقسیم صفحه یک روش منطقی و مرسوم برای ارائه دو عنصر متضاد است که هردو عنصر به یک اندازه مورد توجه هستند تقسیم صفحه یک انتخاب برای نمایش دو عنصر کانونی به طور همزمان است که آن ها را در برابر یکدیگر قرار می دهد و مقایسه می کند همانطور که مثال آدیداس نشان می دهد در واقع زمانی که نمی دانید کدام یک از دو اِلمان ازدواج با افراد کمال گرا برجسته تر نمایان می شود، بهترین انتخاب این است که هر دو را انجام دهید این الگو برای زمانی که سایت مباحث کاملا متضاد را ارائه می دهد مناسب است، مانند جنسیت ها در سایت ۶۲ مُدِلز کاربران از همان ابتدا حق انتخاب دارند بنابراین سایت زمان را برای نمایش هر دو گزینهغیر ضروری هدر نمی دهد همچنین الگوی تقسیم صفحه مانند سایت پژو این فرصت را می دهد که دو دکمه فراخوان عمل -- یا به اختصار نمایان شوند این سبک از همان زمان 16 تیپ شخصیتی همواره در جهت زیباتر شدن رشد کرده است رایج ترین شیوه آن، داشتن یک متن در نیمی از صفحه است و یک تصویر هِدِر که در نیمه دیگر قرار می گیرد همانند سایت لورِن ویک وِیر دیزاین در این الگو هر دو طرف صفحه وب سایت، دو نمود از یک مفهوم هستند نکاتالگوی تقسیم صفحه برای مقایسه کردن ایده آل است در این راستا طراح پاتریک نیل نیز بر ایجاد دوگانگی به وسیلهویژگی های متضادی همچون رنگ های مخالف، اندازه متن متفاوت، ماهیت تصویر تیپ های شخصیتی a b c d و غیره تأکید می کند سادگی مِنو و ماهیت یکپارچه آن را حفظ کنید در حالت ایده آل بهتر است که مِنو در بالای صفحه، جایی که واضح باشد قرار بگیرد و در هر دو طرف اعمال شود

الگوی تقسیم صفحه به همان اندازه که محتوا رشد پیدا کرده، توسعه داده نشده است بنابراین آن را در سایت های دارای محتوای سنگین اعمال نکنید در قسمت بعدی به معرفی ۶ الگوی طراحی دوم پرداخته می شود با ما باشید بیشتر بخوانید وردپرس، جوملا و دروپال بهترین شخصیت مهرطلب دکتر هلاکویی ‌های مدیریت محتوا نیستند ابزار طراحی وبسایت و یکیشن ادوبی رایگان شد ۱۲ الگوی آنالیز شده و بدون محدودیت طراحی سایت قسمت دوم موزه‌ی طراحی وب ‌ جایی برای مرور خاطرات گذشته‌ اشتباهات خطرناک در طراحی وب‌سایت مربوط به کسب و کار کامنت به تکه ای از کد گفته می شود که توسط مرورگر اجرا نمی شود از کامنت برای قراردادن توضیحات، نکات یا هر چیزی که بعدا من است بدان نیاز پیدا کنید استفاده می شود دقت کنید که کامنت گذاری رهایی از مهرطلبی نکته بسیار مهمی است و باعث شفاف و خواناتر شدن کدها می شود نکته مهم دیگر کامنت ها این است که می توانید با ک آن ها تکه ای از کد که قصد اجرای آن را ندارید نیز کامنت کنید بدین ترتیب آن تکه کد خوانده و اجرا نمی شود نحوه قرار دادن کامنت در جاوا اسکریپت برای قرار دادن کامنتی که یک خط باشد، کافی است در ابتدای خط علامت // قرار دهید هر چه در آن خط و قبل زدن اینتر نوشته شود، کامنت محسوب می شود و اجرا نخواهد شد اگر بخواهید ایده آل گرایی چیست چند خط پشت سر هم را کامنت کنید، باید در ابتدای محلی که می خواهید کامنت شود علامت */ و در انتهای آن علامت */ قرار دهید بدین ترتیب هر چند خطی که بین این دو علامت نوشته شود خوانده و اجرا نخواهد شد مثال کامنت یک خطی با ک *//* ' */ کامنت چند خطی با ک */ /* این بلاک کد کامنت شده است و هیچ گونه اتفاقی در این قسمت رخ نخواهد داد */ کامنت یک خطی با ک // //کامنت در یک خط کامنت چند خطی با ک // //مجموعه ای از //کامنت های //یک خطی در آخر باز هم اختلال شخصیت اسکیزوئید توصیه می کنیم برای خواناتر شدن کد و درک بهتر آن توسط خودتان و دیگران، حتما در بین کدهایتان کامنت بگذارید و عملکرد و نکات مبهم آن را توضیح دهید تعریف بلاک کد بلاک کد در واقع مجموعه ای از جملات یک زبان نویسی است که در کنار هم، یک بلاک یا مجموعه را تشکیل می دهند مثلا فانکشن ها و کارهایی که در داخل {} یک فانکشن نوشته می شود یک بلاک کد را تشکیل می دهند { } در مثال بالا هر چه بین دو علامت { نوشته شده است به عنوان بلاک کد مشاوره روانشناسی | ضرورت آن و اینکه چرا باید به آن فکر کرد شناخته می شود مفهوم بلاک در جاوا اسکریپتیک مفهوم بسیار مهم دیگر در جاوا اسکریپت، مفهوم است مشخص می کند که به متغیرها و اعات یک بلاک کد، در کجا دسترسی داریم و می توانیم استفاده کنیم در ادامه به این موضوع به صورت عمیق تر خواهیم پرداخت به طور کلی اولین نکته این است که جاوا اسکریپت کدها را از بالا به پایین می خواند

پس نمی توانید تکه کدی را که هنوز ننوشته اید در پایین صفحه استفاده کنید مثلا اگر می خواهید یک فانکشن اختلالات شخصیتی مرزی یا هر متغیر دیگری را در صفحه صدا بزنید، باید ابتدا آن را در بالاتر تعریف کنید و در پایین تر صدا بزنید؛ نه اینکه در بالاتر صدا بزنید و در خط بعدی آن را تعریف کنید اهمیت بلاک در تعریف متغیرها متغیرها در جاوا اسکریپت به دو دسته تقسیم می شوند متغیرهای عمومی و در واقع زمانی که یک متغیر را درون یک فانکشن تعریف می کنید، تفاوت بسیار زیادی دارد تا آن را بیرون یک فانکشن تعریف کنید متغیرهای عمومی زمانی که یک متغیر در نشانه های اختلال شخصیت خارج بلاک کد تعریف می شود، به آن متغیر عمومی می گوییم به متغیر عمومی همه جا دسترسی داریم و می توانیم همه جا آن را صدا بزنیم یا تغییر م متغیرهای محلی متغیرهای محلی در داخل یک بلاک کد تعریف می شوند در واقع زمانی که شروع و تعریف یک متغیر در داخل مثلا یک فانکشن باشد، این متغیر تنها درون آن فانکشن قابل تعریف و استفاده خواهد بود و بیرون آن نمی توانید از آن استفاده کنید این موضوع خصوصا زمانی که تعداد متغیرها زیاد تیپ های شخصیتی مردان می شود و نمی خواهید برای هر کار کوچکی یک متغیر عمومی تعریف کنید استفاده می شود { = = اگر را در داخل فانکشن صدا بزنیم بدان دسترسی خواهیم داشت چون این متغیر تنها واه و قابل استفاده در همین فانکشن خواهد بود//}در این مثال زمانی که را در داخل فانکشن تعریف کنیم، تنها درون این فانکشن بدان دسترسی داریم پس اگر خارج فانکشن آن را صدا بزنیم دیگر نمی توانیم آن را استفاده کنیم و ارور خواهیم گرفت ولی متغیر عمومی که تست شخصیت مهرطلب در خارج فانکشن و بلاک کد فانکشن تعریف شده است، در داخل و بیرون فانکشن بدان دسترسی خواهیم داشت برای تعریف یک متغیر گلوبال و عمومی، کافی است آن را خارج هر گونه بلاک کد قرار دهید تا همه جا بدان دسترسی داشته باشید برای مثال اگر در ادامه و خارج فانکشن بخواهیم این دو متغیر را نمایش دهیم، متغیر گلوبال درست نمایش داده خواهد شد //نتیجه درست برخواهد گشت // این متغیر ناشناخته خواهد بود همچنین هر بلاک کد هر چه بین دو آکولاد اختلالات شخصیتی نوشته می شود یک بلاک کد است دارای اسکوپ اختصاصی خود است یعنی اگر متغیری را درون یک فانکشن تعریف کرده باشید بیرون فانکشن نمی توانید آن را استفاده کنید برای استفاده و تغییر یک متغیر درون فانکشن و دسترسی به آن بیرون فانکشن باید آن را بیرون فانکشن تعریف کنید بدین ترتیب متغیر شما گلوبال یا عمومی می شود و وقتی درون فانکشن استفاده شود مشکلی ندارد حتی مقدار آن بعد از اجرای فانکشن نیز تغییر می کند و مشکلی از بابت نقش مشاوره روانشناسی درکاهش بحران ها تغییر آن در فانکشن نیست چه موقع از متغیرهای محلی استفاده می کنیم؟ فرض کنید که ۱۰ فانکشن دارید که در هر کدام از آن ها به یک متغیر جداگانه نیاز دارید که مثلا قیمت نهایی را حساب کند! اگر تمام متغیرهای قیمت نهایی را بخواهید گلوبال تعریف کنید، باید به تعداد فانکشن ها متغیرهای گلوبال تعریف کنید همچنین هر بار که فانکشن صدا زده می شود، مقدار متغیر گلوبال شما با مقدار جدید عوض می شود

اما اگر متغیر شما به صورت محلی در اختلالات شخصیتی مرزی داخل فانکشن تعریف شود، فقط در همان فانکشن در دسترس خواهد بود و دیگر ناچار نیستید متغیرهای جداگانه برای هر فانکشن تعریف شود همچنین از عدم تداخل متغیرها و قاطی شدن مقدارها در فانکشن های مختلف نیز خیالتان راحت خواهد بود سخن پایانی درک درست از متغیرهای عمومی و گلوبال نقش مهمی در دیباگینگ و کیفیت کدنویسی شما در جاوا اسکریپت دارد علت بسیاری از خطاهای ساده و پیش پا اده ای که من است ها وقت شما را هدر بدهد، همین عدم مشاوره روانشناسی و ضرورتی آن درک دقیق از متعیرهای عمومی و محلی است پس در یادگیری این موضوع همتی بیش از پیش داشته باشید بیشتر بخوانید جاوا اسکریپت به زبان ساده - جلسه بیستم جاوا اسکریپت به زبان ساده - جلسه هجدهم - استرینگ‌ها پیشرفته بهترین زبان‌ های نویسی برای یادگیری درسال ۲۰۱۸ جاوا اسکریپت به زبان ساده - جلسه هفدهم - تغییر استایل به‌منظور تدریس کدنویسی برای ‌ طراحی کرد


جاوا اسکریپت به زبان ساده - جلسه نوزدهم: کامنت و مفاهیم بلاک و Scope

which_wordpress_blog: 
https://alidaeifans.wordpress.com/?p=25|||145655608