عباس اجلالی
عباس اجلالی
خواندن ۵ دقیقه·۲ سال پیش

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

نقشه راه برنامه نویس شدن چیست؟نقشه راه برنامه نویسی فرانت اند چسیت؟برای برنامه نویس سمت فرانت چه مسیری را باید برم؟برنامه نویسی وب را از کجا شروع کنم؟چطوری برنامه نویسی وب بشم؟برنامه نویسی فرانت اند چیست؟چه مسیری رو برای برنامه نویسی شدن باید طی کنم؟

اولین قدم برای شروع برنامه نویسی چیست؟برای برنامه نویسی شدن چه باید کرد؟از کجا برنامه نویسی وب رو شروع کنم؟بهترین نقشه راه برای برنامه نویسی وب بهترین نقشه راه برای برنامه نویسی فرانت اند چیست؟ چه زبان هایی برای برنامه نویسی فرانت اند لازم هستش؟



اول از همه اینترنت ...

اولین قدم در نقشه راه برای برنامه نویسی فرانت اند همین دانش شما از اینترنت هستش که باید کمی مباحث تئوری در مورد اینترنت بدونید و مباحث مختلفی داره که شادی بتونید دو روزه تمومش کنید و البته اینو از قلم نندازم که به لطف smart phone ها و تکنولوژی های الان خیلی راحت همه چیو میفهمی و اولین قدم از نقشه راه برنامه نویسی فرانت رو با موفقیت با پایان میرسونید .

حالا در اینجا چند تا از مباحث مهم در حوزه اینترنت که به دردتون میخوره رو برای اینجا میزارم تا برید و مظالعه کنید و تو فضای اینترنت هم کلی مطلب هستش که میتونید مطالعه کنید :

  • اینترنت چگونه کار میکند؟
  • اچ تی تی چی (http) چیست ؟
  • مرورگر ها و نحوه کارکرد آنها ؟
  • هاست چیست؟
  • دامنه چیست؟

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

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

و این رو در نظر داشته باشید که html و css جزو زبان های برنامه نویسی حساب نمیشن بلکه بهشون اصطلاحا زبان نشانه گذاری میگن.

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



  • اول سراغ html برید
  • دوم سراغ یادگیری css برید
  • و وقتی خیلی خوب به زبان های نشانه گذاری بالا مسلط شدید برید سراغ جاوا اسکریپت

نوبتی هم باشه نوبت سیستم کنترل ورژنه

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

به جزء قضیه بالا شما در هر شرکتی که بخوایید استخدام بشید باید به گیت و گیت هاب مسلط باشید تا بتونید بصورت گروهی کد بزنید.

اگه گیت رو بلد باشید احتمال استخدام شدنتون خیلی میره بالاتر چون که وقتی کارفرما ازتون نمونه کار میخواد و شما صفحه گیت هابتون رو واسش می فرستید این یعنی اینکه شما نسبت به بقیه رقبا یه پله بالاترید و یک امتیاز برای شما حساب میشه

انتخاب فریم ورک مناسب برای جاوا اسکریپت

خوب تا اینجا شما خیلی خوب پیش اومدید و الآن باید سراغ یکی از فریمورک های جاوااسکریپت برید که گزینه های زیادی هستند که میتونید انتخاب کنید و در این پایین بهشون اشاره می کنم :

  • React
  • Angular
  • vue
  • Svelte
  • SolidJS

معروف ترین فریمورک های جاوااسکریپت ری اکت و انگولار و ویو هستش که هر سه گزینه های خوی میتونن باشن اما در حال حاظر که در سال 2023 میلادی هستیم کتابخانه ری اکت بیشترین استخدامی رو داره و جزء محبوب ترین کتاب خانه حساب میشه و این رو بئونید که ری اکت یک کتاب خونه هستش نه فریمورک ، این رو در سایت اصلی خود ری اکت هم نوشته.

برای انتخاب فریمرک مناسب حتما دقت لازم رو داشته باشید و یا وسواس انتخاب کنید تا دچار اشتباه نشید و راه رو درست برید و وقتی که فریمورک مناسب رو انتخاب کردید باید یک پکیج منیجر رو هم بلد باشید تا بتونید که پکیج های مورد نظر رو در داخل اپ مورد نظرتون نصب کنید مثلا:

  • NPM
  • Yarn
  • pnpm

من خودم به شخصه npm رو اشاره میکنم که میتونه گزینه مناسبی باشه. اما شما میتونید از پکیج های دیگه هم استفاده کنید که انها هم گزینه هی خوبی هستند.

انتخاب فریمورک مناسب برای css

خوشبختانه در انتخاب فریمورک های سی اس اس هم کاملا دستتون بازه که با تحقیق یک گزینه مناسب رو انتخاب کنید و در اینجا به چند تا از فریمورک ها اشاره میکنم :

  • Tailwind CSS
  • Material UI
  • Radix UI
  • Mantine
  • Chakra UI
  • Daisy UI

از بین فریمورک هایی که در بالا نوشتم معروف ترینشون material ul و tailwind css هستش که حالا بستگی به خودتون داره که کدومو انتخاب کنید و در اینجا هم باد قت و حوصله و مشورت گزینه مناسب رو انتخاب کنید.

و در آخر

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

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

در اینجا براتون یه پادکست اماده کردم که بهتون پیشنهاد می کنم حتما گوش بدید :

برای اینکه پادکست رو گوش بدید لطفا به این لینک تشریف بیارید.

اینو حتما در نظر داشته باشید که شما همیشه باید در حال یادگیری مباحث جدید باشید و این خصلت برنامه نویسی هستش.

منبع : https://roadmap.sh/frontend

برای ارتباط با من میتونی وارد سایتم بشی و در اونجا براحتی میتونیم با همدیگه ارتباط داشته باشیم.

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