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

این امکان به کمک برنامه‌نویسی ایجاد شده است. سیستمی که برای بانک طراحی شده با دریافت کدملی شما، اطلاعات شما را از میان میلیون‌ها اطلاعات دیگر پیدا کرده و در قالب جداول نمایش می‌دهد.

در واقع یک تیم برنامه‌ نویسی این سیستم را به این صورت برنامه‌نویسی کرده‌اند. بنابراین می‌توان گفت برنامه‌نویسی یک علم است که به کمک آن می‌توان به کامپیوتر دستوراتی برای اجرا داد. دستورات را در قالب کدهایی به کامپیوتر می‌دهیم این اطلاعات و دستورات در مغز کامپیوتر (CPU) پردازش می‌شوند و خروجی کار به کاربر نمایش داده می‌شود.

جالب است بدانید کامپیوتر‌ها زبان‌ انسان‌ها را درک نمی‌کنند. آنها تمامی اطلاعات را به صورت اعداد صفر و یک می‌بینند! یک برنامه‌نویس به کمک یک زبان برنامه‌نویسی منظور خود را به یک نرم افزار منتقل می‌کند. این دستورات به کدهای ۰ و ۱ تبدیل می‌شوند و کامپیوتر آنها را درک کرده و پردازش می‌کند!

اگر در ابتدای مسیر یادگیری برنامه نویسی هستید و به این مهارت علاقه دارید ، شاید بهتر باشد که بدانید برنامه نویسی front end چیست؟ این مقاله به شما کمک میکند که به بهترین شکل ممکن، وارد دنیای هیجان انگیز طراحی وب سایت شوید و اولین قدم های خود را مطمئن بردارید.

برای این که بدانید برنامه نویسی فرانت اند چیست و برنامه نویس فرانت اند چه کاری انجام میدهد با این مقاله کد یاد همراه باشید.

اگر در ابتدای کار هستید ، پیشنهاد میکنیم که مقاله برنامه نویسی چیست را مطالعه کنید.

فرانت اند چیست؟

فرانت اند به قسمتی از یک وب سایت میگویند که توسط کاربران دیده میشود و با آن تعامل دارد.

 فرانت اند وب سایت به شکل گرافیکی و بصری به کاربران نمایش داده میشوند.  در این قسمت وب سایت ، تصاویر ، ویدئوها و یا به طوری کلی هر چیز دیگری که قابل نمایش باشد وجود دارد.

برنامه نویسی فرانت اند به دو بخش اصلی طراحی و توسعه رابط کاربری تقسیم میشود. در بخش اول ، طراحان با استفاده از نرم افزارهای طراحی و گرافیکی مانند فتوشاپ یا ادوبی ایکس دی و . ظاهر یک وب سایت را طراحی میکنن و در مرحله بعدی توسعه دهندگان رابط کاربری با استفاده از کد های HTML ، CSS و جاوااسکریپت و . آن را کدنویسی میکنند. 

مثال فرانت اند

این مثال به شما کمک میکند که طراحی فرانت اند را به خوبی و عمیقا درک کنید. یک اتومبیل را در نظر بگیرید که ظاهر چشم نواز و زیبایی دارد و میتواند با سرعتی خیره کننده حرکت کند.

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

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

زبان اچ تی ام ال(html)  چیست؟

زبان HTML  یک زبان نشانه گذاری برای ایجاد صفحات وب سایت میباشد. HtmL  مخفف Hyper Text Markup Language است که به معنی زبان نشانه گذاری ابر متن است. در اصل html یک زبان نشانه گذاری است و از اولین قدم های یادگیری طراحی سایت است.

فراموش نکنید که HTML یک زبان نشانه گذاری است نه یک زبان برنامه نویسی!

(مراقب باشید جایی نگید زبان برنامه نویسی HTML که حسابی بهتون میخندن)

زبان CSS چیست؟

زبان CSS (مخفف عبارت Cascading Style Sheets) است که برای استایل دهی به قسمت های مختلف صفحات وب استفاده میشود. شما با استفاده از CSS  میتوانید متن ها ، تصاویر کاردر ها و . را استایل دهی کنید و یک ظاهر قابل قبولی برای آن ها ایجاد کنید. شما میتوانید با مطالعه مقاله css چیست و چه کاربردی دارد اطلاعات خود را در مورد آن کاملتر کنید.

اگر میخواهید به صورت رایگان و بدون هیچ پیش نیازی css و html  را یاد بگیرید وارد لینک امید کربلایی شوید

زبان برنامه نویسی جاوا اسکریپت چیست؟

برای این که یک برنامه نویس فرانت اند شوید در هر صورت باید زبان برنامه نویسی جاوا اسکریپت را یاد بگیرید. این زبان برنامه نویسی به شما کمک میکند که به صفحات وب سایتتان جان ببخشید.

زبان برنامه نویسی جاوا اسکریپت سمت کاربر پردازش میشود و با استفاده از آن میتوان کد های html و css را پویانمایی کرد.

مهارت های مورد نیاز یک برنامه نویس Front End چیست؟

برای این که یک برنامه نویس فرانت اند حرفه ای شوید نیاز است که مرحله به مرحله مهارت های خاصی را کسب کنید که در ادامه به معرفی آن میپردازیم:

یادگیری css و html و جاوا اسکریپت

قدم اول برای شروع دنیای برنامه نویسی front end یادگیری این سه زبان است . البته یادگیری این سه زبان کار سخت و پیچیده ای نیست و با کمی تکرار و تمرین میتوانید در حد قابل قبولی آن ها را فرا بگیرید.

البته به شما توصیه میشود که با اصول و مبانی پایه وب آشنا شوید که صد درصد دانستن آن به شما کمک میکند که به درک بهتری از کاری که میکنید برسید.

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

برنامه نویسی به ما این امکان را میدهد که با هر سیستم یا ماشین الکترونیکی ارتباط برقرار کنیم و آنها را برنامه ریزی کنیم. شاید این ماشین یک کامپیوتر رو میزی باشد و شاید هم یک ساعت هوشمند و یا یک بازی کامپیوتری.

البته با یک زبان برنامه نویسی خاص نمیتوانیم همه کاری انجام دهیم. هر زبان برنامه نویسی برای هدف خاصی ساخته شده است که به برنامه نویسان کمک میکند با کیفیت بیشتری در هر حوزه فعالیت کند.

به عنوان مثال زبانی که برای ساخت بازی های کامپیوتری از آن استفاده میشود با زبانی که برای برنامه نویسی یک ساعت هوشمند از آن استفاده میشود متفاوت است.

هر جامعه ای یک زبان مشترک برای برقرار کردن ارتباط دارند. زبان های برنامه نویسی زبان مشترک بین برنامه نویس و ماشین ها هستند.

آموزش برنامه نویسی با امید کربلایی

امید کربلایی