+ در این جلسه بخش پرفروش ترین محصولات قالب و همینطور بخش نقد و بررسی فروشگاه خودمون رو در فتوشاپ ایجاد میکنیم . در طول این قسمت شما بیشتر و بهتر با طراحی یک وبسایت در فتوشاپ آشنا خواهید شد .

http://roocket.ir/series/learn-web-design/episode/7

+ در این بخش قسمت نهایی قالبمون رو در فتوشاپ طراحی میکنیم و از جلسه آینده نحوه تبدیل این قالب به کد های HTML و CSS رو به شما آموزش میدم

http://roocket.ir/series/learn-web-design/episode/8

قسمت رایگان

+ در این جلسه فولدر پروژه و ساختار فولدرهای پروژه رو آماده میکنیم منظورم از آماده سازی اینکه سند HTML رو ایجاد و فایل های CSS که برای ساخت یک قالب نیازه رو به سند HTML اضافه میکنیم . همچنین در مورد متا تگ ها توضیح خواهم داد و همینطور انتخاب یک ویرایشگر کد مناسب برای کد نویسی .
http://roocket.ir/series/learn-web-design/episode/9

+در این جلسه در ابتدا فونت های مورد نیاز را به پروژه اضافه میکنیم و بعد از آن بخش nabvar سایت را به کد های HTML تبدیل میکنیم بعد از نوشتن کد های html به آن با استفاده از css استایل میدهیم . شما در این قسمت یاد خواهید گرفت که چطور طرح فتوشاپ خود را به کدهای html و css تبدیل کنید .

http://roocket.ir/series/learn-web-design/episode/10

+ در این جسله بخش sub-nabvar رو به کد تبدیل میکنیم در این sub-navbar بخش های منو محصولات ، سبد خرید و سرچ باکس قرار داره ، که قدم به قدم تبدیل این بخش ها به کدهای css و html رو به شما آموزش خواهم داد .
http://roocket.ir/series/learn-web-design/episode/11

+در این جلسه بخش اسلایدری که در فتوشاپ طراحی کردیم را به کدهای html و css تبدیل خواهم کرد و همینطور کار با ابزارهای مختلف برای پویا کردن این اسلایدر رو به شما آموزش خواهم داد .

http://roocket.ir/series/learn-web-design/episode/12

+ در این جلسه بر روی رسپانسیو کردن قالبی که در سه جلسه گذشته تبدیل به کدهای html و css کردیم کار میکنیم تا بهتر در تمام صفحه هات ، نمایش داده شود . برای رسپانسیو کردن از media query ها و flexbox ها استفاده میکنیم که خواهید دید که چه روند ساده ای خواهد بود .

http://roocket.ir/series/learn-web-design/episode/13

+ در این جلسه بخش دیگه ای از قالبی که در فتوشاپ طراحی کردیم را به کدهای html و بعد css تبدیل میکنیم و در عین حال شما فرا خواهید گرفت که چطور باید ریزکاری ها را رعایت کنید تا بدرستی این تبدیل انجام شود همچنین در این جلسه با استفاده از ابزار carousel بیشتر آشنا خواهیم شد .

http://roocket.ir/series/learn-web-design/episode/14

+ در این جلسه بخش تصاویر پیشنهادی و پرفروشترین محصولات را به کدهای html و css تبدیل میکنیم در این جلسه شما در کنار یادگیری نحوه استفاده از کدهای html و css یاد خواهید گرفت که چطور باید با تکرار کمتر ، کد نویسی انجام دهید .

http://roocket.ir/series/learn-web-design/episode/15

دوستان عزیز دوره ای برای اشنایی بیشتر با لاراول دارم آماده میکنم لطفا اگر بخشی از لاراول هست که نیاز به یاد گیریش دارید یا مباحثی که فکر میکنید به دیگران کمک میکنه رو برام بفرستید به ای دی زیر مهم نیست چی باشه حتما به من پیام بدید

+ برای مثال بحث تایید عضویت از طریق ایمیل یا هر بحثی که مدنظر دارید

@hesammousavi

+ در این قسمت بخش نقد محصولات صفحه اصلی را که فتوشاپ طراحی کرده ایم به کد های html و css تبدیل خواهیم کرد . در طی این روند شما با بخش های مختلفی از css بصورت عملی آشنا خواهید شد .
http://roocket.ir/series/learn-web-design/episode/16

+در این جلسه بخش جدیدترین محصولات و footer که در فتوشاپ طراحی کرده بودیم رو به کدهای html و css تبدیل میکنیم تا کار طراحی یک سایت رو به پایان برسونیم البته در قسمت آینده نحوه طراحی صفحه لاگین در فتوشاپ و تبدیل کردن اون به کد رو هم توضیح میدم .

http://roocket.ir/series/learn-web-design/episode/17

+ در این جلسه به درخواست کاربران طراحی صفحه لاگین رو در فتوشاپ برای قالب خودمون رو به شما آموزش خواهم داد تا بتونید به سادگی یک صفحه لاگین کاربردی برای وبسایتتون در همون صفحه اصلی ایجاد کنید . بعد از آموزش روش طراحی در جلسه آینده این طرح رو به کدهای html و css تبدیل خواهم کرد .

http://roocket.ir/series/learn-web-design/episode/18

+ در جلسه گذشته نحوه طراحی بخش لاگین رو به شما توضیح دادم امیدوارم خوب کار کرده باشید در این جلسه قصد دارم طرحی که در فتوشاپ آماده سازی کردم رو به کدهای html و css تبدیل کنم .

http://roocket.ir/series/learn-web-design/episode/19

+ در این جلسه روش ایده گرفتن بخش منو محصولات از وبسایت آمازون و بعد ایجاد یک طراحی کاربردی در فتوشاپ رو به شما آموزش خواهم داد . همچنین مقداری در رابطه با تئوری منو محصولات یا صفحه هات جانبی صحبت خواهم کرد .
http://roocket.ir/series/learn-web-design/episode/20

اگر خدا یاری کنه فردا اولین قسمت دوره gulpjs رو قرار میدم
یک ابزار برای اتوماتیک کردن خیلی از کارها در طراحی وب چه بصورت تک نفرِ چه بصورت تیمی

— قسمت رایگان

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

http://roocket.ir/series/learn-gulpjs/episode/1

آخرین قسمت دوره طراحی وب

+در این جلسه در مورد بهینه سازی ، فشرده سازی فایل های css , html , javascript صحبت میکنم و نکات مختلفی را برای افزایش سرعت لود وبسایت به شما آموزش میدهم تا وبسایت شما برای موتور های جستجو بسادگی بهینه سازی شود .

http://roocket.ir/series/learn-web-design/episode/22