طراحی سایت

لهجه های نرم‌افزار نویسی فرانت اند خیلی طاقت فرسا نیستن؛ اما مهمن و برای یه بسط‌دهند‌ی فرانت اند، دونستن همشون الزامیه. پیرو هر کدوم از این گویش‌ها و کاربردشون را برای شما توضیح میدیم. لهجه آرم گذاری HTML html که مختصر hyper text markup language است یک لهجه نشان گذاری است.(گویش نشان گذاری خیر اپلیکیشن نویسی!) Html مشمول تگ های زیادی میباشد طراحی سایت در مشهد که شالوده اون رو تشکیل میده. Html دقیقا مثل اسکلت تن میمونه و پایه یک سایت رو تشکیل میده که بر تارنما بر شالوده های اون استواره پس اولی استپ برای یادگیری تارنما (درصورتی که بخواین از فرانت اند آغاز کنین)، Html است. شما توی html با تگ‌ها فعالیت می کنید و می‌تونید فولدر‌های متنی، عکس، کلیپ و صدا را بهش اضافه نمایید. فعالیت اساسی شما در html پوسته بندی وب سایت در اپلیکیشن نویسی فرانت اند می‌باشد. از مزیت‌های این لهجه میشه به موردها ذیل اشاره نمود:

یادگیری بی آلایش و سریع
دفاع در اکثر مرورگرها
سینتکس سرازیر و منعطف
مجانی بودن
به راحتی در دور و بر notepad ویندوز قابل به کار گیری میباشد.
قابلیت و امکان خلاصه نویسی دارااست.
و البته معایب مهم‌ترین لهجه اپلیکیشن نویسی فرانت اند چیست؟

امنیت معدود این گویش
پویا وجود ندارد
هر ساختاری را حمایت نمی‌نماید
ولی یه موضوعی این اواسط است. به طبع هر حوزه تخصصی اصطلاحات و مفاهیم مرتبط با خودش رو داره. برای مثال اصطلاحاتی تو حوزه آشپزی، نجاری، دندان پزشکی و … وجود داره که بیشتر اشخاص اون حوهز باهاشون راز و عمل دارن. اگه شما بخواین وارد یه حوزه ای بشین، اگه اصطلاحات و مفاهیم اون حوزه رو تا حد قابلیت و امکان بلد باشین و باهاشون شناخت داشته باشین، هنگامی وارد مباحث مهم شدین سردرگمی کمتری خواهید داشت و سوالهای کمتری براتون پیش میاد. پس واسه همین خیال توصیه میکنم پیش از این که Html رو استارت کنین، یه رسیدگی و جستجویی در زمینه‌ی اصطلاحات و مفاهیم حوزه اپلیکیشن نویسی اینترنت بکنین. مفاهیم و اصطلاحاتی مثل فرانت اند، بک اند، کلاینت، هاست، دامین، سرور و …

سبزلرن یه زمان داره که اسمش “استارت فرانت اند اینترنت + سکوی پرتاب به بازار فعالیت” است و تو این عصر آقای سعیدی راد اصطلاحات اساسی، ضروری و لبریز کاربردی که تو حوزه اینترنت استعمال میشن رو براتون فراگیری میده. میتونین پیش از استارت Html از این زمان به کار گیری کنین.

استایل دهی با css
css که مخفف Cascading Style Sheets است یک کدام از گویش های نرم افزار نویسی Front end برای استایل دهی می‌باشد که به تگ های html خواص و زیبایی می بخشه. Css صحیح مثل ظواهر جسم ما هستن همگی ی چیزهایی که استخون ما رو پوشش دادن مثل گوشت و پوست و رنگ و گیسو و هر چیزی که به جسم ما زیبایی جلوه داده (اندیشه کنین هیچ کدوم از اینا رو نداشتیم و صرفا استخون بودیم:| html خالی و فارغ از css هم دقیقا یه همچین چیزی میشه :). در css ما یک تگ استایل داریم که داخلش می‌تونیم هر خصوصیت مرتبط با ظواهر المان‌های تارنما مثل اندازه، رنگ، صورت و… را تغییر تحول بدیم. خلال این با به کارگیری از سلکتورهای Css، میشه المان‌ها را تعیین کرد و به هر کدوم استایل بخشید. از مزیت‌های این استایل دهی با این لهجه اپلیکیشن نویسی front end میشه به مفاد پایین اشاره نمود:

