سرعت پخش
سبک زیرنویس
آموزش HTML و CSS از مبتدی تا پیشرفته | پروژهمحور [2026]
- ۴ دانشجو
- ۶ ساعت و ۳۱ دقیقه مدت دوره
- مبتدی سطح
- تکمیلشده وضعیت
بدون پرداخت — همین الان شروع کن
درباره دوره
اگر میخواهید برنامهنویسی وب را از پایه و بهصورت اصولی یاد بگیرید، این دوره یکی از کاملترین آموزشهای HTML و CSS است که شما را از اولین تگ HTML تا طراحی صفحات حرفهای و ریسپانسیو همراهی میکند.
در طول این آموزش، علاوه بر یادگیری مفاهیم تئوری، چندین پروژه واقعی پیادهسازی میکنید و با روش کار برنامهنویسان حرفهای آشنا میشوید. هدف این دوره تنها آموزش دستورات HTML و CSS نیست؛ بلکه یاد میگیرید چگونه صفحات وب استاندارد، تمیز و قابل توسعه طراحی کنید.
این دوره برای افرادی مناسب است که هیچ پیشزمینهای از طراحی سایت ندارند و میخواهند مسیر ورود به دنیای Front-End Development را بهصورت صحیح آغاز کنند.
در این دوره چه چیزهایی یاد میگیرید؟
✅ آشنایی کامل با HTML و ساختار صفحات وب
✅ یادگیری اصول CSS و استایلدهی حرفهای
✅ انتخاب رنگ، فونت و طراحی مدرن
✅ کار با تصاویر، آیکونها و فرمها
✅ Box Model بهصورت کامل
✅ استفاده از Chrome DevTools برای دیباگ
✅ Flexbox از مقدماتی تا پیشرفته
✅ CSS Grid و طراحی Layoutهای حرفهای
✅ Position و نحوه قرارگیری عناصر
✅ Display و رفتار المانها
✅ Nested Layout و تکنیکهای استاندارد طراحی
✅ Hover، Transition و Animationهای کاربردی
✅ طراحی صفحات Responsive برای موبایل و دسکتاپ
✅ ساخت رابطهای کاربری مشابه سایتهای واقعی
✅ رعایت اصول کدنویسی تمیز (Clean Code)
پروژههای عملی
در طول دوره چندین رابط کاربری واقعی را از صفر طراحی میکنید تا با نحوه پیادهسازی صفحات وب در پروژههای واقعی آشنا شوید.
این دوره مناسب چه کسانی است؟
- افرادی که هیچ تجربهای در برنامهنویسی ندارند.
- علاقهمندان به طراحی سایت.
- کسانی که قصد ورود به حوزه Front-End را دارند.
- دانشجویان و برنامهنویسانی که میخواهند HTML و CSS را اصولی یاد بگیرند.
- افرادی که قصد یادگیری JavaScript، React، Next.js یا سایر فریمورکهای فرانتاند را دارند.
پیشنیاز دوره
این دوره هیچ پیشنیازی ندارد و همه مباحث از پایه آموزش داده میشوند.
سرفصلهای دوره
- معرفی HTML
- ساختار صفحات وب
- تگهای پرکاربرد
- لینکها، تصاویر و لیستها
- فرمها و ورودیها
- مبانی CSS
- Selectorها
- Box Model
- Typography
- Colors
- Background
- Display
- Position
- Flexbox
- CSS Grid
- Responsive Design
- Media Query
- Transition
- Hover Effects
- Shadow
- DevTools
- طراحی پروژههای واقعی
بعد از پایان این دوره
پس از اتمام این آموزش میتوانید:
- صفحات وب مدرن طراحی کنید.
- رابطهای کاربری استاندارد بسازید.
- وبسایتهای Responsive توسعه دهید.
- برای یادگیری JavaScript و React آماده شوید.
- اولین قدم حرفهای خود را در مسیر Front-End Development بردارید.
📌 اگر به دنبال یادگیری اصولی HTML و CSS هستید و میخواهید از همان ابتدا استانداردهای واقعی طراحی وب را یاد بگیرید، این دوره بهترین نقطه شروع برای شما خواهد بود.
جلسات دوره
26 جلسهنظرات و گفتگو
سوال، نظر یا تجربهات رو بنویس — بقیه هم ازش استفاده میکنن.
برای نوشتن نظر باید وارد بشی — یک دقیقهست!
هنوز کسی نظر نذاشته — تو اولین نفر باش!