×
ribbon
مکتب خونه برنامه‌نویسیطراحی سایتبرنامه‌نویسی فرانت اند

آموزش صفر تا صد html و css در قالب 24 پروژه واقعی

مدرس:

سیدسینا شجاعی فر

در این دوره جامع آموزش HTML و CSS، با استفاده از ۲۴ پروژه واقعی و کاربردی، تمامی مفاهیم... بیشتر
گواهی‌نامه
3.6 (14)
7 دیدگاه
601دانشجو
12ساعت
سرفصل‌ها
مقدماتی تا پیشرفته سطح دوره

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

آنچه در این دوره می‌آموزید

طراحی جدول قیمت

طراحی Login دیجی کالا

طراحی login سایت asus

طراحی لیست محصولات ریسپانسیو

این دوره شامل:

12 ساعت ویدئو

گواهینامه مکتب‌خونه

دسترسی مادام‌العمر به محتوای دوره

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

4 فصل48 جلسه12 ساعت ویدیو
پروژه - بخش مقدماتی
  معرفی دوره
03:48
  نصب vs code
01:17
  تایپ متن متحرک
22:42
  لیست آیتم - بخش اول
15:48
  لیست آیتم - بخش دوم
15:34
  طراحی navigation menu
19:01
  radio button حرفه ای - بخش اول
13:46
  radio button حرفه ای - بخش دوم
08:59
  طراحی ماشین حساب - بخش اول
13:57
  طراحی ماشین حساب - بخش دوم
12:37
  اسلایدر تصاویر متحرک
18:00
  طراحی آکاردئون منو
19:18
  طراحی Pagination
19:20
پروژه - بخش متوسط
  check box حرفه ای
23:11
  طراحی drop down menu - بخش اول
14:35
  طراحی drop down menu - بخش دوم
19:02
  طراحی progress bar
13:28
  طراحی search box
09:16
  طراحی skill bar - بخش اول
16:32
  طراحی skill bar - بخش دوم
13:02
  طراحی بخش سرویس ها (خدمات ما)
16:44
  طراحی جدول قیمت
21:43
  طراحی login مشابه دیجی کالا
23:15
  طراحی login مشابه Asus - بخش اول
18:42
  طراحی login مشابه Asus - بخش دوم
19:43
  طراحی login مشابه Asus - بخش سوم
17:10
پروژه - بخش پیشرفته
  طراحی بخش تماس با ما - بخش اول
17:04
  طراحی بخش تماس با ما - بخش دوم
13:07
  طراحی modal box - بخش اول
15:54
  طراحی modal box - بخش دوم
09:31
  طراحی لیست قیمت ارز دیجیتال - بخش اول
11:03
  طراحی لیست قیمت ارز دیجیتال - بخش دوم
15:21
  طراحی بخش بلاگ - قسمت اول
16:09
  طراحی بخش بلاگ - قسمت دوم
13:21
  طراحی لیست محصولات - بخش اول
13:18
  طراحی لیست محصولات - بخش دوم
20:47
  طراحی profile card - بخش اول
14:00
  طراحی profile card - بخش دوم
13:58
طراحی فرانت اند سایت تور مسافرتی
  پروژه فرانت اند سایت: طراحی هدر - بخش اول
14:58
  پروژه فرانت اند سایت: طراحی هدر - بخش دوم
11:43
  پروژه فرانت اند سایت: طراحی هدر - بخش سوم
16:00
  پروژه فرانت اند سایت: طراحی بخش تور لحظه آخری
14:17
  پروژه فرانت اند سایت: طراحی بخش پکیج های تور - بخش اول
15:13
  پروژه فرانت اند سایت: طراحی بخش پکیج های تور - بخش دوم
08:56
  پروژه فرانت اند سایت: طراحی بخش گردشگری
16:19
  پروژه فرانت اند سایت: طراحی بخش خبرنامه
15:08
  پروژه فرانت اند سایت: طراحی بخش فوتر
19:14
  پروژه فرانت اند سایت: طراحی ریسپانسیو
13:15

پیش‌نیاز‌ها

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

توضیحات دوره

در این دوره جامع آموزش HTML و CSS، با استفاده از ۲۴ پروژه واقعی و کاربردی، تمامی مفاهیم پایه تا پیشرفته طراحی وب را به‌صورت عملی و پروژه‌محور یاد می‌گیرید. با تمرکز بر طراحی ریسپانسیو (Responsive) و استفاده از تکنیک‌های حرفه‌ای CSS، می‌توانید مهارت‌های لازم برای ورود به بازار کار را به دست آورید.

 چرا این دوره بهترین انتخاب برای یادگیری HTML و CSS است؟

  • آموزش کامل HTML و CSS از سطح مبتدی تا پیشرفته، همراه با تمرین‌های عملی
  • ۲۴ پروژه واقعی برای درک عمیق‌تر مفاهیم و تسلط کامل بر طراحی وب
  • آموزش تکنیک‌های پیشرفته CSS مانند انیمیشن‌ها، افکت‌ها و بهینه‌سازی
  • آموزش طراحی ریسپانسیو برای نمایش صحیح در موبایل، تبلت و دسکتاپ
  • اجرای پروژه‌های کاربردی و متنوع برای افزایش مهارت و خلاقیت
  • مناسب برای مبتدیان، دانش‌آموزان، دانشجویان و علاقه‌مندان به طراحی وب 