پناه در اکثر زمان ها مرورگرها
امکان استعمال دوباره از کدها
حفظ مجزای کدها
البته ببینیم معایب این لهجه اپ نویسی فرانت اند چیه؟

عدم اکران صحیح در برخی مرورگرها
استایل دهی سلسله مراتبی که یه خرده غامض میباشد.
ماژول ها و فریمورک های css :
پس یادگیری css هم از واجبات و اصول اول میباشد که ماژول های مختلفی برای شل خیس کردن شغل وجود داره که حقیقتا فعالیت هایی مثل ریسپانسیو رو بی آلایش خیس و سریع خیس و با کد های کمتر جاری ساختن میدن که بدون نقص تمامی ی این ها رو در نوشته‌ی علمی ی مرتبط با نقشه ی رویه گفتم.

به صورت نمونه به کار گیری از ماژول های flex box یا این که css grid خیلی یاری کننده است. زیرا مسلما برای تارنما هایی که در نصیب هایی از وبسایت که ستون ها و ردیف های تو در تویی دارن صرفا به کارگیری از css برای ما ایراد ساز خواهند بود پس استعمال از این ماژول ها به شدت سعی ما رو بالا میبره و خوشگل و منزه خیس شدن وبسایت و سرعت بالای ما یاری میکنه. همینطور استعمال از یک کدام از فریمورک های css به شدت الزامی می‌باشد. مثل بوت استرپ که مشهور ترین اون هاست یا این که متریالایز یا این که semantic Ui و غیره که به شدت به‌سرعت ما و استاندارد شدن کد های ما یاری میکنه.

زیرا به صورت نمونه برای تولید یک اسلایدر به مکان تایپ کردن تعداد خط کد متعددی با css و جاوا اسکریپت می تونیم اون رو با یک‌سری خط نادر تو فریمورک بوت استرپ اون رو طراحی کنیم و برای بخش های خیلی متعددی به مکان تایپ کردن اون کد به وسیله css در بوت استرپ صرفا کلاس اون رو صدا می زنیم و از این دست تغییرات

لهجه نرم‌افزار نویسی جاوا اسکریپت (Java Script):
خب درین نصیب میرسیم به لهجه جاوا اسکریپت تحت عنوان یکی‌از لهجه های اپلیکیشن نویسی Front end که نسبتاً اصل قصه میباشد. و اگه بخوام طبق نمونه اناتومی آدم بهتون بگم جاوا اسکریپت به طور تقریب مثل روح بشر میمونه. چیزی که سبب ساز تعامل با جسم ما میشه و بهمون مضمون‌ میده جاوا اسکریپت هم برای html و css حکم روح رو داره. ما قبلا با به کارگیری از html و css تنها میتونستیم یک تارنما استاتیک بسازیم یعنی چی؟

استاتیک در معنای نداشتن تعامل با استفاده کننده می‌باشد در‌این حالت صرفا یه خصوصی مقاله و صورت و جعبه و … به مخاطب نشون داده میشه و هیچ ارتباطی با استفاده کننده گرفته نمیشه. البته هنگامی جاوا اسکریپت به داستانمون اضافه میشه ما خواهیم توانست تا سایتمون رو دینامیک کنیم که در معنای تعامل داشتن با مخاطب می‌باشد.

به هیچ وجه تعامل داشتن با استفاده کننده یعنی چی؟ با یه نمونه مورد رو براتون توضیح میدم. مثلا برای ولیدیت (چک) کردن استفاده کننده برای نام نویسی کردن یا این که ورود تارنما می بایست با استفاده کننده تعامل برقرار کرد به‌این مفهوم که با به کارگیری از جاوا اسکریپت الگوی درست مدنظرمون رو برای نشانی اینترنتی، اسم کاربری و پسورد معلوم کنیم تا در‌صورتی‌که استفاده کننده آدرس اینترنتی و اسم کاربری و پسوردی رو وارد کرد که با سر مشق منطبق نداشت پیغام خطایی رو بهش اکران بده و ازش بخواد که مبنی بر با الگوی متبوع قاب ها رو لبریز بکنه.

