از کجا شروع کنم

مدتها بود که ایده یه وبسایت تو ذهنم بود. بالاخره تصمیم گرفتم و برای طراحی و پیاده سازی و راه اندازی اون دست به کار شدم. در مورد این وبسایت باید بگم که چیزی شبیه یه فروشگاه اینترنتی هست. اول سناریو اون را کامل و دقیق با تمام جزئیات نوشتم و بعد طرح و قالب تمامی صفحات را بعضا با فتوشاپ و روی کاغذ طراحی کردم. و خلاصه همه چیز آمادست تا عملا پیاده سازی را شروع کنم. خب به نظرتون حالا از کجا شروع کنم؟ شروع کنم با html و css و javascript پیاده سازی کنم و قسمتهای سمت سرور هم با php کدنویسی کنم؟ دوستان من واقعا میخوام یه وبسایت عالی و اصولی و با کیفیت داشته باشم و حاضرم هرچقدر لازمه روش سرمایه گذاری کنم و براش وقت و انرژی بزارم. راستش تجربه جدی طراحی و برنامه نویسی وب را ندارم فقط چندتا وبسایت ساده تک صفحه ای سفارشی درست کردم. ولی این خیلی فرق میکنه و یه پروژه کاملا جدی هست. با فریم ورکها تا حدی آشنا هستم و ویدیو های اونها را دیدم و طبق بررسی که کردم فکر میکنم اگه از vuejs و laravel استفاده کنم بتونم یه وبسایت خیلی عالی و اصولی و باکیفیت پیاده سازی کنم. فکر میکنم اگه از این فریم ورکها استفاده کنم هم نهایتا به چیزی که تو نظرمه برسم هم تجربه خوبی کسب کنم و حین پیاده سازی این پروژه کار کردن با این فریم ورکها هم خوب یاد بگیرم. خب دوستان نظرتون چیه؟ حالا دقیقا از کجا شروع کنم و به چه صورت کار را پیش ببرم؟ دوستان خواهشا بجای توضیحات کلی اگه مختصرا بصورت دقیق و جزء به جزء بگید خیلی ممنون میشم. آقای مهندس موسوی چون فکر میکنم خیلی از کسایی که تازه دارن شروع میکنن درگیر این مسئله هستند با توجه به دانش و تجربه شما در این زمینه اگه نظر مبسوط شما هم بدونیم خیلی ممنون میشم. ممنونم

سلام.
یک سندی در گیت هاب تحت عنوان webdeveloper roadmap ایجاد شده که به نظرم به اصول خیلی نزدیکه و شما رو به درستی راهنمایی میکنه:
https://github.com/kamranahmedse/developer-roadmap
و اما برای منابع یادگیری هم به نظرم راکت منبعی فوق العاده و فارسی زبان برای یادگیری مسائل روز برنامه نویسی وب هستش.

سند جالب و جامعی بود خیلی ممنونم ولی فکر میکنم این بیشتر یه سلسله مراتب آموزش و یادگیری مباحث و مطالب مورد نیاز بود. من میخاستم بدونم الان برای پیاده سازی از کجا شروع کنم. شروع کنم با HTML و CSS و javascript پیاده سازی کنم یا از همین ابتدا برم سراغ یه فریم ورک front end و با اون شروع کنم؟

