فرانت اند چیست؟ – کاربردهای برنامه نویسی Front End
زمان تقریبی برای مطالعه این مقاله: 10 دقیقه
این مقاله در 8 فروردین 1402 به روزرسانی شده است.
سلام به دوستان خوب میکرولرنی:)
خیلی خوشحالیم که مقاله “فرانت اند چیست” را انتخاب کردید. در مقاله قبلی به صورت کلی با شروع برنامه نویسی وب و حوزههای کاری اون آشنا شدیم. در این مقاله میخوایم سراغ حوزهی جذاب front-end بریم و به صورت تخصصی مهارتها لازم برای فعالیت در Front-End و کاربردهاش رو بررسی کنیم.
به زبان ساده، فرانت اند یعنی هر چیزی که شما در ظاهر یک وب سایت میبینید. هر چقدر در شروع راه، بیشتر از مهارتهای موردنیاز، چالشها و مسیر پیش رو اطلاع داشته باشید در حین راه احتمال سردرگمی و دلسرد شدنتون کمتر میشه و از هدررفتن وقت وهزینههای مالی هم جلوگیری میکنید. این مقاله ها برای کسایی که به فکر یه شروع قدرتمند با دانش و آگاهی لازم برای فعالیت در حوزه ی front-end هستند میتونه راهنمای خوبی باشه. پس با میکرولرن هم راه باشید.
فهرست مطالب
فرانت اند Front-End چیست؟
Front-end به بخشی از توسعه وب اشاره دارد که شامل ایجاد رابط کاربری و ظاهر کلی یک وب سایت یا وب اپلیکیشن است. به زبان ساده، فرانت اند همان ظاهر وب سایت است، به همین دلیل از کلمه front یا جلو برای آن استفاده میکنند.
فرآیند توسعه front-end شامل ایجاد و طراحی اجزای گرافیکی یک وب سایت، از جمله تایپوگرافی، تصاویر، دکمه ها، منوها و سایر عناصر تعاملی است. علاوه بر آن، در فرانت اند وبسایتها برای دستگاهها و مرورگرهای مختلف بهینهسازی میشوند تا از تجربه کاربری ثابت در پلتفرمهای مختلف اطمینان حاصل شود. یعنی یک وب سایت برای هر دستگاه بهترین نمایش را داشته باشد.
تفاوت توسعه دهنده فرانت اند و طراح Ui چیست؟
توسعه دهنده فرانت اند و طراح رابط کاربری هر دو در ایجاد ظاهر یک وب سایت مسئول هستند، اما نقش ها و مسئولیتهای متفاوتی دارند.
توسعه دهنده فرانت اند مسئول پیاده سازی طراحی و ایجاد ظاهر یک وب سایت با استفاده از زبان هایی مانند HTML و CSS و جاوا اسکریپت است. چنین فردی با طراح UI هم کاری میکند تا اطمینان حاصل کند که طرح به درستی پیاده سازی شده و وب سایت به خوبی کار میکند.
از طرف دیگر، طراح رابط کاربری، مسئولیت ایجاد الگوی گرافیکی یک وب سایت را بر عهده دارد. چنین فردی نمونههای اولیهای ایجاد میکنند که طرحبندی، رنگها، تایپوگرافی و سبک کلی وبسایت را به تصویر میکشد.
به زبان سادهتر، یک طراح رابط کاربری، هیچ گونه کدنویسی انجام نمیدهد بلکه تمام آن چیزی را که قرار است در یک وب سایت نمایش داده شود با ابزارهای گرافیکی مثل فوتوشاپ یا Xd ترسیم میکند تا توسعه دهنده فرانت اند با نگاه کردن به آنها بتواند کدنویسی کرده و وب سایت را پیاده سازی کند.
تفاوت فرانت اند Front-End و بک اند Back-End چیست؟
دو عبارت Front-End و Back-End کاملا در تضاد با یکدیگر هستند. در واقع، فرانت اند و بک اند دو بخش مجزا از یک وبسایت هستند و عملکردهای متفاوتی دارند.
فرانت اند که به عنوان سمت کلاینت یا کاربر نیز شناخته می شود، بخشی از یک وب سایت است که کاربر به طور مستقیم با آن در تعامل است. فرانت اند با back-end ارتباط برقرار می کند تا داده ها را دیتا بیس یا پایگاه داده بازیابی کرده و به کاربر نمایش دهد.
بک اند که به عنوان سمت سرور(server side) نیز شناخته میشود، بخشی از وب سایت است که کاربر آن را نمیبیند، اما عملکردهای مهمی را در پشت صحنه انجام میدهد.
این بخش شامل سرور، پایگاه داده و منطق برنامه است و مسئول پردازش و ذخیره داده ها، مدیریت احراز هویت و امنیت کاربر و انجام سایر عملکردهایی است که برای کار کردن یک وب سایت حیاتی هستند. Back-end با استفاده از زبان های برنامه نویسی مانند PHP، Ruby، Python یا Java ایجاد می شود.
به طور خلاصه، توسعه front-end شامل ایجاد رابط کاربری و تجربه کاربر است، در حالی که توسعه back-end شامل ایجاد سرور، پایگاه داده و منطق برنامه یک وب سایت است. هر دو قسمت فرانت اند و بک اند برای عملکرد یک وب سایت ضروری هستند و باید در تعامل با یکدیگر کار کنند.
زبان های لازم برای فرانت اند
تا این جا در مورد مفهوم اصلی فرانت اند و تفاوتی که با طراح رابط کاربری و بک اند دارد صحبت کردیم. اکنون لازم است تا در مورد زبانهایی که یک توسعه دهنده فرانت اند نیاز دارد صحبت کنیم.
این زبانها شامل CSS, HTML و زبان JavaScript است. این سه مورد اساس و پایهی حوزه front-end بوده و در هستهی مرکزی تمامی کتابخانه و فریم ورکهای موجود به صورت مستقیم یا غیرمستقیم وجود دارند. در ادامه به معرفی هر کدام میپردازیم.
زبان HTML
روزانه از سایتهای زیادی بازدید میکنیم و ممکن است در مورد روند طراحی آنها سوالاتی برایمان پیش آمده باشد. اگر به گذشته برگردیم و نگاهی به اولین سایتهای منتشرشده در وب بیندازیم، میبینیم که صفحات آنها تنها از چند المان ساده و ابتدایی تشکیل شدهاند.
از گذشته تا به امروز، تکنولوژیها وعوامل گوناگونی در جذاب کردن فرآیند طراحی در حوزهی وب تاثیرگذار بودهاند، که همگی بر پایه زبان HTML قرار میگیرند.
HTML مخفف عبارت Hyper Text Markup Language بوده که اگر بخواهیم یک ترجمهی فارسی از آن را ارائه نماییم باید بگوئیم: زبان نشانهگذاری ابَرمتنی! همینجا دقت کنید که HTML زبان برنامهنویسی نیست و زبان نشانهگذاری محسوب میشود.
تفاوت بین زبانهای برنامه نویسی و نشانه گذاری دراین است که زبانهای برنامه نویسی ابزارهایی قدرتمند بوده که به وسیله آنها از طریق دستورات و کلید واژههایی مشخص میتوان با کامپیوترها ارتباط برقرار نمود. اما در زبانهای نشانه گذاری که معروفترین آنها HTML است، خبری از ساختارهای رایج برنامهنویسی مثل شرط، حلقههای تکرار و… وجود ندارد و شما برای نمایش ساختار دلخواه روی صفحه از دستورات خاصی استفاده میکنید.
شما در این زبانها به کمک نشانهها، متن را از سایر عناصر صفحه جدا میکنید تا المانهای مختلف را داخل یک صفحه وب قرار داده و ساختار صفحه را مشخص نمایید.
زبانهای نشانه گذاری به عنوان یک رابط میتوانند با زبانهای پیشرفتهی برنامه نویسی مثل #PHP ،C و PYTHON ارتباط برقرار نمایند.
جالب است بدانید که تمام مرورگرهای وب (گوگل کروم، فایرفاکس و …) که برای مشاهدهی صفحات وب به وجود آمدهاند از طریق HTML قادر به درک کدهای زبانهای برنامه نویسی شده هستند، یعنی این کدها کامپایل شده و به کد قابل فهم برای مرورگرها تبدیل می شوند و در پایان توسط مرورگر برای کاربران به نمایش در میآیند.
معمولا در یک صفحهی موجود بر روی وب مجموعهای از متنها، عکسها و بخشبندیهای مختلف وجود دارد، به کمک تگها و کدهایی که HTML در اختیارتان قرار میدهد، میتوانید یک ساختار مشخص از اطلاعات را در این قسمتها به وجود آورید و در معرض نمایش بازدیدکنندگان قرار بدهید.
به زبان ساده، HTML ساختار و اسکلت یک صفحه وب سایت را ایجاد میکند.
زبان CSS
فکر میکنید مرحله بعد در یادگیری فرانت اند چیست؟ مرحله بعد شامل یادگیری CSS است. اما ببینیم که CSS دقیقا چیست. CSS مخفف Cascading Style Sheet بوده و یکی از ابزارهای مهم و ضروری برای طراحی صفحات وب است که قابلیت صفحهآرایی و زیباسازی را برای طراحان سایت فراهم میآورد.
نقش این زبانِ نشانهگذاری، زیبا و دلنشین کردن صفحات وب است. CSS کمک میکند چیدمان عناصر، رنگها و فونتهای صفحات وب را تغییر دهیم. این زبان، دریچهای را به سوی طراحان سایت باز میکند تا بتوانند خلاقیتهای خود را در طراحیهایشان وارد کرده و صفحاتی منعطف و چشمنواز بسازند.
CSS و HTML مکمل یکدیگر و از پایههای مهم front-end هستند. و این بدین معنیست که زبان HTML به تنهایی نمیتواند صفحات قابل استفادهای طراحی نموده و زبان CSS هم بدون HTML عملا بدون کاربرد خواهدبود.
اگر قسمت گرافیکی صفحات وب را همانند پروژهی احداث یک ساختمان در نظر بگیریم، HTML در حکم اسکلت و CSS درنقش رنگ و نمای ساختمان خواهد بود.
CSS3 آخرین نسخه از تکنولوژی CSS بوده که امکانات بسیاری به آن افزوده شده است. قبل از ارائهی CSS3، انجام برخی از کارها در بخش گرافیکی صفحات وب بسیار سخت و پیچیده بود. اما CSS3 امکاناتی را به صفحات وب اضافه نمود که سبب شد تا روند انجام کارها آسانترشده و صفحات وب زیبایی خاصی پیدا کنند.
زبان جاوا اسکریپت
تا اینجا در مقاله فرانت اند چیست از زبانهای نشانهگذاری که برای ساخت ظاهر سایت استفاده میشوند صحبت کردیم. ولی این زبانها یک ظاهر استاتیک(ایستا) و بدون تحرک به سایت میدهند. برای اینکه بتوانیم ظاهر سایت را پویا کنیم به یک ابزار دیگر هم احتیاج داریم.
جاوا اسکریپت یک زبان برنامهنویسی شیءگرا برای front-end است. این زبان به شما اجازه میدهد تا صفحات وب پویا و جذاب ایجاد کنید. JavaScript با زبانهایی مانند HTML و CSS ترکیب شده تا المانهای سایت یا اپلیکیشن شما را کاربر پسند نماید.
در کل جاوا اسکریپت سبب بهبود سطح رابط کاربری در سایت میشود. امروزه زبان برنامهنویسی جاوا اسکریپت در سمت سرور با استفاده از Nodejs هم به کار گرفته میشود.
جاوا اسکریپت دارای کاربردهای متنوعی میباشد. این زبان عمدتا برای برنامههای مبتنی بر وب و مرورگرها مورد استفاده قرار میگیرد. اما علاوه برآن در نرم افزارهای مختلف، سرورها و کنترلهای سخت افزاری نیز استفاده میشود. در ادامه کاربردهای javascript را دقیقتر بررسی خواهیم کرد.
جاوا اسکریپت به کاربران اجازه میدهد تا با صفحات وب تعامل کنند. تقریبا هیچ محدودیتی برای کارهایی که میتوانید با جاوا اسکریپت در یک صفحه وب انجام دهید وجود ندارد. به چند مورد توجه کنید:
- ساخت انیمیشنها
- تغییر رنگ یک دکمه، نمایش یا پنهان کردن اطلاعات بیشتر در شرایط مختلف مانند کلیک کردن ماوس و…
- ساخت اسلایدر برای نمایش تصاویر
- نمایش تایمر یا شمارش معکوس در وب سایت
- پخش فایل صوتی و تصویری در یک صفحه وب
توسعه دهندگان میتوانند از فریمورکهای مختلف جاوا اسکریپت همانند React ،Angular و Vue برای توسعه و ساخت برنامههای وب و موبایل استفاده کنند. شما همچنین میتوانید از جاوا اسکریپت برای ایجاد و طراحی بازیهای مختلف استفاده کنید. این یک راه عالی برای تمرین مهارتهای برنامهنویسی است.
حالا که با JavaScript اشنا شدیم و فهمیدیم که چه کارهایی میتواند انجام دهد، ممکن است این ذهنیت برای شما پیش بیاید که یادگیری آن بسیار سخت خواهد بود. اما در واقع اینطور نیست. نکتهای که در خصوص تمام زبان های برنامه نویسی وجود دارد این است که همهی آنها منطق یکسانی دارند، تنها چیزی که در آنها متفاوت است، شکل نوشتاری یا اصطلاحا Syntax آنها میباشد.
اگر شما منطق کلی برنامه نویسی را درک کرده باشید، یادگیری زبان های برنامه نویسی مختلف، برای شما زحمت زیادی نخواهد داشت. یکی از اشتباهاتی که معمولا افراد تازه کارمیکنند، این است که زبان برنامه نویسی جاوا (Java) را با جاوا اسکریپت (JavaScript) یکی میدانند. اما این دو زبان برنامه نویسی به غیر از تشابه اسمی، هیچ شباهت دیگری با هم ندارند و کارکردهایشان کاملا متفاوت است.
کدهای جاوا اسکریپت در سمت کاربر و به وسیلهی مرورگرها اجرا میشوند. مرورگرها دارای موتورهای پردازشی هستند که میتوانند کدهای جاوا اسکریپت را ترجمه و سپس اجرا نمایند و در آخر نتیجه را به کاربر نمایش دهند.
مهارت های مورد نیاز یک متخصص Frond End
حالا که تا حدودی با زبانهای لازم برای برنامهنویسی فرانت اند آشنا شدید، نوبت به آن رسیده تا یاد بگیرید که چگونه میتوانید به یک متخصص در این زمینه تبدیل شوید و نیاز به چه مهارتهایی دارید.
طراحی سمت کاربر وبسایت، یکی از جنبههای مهم یک کسب و کار است. چرا که اولین بخشی که کارفرما با مخاطب خود ارتباط برقرار میکند، این بخش است و اگر سایت ظاهر مناسبی نداشته باشد، مخاطبان به سرعت از دست میروند.
بنابراین کسانی که قصد دارند در این زمینه فعالیت کنند و متخصص شوند، باید بتوانند مهارتهای مورد نیاز در این زمینه را در خود تقویت کنند. در ادامه قصد داریم شما را با مهمترین مهارتهایی که یک برنامهنویس فرانت اند باید داشته باشد، آشنا کنیم.
زبانهای فرانت اند را یاد بگیرید
همانطور که اشاره شد، زبانهای پایه در فرانت اند شامل HTML، CSS و جاوااسکریپت هستند که به عنوان مهارت اول باید به خوبی فراگرفته شوند. این بخش نسبت به باقی مراحل طراحی یک وب سایت سادهتر است و منابع بسیار زیادی هم برای یادگیری آنها وجود دارد تا شما به سطح حرفهای برسید.
توجه داشته باشید که یک منبع بسیار خوب برای یادگیری این زبانها استفاده از انجمنهای پرسش و پاسخ است. حتما از دیگر افراد سوال بپرسید و یادگیری خودتان را تسریع کنید.
فریم ورک های جاوااسکریپت را یاد بگیرید
فریم ورکهای جاوا اسکریپت، کتابخانههای از پیش نوشته شدهای هستند که با ارائه مجموعه ای از توابع و ویژگی های از پیش تعریف شده، توسعه وب اپلیکیشنها و وب سایتها را سرعت می بخشند. چندین فریمورک محبوب جاوا اسکریپت از جمله React و Angular و Vue.js وجود دارد.
برای یادگیری این فریمورکها میتوانید مراحل زیر را دنبال کنید:
- ابتدا با جاوا اسکریپت آشنا شوید و قبل از شروع یک فریم ورک، مطمئن شوید که درک خوبی از زبان برنامه نویسی جاوا اسکریپت دارید.
- یک فریم ورک را انتخاب کنید: الزامات پروژه خود را در نظر بگیرید و فریم ورکی را انتخاب کنید که متناسب با نیازهای شما باشد. مثلا، React برای ایجاد رابط های کاربری پیچیده خوب است، Angular برای برنامه های سطح سازمانی عالی است، و Vue.js برای یادگیری و استفاده آسان است.
- مستندات و داکیومنتها را بخوانید: هر فریم ورک دارای اسناد گسترده ای است که ویژگی ها، روش استفاده و بهترین متدهای آن را توضیح می دهد. برای به دست آوردن درک کامل از مفاهیم اصلی فریم ورک مد نظرتان، داکیومنتهای آن را مطالعه کنید.
- تمرین کدنویسی: بهترین راه برای یادگیری یک فریم ورک، تمرین کدنویسی با آن است. با پروژه های کوچک شروع کنید و به تدریج به پروژه های پیچیده تر بروید. آموزشهای آنلاین، ویدیوها و چالشهای کدنویسی زیادی برای کمک به شما در شروع کار وجود دارد.
- به انجمنهای پرسش و پاسخ سر بزنید: توسعهدهندگانی را دنبال کنید که در فریم ورکی که یاد میگیرید تخصص دارند. عضویت در یک انجمن می تواند به شما کمک کند تا همیشه به روز باشید.
به یاد داشته باشید که یادگیری یک فریم ورک جاوا اسکریپت یک فرآیند مداوم است. به تمرین ادامه دهید تا به مهارت مدنظرتان دست پیدا کنید.
اصول طراحی واکنش گرا را یاد بگیرید
یک رابط کاربری حرفهای باید به گونهای باشد که در دستگاهها و پلتفرمهای مختلف، عملکرد وب سایت یا وب اپلیکشین را دچار مشکل نکند. بنابراین باید بتواند متناسب با نوع دستگاهی که در حال اجرای آن است، بهترین واکنش ممکن را نشان دهد. اگر رابط کاربری به درستی طراحی نشود، ارزش سایت یا برنامه از بین رفته و کاربر با محصول شما کار نخواهد کرد.
یکی از ابزارهای خوب برای شروع یادگیری طراحی واکنش گرا بوت استرپ است. Bootstrap مجموعهای از کدهای آمادهی HTML ،CSS و جاوااسکریپت است که برای واکنشگرایی وبسایتها در سمت کاربر مورد استفاده قرار میگیرد. با استفاده از آن میتوان صفحاتی واکنشگرا را در کوتاهترین زمان ممکن طراحی کرد.
این فریم ورک دارای قابلیتهای متعددی برای ساخت ستونها، گالریها، جداول، فرمها، دکمهها، تبها، هشدارها و سایر المانهای مورد نیاز طراحی وب سایت است. به بیان دیگر، این فریم ورک محبوب بزرگترین مشکل طراحان حوزهی front-end، یعنی ایجاد ظاهری زیبا را از میان برداشته و خلا میان طراحی و برنامه نویسی را پر کرده است.
این فریم ورک با تمامی مرورگرهای استاندارد سازگاری داشته و به شکل زیبایی به نمایش در میآید. از نسخه دوم به بعد، طراحی واکنشگرا نیز به آن افزوده شده که موجب نمایش مناسب صفحات در همه دستگاهها از جمله موبایلها و تبلتها میشود.
با یادگیری Bootstrap یکی از مهمترین مهارت های فرانت اند را یاد میگیرید و میتوانید حجم و زمان کدنویسی CSS و JS خود را کاهش داده و برای طراحی ظاهر سایت وقت بیشتری بگذارید.
اما مشکل عمدهی سایتهایی که به وسیلهی این فریم ورک ایجاد میشوند، ظاهر تکراری و یکسان آنهاست و ممکن است تا چند سال آینده این روند به گونهای باشد که نتوان سایتهایی با عناوین و کارکردهای مختلف را از یکدیگر تفکیک نمود.
راه حل این مشکل، شخصی سازی Bootstrap میباشد. منظور از شخصیسازی، اضافه نمودن موارد دلخواه به هستهی داخلی این فریم ورک و تغیر کدها میباشد.
یادگیری نرم افزارهای گرافیکی را یادت نره
به عنوان یک توسعه دهنده frontend، باید بدانید که چگونه با نرم افزارهای مختلف طراحی گرافیک کار کنید تا گرافیک و تصاویر را برای وب سایت خود ایجاد و دستکاری کنید. در اینجا به برخی از مهم ترین نرم افزارهای طراحی گرافیکی که یک توسعه دهنده فرانت اند باید با آنها آشنا باشد اشاره میکنیم:
- Adobe Photoshop: شما از فوتوشاپ برای ایجاد یا ویرایش طرحبندیها، دکمهها، آیکونها و سایر گرافیکهای وبسایت استفاده خواهید کرد.
- Adobe Illustrator: یک ویرایشگر برداری که برای ایجاد و ویرایش تصاویر مبتنی بر بردار مانند لوگوها، نمادها و تایپوگرافی استفاده می شود.
- Sketch: یک ویرایشگر برداری که به طور خاص برای ایجاد طرح های UI/UX برای برنامه های وب و موبایل طراحی شده است. در میان توسعه دهندگان فرانت اند برای ایجاد طرح بندی وب سایت و وایرفریم محبوب است.
- Figma: یک ابزار طراحی و نمونه سازی ابری که به تیم ها اجازه می دهد تا در پروژه های طراحی با یکدیگر همکاری کنند.
در حالی که لازم نیست در همه این نرم افزارها متخصص باشید، داشتن یک درک اولیه از نحوه کار و استفاده از آنها می تواند بسیار مفید باشد.
بازار کار و درآمد یک متخصص فرانت اند
درآمد یک توسعه دهنده فرانت اند می تواند بر اساس عوامل مختلفی مانند شهر یا کشور، میزان تجربه، سطح مهارت و میزان تقاضای صنعت متفاوت باشد. به طور کلی، توسعه دهندگان فرانت اند به دلیل نیاز روزافزون به اپلیکیشن های تحت وب و موبایل، بسیار مورد تقاضا هستند و در نتیجه، دستمزد آنها کاملا رقابتی است.
با توجه به پایگاههای مختلف حقوق و دستمزد، متوسط حقوق یک توسعهدهنده فرانتاند در جهان حدود 75000 تا 100000 دلار در سال است. با این حال، این حقوق بسته به عواملی مانند نوع صنعت، مکان و سطح تجربه می تواند بسیار متفاوت باشد. به عنوان مثال، توسعه دهندگان فرانت اند که در شرکت های بزرگ فناوری مانند گوگل یا فیس بوک کار می کنند، می توانند حقوق بسیار بالاتری نسبت به کسانی که در استارت آپ ها یا آژانس های کوچکتر کار می کنند، دریافت کنند.
به طور کلی، توسعه frontend می تواند یک انتخاب شغلی پرسود برای کسانی باشد که مهارت ها و تجربه لازم را دارند. با این حال، در نظر داشته باشید که تحقیق در مورد دستمزد برای موقعیت شغلی مورد نظر شما میتواند بسیار مفید باشد.
نکات مهم برای ادامه مسیر فرانت اند
برای طی کردن مسیر طولانی تبدیل شدن به یک توسعه دهنده فرانت اند بهتر است به موارد زیر هم توجه کنید:
- صبوربودن، تلاش مداوم و موشکافانه به مسایل نگاه کردن سه اصل ثابت در همهی قسمتهای مرتبط با برنامه نویسی front-end میباشد. ممکن است شرایطی پیش بیاید که برای پیدا کردن یک مشکل کوچک ساعتها مشغول بررسی و تست کدهایی که نوشتهاید باشید پس اگر آدم زیاد صبوری نیستید فعالیت در این زمینه زیاد برایتان هیجان انگیز نخواهد بود.
- درشروع کار خودتان را با بقیه مقایسه نکنید. در هر حوزهای افراد ماهری حضور دارند که چندین سال است در این بخش فعالیت میکنند. اما بدانید که آنها هم یک روز از جایگاه شما شروع کردهاند ولی تحت هیچ شرایطی از تلاش کردن و ادامهی مسیر دست نکشیدهاند.
- تکنولوژی خیلی سریع رشد میکند. طبیعتا وب و حوزههای مرتبط با آن مثل front-end هم از این قائده مستثنی نیستند. این موضوع سبب شده تا تعداد ابزارهایی که برای یک برنامهنویس حوزهی وب وجود دارد زیاد باشد. پس اگر یادگیری ابزارهای جدید برایتان خسته کننده و دارای جذابیت نباشد نمیتوانید در زمینهی کاریتان پیشرفت قابل توجهی نمایید.
البته این به این معنی نیست که با توجه به مد شدن یک ابزار شما هم بدون فکر از آن استفاده کنید بلکه باید بدانید که چرا یک ابزار نسبت به سایر ابزارهای موجود بهترین است. نادیده گرفتن این واقعیتها میتواند بازار کار آیندهی شما را به شدت تحت تاثیر خود قرار دهد. - یادگیری نحوهی کار بستر وب بسیار مهم است. حتما درمورد اینکه چه زمان، کجا و چرا، از چه فناوریها و زبانهایی استفاده میشود مطالعه نمایید. همچنین بهتر است در مورد دامنهها، DNS ،URL، پروتکل HTTP، مرورگرها، سرورها و سایر مفاهیم وب اطلاعات پایه ای کسب کنید. البته توجه داشته باشید که در این مرحله لازم نیست در این موارد غرق شوید، فقط درک اولیه کافیست.
جمع بندی
خب دوستان عزیز حالا که مقاله “فرانت اند چیست” را مطالعه کردید، به خوبی میتونید front-end را درک کنید. در این مقاله سعی کردیم بخشهای اصلی را نشونتون بدیم و از جزئیاتی که میتونست درک مقاله را سخت کنه پرهیز کنیم.
در مقالههای آینده خیلی جزئیتر مباحث فرانت اند را بررسی میکنیم تا قسمتهای مبهم این حوزه براتون ساده و روان بشه. برای مثال پیشنهاد میکنم به مقاله محبوب ترین فریم ورکهای فرانت اند سر بزنید.
امیدوارم که راضی بوده باشید. یادتون نره که به مقاله رای بدید و نظرتون را ثبت کنید. در ضمن حتما مقاله را برای کسانی که لازم دارند ارسال کنید.
درباره احسان عبداللهی
مدیر و موسس میکرولرن | برنامه نویسی پاسخی ظریف به یک نیاز در دنیای واقعی هست.
نوشته های بیشتر از احسان عبداللهیمطالب زیر را حتما مطالعه کنید
دوره های آموزشی مرتبط
آموزش جنگو
آموزش پایتون
آموزش الگوریتم و فلوچارت – تفکر برنامه نویسی
آموزش برنامه نویسی C برای میکروکنترلر
2 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
سلام وقتتون بخیر باشه … ببخشید من یک سوال خیلی کوتاه ازتون داشتم … طراح قالب سایت های وردپرس , در شاخه فرانت اند front-end کار میکنند درسته ؟
سلام
ببینید ظاهر قالب شما مربوط به front-end میشه. اما عملکردهای اون مثل ثبت نام کاربر و … نیاز به back-end داره.
بنابراین شما صرفا با فرانت نمیتونید یک قالبی که کارکنه داشته باشید و نیاز به بک هم دارید. مگر اینکه در یک تیم باشید و شما فقط ظاهر را بسازید و دیگران قسمت بک را کدنویسی کنند.