آموزش رایگان برنامه نویسی در کانال یوتیوب yasharhabibimedia
سبد خرید
0

هیچ محصولی در سبد خرید نیست.

چگونه برنامه نویسی فرانت اند رو شروع کنیم؟

چگونه برنامه نویسی فرانت اند رو شروع کنیم؟

چگونه برنامه نویسی فرانت اند رو شروع کنیم؟

مطلب پیشنهادی:آموزش رایگان برنامه نویسی</a >
برای شروع برنامه نویسی فرانت اند، معمولا اولین سوالی که پیش میاد این هست که چگونه برنامه نویسی فرانت رو شروع کنیم؟ توی این مطلب می‌خوام به همین سوال جواب بدم و بهتون بگم که برای شروع به چه چیزایی نیاز دارید؟ می‌خوام تجربیات و دانش خودم رو مشتاقانه در اختیار شما بذارم تا شما هم استفاده کنین.

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

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

یک باور غلط برای شروع برنامه نویسی فرانت اند !

یه تصور غلطی که خیلیا دارن این هست که میگن برای شروع برنامه نویسی باید ریاضیات قوی داشته باشید!!! اصلا اینطور نیست. لاقل برای شروع ضروری نیست. برای شروع شما نیاز به دونستن مفاهیم ساده ریاضی دارید که توی دبستان و راهنمایی یاد گرفتید. مثل جمع، تفریق و… . بعد که پیشرفته و حرفه‌ای شدید، می‌تونید سراغ ریاضیات هم برید. پس اصلا ذهنتون درگیر این مسئله نکنید و مانع برای خودتون نتراشید. چیزایی که واقعا برای شروع بهشون نیاز دارید، داشتن انگیزه و صبور بودن هستش. نکته مهم دیگه برای شروع این هست که یه نقشه راه باید داشته باشید تا بتونید قدم به قدم یادگیری رو شروع کنید. در ادامه مطلب این نکات رو به ترتیب بتون میگم.

۱- از پایه شروع کنید.

برای شروع برنامه نویسی فرانت اند، از یادگیری مباحث پایه یعنی HTML شروع کنید. HTML ساختار و اسکلت صفحات وب هست. البته اینو هم باید گفت که HTML یک زبان برنامه نویسی نیست. چون که ویژگی‌های یک زبان برنامه نویسی مثل متغیرها، توابع و غیره رو نداره. بد نیست این بدونید که HTML مخفف Hyper Text Markup Language هستش. در HTML با استفاده از تگ‌ها می‌تونیم عناصر دلخواهمون رو توی صفحه وب ایجاد کنیم.

۲-. یادگیری CSS

HTML به تنهایی نمی‌تونه کارای زیادی رو انجام بده به همین دلیل ما برای زیباکردن صفحه وب از CSS استفاده می‌کنیم. CSS مخفف عبارت Cascading Style Sheets هست. قدم بعد از HTML یادگرفتن CSS هست. این دوتا پایه و بیس شروع برنامه نویسی فرانت اند هستن. CSS در قسمت ظاهری و بصری سایت ایفای نقش می‌کنه. برای رنگی کردن پس‌زمینه، مشخص کردن سایز، فونت و خیلی کارای دیگه از CSS کمک می‌گیریم. برای این کار ما به عنصر مورد نظر اشاره می‌کنیم و استایل مورد نظر رو پیاده سازی می‌کنیم. برای اشاره به عنصر می‌تونیم از نام، id یا کلاس اون استفاده کنیم. Id و class دو ویژگی هستن که می‌تونیم برای عناصر مشخص کنیم و بعد برای اشاره به عنصر به جای نوشتن نام خود عنصر، ویژگی اون رو می‌نویسیم.

۳- تمرینات پروژه محور انجام بدین

این قسمت از یادگیری خیلی مهم هست. چون هرچی که یاد گرفتید رو به صورت عملی تجربه می‌کنید و به اصطلاح دست به کد میشید. هر چقدر بیشتر پروژه انجام بدین، مهارتتون بیشتر میشه. اصلا هم استرس اینو نداشته‌باشید که بلد نیستید. دو سایت google و StackOverflow دوستای خوب شما توی این مسیر هستن. هر وقت چیزی رو بلند نبودید، اونو توی گوگل سرچ کنید. سعی کنید کمال‌گرا نباشید که روند کارتون رو کند میکنه. سعی‌کنید تمرین کنید. مثلا یه سایت شبیه سایت فیسبوک درست کنید. یا این‌که سایت شرکتی درست کنید و غیره.

۴- جاوااسکریپت رو یاد بگیرید.

وقتی که مراحل قبلی رو پشت سر گذاشتید، حالا نوبت زبان برنامه نویسی Javascript هست. Js توسط Brendan Eich برای شرکت Netspace ایجاد شد. اولش از این زبان برای کارای ساده استفاده میشد و هیچ کس فکر نمی‌کرد که این زبان اونقدر پیشرفت کنه که هم در فرانت اند و هم در بک اند بشه ازش استفاده کرد. جالبه بدونید که حتی برنامه‌های دسکتاپ و اپلیکیشن‌های موبایلی هم میشه با js ایجاد کرد. این جا چندتا نکته درمورد این زبان بهتون بگم.

  • اول این‌که جاوااسکریپت همون زبان معروف جاوا نیست و باهم فرق دارند.
  • دوم این که jQuery یه زبان برنامه نویسی دیگه نیست و با همین جاوااسکریپت نوشته شده. jQuery کتابخانه‌ای هست که با جاوااسکریپت و با هدف افزایش سرعت توسعه وب ایجاد شده.
  • ECMAScript اسم فنی‌تر جاوااسکریپت هست. ولی اسم جاوااسکریپت محبوبیت بیشتری داره.

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

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