پروژه اصلی دوره:

طراحی کامل فرانت‌اند یک وب‌سایت تور مسافرتی شامل بخش‌های متنوع:
معرفی تورها، گالری تصاویر، فرم تماس با ما، فوتر حرفه‌ای و...

 پروژه‌هایی که در این دوره طراحی می‌کنید:

  • تایپ متن متحرک
  • طراحی لیست آیتم‌ها
  • طراحی منوی ناوبری (Navigation Menu)
  • طراحی رادیوباتن‌های حرفه‌ای
  • ساخت ماشین حساب با HTML و CSS
  • اسلایدر تصاویر متحرک
  • طراحی آکاردئون منو
  • طراحی صفحه‌بندی (Pagination)
  • طراحی چک‌باکس حرفه‌ای
  • ساخت منوی کشویی (Dropdown Menu)
  • طراحی نوار پیشرفت (Progress Bar)
  • ساخت نوار جستجو (Search Box)
  • طراحی نوار مهارت‌ها (Skill Bar)
  • طراحی بخش خدمات ما
  • ساخت جدول قیمت‌گذاری
  • طراحی فرم ورود دیجی‌کالا
  • طراحی فرم ورود سایت ASUS
  • طراحی بخش تماس با ما
  • طراحی Modal Box
  • نمایش لیست قیمت ارز دیجیتال
  • طراحی بخش وبلاگ
  • طراحی لیست محصولات واکنش‌گرا
  • طراحی کارت پروفایل (Profile Card)
  • طراحی فرانت‌اند سایت تور مسافرتی 

مخاطبان این دوره:

این دوره مناسب تمام افرادی است که به طراحی وب علاقه دارند، از جمله:

  • دانش‌آموزان و دانشجویان
  • برنامه‌نویسان تازه‌کار
  • علاقه‌مندان به ورود حرفه‌ای به دنیای طراحی وب

دیدگاه کاربران

3.6

بر اساس امتیاز 14 دانشجو

1
2
3
4
5

حسین صاحبی

26 روز پیش

5

خوب بود

آرمین دهقان

2 ماه پیش

5

عالی

یاسمن کوهی

2 ماه پیش

5

perfect

امیر اکبری

3 ماه پیش

5

پروژه های خیلی خیلی خوب و عالی داره برای شروع و یادگیری 👌🌺

دانشجوی دوره

3 ماه پیش

4

دوره رو تا پروژه سوم دیدم راضی بودم تا به اینجا .من از ۰ با این دوره شروع کردم.در کنار دوره سرچ و مطالعه داشتم بیشتر جواب گرفتم اینجوری

کاظم غرباقی

3 ماه پیش

1

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

گواهینامه اختصاصی دو زبانه

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

امکان اشتراک گذاری در لینکدین
دو زبانه

ضمانت بازگشت وجه

کیفیت این آموزش توسط مکتب‌خونه تضمین شده است. در صورت عدم رضایت، با شرایط زیر می‌توانید درخواست بازگشت وجه کنید.

مهلت درخواستتا ۱۵ روز پس از خرید دوره
میزان مشاهدهکمتر از ۲۰ درصد یا ۵ جلسه از دوره
سیدسینا شجاعی فر
4دوره
1,631دانشجو
27نظر و امتیاز

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

سینا شجاعی‌فر به تکنولوژی‌ها و زبان‌های مختلفی از جمله HTML، CSS، Bootstrap، JavaScript، PHP، Python، React و Kotlin مسلط است و همچنین در زمینه طراحی گرافیک با نرم‌افزار Photoshop تجربه و مهارت دارد.

فعالیت حرفه‌ای او در حوزه تولید اپلیکیشن‌های اندرویدی از سال ۱۳۹۳ آغاز شد و آثار او در پلتفرم‌هایی مانند مایکت و کافه‌بازار منتشر شده‌اند. در سال ۱۳۹۶، به عنوان بازی‌ساز، به جشنواره بازی‌های رایانه‌ای تهران دعوت شد و توانست حضور موفقی در این رویداد داشته باشد.

مهارت‌هایی که می‌آموزید

آموزش برنامه‌نویسی فرانت اند
آموزش طراحی سایت
آموزش برنامه‌نویسی

دوره‌های مشابه

سوالات پرتکرار

آیا بعد از پایان مدت دوره همچنان به محتوای آن دسترسی دارم؟

بله. پس از پایان مدت دوره نیز به ویدئوها، تمرین‌ها، پروژه‌ها و سایر محتوای آموزشی دوره دسترسی خواهید داشت؛ اما امکان تصحیح تمرین‌ها توسط پشتیبان دوره و دریافت گواهی‌نامه برای شما وجود نخواهد داشت.