شروع طراحی وب

@fashionmetal1359 سلام وقتتون بخیر بهترین اموزش اموزشی هست که بتونه تمام مفاهیم رو اموزش بده بهتون و شما مفاهیم رو کامل درک کنید در رابطه با html , css آموزش های رایگان زیادی هست ولی بعد از یادگیری یا همزمان با یادگیری باید یه پروژه ایجاد کنید و خودتونم کد بزنید و توی بحث زمانی که باید گذاشت باید بگم کنکور نیست که 8 ساعت در روز مثلا کافی باشه هرچقدر علاقه دارید باید وقت بزارید(برای سلامتی خودتونم ارزش قائل بشید) خودم اوایل شروع یادگیری کلی ساعت پشت سیستم می نشستم و اموزش نگاه میکردم و متوجه نمیشدم و از نو کل ویدیو اموزشی رو نگاه میکردم که یاد بگیرم فقط ولی بعد از یادگیری باید بیشتر وقت بزارید تا توی اون مبحثی که یادگرفتید استاد بشید.

سلام به شما

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

در ابتدا و برای شروع، یک دامنۀ رایگان یا یک وبلاگ شخصی برای خودتون تهیه کنید و از روز اول روی همان دامنه شروع به کار کنید و هرآنچه که یاد می‌گیرید رو روی اون پیاده سازی کنید.

• مرحلۀ اول؛ که فکر می‌کنم شما خودتونید ازش مطلع باشید یادگیری نسخۀ آخر زبان HTML هست.

• مرحلۀ دوم؛ یادگیری نسخۀ آخر زبان CSS

(بعد از گذروندن این مراحل باید بتونید یک پیج ساده طراحی کنید که رنگ و لعاب هم داشته باشد)

• مرحلۀ سوم؛ آموزش فریمورک سی‌اس‌اس بوت‌استرپ نسخۀ آخر اون (برای اینکه بتونید یک سایت ریسپانسیو طراحی کنید.)

• مرحلۀ چهارم؛ به دست آوردن یک دید کلی از زبان جاوااسکریپت هست چرا که فعالیت در وب بدون جاوااسکریپت هیچ مفهومی نداره. این زبان دو لایبرری داره که فکر میکنم لایبرری ریئکت الان بسیار پرکاربرد باشه. یادتون باشه که منظور از دید کلی یک آشنایی مختصر با جاوااسکریپت هست در حدی که توانایی نوشتن چند خط کد رو با این زبان داشته باشید. اما برای قسمت فرانت اند فکر میکنم عمیق شدن در اون لازم باشه!

تا این مرحله بایستی قادر باشید تا یک سایت نسبتاً پیچیده (البته فقط بخش فرانت‌اند) اون رو طراحی کنید.

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

بعد از انتخاب زبان:

• ابتدا یادگیری مباحث کلی اون زبان هست

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

• مرحلۀ بعدی آموزش اون زبان به صورت شیءگرایی هست

• حال که سایت تا این مرحله آماده شده، بایستی بخش بک‌اند رو با OOP بنویسید.

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

• گام بعدی کار با فریمورک هست که بایستی یک فریمورک محبوب از اون زبان رو انتخاب کرده و شروع به یادگیری کنید و مجدداً سایت را با اون بنویسید.

موفق باشید.

قدم به قدم تمرین کنید مثلا یک ویدیو css یا html رو دیدید همون لحظه برید پروژه بسازید کد بزنید

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

سلام دوست عزیز
شما آموزش html و css رو در راکت که رایگان هستش ببین بعد یک پروژه ی html و css رو پیاده کن ببین در این پروژه عملکردت چطوره اگه خوب یاد نگرفته بودی باز هم آموزش ببین یا روی پروژه ی دیگه ای کار کن تا بهتر یاد بگیری بعد می توانی بری سراغ زبان های دیگر.

سایت کد آکادمی بصورت مقدماتی کارتون رو راه میندازه اگر تسلط نسبی به زبان انگلیسی دارین

بنظرم اول یه سری مفاهیم کلی رو یاد بگیرید
بعد پروژه محور html css ببینید
و سعی کنید با اخرین layout css اشنا بشید (css grid)