۵- سعی کنید با بقیه کار کنید.

تیمی کار کردن همیشه می‌تونه باعث رشد بشه. چون که افراد از هم تیمی‌های خودشون ایده‌های جدید یاد میگیرن و دانش خودشون رو افزایش میدن. برای پیدا کردن برنامه نویسای دیگه، میتونید از سایت هایی مثل facebook، Meetups، Stack Overflow و Github استفاده کنید. با عضویت در گروه‌ها و انجمن‌های برنامه نویسی می‌تونید شانس پیدا کردن موقعیت شغلی رو هم بیشتر کنید. همکاری با بقیه و یاد دادن به اونا هم دانش خودتون رو بیشتر میکنه و هم این که دیگران شما رو می‌شناسن.

۶- اولین شغلت رو بدست بیار.

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

  • به جزییات توجه کنید.وقتی که برنامه نویسی تموم شد، کدهاتون رو بررسی کنید و قبل از اینکه بخواین روی گیت بفرستید، از تمیز بودن و خوانایی کدها مطمئن بشید. تگ های HTML رو درست و به جا استفاده کنید. زیاد کامنت ننویسید. از استانداردهای کدنویسی پیروی کنید.
  • روحیه یادگیری داشته باشید.این نکته رو همیشه یادتون بمونه که هرچقدر روحیه یادگیری بالاتری داشته باشید، بیشتر موفق میشید. چرا؟ چون با یادگیری مستمر شما مهارت بیشتری دارید و مهارتتون هم زیاد میشه. برای یادگیری هدف‌گذاری کنید. مثلا بگید که این هفته کدوم تکنولوژی وب رو یاد بگیرم؟ داشتن روحیه یادگیری اونقدر مهمه که توی آگهی‌ها هم عنوان میشه.

۷- یادگیری رو ادامه بدین.

همیشه چیزای زیادی برای یادگیری وجود داره. برنامه نویسی از یه جایی شروع میشه و دیگه انتها نداره. اگر دنبال یادگیری نباشید، به مرور دانشتون کهنه میشه و رقبا جاتون رو میگیرن. در این جا چندتا مبحث درمورد برنامه نویسی فرانت اند بهتون معرفی میکنم که یادگیری اون‌ها میتونه براتون هیجان انگیز باشه.

  • میتونید دانش CSS خودتون رو گسترش بدین. SASS، SCSS، LESS و PostCSS رو یاد بگیرید.
  • میتونید مباحث مربوط به js رو یادبگیرید. مثل یادگیری Webpack، Gulp و…
  • SVG رو یادبگیرید که سمت فرانت اند زیاد استفاده میشه.
  • فریم ورک‌های js رو یادبگیرید. (مثل React، Angular، Vue.js و…)
  • برای حرفه‌ای‌تر شدن میتونید با یادگیری Node.js سمت بک اند هم کار کنید.
  • از منابع معتبر مثل سایت W3school و MDN استفاده کنید.

جمع بندی

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

امتیاز 4.875 از 8 رای

20

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

دیدگاه کاربران
  • ابوالفضل 23 اردیبهشت 1400 / 6:37 ب.ظ

    سلام عالی بود

  • ahmadreza.shamimi 24 اردیبهشت 1400 / 8:23 ق.ظ

    خیلی خوب بود و شیوا نوشته شده بود

  • pouyadeveloper1997 2 خرداد 1400 / 10:04 ب.ظ

    سلام خسته نباشید
    بنظرم بهترین راه ممکن رو گفتید و من خودمم تازه اول راهم ممنون که این مطلب رو قرار دادید

    • یاشار حبیبی 3 خرداد 1400 / 10:26 ق.ظ

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

  • آواتار
    abolffff1383 2 خرداد 1400 / 10:43 ب.ظ

    سلام عالی بود

  • آواتار
    yusyn__ 3 خرداد 1400 / 10:52 ق.ظ

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

    • یاشار حبیبی 3 خرداد 1400 / 2:05 ب.ظ

      سلام، هنوز خیلی وب سایت ها از جی کوئری استفاده می کنن و چون خیلیا از قبل ازین کتابخونه استفاده کردن همچنان براش تقاضای برنامه نویس هست، ولی اگر تا به امروز یاد نگرفتینش نه اصلا مهم نیست یادگیریش چون کم کم داره تاریخ انقضا می خوره بهش و با وجود فریمورکای ری اکت و انگولار و ویو دیگه کمتر کسی میره سمت استفاده از جی کوئری مخصوصا که یسری از امکانات جی کوئری مثل قدرت انتخابگراش به جاوااسکریپت اضافه شده و ….

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

توسط
تومان