گویشهای اپلیکیشننویسی، کتابخانهها و فریمورکهایی که برای ساختن و توسعه و گسترش فرانت اند سایتها و اپها استعمال طراحی سایت در مشهد می گردد معمولا متفاوت است با گویشهای نرمافزارنویسی سمت سرور. بعضی از دارای اسم و رسمترین زبانهای نرم افزارنویسی سمت سرور PHP و ASP هست.
البته، بعضی از زبانها (مانند جاوااسکریپت و پایتون) وجود داراهستند که آنقدر قدرتمندند و کتابخانهها و فریمورکهای مختلف داراهستند که هم در اپنویسی سمت استفاده کننده و هم سمت سرور وبسایتها می گردد از آنها بهره مند شد.
درحقیقت، گروه گسترش هر سایت و برنامه براساس نیازهای آن نرمافزار تصمیم میگیرد که برای پیشرفت و اپلیکیشننویسی فرانت اند و بک اند کالا، کدام زبانهای نرم افزارنویسی را تعیین کند.
ولی کاربرد زبان آرمگذاری HTML و لهجه CSS و زبان اپلیکیشننویسی جاوااسکریپت در بسط فرانت اند تقریبا همگی سایتها و برنامهها الزامی است و آن زبانها اولی انتخاب گسترشدهندگان محسوب میگردند.
در اصل، اولی وب سایتهای استاتیک دانا با زبان نمادگذاری HTML ساخته شد. نیاز به طراحی و توسعه و گسترشی سریع وبسایتهای جالب، کارا و مدرن سبب شد تا کتابخانهها و فریمورکهای گوناگون برای امداد به برنامهنویسان و گسترشدهندگان ساخته شود.
درادامهی این قسمت، مهم ترین زبانها و کتابخانه در نرم افزارنویسی سمت مخاطب معرفی و در نصیب آجل در خصوص فریمورکهای توسعه کلاینت ساید وبسایت توضیح داده می گردد.
۱. زبان آرمگذاری HTML
!DOCTYPE html>
This is a Heading
This is a paragraph.
This is another paragraph.
HTML یک لهجه برنامهنویسی نیست. Hyper Text Markup Language یا گویش آرمگذاری ابرمتن یک نوع آرمگذاری استاندارد، مقدماتی و البته اصولی برای ایجاد کرد ساختار کلی صفحات وبسایت و وب نرمافزار می باشد. مداقه و نقش گویشهای نشانگذاری در توسعه و گسترش وب سایتها انکارنشدنی است.
در اصل، ساختن اولین وب سایتها برای انتقال داده بر بستر اینترنت با یاری زبانهای نمادگذاری ممکن شد. عنایت HTML در طراحی و توسعه و گسترش وبسایتها منجر شدهاست تا متخصصان و برنامهنویسان به دنبال شیوه های مختلفی برای ارتقای همت این گویش باشند.
این زبان مدام بهروز میگردد تا پاسخگوی نیازهای توسعه و گسترشدهندگان سایتها باشد. HTML5 آخرین نسخهی منتشرشده از این گویش آرمگذاری میباشد. علاوهبر بهروزرسانی مستمر HTML، بعضی متخصصان با ترکیب HTML با لهجههای علامتگذاری دیگر (مانند XML) زبانی قدرتمندتر و کاراتر بهنام XHTML را ساختند تا بدینترتیب نقاط ضعف لهجه HTML را برطرف کنند.
توسعه و گسترشدهنده فرانت اند با لهجه html اساس و مبنا یا اسکلت کلی صفحه های یک سایت را میسازد. سایر المانها و محتواهای هر ورقه از وبسایت با به کار گیری از تگهای HTML در برگه قرار میگیرد.
از جمله، فرانت اند دولوپرها از دو تگ پر کاربرد و مهم Div و Span در html برای ساختن یک فضای مشخص و معلوم برای قراردادن المانهای مختلف در شیت به کار گیری میکنند.
تسلطبر آخرین نسخهی این زبان نمادگذاری برای گسترش ساختار کلی صفحه های یک وبسایت، به کار گیریی درست از تگهای مختلف این گویش و اجتناب از خطاها رایج در HTML برای هر دارای تخصص فرانت اندی لازم هست.
۲. CSS
Cascading Style Sheets زبانی میباشد که با امداد آن می توان به صفحات و المانهایی که در آن قرار داده گردیده است، استایل اعطا کرد. بهعبارتدیگر، با استفاده از CSS معین میگردد که المانهای HTML چهگونه در برگه نمایش داده خواهد شد.
هدف زبان css این هست که اطلاعات ظاهری هر المان مانند رنگ، سایز، نوع فونت، محل قرارگیری در کاغذ و نسبتبه المانهای دیگر و … از اطلاعات مربوطبه ساختار کلی وبسایت که با HTML درج شده میباشد، مستقل شود.
این جداسازی انعطافپذیری بیشتر برای کنترل ویژگیهای ظاهری المانها و امکان طراحی تعدادی شیت با فرمت یکسان را به پیشرفتدهنده میدهد و از جاری ساختن کارهای تکراری در توسعه و گسترش سایت هجران میکند.
قدرت این زبان بسیار بیشتر از تمجید رنگ و فونت است. با CSS می گردد حتی برنامه کودکان به صفحات وبسایت اضافه کرد. احاطهبر این زبان و امکانها و امکانات آن ازجمله کارتونها در CSS و پیشپردازنده CSS برای گسترش و برنامهنویسی فرانت اند وب سایتها ضروری است.
۳. Javascript
function myFunction(p1, p2) {
return p1 * p2; // The function returns the product of p1 and p2
}
جاوااسکریپت مهمترین گویش برنامهنویسی فرانت اند وب سایتها و نرمافزارها است. فرانت اند بیشاز ۹۸٪ از وبسایتهای عالم با زبان جاوا اسکریپت درج شده میباشد. Brendan Erichبرنامهنویس آمریکایی در سال ۱۹۹۵ اولین نسخه از جاوا اسکریپت را ساخت. البته، پساز او برنامهنویسان دیگری یاری کردند تا جاوا اسکریپت تکامل یابد.
JS زبانی سطح بالا، تفسیری و چندپارادایمی است. جاوا اسکریپت زبانی است که در مرورگر مخاطب جاری ساختن میشود و صفحه های وبسایت را تعاملی و پویا میکند. بهعبارتدیگر، جاوااسکریپت هست که خرید از مغازههای اینترنتی، ثبتنام آنلاین در کلاس یا دانشکده یا پرداخت آنلاین قبض را (که همگی نوعی تعامل با سایت می باشند) ممکن میکند.
این زبان قابلیت و امکانهای زیادی دارد و نرم افزارنویس فرانت اند با یاری جاوااسکریپت میتواند برای سرعتدادن به دریافت و پردازش اطلاعات، اپلیکیشننویسی ناهمگام (Async) و تکنولوژی AJAX را بهکار غالب شود.
شغل با جاوا اسکریپت برای گسترش کلاینت ساید تارنماها و اپلیکیشنها آنقدر شل و سریع می باشد که برنامهنویسان از آن برای توسعه و گسترش سرور ساید نیز به کارگیری میکنند.
اما، برای توسعه سمت سرور در پروژههای بزرگ و بغرنج معمولا از لهجه مشابه جاوااسکریپت بهنام تایپ اسکریپت به کار گیری می گردد.
اشرافبر کدنویسی با جاوا اسکریپت و شغل با کتابخانههای آن از مهم ترین مهارتهای نرم افزارنویسان سایتها و اپها و پیشرفتدهندگان فرانت اند محسوب میشود.
۴. jQuery
jQuery مهمترین و معروفترین کتابخانهی لهجه برنامهنویسی جاوااسکریپت است. کتابخانه یک زبان نرم افزارنویسی مجموعهای از کدهای نوشتهشده و مهیا است که نرم افزارنویس قادر است از آنها برای اجرای یک فعالیت معین استفاده کند.
جی کوئری نرمافزاری بدونپول و منبع-باز میباشد که در سال ۲۰۰۶ به دنیا معرفی شد. گسترشدهندهی اساسی این کتابخانه مهندس اپلیکیشن اهل آمریکا بهنام John Resig می باشد.
مداقه جی کوئری در این است که فعالیت کدنویسی با جاوااسکریپت را برای گسترشدهنده سهل میکند. جی کوئری علاوهبر کلیه قواعد جاوااسکریپت، قواعد و ویژگیهای خاص خودش را نیز دارد. البته، یادگیری کدنویسی پایین این کتابخانه عمل به هیچ وجه سختی نیست.
همچنین، این کتابخانه پلاگینهای کاربردی زیادی داراست. جاوااسکریپت بهطور پیشفرض در مرورگر وجود داراست و اعمال می شود. البته جی کوئری اولیه می بایست دانلود شود و آنگاه با کد مخصوصی به وبسایت اضافه خواهد شد.