توسعه دهنده front end کیست و به چه مهارت هایی نیاز دارد؟

زمانی که در مورد فرانت اند “Frontend” وب صحبت می کنیم، منظور آن بخشی است که قابل دیدن است و با آن تعامل می کنیم. فرانت اند “Frontend” معمولا از دو بخش تشکیل می شود: طراحی سایت و توسعه فرانت اند وب و به شخصی که این وظیفه را بر عهده می گیرد، توسعه دهنده front end می گوییم.

در گذشته اگر کسی از توسعه صحبت می کرد، عموما مربوط به بک اند “Backend” بود، اما در چند سال گذشته این موضوع بسیار تغییر کرده است.

امروز نیاز داریم میان کسی که سایت را در نرم افزاری مانند فتوشاپ طراحی می کند و کسی که آنها را تبدیل به کد های HTML و CSS می کند، تفاوت بگذاریم. این موضوع زمانی که طراحان به سوی استفاده از جاوا اسکریپ و JQuery روی آوردند بسیار جدی تر شد.

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

تمام چیزی که شما در یک وب سایت می بینید، مجموعه ای است از HTML، CSS و جاوا اسکریپت که تماما با مرورگر وب شما کنترل می شوند. مانند صفحات، منو ها، دکمه ها، فونت‌ها، فرم های تماس و … .

در این نوشته ایده‌ها و تجربه‌های یک توسعه دهنده‌ ی front end آمده است.

توسعه دهنده front end

مهارت های مهم برای توسعه دهنده front end

یک توسعه دهنده front end برای پیشبرد اهداف پروژه و ارائه انواع خدمات طراحی وب سایت برای کسب و کارها ، نیاز به مهارت‌هایی دارد که در ادامه برخی از آن‌ها را بیان می‌نماییم.

بیاموزید چگونه کدهای قابل خواندن بنویسید

بیشتر کار ما نوشتن کدهای تازه نیست، بلکه ویرایش کدهای حاضر است. این بدین معنا است که شما بیشتر از آن‌که کد بنویسید، آن را می‌خوانید. بنابراین نیاز دارید که کد خود را برای برنامه نویس بعدی بهینه کنید، نه برای کارفرما!

جاوا اسکریپت را عمیق‌تر یاد بگیرید

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

اگر نمی‌دانید چارچوبی که از آن استفاده می‌کنید، چگونه کار می‌کند، کار خود را متوقف کنید و شروع به یادگیری بهتر زبان کنید تا زمانی که درک کنید ابزارهایی که استفاده می‌کنید، چگونه کار می‌کنند.

برنامه نویسی تابعی را یاد بگیرید

مدت‌ها بود که در جاوا اسکریپت به دنبال کلاس‌ها بودیم. حال که کلاس‌ها را به دست آورده‌ایم، دیگر آن‌ها را نمی‌خواهیم و به دنبال تابع‌ها هستیم. ما حتی HTML را با استفاده از تابع‌ها می‌نویسیم (JSX).

پایه و اساس دیزاین را یاد بگیرید

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

یاد بگیرید چگونه با انسان‌ها کار کنید

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

ما به ندرت در تنهایی کار می‌کنیم. ما باید با دیگر توسعه دهندگان، دیزاینرها، مدیران و حتی کاربران صحبت کنیم.

ممکن است این کار برای شما مشکل باشد، اما اگر می‌خواهید چیستی و چرایی کاری را که انجام می‌دهید، بدانید؛ باید این کار را انجام دهید. زیرا اینجا است که ارزش کاری که ما انجام می‌دهیم، به دست خواهد آمد.

توسعه دهنده ی front end

یاد بگیرید چطور برای انسان‌ها بنویسید

بخش زیادی از ارتباطات ما با همکاران و دیگر مردمان، متنی است: توصیفات متنی و نظرات، نظرات کدها، چت‌ها، ایمیل‌ها، توییت‌ها، پست وبلاگ‌ها و غیره.

تصور کنید که مردم چه زمانی را صرف خواندن و فهمیدن این متن‌ها می‌کنند. اگر بتوانید این زمان را با واضح و مشخص نوشتن کم کنید، دنیا جای بهتری برای کار کردن خواهد بود.

درایت علوم کامپیوتر قدیمی را یاد بگیرید.

توسعه front-end دیگر به منوهای متحرک محدود نیست. این کار نسبت به قبل خیلی پیچیده‌تر شده است و بخشی از بدنامی «جاوا اسکریپت خسته کننده» از افزایش پیچیدگی وظایفی که باید به سرانجام برسانیم، ریشه می‌گیرد.

بنابراین زمان آن فرا رسیده است تا درایت توسعه دهندگان غیر front-end را که در طی دهه‌ها اندوخته شده است، فرا بگیرید. این لینک مربوط به یکی از دوره‌های آموزشی Coursera است که می‌توانید از آن جهت افزایش اندوخته‌هایتان استفاده کنید.

شما چه توصیه‌ای می‌کنید؟ می‌خواهید در ۲۰۱۷ چه چیزهایی را فرا بگیرید؟

شناخت سیستم های مدیریت محتوا

سیستم های مدیریت محتوا شامل Joomla, WordPress, Drupal و همه ی پلتفرم های تجارت الکترونیک می باشد. به عنوان یک طراح نیاز است که درباره ی CMS ها اطلاع داشته باشید. در این زمینه نیاز است که درباره ی مبانی پایگاه های داده نیز اطلاع داشته باشید به این ترتیب می توانید از این دو با یکدیگر استفاده کنید.

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

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

شناخت تجربه کاربری (UX)

به عنوان یک طراح شما نیاز دارید که یک وبسایت را همانگونه که یک کاربر می بیند ببینید. پس از طراحی وب سایت از یکی از دوستان خود بخواهید که بازخورد خودش درباره آن را به شما بگوید.

همچنین شما باید تلاش کنید که خودتان اشتباهات را به وسیله ی مشاهده وب سایت مانند یک کاربر، نیز پیدا کنید و مواردی که بیش از همه شما را در وبسایت اذیت می کند را یادداشت کنید.

مطمئن شوید که با خودتان تاجایی که امکان دارد صادق هستید. با این روش می توانید متوجه شوید که کاربران چه حسی پس از مشاهده وبسایت شما خواهند داشت. صادق باشید تا در انتهای روز، یک تجربه کاربری (UX) عالی بسازید.

برای اطلاعات بیشتر در مورد ui و ux مقاله تفاوت ui و ux در طراحی وب سایت چیست؟ را مطالعه نمایید.

منبع : zoomit.ir