شروع یادگیری برنامه نویسی وب

درود بر شما.
حوزه خیلی خوبی رو انتخاب کردید. آدم وقتی صفرِ صفر باشه؛ اولش احساس خیلی گنگی داره. بالاخره همه باید از یه جایی شروع کنن دیگه! توصیه من برای شما اینه که اصلا زمان رو هدر ندید و تا آخرش تسلیم نشید. به قول یه جمله معروف؛ اگه قراره امتحانش کنی تا آخر مسیر برو!
بگذریم.
وب به دو بخش تقسیم میشه. فرانت اند و بک اند. اگه الان نمیدونید اینا چین اصلا نترسید اسم هاشون ممکنه عجیب و غریب و تازه باشه اما بشدت ساده است.
فرانت اند که یعنی سمت کاربر، بیشتر چیزهای گرافیکیه. شما الان به ظاهر این سایت یا هر سایت دیگه ای نگاه کنید؛ یه سری چیز گرافیکی میبیند. اِلمان ها موقعیت های خودشون رو دارن اصطلاحا میگم پوزیشن خودشون رو دارن. ما تعیین میکنیم که هر چیزی چه رنگی باشه، فاصله اش از المان های دیگه چقدر باشه، طول و ارتفاع و عرض و ایناش چقدر باشه. ما همه اینا و خیلی بیشتر از این رو با دو تا زبان نشانه گذاری کنترل میکنیم. دقت کنید که نشانه گذاری نه زبان برنامه نویسی. ما توی این زبان ها از چیزی به اسم محاسبات ریاضی یا دستورات شرطی استفاده نمیکنیم. کم لطفیه بگیم زبان نیستن، اما خیلی محسوب نمیشن.
اینجا ما یه زبان کلیدی داریم به اسم HTML. این در واقع شبیه اسکلت سایت میمونه. یه ساختمون که هنوز دیوار و اینا نداره و تصور کنید. هنوز دیوار نداره، گچ کاری نشده، رنگ نشده و .... ولی اسکلت داره. میلگرد داره، ستون داره و ... که همه اینا در کنار هم اسکلتش رو ساختن. این شد از HTML.
اما آیا اسکلت به تنهایی کاربردی داره؟ خیر! آدم میخواد جایی زندگی کنه که دیواراش رنگی باشن، خوشگل باشه، به دل آدم بشینه! سایت هم مثل خونه، هم میتونه دنج باشه هم دلگیر! ولی یه اسکلت خالی خیلی خیلی دلگیر تره! پس برای اینکه خونمون رو خوشگلاسیون کنیم، نیازمند یه زبان نشانه گذاری یا من بهش میگم خوشگل سازی دیگه، به نام CSS هستیم!
توی CSS، ما به کد های HTML میگیم که مثلا موقعیتشون کجا باشه. اگه یه نوشته داریم، فونتش چی باشه چه اندازه ای باشه چه رنگی باشه!
CSS اینا و خیلی بیشتر از این رو برای ما هندل میکنه. ناگفته نماند که CSS یسری فریمورک داره که کار ما رو ساده تر میکنه اما الان نیازی نیست بدونید.
میرسیم به مورد بعدی. جاوا اسکریپت، هم میتونه به خوشگلاسیون کمک کنه، همه به خیلی چیزای دیگه! بازم تو مثال ساختمون، اینو آسانسور در نظر بگیرید. آسانسور خیلی کار مارو راحت میکنه درسته؟ تا اینکه مجبور شیم با پله بالا بریم! اما هنوز تموم نشده! جاوا اسکریپت یا عامیانه ترش جی اس (JS) قابلیت های شگفت انگیزی داره! اما لازم نیست الان نگرانش باشید. اینا باید پله پله طی بشن و عجله ممنوعه!
جاوا اسکریپت هم یه سری فریمورک برای خودش داره، که بعدا بهش میرسید.
این شد از فرانت اند. سعی کردم به ساده ترین نحو توضیح بدم.
حالا بک اند چیه؟ بک اند یعنی زبان سمت سرور ما. ما اطلاعاتی که میخوایم رو باید توی یه جایی ذخیره کنیم به نام دیتا بیس. برای اینکه نیاز به یه زبان بک اند داریم. توی همون مثال آسانسور، فرض کنید میخواید برید به یه طبقه ای. از اونجایی که این آسانسور ها هم برنامه نویسی شدن، این باید بره این طبقه ای وارد کردید رو یه جایی ذخیره کنه. (ممکنه این مثال تو دنیای واقعی نباشه) حالا، شما هی میزنید طبقه 3. این یا حرکت نمیکنه میگه دوباره بزن، یا مثل میره گیر میکنه! میگه من یادم نیست کجا قرار بود برم! پس باید یه جایی رو براش مشخص کنیم که از طریق اون بره و این اطلاعات رو ذخیره کنه، بعد دوباره بره بخونتش. اینطوری دیگه یادش نمیره ما هم به تمام طبقاتی که رفته دسترسی داریم.
این ساده ترین تعریف بک اند که ممکنه هنوز هم پیچیده باشه. توی دنیای سایت هم به همین شکله. شما نیاز دارید که اطلاعات کاربر رو یه جا ذخیره کنید. این جا همون دیتا بیسه. برعکس زبان های فرانت اندی، تو بک اند حق انتخاب دارید. میتونید برید PHP, Django, NodeJs و ... . هر کدوم رو یاد بگیرید میتونید بک اند سایت رو بزنید. یه تفاوت هایی دارن اما نهایتا کار یکسانی انجام میدن. الان php محبوب تره. نظر من اینه که خودتون هم تحقیق کنید که بیشتر دستتون بیاد.
تا جایی که تونستم ساده گفتم. البته این لا به لا جزئیات بیشتری هست که توی یه پاسخ نمیشه گفت.
گام های یادگیری راکت رو هم بررسی کنید به کارتون میاد . از این لینک

راکت هم همه این دوره ها رو داره و جایی برای نگرانی نیست. برای جمعبندی میگم:

front-end: 
HTML
CSS
JS 
back-end:
php or
django or,
nodejs or....

اینا هر کدوم یه حوزه محسوب میشن و توسعه دهنده ها یا دولوپر های خودشون رو دارن، اما به کسی که هر دو رو بلد باشه میگن فول استگ دولوپر. اینا یه جورایی همه فن حریفن! D:
اگه مشکلی داشتید صدام بزنید.
اگه میخواید واردش بشید، نترسید و انجامش بدید. لازم نیست آماده باشید و قرار هم نیست که همین اول حرفه ای باشید! اشتباه کنید اما ادامه بدید! اگه واقعا به سمتش برید، هیچی قرار نیست جلو دار شما باشه!
موفق باشید