Front-End چیست؟

فرض کنید یک تب جدید در مرورگر باز می‌کنید. یک آدرس اینترنتی وارد کردید و کلید Enter را فشار می‌دهید بلافاصله صفحه بارگیری می‌شود و شما وارد یک سایت با چیدمان فوق العاده تمیز و جلوه های بصری چشمگیر مواجه می‌شوید.

این تجربه لذت‌بخش و حس خوب رو تا حد زیادی مدیون طراح و توسعه دهنده سمت کاربر یا Front-End Development هستید.

Front-end developer
Front-end developer


تو این مقاله سعی داریم بررسی کنیم اصطلاح توسعه دهنده سمت کاربر (Development Front-End) به چه معناست و توسعه دهنده سمت کاربر چه وظایفی برعهده دارد؟

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

هر چیزی که در یک وب سایت می‌بینید توسط توسعه دهنده Front-End امکان‌پذیر شده است. طراحی هر آنچه کاربر می‌بیند، کلیک می‌کند، لمس می‌کند یا از آن برای وارد کردن یا بازیابی اطلاعات در یک وب سایت استفاده می‌کند از فونت‌ها و رنگ‌ها تا منوهای کشویی و لغزنده‌ها و فرم‌ها و... وظیفه اصلی توسعه دهنده Front-End است.

این کار علاوه بر خلاقیت به فناوری هم نیاز دارد. توسعه دهنده سمت کاربر در این مسیر از زبان‌هایی مانند HTML (برای بدنه اصلی سایت)، CSS (برای استایل دهی به تگ ها و چیدمان صفحه)، JavaScript (برای پویانمایی در سمت کاربر) استفاده می‌کند.

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

در طول چند سال گذشته نقش توسعه دهنده Front-End تکامل یافته است. بنابراین توسعه دهندگان حرفه‌ایی از مهارت‌های پیشرفته‌تر جاوا اسکریپت و چارپوب هایی نظیر Angular, React, … برای عرضه یک وب سایت عالی‌تر استفاده می‌کنند.

توسعه دهندگان Front-End شخصیت‎‌های متمایزی دارند. اکثراً تمایل به تحقیق و جست و جو دارند. درون‌گرا،کنجکاو، تحلیلی و منطقی هستند. برخی دیگر هنری هستند به این معنی که خلاق، شهودی، برون گرا و حساس هستند. شما به کدام دسته شباهت بیشتری دارید؟