فرانت اند چیست؟
توسعه وب فرانتاند که به عنوان توسعه سمت کلاینت نیز شناخته میشود، عمل تولید HTML، CSS و جاوا اسکریپت برای یک وبسایت یا برنامه وب است تا کاربر بتواند مستقیماً آنها را ببیند و با آنها ارتباط برقرار کند مثل قالب وبسایت رنگ ها فونت ها. چالش مرتبط با توسعه front end این است که ابزارها و تکنیک های مورد استفاده برای ایجاد قسمت جلویی یک وب سایت دائماً تغییر می کنند و بنابراین توسعه دهنده باید دائماً از نحوه توسعه این زمینه آگاه باشد.
هدف از طراحی سایت این است که اطمینان حاصل شود وقتی کاربران سایت را باز می کنند، اطلاعات را در قالبی می بینند که خوانا و مرتبط باشد. این امر با این واقعیت پیچیده تر می شود که کاربران اکنون از دستگاه های مختلف با اندازه و وضوح صفحه متفاوت استفاده می کنند مثل تبلت ، موبایل ، لپ تاپ .... و بنابراین طراح را مجبور می کند که این جنبه ها را هنگام طراحی سایت در نظر بگیرد. آنها باید اطمینان حاصل کنند که سایت آنها در مرورگرهای مختلف (کراس مرورگر)، سیستمعاملهای مختلف (کراس پلتفرم) و دستگاههای مختلف (متقابل دستگاه) به درستی نمایش داده میشود، که نیاز به برنامهریزی دقیق از سوی توسعهدهنده دارد.
یک توسعهدهنده فرانتاند، وبسایتها و برنامههای کاربردی را با استفاده از فناوریهای وب (مانند HTML، CSS، DOM و جاوا اسکریپت)، که بر روی Open Web Platform اجرا میشوند یا به عنوان ورودی کامپایل برای محیطهای پلتفرم غیر وب (یعنی React Native) اجرا میشوند، معمار و توسعه میدهد. ).
به طور معمول، یک فرد با یادگیری توسعه HTML، CSS، و جاوا اسکریپت که معمولاً در یک مرورگر وب اجرا می شود، اما می تواند در یک مرورگر بدون هد، WebView یا به عنوان ورودی کامپایل برای یک محیط زمان اجرا بومی اجرا شود، وارد حوزه توسعه front-end می شود. . این چهار سناریو زمان اجرا در زیر توضیح داده شده است.
مرورگرهای وب (متداول ترین)
مرورگر وب نرم افزاری است که برای بازیابی، ارائه و پیمایش اطلاعات در WWW استفاده می شود. معمولاً مرورگرها روی رایانه رومیزی یا لپتاپ، تبلت یا تلفن اجرا میشوند
متداول ترین مرورگرهای وب عبارتند از:
- Chrome (کروم)
- Safari (سافاری شرکت اپل)
- Internet Explorer (اینترنت اکسپلورر)
- Firefox (فایرفاکس)
- Edge(ادج)
برای تبدیل شدن به یک توسعه دهنده فرانت اند به چه مهارت هایی نیاز دارید؟
تصویر نقشه راه تبدیل شدن به یک توسعه دهنده فرانت اند
حالا که با دنیای فرانتاند آشنا شدی، وقتشه نیمهی پنهان ماجرا رو هم بشناسی!
در مقالهی بک اند سایت چیست؟، با دنیای برنامهنویسی سمت سرور، پایگاه دادهها و منطق اصلی سایتها آشنا شو و قدم بعدی رو در مسیر برنامهنویس شدن بردار