لهجه های نرم‌افزار نویسی فرانت اند خیلی طاقت فرسا نیستن؛ اما مهمن و برای یه بسط‌دهند‌ی فرانت اند، دونستن همشون الزامیه. پیرو هر کدوم از این گویش‌ها و کاربردشون را برای شما توضیح میدیم. لهجه آرم گذاری HTML html که مختصر hyper text markup language است یک لهجه نشان گذاری است.(گویش نشان گذاری خیر اپلیکیشن نویسی!) Html مشمول تگ های زیادی میباشد طراحی سایت در مشهد که شالوده اون رو تشکیل میده. Html دقیقا مثل اسکلت تن میمونه و پایه یک سایت رو تشکیل میده که بر تارنما بر شالوده های اون استواره پس اولی استپ برای یادگیری تارنما (درصورتی که بخواین از فرانت اند آغاز کنین)، Html است. شما توی html با تگ‌ها فعالیت می کنید و می‌تونید فولدر‌های متنی، عکس، کلیپ و صدا را بهش اضافه نمایید. فعالیت اساسی شما در html پوسته بندی وب سایت در اپلیکیشن نویسی فرانت اند می‌باشد. از مزیت‌های این لهجه میشه به موردها ذیل اشاره نمود:

یادگیری بی آلایش و سریع
دفاع در اکثر مرورگرها
سینتکس سرازیر و منعطف
مجانی بودن
به راحتی در دور و بر notepad ویندوز قابل به کار گیری میباشد.
قابلیت و امکان خلاصه نویسی دارااست.
و البته معایب مهم‌ترین لهجه اپلیکیشن نویسی فرانت اند چیست؟

امنیت معدود این گویش
پویا وجود ندارد
هر ساختاری را حمایت نمی‌نماید
ولی یه موضوعی این اواسط است. به طبع هر حوزه تخصصی اصطلاحات و مفاهیم مرتبط با خودش رو داره. برای مثال اصطلاحاتی تو حوزه آشپزی، نجاری، دندان پزشکی و … وجود داره که بیشتر اشخاص اون حوهز باهاشون راز و عمل دارن. اگه شما بخواین وارد یه حوزه ای بشین، اگه اصطلاحات و مفاهیم اون حوزه رو تا حد قابلیت و امکان بلد باشین و باهاشون شناخت داشته باشین، هنگامی وارد مباحث مهم شدین سردرگمی کمتری خواهید داشت و سوالهای کمتری براتون پیش میاد. پس واسه همین خیال توصیه میکنم پیش از این که Html رو استارت کنین، یه رسیدگی و جستجویی در زمینه‌ی اصطلاحات و مفاهیم حوزه اپلیکیشن نویسی اینترنت بکنین. مفاهیم و اصطلاحاتی مثل فرانت اند، بک اند، کلاینت، هاست، دامین، سرور و …

سبزلرن یه زمان داره که اسمش “استارت فرانت اند اینترنت + سکوی پرتاب به بازار فعالیت” است و تو این عصر آقای سعیدی راد اصطلاحات اساسی، ضروری و لبریز کاربردی که تو حوزه اینترنت استعمال میشن رو براتون فراگیری میده. میتونین پیش از استارت Html از این زمان به کار گیری کنین.

استایل دهی با css
css که مخفف Cascading Style Sheets است یک کدام از گویش های نرم افزار نویسی Front end برای استایل دهی می‌باشد که به تگ های html خواص و زیبایی می بخشه. Css صحیح مثل ظواهر جسم ما هستن همگی ی چیزهایی که استخون ما رو پوشش دادن مثل گوشت و پوست و رنگ و گیسو و هر چیزی که به جسم ما زیبایی جلوه داده (اندیشه کنین هیچ کدوم از اینا رو نداشتیم و صرفا استخون بودیم:| html خالی و فارغ از css هم دقیقا یه همچین چیزی میشه :). در css ما یک تگ استایل داریم که داخلش می‌تونیم هر خصوصیت مرتبط با ظواهر المان‌های تارنما مثل اندازه، رنگ، صورت و… را تغییر تحول بدیم. خلال این با به کارگیری از سلکتورهای Css، میشه المان‌ها را تعیین کرد و به هر کدوم استایل بخشید. از مزیت‌های این استایل دهی با این لهجه اپلیکیشن نویسی front end میشه به مفاد پایین اشاره نمود:

