دوره آموزش HTML و CSS از صفر؛
طراحی سایت پروژهمحور
در طول مسیر ۶ پروژه واقعی میسازید تا در پایان، هم مهارت عملی داشته باشید و هم چند نمونهکار قابل ارائه.
۶ پروژه واقعی و قابل ارائه
آموزش از صفر و بدون پیشنیاز
پشتیبانی و بررسی تمرینها
دسترسی دائمی به محتوای دوره
گواهی پایان دوره
درخواست ثبتنام دوره
سطح دوره
تعداد پروژه
شیوه آموزش
دسترسی
سرفصلهای دوره آموزش HTML و CSS
فصل اول: مقدمات وب و HTML
آشنایی با اینترنت و وب، نصب VS Code، ساخت اولین فایل HTML، ساختار سند، متن و عنوانها، لینکها، تصاویر، لیستها، جدولها، فرمها و HTML معنایی.
فصل دوم: شروع CSS
اتصال CSS، انتخابگرها، رنگها، واحدهای اندازهگیری، فونت، Margin و Padding، Border، Background، Box Model، Display و Pseudo Class.
فصل سوم: چیدمان حرفهای
Position، Flexbox، CSS Grid، طراحی منو و هدر، کارتها، چیدمان چندستونه، Overflow، Z-index، Stacking Context و نامگذاری BEM.
فصل چهارم: طراحی واکنشگرا
Responsive Design، Viewport، Breakpoint، Media Query، Mobile First، واحدهای نسبی، تصاویر واکنشگرا و سازگاری با موبایل و تبلت.
فصل پنجم: انیمیشن و تجربه کاربری
Transition، Transform، Animation، Keyframe، Hover Effect، Micro Interaction، فرمهای کاربرپسند و اصول پایه دسترسپذیری.
فصل ششم: ابزارهای توسعه و پروژه
Chrome DevTools، اشکالزدایی CSS، آشنایی مقدماتی با Git، اصول پایه سئو در HTML، پروژههای عملی و بهینهسازی پروژه پایانی.
بخش بونوس
آشنایی مقدماتی با تعاملات صفحه و مفهوم کتابخانههای JavaScript.
مشخصات دوره
پیشنیاز
پشتیبانی
مدرک
مسیر بعدی
خروجی واقعی دوره
بعد از این دوره چه کارهایی میتوانید انجام دهید؟
طراحی ساختار استاندارد صفحات وب
طراحی ظاهر حرفهای با CSS
ساخت سایت واکنشگرا
اجرای پروژه واقعی
کار با ابزارهای توسعه وب
آمادگی برای ادامه مسیر فرانتاند
چرا یادگیری HTML و CSS اولین قدم ورود به طراحی سایت است؟
یادگیری HTML و CSS به شما کمک میکند منطق ساخت صفحات وب را درک کنید، سایتهای آماده را بهتر ویرایش کنید و برای یادگیری JavaScript، React و سایر ابزارهای فرانتاند آماده شوید.
مسیر یادگیری
مسیر یادگیری شما در دوره HTML و CSS
۱
آشنایی با وب و HTML
۲
شروع طراحی با CSS
۳
چیدمان حرفهای
۴
واکنشگرایی و انیمیشن
۵
ساخت پروژه و نمونهکار
تمرین و نمونهکار
در این دوره فقط آموزش نمیبینید؛ پروژه میسازید
پروژه ۱: صفحه معرفی شخصی
HTML
CSS
پروژه ۲: لندینگپیج محصول
HTML
CSS
پروژه ۳: صفحه وبلاگ
HTML
CSS
پروژه ۴: گالری تصاویر
HTML
CSS
پروژه ۵: داشبورد مدیریتی
HTML
CSS
پروژه ۶: پروژه پایانی
HTML
CSS
مخاطبان دوره
دوره HTML و CSS برای چه کسانی مناسب است؟
شروع از صفر
دانشآموز و دانشجو
ورود به فرانتاند
مدیران سایت
طراحان UI
صاحبان کسبوکار
پشتیبانی دوره
در مسیر یادگیری تنها نمیمانید
۱
سؤال یا تمرین را ارسال میکنید
۲
تیم آموزشی بررسی میکند
۳
بازخورد دریافت میکنید
۴
مسیر را ادامه میدهید
گواهی پایان دوره HTML و CSS
مدرس دوره HTML و CSS
مجید تجن جاری
سؤالات متداول
هر چیزی که قبل از ثبتنام باید بدانید
آیا برای شرکت در دوره HTML و CSS باید برنامهنویسی بلد باشم؟
خیر. دوره از مفاهیم پایه شروع میشود و برای افراد بدون سابقه برنامهنویسی طراحی شده است.
HTML و CSS چه تفاوتی دارند؟
HTML ساختار و محتوای صفحه را میسازد و CSS ظاهر، رنگ، فاصلهگذاری و چیدمان آن را کنترل میکند.
آیا بعد از پایان دوره میتوانم سایت طراحی کنم؟
در پایان دوره میتوانید صفحات استاتیک و واکنشگرا طراحی کنید. برای ساخت سایتهای تعاملی باید JavaScript را نیز یاد بگیرید.
دوره چند پروژه عملی دارد؟
در طول دوره ۶ پروژه عملی از سطح مقدماتی تا پروژه نهایی اجرا میکنید.
آیا دوره پشتیبانی دارد؟
بله. دانشجویان میتوانند سؤالات و مشکلات خود را مطرح کرده و برای تمرینها و پروژههای دوره راهنمایی دریافت کنند.
دسترسی به دوره تا چه زمانی فعال است؟
پس از ثبتنام، دسترسی شما به محتوای دوره دائمی خواهد بود.
آیا امکان پرداخت اقساطی وجود دارد؟
شرایط واقعی پرداخت اقساطی را پس از ایمپورت در همین پاسخ تکمیل کنید.
بعد از HTML و CSS چه چیزی یاد بگیریم؟
پیشنهاد میشود بعد از تسلط بر HTML و CSS، JavaScript، Git و سپس یکی از ابزارهای فرانتاند مانند React را شروع کنید.
بعد از ثبت نام تا چه مدت به ویدیوها دوره دسترسی داریم؟
دسترسی به دوره به صورت مادام العمر هستش