فرانت اند دولوپر کیست و چه کرد ؟

سلام بچه ها؛

امروز جمعه است و شایان اومده تو ویرگول، تا بهتون یک آموزش کوچک بده، تا حتی در روز جمعه هم آپ اسکیلز (Up Skills) کنید:)))
عنوان(Title) این پست یکم اشناعهه، نه!؟ تاریخِ دبیرستان :))))

خب تو پست قبل در مورد این باهم گپ زدیم که ببینیم، طراحی وب چیست؟ که شما با زدن این "طراحی وب چیست؟" می توانید وارد بشید، و نظرتون رو برای من بنویسید :)

میخوام تو این پست بپردازم به فرانت اند دولوپر؛ و مانند پست قبلی ببرمش زیره ذره بین کلمات، تا ببینیم چقدر میتواند در برابر کلمات ما دوام بیاورد :)

فرانت اند دولوپر کیست؟

فرانت اند دولوپر، کسی است که مسئولیت فرانت سایت رو به عهده داره :))
فرانت به معنی جلو، روبرو را میدهد؛ پس متوجه میشویم، که هر چیزی که کاربر میتواند درون یک سایت مشاهده کند و گاها تعامل ایجاد کند، فرانت دولوپر میگوییم.

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

فرانت اند دولوپر همان طراح سایت هست؟

جواب من به این سوال، هم آره است، هم نه !

فرانت اند دولوپر وظیفه طراحی سایت را ندارد، بلکه وظیفه کدنویسی طراحی سایتی را دارد، که یک فردی به نام Ui-Ux کار، به آن داده است. یعنی درون شرکت ها کسی به این نام وجود دارد تا، دیزاین یک سایت را با ابزار های موجود خود، طراحی و سپس، طرح آماده شده را به فرانت اند دولوپر بدهد، و فرانت اند دولپر آن را به کد در بیاورد.

حالا اگر یک نفر را نداشته باشیم که طرح اولیه را با ابزار هایی مانند فتوشاپ، Adobe XD و ... بزند، باید چیکار کنیم؟!

اینجا هست که برمیگردیم به اول خط، که "جواب من به این سوال، هم آره است، هم نه !"

در این شرایط فرانت اند دولوپر با خلاقیت خود طرح را طراحی، و آن را به کد تبدیل میکند.

زبان های برنامه نویسی فرانت اند دولوپر چیست؟

همان طور که در مقاله قبلی گفته ام، برای فرانت دولوپر زبان برنامه نویسی وجود ندارد که بخواهد یاد بگیرید، بلکه باید زبان نشانه گذاری و اسکریپتی یاد بگیرد.

به ترتیب از بالا به پایین که مربوط میشه به زبان ها و فریمورک ها و کتابخانه ها:

1- HTML( زبان نشانه گذاری)

2- CSS (زبان نشانه گذاری)

3 Flex - Grid ( Css)

3- Bootstrap (فریمورک Css)

4- Tailwind (فریمورک Css)

5- JavaScript (زبان اسکریپتی)

در قسمت ششم تو باید یکی از فریمورک های جاواسکریپت رو انتخاب کنی که شامل

6- Vue js ... React js .... Angular js

هر سه تا فریمورک قسمت بالا قدرتمند و خفن هستند، ولی تو باید یکی از اینها رو، به طور عمیق کار کنی و روش مسلط بشی. و لطفا این رو از برادر کوچیک ترتون داشته باشین که بعد از 1 ماه یادگیری مثلا vue سوییچ نکنید رو React.
شما تایمی میتونید سوییچ کنید رو دیگر فریمورک js، که قبلی را مسلط بشده باشید، به غیر این صورت شما فقط دارید تایم خودتون رو میکشید.(طلف میکنید)-(Kill your time)

تبریک میگویم تو با آموزش موارد بالا به یک فرانت اند دولوپر تبدیل شدی، ولی یادت باشه تو باید حداقل 9 ماه تایم بذاری تا بتونی مسلط بشی.

و چیزهای دیگه که تو باید به عنوان یک برنامه نویس یاد بگیری:

7- Git

8-Github

گیت چیست؟

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

یک مقاله در نظر گرفتم براش، ولی فعلا تو این مقاله نمیگنجه کل مطلب رو بهتون بگم :)

امیدوارم که این پست برات مفید واقع شده باشه. خوشحال میشم نظرت رو برام کامنت کنی :)

اگه دوست داری با من بیشتر آشنا بشی یک سر به پیج اینستاگرام و چنل یوتیوب من بنداز :))
اینستاگرام :
https://www.instagram.com/shayan_dev_/

یوتیوب:
https://www.youtube.com/channel/shayandev

هفته دیگه روز جمعه یادت نره ?