نقشه راه برنامه نویسی فرانت اند

طبیعتا هرکسی که قصد شروع برنامه نویسی وب را دارد با دو انتخاب روبرو میشد ، فرانت اند یا بک اند . اگر شما از آن دسته برنامه نویسانی هستید که فرانت اند را انتخاب کرده اند این مسیر برای شماست و شما را برای تبدیل شدن به برنامه نویس فرانت اند کمک میکند.1. اسکلت برنامه نویسی وب ، HTMLزبان نشانه گذاری HTML که مخفف (Hyper Text Markup Language) به معنی زبان نشانه گذاری فرا متنی است ، اسکلت وب را تشکیل میدهد. در صفحات وب هر المانی که میخواهید نمایش دهید به HTML باید اجرا شود. چه بخواهید برنامه نویس فرانت اند و چه بک اند شوید باید HTML را یاد بگیرید. البته یادگیری این زبان بسیار آسان است.همچنین HTML دارای چندین نسخه است که در حال حاظر همگان از نسخه 5 این زبان استفاده میکنند ، برای یادگیری این زبان منابع بسیاری در اینترنت وجود دارد حتی به رایگان! . 2. به اسکلت خود استایل بدهید ، CSSزبان CSS که مخفف (Cascading Style Sheets) به معنی شیوه‌نامه آبشاری است برای استایل دادن به صفحات وب استفاده میشود. هیچ صفحه وبی نمیتواند بدون CSS باشد چون زبان HTML توانایی خوبی در استایل دادن به المان های خود ندارد. همچنین از این زبان برای ریسپانسیو کردن صفحات وب نیز استفاده میشود. همانطور که احتمالا بدانید امروزه به دلیل متنوع بودن صفحات نمایش ، برنامه نویسان فرانت اند باید المان ها را برای نمایش در هر اندازه صفحه نمایشی بهینه کنند که به این کار ریسپانسیو میگویند. امروزه ریسپانسیو سازی در صفحات وب بسیار مهم است و همچنین یکی از شرایط سئو خوب است . 3. صفحات وب را پویا کنید ، JavaScriptدر مسیر برنامه نویس فرانت اند جاوا اسکریپت تنها زبان برنامه نویسی است که باید یاد بگیرید ، البته بدون جاوا اسکریپت هم میشود قالب صفحات وب را درست کرد. اما بسیاری از کارکرد های این صفحات را جاوا اسکریپت انجام میدهد البته دیگر هیچ کس از نسخه خام جاوا اسکریپت استفاده نمیکند ، اگر شما میخواهید از این زبان استفده کنید بهتر است از نسخه کامل آن به نام EcmaScript6 استفاده کنید . همچنین این زبان علاوه بر فرانت اند قابلیت برنامه نویسی بک اند ، برنامه نویسی موبایل و برنامه نویسی دسکتاپ نیز دارد. 4. استایل را راحت تر پیاده سازی کنید ، Sassاین یکی زبان نیست ، Sass یک پیش پردازنده برای CSS است. در Sass شما استایل ها را راحت تر و با امکانات بیشتر پیاده سازی میکنید و این پیش پردازنده خود کد های شما را در آخر به CSS تبدیل میکند.البته Sass یک رقیب به نام Less هم دارد که تفاوتشان در نحوه نوشتن کد ها یا به اصطلاح سینتکس آن هاست5. از المان های آماده استفاده کنید ، Bootstrapبوت استرپ یک فریمورک CSS است که در طراحی سایت ریسپانسیو استفاده میشود. بیشتر افرادی که میخواهند پروژه را با بالاترین سرعت تکمیل کنند از این فریمورک استفده میکنند. همچنین شما هر المانی با استفاده از بوت استرپ پیاده سازی کنید به صورت ریسپانسیو است.حتما در پروژه های خود از بوت استرپ استفاده کنید چون هم سرعت کارتان چندین برابر میشود هم المان ها ریسپانسیو هستن و نیازی به ریسپانسیو سازی نیست.6. برای حرفه ای تر شدن کارتان از فریمورک های جاوا اسکریپت استفاده کنیدشما نیاز دارید برای حرفه ای تر شدن کارتان یکی از فریمورک های جاوا اسکریپت را یاد بگیرید که اغلب بین این 3 گزینه انتخاب میکنند (React - Vue - Angular). هر کدام از این فریمورک ها مزایا و معایبی دارند که با یک سرچ ساده در اینترنت میتوانید آن ها را بفهمید. برای فهمیدن میزان درخواست کار هر یک از این فریمورک ها هم میتوانید یک سر به سایت هایی همچون جابینجا ببینید. 7. از ابزار های کنترل پروژه استفاده کنید ، GIT گیت را میتوان به عنوان یک ابزار کنترل به حساب آورد که در کنار کنترل به ما کمک میکند با دیگر توسعه دهندگان به سادگی پروژه های خود را توسعه دهیم.برای آنکه متوجه شوید که گیت (git) چیست و چه کاربردی برای شما دارد برای چند لحظه تصور کنید در حال پیاده سازی پروژه‌ای هستید که برای کنترل پروژه و داشتن بک آپ مجبور هستید که در هر ساعت یک نسخه متفاوت از پروژه خود را کپی کرده و در قسمت دیگری قرار دهید.یا تصور کنید با چند نفر از دوستانتان در حال کار بر روی پروژه مشترکی هستید که هر کدام یک نسخه از کدهای پروژه را دارند، در پایان روز باید با کپی و پیست کردن کدهای پروژه را با هم ترکیب کنند که اگر این کار به شکل دستی انجام شود به زمان بسیار زیادی نیاز خواهد داشت.اگر موارد بالا را یاد گرفتید به شما تبریگ میگویم ، اکنون شما یک برنامه نویس فرانت اند هستید. البته یادتان نرود همیشه در حال بروز کردن خوتان باشید. این مواردی که بنده خدمتتان عرض کردم در حال حاظر که در سال 2021 هستیم روی کار هستند و شاید چند سال دیگه اصلا اسمی از آن ها برده نشود موفق باشید