سلام
شما مرحله اول کار رو همون طور که توضیح دادید انجام دادید که همون تهیه طرح اولیه هست.
حالا در این مرحله ابتدا باید طرح خودتون رو اجرا کنید تا قالب ظاهری سایتتون آماده باشه. در مرحله بعدی باید به سراغ اجرای بک اند برید و موارد لازم رو در لاراول پیاده کنید. در این مرحله شما باید ابتدا کدهای اصلی بک اند هر یک از بخش های مختلف سایت رو بنویسید و بعد از ایجاد موارد لازم برای هر بخش (مثل route , model, controller و ...) به مرحله هماهنگ سازی کدهای بک اند و فرانت اند هر بخش میرسید. یعنی در این مرحله باید کدهای مربوط به view هر بخش از فرانت اند خودتون رو با موتور blade هماهنگ کنید و خروجی هر بخش رو تکمیل کنید.
پس از اجرای کامل همه قسمتهای سایتتون حالا نوبت تست و رفع باگ های احتمالی هست و بعد از اون هم باید کدهاتون رو refactor کنید. یعنی با بررسی کدها و تست گرفتن از مراحل اجرای بخشهای مختلف سایتتون کدهاتون رو بهینه سازی کنید و بعد پروژه شما آماده انتقال به سرور اصلی برای استفاده هست. البته چون سایت رو بصورت شخصی و برای استفاده خودتون ایجاد میکنید مرحله refactor کردن کدها میتونه تا پایان عمر پروژتون(یعنی تا روزی که از این سایت استفاده میکنید) ادامه پیدا کنه و با توجه به پیشرفتهای دنیای برنامه نویسی همیشه سایتی بهینه و به روز داشته باشید.
اگر دوست دارید جزئیات هر بخش از کار رو بصورت نسبتاً کامل بدونید میتونید دوره طراحی سایت فروشگاهی با لاراول رو تهیه کنید. این دوره تقریباً بیش از ۷۰% جزئیات کار رو براتون شرح داده.

واقعا ممنونم از توضیحاتتون خیلی عالی بود. طبق صحبت شما اولین کاری که گفتید الان باید بکنم اینه که قالب ظاهری سایت را آماه کنم. خب برای این کار شروع کنم قالب ظاهری را با HTML و CSS و javascript پیاده سازی کنم یا از همین ابتدا برم سراغ یه فریم ورک front end مثل angular یا vuejs و با اون شروع کنم؟ ببخشید من بطور دقیق و روشن میخام بدونم بهترین نقطه آغاز کار چیه تا کار بصورت سریع و صحیح و اصولی پیش بره چیه؟

ببینید شما بخواین برید سراغ اون فرمورکای جاوااسکریپتی مثل vuejs angular react همه ی اونهام نیاز به دونستن کامل html css javascript(es6) دارن حتی انگیولار typescript هم باید بلد باشید چون با همینها و طبق چهارچوب خودشون کدهای فرانت اندتونو به شکلی در میارن که یبار که کاربر سایت رو باز کرد کدهای html css js تمامی صفحات دیگه هم کاربر تو مرورگرش ذخیره میشه و فقط بار ارسال و دریافت اطلاعات میمونه رو سمت سرور و گرنه این فریمورکا یه فریمورک مثل bootstrap نیستن اینارو باهم اشتباه نگیرید به هرحال هرکاریم که بخواید بکنید باید تماما html css js رو بلد باشید پس از همین الان شروع کنید اینارو یاد گرفتن بعد تموم شد بیاید ادامه ی کار رو بپرسید دوستان راهنمایی میکنند
موفق باشین

متشکرم. من کار با html و css و javascript را بلدم. سوال من بطور روشن و مشخص اینه که حالا درست کردن قالب ظاهری سایت را با چی شروع کنم؟ با همین ها یا مستقیما با یه فریم ورک فرونت اند؟

آهان اگه بلدید که هیچی خب اگه میتونید وقتشو بذارید خب بهترین کار اینه یا با vuejs یا react فرانت اندو طراحی کنین که بهتر هستش الان php یاد بگیرید بعد شی گرایی رو هم که یاد گرفتین برین مدل mvc توی php رو مطالعه کنید بعد برید سراغ لاراول چون الان بخواین با vuejs هم کار کنین یه سری اطلاعاتو باید بهش پاس بدید که نیاز به دانش برنامه نویسی سمت سرور هستش ولی اینکارم میتونید بکنید که فعلا قالب رو با همون html css طراحی کنید بعد توی Vuejs ازشون استفاده کنید.

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