معرفی آموزش جامع و پروژه محور HTML5 و CSS3

آموزش جامع و پروژه محور HTML5 و CSS3

سرفصل های دوره آموزشی HTML و CSS : 

هفته صفر : آموزش از زیر صفر – مقدمات :

1. چرا برنامه نویسی؟
2. بازار کار و درآمد برنامه نویسی
3. انواع روش های درآمدزایی از برنامه نویسی
4. تفاوت برنامه نویسی وب با طراحی وب چیه؟
5. فرانت اند و بک اند چیست؟
6. نقشه راه طراحی فرانت اند
7. محیط ها و نرم افزار های برنامه نویسی
8. مفهوم هاست و دامنه و سرور
9. آشنایی با ادیتور مورد استفاده در دوره
10. تنظیم و پیکربندی ادیتور و نرم افزار های لازم
11. آشنایی با مرورگر کروم و فایرفاکس و ابزار Inspect

هفته اول – آموزش جامع و کامل HTML5 :

1. بررسی و آشنایی با HTML
2. آشنایی با ساختار HTML و نوشتن اولین پروژه وب
3. بررسی کد های پایه در HTML
4. بررسی نسخه های قدیمی HTML
5. معرفی ابزار Emmet به جهت افزایش سرعت کدنویسی
6. کامنت چیست؟
7. آشنایی با متا تگ های ابتدایی (Meta Tags)
8. تگ پاراگراف (Paragraph)
9. بررسی مفهوم ساختار تگ ها (Block Level & Inline Level)
10. تگ های تیتر (Heading)
11. تفاوت المان های Block و Inline
12. تگ شکست خط و خط افقی (Br & Hr)
13. آشنایی با اتریبیوت ها (Attributes) در HTML
14. نحوه لینک دهی – تگ لینک (Hyperlink)
15. آشنایی نحوه آدرس دهی
16. تگ از پیش فرمت شده (Preformatted)
17. آشنایی با اتریبیوت های تکمیلی
18. آشنایی با تگ های قالب بندی (Formatting)
19. آشنایی با تگ های نقل قول و استناد (Quotation and Citation)
20. مینی پروژه 1 – ساخت پروژه لینک های بوک مارک
21. نحوه قراره دادن عکس در صفحه وب (Image)
22. آموزش بهینه سازی عکس ها
23. مینی پروژه 2 – ساخت گالری عکس ساده
24. بررسی Image Map
25. بررسی Image Map به صورت چند ضلعی Poly
26. نحوه ساخت جدول – تگ جدول (Table)
27. پروژه تمرینی – ساخت جدول لیست کاربران
28. نحوه نشانه گذاری تگ ها (Bookmarks)
29. آشنایی با لیست ها (Ordered Lists & UnOrdered Lists)
30. آشنایی با نمادک سایت (Favicon)
31. بررسی کامل فرم ها (Forms)
32. پروژه تمرینی – ساخت فرم ثبت نام و ورود کاربران
33. بررسی تگ های مدیا (Audio & Video)
34. مینی پروژه – قرار دادن ویدئو از یوتیوب و آپارات
35. آشنایی با آپدیت های HTML5 – عناصر معنایی (Semantic)
36. پروژه های تمرینی
37. کوئیز آنلاین