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

در این تصویر یک مسیر ساده توسعه وب را مشاهده می کنید. توصیه می کنیم مراحل 1،2،3 را به ترتیب طی کنید. بعد با توجه به اینکه قرار است در چه زمینه ای متخصص شوید یکی از مسیرهای 4A یا 4B را انتخاب کنید و یا هر دو را حرفه ای یاد بگیرید.
به هر حال متخصص front-end لازم است از back-end هم اطلاع داشته باشد و بر عکس، بنابراین برای یادگیری اصول اولیه هر دو زمینه توسعه وب را حتما توصیه می کنیم.
گام1 - توسعه وب چیست؟
قبل از کد نویسی لازم است با برخی مفاهیم اولیه آشنا شویم. وب سایت ها چگونه کار می کنند؟ چه تفاوتی بین front-end و back-end است و از چه ویرایشگرهایی استفاده می کنیم؟
Front end چیست؟
آنچه به ظاهر سایت مربوط می شود و مشتری مشاهده می کند یا به عبارتی در مرورگر دیده می شود اصطلاحا front-end می گویند یعنی صفحاتی که با Html ,Css ,JavaScript طراحی می شوند.
back-end چیست؟
به منطق و عملکرد برنامه، دیتاها و اطلاعات ذخیره شده که توسط تکنولوژی ها و زبان های برنامه نویسی پیاده سازی می شوند و روی سرور اجرا می شوند back-end می گویند.
پس front-end آن چیزی است که مشتری می بیند و back-end پشت صحنه اتفاقات سایت شماست.
گام 2 - اصول front-end
برای شروع front-end لازم است با یادگیری زبان ها و چارچوب های زیر شروع کنید:
- HTML برای طراحی ساختار صفحات وب
- CSS برای طراحی ظاهر صفحات وب
- Javascript برای پویا کردن صفحات وب
- Bootstrap یک چارچوب محبوب برای طراحی صفحات وب واکنش گرا که شامل کدها و کلاسهای آماده Html,Css و جاوا اسکریپت می باشد و سرعت طراحی صفحات وب استاندارد را افزایش می دهد .
گام 3 - ابزارها
برای کد نویسی لازم است یک سری ابزار و IDE در اختیار داشته باشید.
IDE ها یا محیط های کد نویسی محبوبی مانند vs code ,Atom , … وجود دارند که میتوانید از آنها برای کد نویسی استفاده کنید.
گام 4 - مفاهیم بیشتری از front-end
تا اینجای کار شما با اصول اولیه front-end آشنا شدید و لازم است در این موارد حرفه ای شوید. چه بخواهید متخصص front-end باشید یا متخصص back-end اگر بخواهید به سمت front-end بروید لازم است این مفاهیم را نیز یاد بگیرید
- Sass یک پیش پردازنده css است که کمک می کند بتوانیم در تولید فایل های css از متغییرها و ... استفاده کنیم. با استفاده از sass قدرت css افزایش می یابد.
- فریمورک جاوا اسکریپت
امروزه توسعه دهنده وب به سمت فریمورک های حرفه ای جاوا اسکریپتی می رود. اکثر وب سایت ها توسط این چارچوب ها طراحی و پیاده سازی می شوند.
یکی از قدیمی ترین آنها jquery بوده و هست که هنوز هم کارکردهای خاص خودش را دارد اما فریمورک های حرفه ای دیگر جاوا اسکریپت که متخصصین front-end باید روی یادگیری حداقل یکی از آنها سرمایه گذاری کنند عبارتند از
- React که توسط facebook توسعه و پشتیبانی می شود و امروز بسیار محبوب شده است.
- Angular که توسط google توسعه یافته و طرفداران زیادی دارد
- Vue که توسط Eva-You توسعه یافته و البته به نسبت به React و Angular کوچکتر است.
گام 5 - back-end
در پشت صحنه سایت چه اتفاقی می افتد؟ چگونه افراد درسایت ثبت نام می کنند؟ اطلاعات آنها چگونه ذخیره شود؟ چگونه جستجو انجام دهیم؟ چگونه پرداخت اینترنتی انجام شود و ... همه در قسمت back-end اتفاق می افتد.
برای کار با back-end لازم است زبان های برنامه نویسی و کار با بانک های اطلاعاتی را بدانید . می توانید یکی از مسیرهای زیر را انتخاب کنید:
- PHP
- #C وASP. net
- Java
- Node js
- Python وجنگو
- Ruby
و برای ذخیره اطلاعات هم از بانک های اطلاعاتی زیر می توانید استفاده کنید البته لازم است با SQL و اصول پایگاه داده هم آشنا شوید:
- SQL Server
- My sql
- No sql مانند Mongo DB
- …..
تا اینجا اشاره ای کوتاه به مسیر راه طراحی وب داشتیم تا به یک بینش کلی برسیم. لازم به ذکر است هر کدام از موارد ذکر شده نیاز به توضیح کاملتری دارند که خارج از این مقاله است.