دوره آموزش طراحی سایت ریسپانسیو با HTML و CSS

آموزش اصولی HTML و CSS از صفر مطلق تا طراحی سایت های پیشرفته و مدرن

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

** بهت اطمینان میدم که در پایان این دوره، میتونی هر پروژه طراحی وبسایتی رو خودت به تنهایی انجام بدی

دوره آموزش طراحی سایت ریسپانسیو با HTML و CSS
498,000348,000 تومان
  • 33 ساعت آموزش ویدیویی
  • پشتیبانی نامحدود و دائمی
  • جلسات پرسش و پاسخ هفتگی
  • تعداد دانشجو: 523
  • آخرین بروزرسانی: 1403/09/04

در این دوره چی یاد می گیری؟

  • از صفر تا صد طراحی و کدنویسی سایت
  • نمایش صحیح سایت در موبایل و تبلت و ...
  • استانداردهای طراحی سایتهای مدرن و حرفه‌ای
  • طراحی و کدنویسی یک پروژه بزرگ و واقعی
  • آموزش Sass، نکات حرفه ای طراحی وب و ...

سرفصل های دوره

153 درس، 33 ساعت آموزش

فصل اول: گام های اولیه

8 جلسه

فصل دوم: مقدمات HTML

11 جلسه

فصل سوم: مقدمات CSS

25 جلسه

فصل چهارم: آشنایی با layout ها، Flexbox و CSS Grid

21 جلسه

فصل پنجم: قوانین طراحی وب

21 جلسه

فصل ششم: ساخت چند کامپوننت و Layout کاربردی

11 جلسه

فصل هفتم: طراحی پروژه واقعی "غذاساز" - نسخه دسکتاپ

29 جلسه

فصل هشتم: پروژه "غذاساز" - طراحی ریسپانسیو (واکنشگرا)

9 جلسه

فصل نهم: پروژه "غذاساز" - افکت ها، بهینه سازی و انتشار سایت

10 جلسه

فصل دهم: مباحث پیشرفته تر

8 جلسه

توضیحات

چرا باید HTML و CSS رو یاد بگیرم؟ 

اساس و پایه تمام سایت ها HTML و CSS هستن و اگه قرار باشه طراحی سایت رو یاد بگیری، اولین قدمت یادگیری این دوتاست. در واقع HTML و CSS دو تا تکنولوژی طراحی وب هستن که با استفاده از اون ها ظاهر سایت رو طراحی می‌‎کنیم و هرچیزی از ظاهر سایت ها که با چشم می بینی، با این دو تکنولوژی ساخته میشن 

چرا باید این دوره رو  انتخاب کنم؟ 

اصل اساسی در دوره هایی که من آماده میکنم، آموزش اصولی مطالب هست. هدف من اینه که وقتی دوره رو به اتمام رسوندی و خواستی وارد بازار کار بشی، برای اجرای پروژه هات به مشکل نخوری. به عنوان مثال اگه مفاهیمی مثل Grid، Flex و طراحی ریسپانسیو رو به صورت اصولی آموزش نبینی به هیچ وجه نمیتونی یک طراح حرفه ای بشی. اما یک آموزش اصولی زمانی تکمیل میشه که همراه با تجربه اجرای یک پروژه واقعی باشه. من میدونم که خیلی از دوستانی که HTML و CSS رو یاد میگیرن، بعدش نمیتونن خودشون یک پروژه رو به درستی انجام بدن؟ چرا؟ چون خیلی از ریزه کاری ها و جزئیات طراحی سایت (که نقش خیلی زیادی هم در حرفه ای شدن طرح های ما دارن) فقط در یک پروژه عملی واقعی خودش رو نشون میده. به همین دلیل در فصل های انتهایی دوره، یک پروژه کاملا واقعی و بزرگ رو با رعایت تمام جزئیات و نکات ریزی که خودم در پروژه ها مورد استفاده قرار میدم، با همدیگه از صفر تا صد اجرا میکنیم. 

این دوره چه فرقی با اون همه دوره های رایگان و غیررایگان HTML و CSS داره ؟

دلیل اول: اینکه توی این دوره، بعد از یادگیری اصولی مفاهیم HTML و CSS، یک پروژه کاملا واقعی رو (از مرحله ایده پردازی تا اجرا و قرارگیری روی اینترنت) با رعایت تمام اصول و استانداردهای مدرن طراحی وب و با تجربه کردن تک تک مراحل این پروسه از صفر تا صد اجرا میکنی. **چیزی که مطمئنا حتی در خیلی از دوره های غیررایگان هم پیدا نمی کنی

دلیل دوم: اینکه هدف من در این دوره این هست که علاوه بر اینکه HTML و CSS رو بهت آموزش میدم، تو رو تبدیل کنم به یک طراح وب واقعی. منظورم چیه؟ ببین، هرکسی میتونه HTML و CSS رو بهت یاد بده، حتی دوره های رایگان! و هرکسی هم میتونه کدنویسی این دوتا رو یاد بگیره. اما چیزی که کسی توی سایر دوره ها بهت یاد نمیده اینه که چطور یک طراح وب خوب باشی. منظورم از طراحی وب اینه که علاوه بر بلدبودن HTML و CSS، بتونی ایده و طرح یک پروژه رو با رعایت تمام استاندارهای وب خلق کنی. حس و حال سایت رو طراحی کنی. از المان های طراحی سایت، به درستی در جای خودش استفاده کنی، روانشناسی رنگ ها رو توی طرحت پیاده سازی کنی، اندازه و رنگ متن ها رو به درستی انتخاب کنی و … این چیزیه که من برای دانشجوهای این دوره درنظر دارم … تبدیل شدن به یک طراح وب واقعی و نه صرفا یک کدنویس HTML و CSS. به همین خاطر یک فصل کامل (فصل پنجم) رو به توضیح “اصول طراحی وب” اختصاص دادم و توی این فصل بایدها و نبایدهای استفاده درست از تک تک المان های سایت مثل فونت ها، رنگ ها، تصاویر، آیکون ها، سایه ها، مبانی UI و UX  و … اختصاص دادم.

به جرئت میگم که مطالب این فصل رو در هیچ یک از دوره های غیررایگان هم نمیتونی پیدا کنی

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

دلیل چهارم: شما فقط سرفصل های این دوره رو مشاهده کن! بعید میدونم بتونی دوره HTML CSS با چنین سرفصل پر و پیمونی پیدا کنی. تمام سعیم رو کردم که توی بیش از 30 ساعت آموزش اصولی و پروژه محور، هرچیزی که برای ورود به بازار کار طراحی سایت نیاز داری رو بهت منتقل کنم.

طراحی ریسپانسیو اصلا چی هست؟

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

پشتیبانی این دوره به چه صورته؟ 

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

این دوره بدرد من میخوره؟

 چه قصد داشته باشی تازه وارد دنیای طراحی سایت بشی و چه بخوای مهارت خودت در HTML و CSS رو ارتقا بدی و با روش های مدرن و بروز طراحی سایت آشنا بشی، این دوره برات مناسبه

ادامه توضیحات

سوالات متداول

این دوره پیشنیاز داره؟ قبلش باید چیزی رو بلد باشم؟

دوره تون آپدیت هم داره؟

پشتیبانی داره این دوره یا نه؟