پناه در اکثر زمان ها مرورگرها
امکان استعمال دوباره از کدها
حفظ مجزای کدها
البته ببینیم معایب این لهجه اپ نویسی فرانت اند چیه؟

عدم اکران صحیح در برخی مرورگرها
استایل دهی سلسله مراتبی که یه خرده غامض میباشد.
ماژول ها و فریمورک های css :
پس یادگیری css هم از واجبات و اصول اول میباشد که ماژول های مختلفی برای شل خیس کردن شغل وجود داره که حقیقتا فعالیت هایی مثل ریسپانسیو رو بی آلایش خیس و سریع خیس و با کد های کمتر جاری ساختن میدن که بدون نقص تمامی ی این ها رو در نوشته‌ی علمی ی مرتبط با نقشه ی رویه گفتم.

به صورت نمونه به کار گیری از ماژول های flex box یا این که css grid خیلی یاری کننده است. زیرا مسلما برای تارنما هایی که در نصیب هایی از وبسایت که ستون ها و ردیف های تو در تویی دارن صرفا به کارگیری از css برای ما ایراد ساز خواهند بود پس استعمال از این ماژول ها به شدت سعی ما رو بالا میبره و خوشگل و منزه خیس شدن وبسایت و سرعت بالای ما یاری میکنه. همینطور استعمال از یک کدام از فریمورک های css به شدت الزامی می‌باشد. مثل بوت استرپ که مشهور ترین اون هاست یا این که متریالایز یا این که semantic Ui و غیره که به شدت به‌سرعت ما و استاندارد شدن کد های ما یاری میکنه.

زیرا به صورت نمونه برای تولید یک اسلایدر به مکان تایپ کردن تعداد خط کد متعددی با css و جاوا اسکریپت می تونیم اون رو با یک‌سری خط نادر تو فریمورک بوت استرپ اون رو طراحی کنیم و برای بخش های خیلی متعددی به مکان تایپ کردن اون کد به وسیله css در بوت استرپ صرفا کلاس اون رو صدا می زنیم و از این دست تغییرات

لهجه نرم‌افزار نویسی جاوا اسکریپت (Java Script):
خب درین نصیب میرسیم به لهجه جاوا اسکریپت تحت عنوان یکی‌از لهجه های اپلیکیشن نویسی Front end که نسبتاً اصل قصه میباشد. و اگه بخوام طبق نمونه اناتومی آدم بهتون بگم جاوا اسکریپت به طور تقریب مثل روح بشر میمونه. چیزی که سبب ساز تعامل با جسم ما میشه و بهمون مضمون‌ میده جاوا اسکریپت هم برای html و css حکم روح رو داره. ما قبلا با به کارگیری از html و css تنها میتونستیم یک تارنما استاتیک بسازیم یعنی چی؟

استاتیک در معنای نداشتن تعامل با استفاده کننده می‌باشد در‌این حالت صرفا یه خصوصی مقاله و صورت و جعبه و … به مخاطب نشون داده میشه و هیچ ارتباطی با استفاده کننده گرفته نمیشه. البته هنگامی جاوا اسکریپت به داستانمون اضافه میشه ما خواهیم توانست تا سایتمون رو دینامیک کنیم که در معنای تعامل داشتن با مخاطب می‌باشد.

به هیچ وجه تعامل داشتن با استفاده کننده یعنی چی؟ با یه نمونه مورد رو براتون توضیح میدم. مثلا برای ولیدیت (چک) کردن استفاده کننده برای نام نویسی کردن یا این که ورود تارنما می بایست با استفاده کننده تعامل برقرار کرد به‌این مفهوم که با به کارگیری از جاوا اسکریپت الگوی درست مدنظرمون رو برای نشانی اینترنتی، اسم کاربری و پسورد معلوم کنیم تا در‌صورتی‌که استفاده کننده آدرس اینترنتی و اسم کاربری و پسوردی رو وارد کرد که با سر مشق منطبق نداشت پیغام خطایی رو بهش اکران بده و ازش بخواد که مبنی بر با الگوی متبوع قاب ها رو لبریز بکنه.