در این دوره عملی و پروژه‌محور، یاد می‌گیرید چگونه یک وب‌سایت پورتفولیوی مدرن، زیبا و کاملاً ریسپانسیو را با استفاده از 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 که می‌خواهند وارد دنیای کدنویسی شوند

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

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

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

آموزش ساخت افزونه وردپرس از صفر

Site Editor وردپرس؛ طراحی کامل سایت بدون المنتور و کدنویسی

آموزش Gutenberg Block Development | ساخت بلاک سفارشی وردپرس از صفر

آموزش Gutenberg وردپرس؛ طراحی صفحات، Template Editor و Global

انتقال آسان سایت وردپرس بدون استفاده از افزونه

افزونه فروشگاه ساز ووکامرس

آموزش HTML API وردپرس | کار با HTML Tag Processor

شروع برنامه‌نویسی با WordPress REST API

آموزش امنیت وردپرس برای برنامه‌نویسان؛ امنیت افزونه، Nonce، Sanitize و Escape

آموزش Tailwind CSS 4.3 از صفر | ساخت وب‌سایت واقعی

CSS Layout حرفه‌ای با Flexbox و Grid | تکنیک‌های طراحی سایت واکنش‌گرا

کدهای آماده وردپرس و ووکامرس | سفارشی‌سازی سایت بدون افزونه

آموزش مدیریت پروژه با Trello و ابزارهای مدیریت پروژه برای وردپرس

ChatGpt برای مدیریت پروژه

آموزش جامع دیباگ کردن JavaScript و Chrome DevTools | رفع خطاهای سایت مانند یک برنامه‌نویس حرفه‌ای

چالش‌های کدنویسی جاوا اسکریپت: ساخت وب اپلیکیشن

آموزش افزونه وردپرس فیلدهای سفارشی پیشرفته ACF

آموزش کدنویسی خلاقانه Vanilla JavaScript

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

آموزش پیشرفته CSS؛ انیمیشن، Grid و Flexbox

پروژه عملی طراحی Image Gallery با JavaScript و CSS Grid

طراحی سایت بدون برنامه‌نویسی؛ فیگما تا المنتور

آموزش طراحی و ساخت وب‌سایت با Google Sites

آموزش جامع فیگما (Figma) برای طراحی رابط و تجربه کاربری

ساخت یک اپلیکیشن وردپرس Headless با REST API

ساخت نرم‌افزار طراحی تعاملی تحت وب با Canvas و JavaScript

طراحی گام به گام وب سایت تجارت الکترونیک با Divi

طراحی وب سایت با ChatGpt

Canva و ChatGPT برای تولید محتوا به صورت انبوه

ساخت وب سایت ردیابی قیمت ارز دیجیتال با وردپرس

آموزش مفاهیم پایه پردازش تصویر

گوگل ادز: جذب مشتری، افزایش فروش و تولید لید حرفه‌ای

سئو تکنیکال در وردپرس

ساخت سایت با جت انجین و المنتور

بازاریابی و شبکه‌سازی لینکدین

بهینه سازی عملکرد سرعت وردپرس با Wp Rocket

راهنمای مقدماتی cPanel

دوره پنل ادمین Filament برای لاراول - راهنمای عملی

دوره مولتی سایت وردپرس - گام به گام

مسترکلاس ChatGPT برای Google Ads (Adwords)

کپی‌رایتینگ با چت‌جی‌پی‌تی - رازهای محتوا با کمک هوش مصنوعی

آموزش امنیت وردپرس؛ یادگیری از دید هکرها

بک آپ گیری و بازیابی وردپرس

ساخت فروشگاه اینترنتی با وودمارت - بدون دانش برنامه نویسی

پلاگین وردپرس - جستجو قرار ملاقات های بوکلی با شماره تلفن

دوره پروژه محور نمایش متخصص های مناطق براساس نقشه با وردپرس

شروع جیرا: مدیریت سرویس و نرم‌افزار

آموزش پلاگین نویسی وردپرس: افزونه اجاره خوابگاه

مصاحبه شغلی برنامه نویس به زبان انگلیسی

ساخت سایت ثبت آگهی براساس موقعیت جغرافیایی با وردپرس

آموزش پاکسازی و امنیت سایت های وردپرسی

آموزش ساخت ابزارک اختصاصی برای المنتور

آموزش پروژه محور طراحی سایت با المنتور

آموزش اسکرچ برای کودکان

آموزش کاربردی سئو

آموزش مقدماتی پلاگین نویسی در وردپرس

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

آموزش مقدماتی Tailwind

آموزش مقدماتی Next.js