×
ribbon

آموزش پروژه‌محور طراحی وب‌سایت پورتفولیو با HTML، CSS و Boot

مدرس:

زهرا داودی

در این دوره عملی و پروژه محور، یاد می گیرید چگونه یک وب سایت پورتفولیوی مدرن، زیبا و... بیشتر
بدون امتیاز
5دانشجو
1:12ساعت
سرفصل‌ها
مقدماتی سطح دوره
بروزرسانیتیر ۱۴۰۵

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

خرید اشتراک

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

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

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

طراحی صفحات وب با HTML5 به‌صورت استاندارد

استفاده از کامپوننت‌ها و کلاس‌های کاربردی Bootstrap

ساخت یک وب‌سایت پورتفولیوی کامل از ابتدا تا انتها

انتشار و آماده‌سازی پروژه برای استفاده در دنیای واقعی

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

1 ساعت ویدئو

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

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

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

1 فصل10 جلسه1:12 ساعت ویدیو
ساخت پورتفولیو
  درباره پروژه
04:38
  منو و هدر سایت
08:46
  بخش intro
15:17
  بخش سرویس ها
10:15
  بخش مهارت ها
09:14
  بخش پروژه ها
10:00
  بخش تماس با ما
06:02
  فوتر
04:38
  استقرار روی گیت هاب
02:23
  جمع بندی
01:14

پیش‌نیاز‌ها

HTML 

CSS

Bootstrap

توضیحات دوره

در این دوره عملی و پروژه‌محور، یاد می‌گیرید چگونه یک وب‌سایت پورتفولیوی مدرن، زیبا و کاملاً ریسپانسیو را با استفاده از HTML، CSS و Bootstrap طراحی و پیاده‌سازی کنید. در طول دوره ضمن آشنایی با اصول طراحی رابط کاربری، مهارت‌های لازم برای ساخت صفحات حرفه‌ای و واکنش‌گرا را نیز کسب خواهید کرد.

این دوره بر اساس محتوای دوره Build a Simple Portfolio App with HTML, CSS & Bootstrap از یودمی توسعه یافته و با ساختار آموزشی کامل‌تر و مناسب زبان فارسی ارائه شده است.

آنچه در این دوره یاد خواهید گرفت:

  • ساخت یک وب‌سایت پورتفولیوی کامل از ابتدا تا انتها
  • طراحی صفحات وب با HTML5 به‌صورت استاندارد
  • استایل‌دهی حرفه‌ای با CSS3
  • کار با Flexbox و CSS Grid
  • مدیریت رنگ‌ها، فونت‌ها و پس‌زمینه‌ها
  • پیاده‌سازی طراحی ریسپانسیو برای موبایل، تبلت و دسکتاپ
  • آشنایی با سیستم Grid در Bootstrap
  • استفاده از کامپوننت‌ها و کلاس‌های کاربردی Bootstrap
  • بهینه‌سازی ظاهر و تجربه کاربری وب‌سایت
  • انتشار و آماده‌سازی پروژه برای استفاده در دنیای واقعی

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

فصل اول: آشنایی با پروژه و ساختار وب‌سایت

معرفی پروژه
بررسی ساختار فایل‌ها
آماده‌سازی محیط توسعه

فصل دوم: طراحی ساختار صفحات با HTML

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

فصل سوم: استایل‌دهی با CSS

کار با رنگ‌ها و تایپوگرافی
طراحی Layout صفحات
Flexbox و Grid Layout
افکت‌ها و بهبود ظاهر سایت

فصل چهارم: Bootstrap و طراحی ریسپانسیو

آشنایی با Bootstrap
سیستم Grid
کلاس‌های کاربردی
واکنش‌گرا کردن صفحات

فصل پنجم: تکمیل و بهینه‌سازی پروژه

رفع ایرادات ظاهری
بهبود تجربه کاربری
آماده‌سازی نسخه نهایی پروژه

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

  • علاقه‌مندان به طراحی سایت
  • دانشجویان و هنرجویان حوزه فرانت‌اند
  • توسعه‌دهندگان مبتدی HTML و CSS
  • طراحان UI/UX که می‌خواهند وارد دنیای کدنویسی شوند

افرادی که قصد دارند اولین پروژه واقعی خود را در رزومه و پورتفولیوی شخصی قرار دهند

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

هنوز امتیاز و دیدگاهی برای این دوره ثبت نشده است

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

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

امکان اشتراک گذاری در لینکدین
دو زبانه
37دوره
2,815دانشجو
62نظر و امتیاز

زهرا داودی درزی ، فارغ التحصیل دانشگاه شهید بهشتی تهران می باشد . ایشان مدرس دوره‌های برنامه نویسی و برنامه نویس فول استک سایت می‌باشد . وی در زمینه طراحی وب‌سایت در دو حوزه Back-End و Front-End تسلط دارند و تجربه کار با Adobe Photoshop ،Adobe Illustrator ،HTML5 CSS3 ،jQuery و نیز زبان برنامه‌نویسی PHP و WordPress را دارا هستند. وی سابقه فعالیت در زمینه برنامه‌نویسی در شرکت‌ها و تدریس در حوزه‌های طراحی وب‌سایت را نیز دارند و برنامه‌نویسی Laravel بصورت فول استک، برنامه‌نویسی وردپرس، React و فریم‌ورک‌های جاوااسکریپت (JavaScript) از فعالیت‌های کاری و تخصصی ایشان محسوب می‌شود.

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

دیگر دوره‌های زهرا داودی