آموزش html5 و css3


مدت دوره 14 ساعت
تعداد فراگیر 73 نفر
تعداد فصل ها 5 فصل
تعداد جلسات 57 جلسه
تعداد آزمون ها 0 آزمون
مدرس دوره جواد عوض زاده
 
با دوستان خود به اشتراک بگذارید

دوره های مرتبط‌
توضیحات دوره

درباره دوره

در این دوره آموزشی به یادگیری HTML5 و CSS3 برای طراحی و ساخت وب سایت می پردازیم. به طور کل در تقریبا همه زبان‌های برنامه نویسی و حتی طراحی وب یک پروژه رو میشه به دو بخش frontend و backend تقسیم کرد. frontend یعنی بخش ظاهری و backend یعنی بخش پس زمینه کار. این اتفاق برای یک سایت ساده شخصی یا یک سایت خبری یا مثلا آشپزی هم میفته. شما در واقع دو بخش دارید.

در این آموزش ما قصد داریم که روش طراحی بخش ظاهری کار یا frontend رو بهتون آموزش بدیم. جدا از اینکه در بخش backend کار چه اتفاقی داره میافته و از چه تکنولوژی استفاده میشه، در نهایت بخش ظاهری کار در یک وب سایت ساده تا پیچیده‌ترین وب سایت‌ها از html و css‌ تشکیل شده است. مطابق معمول ما تو آموزش‌هامون آخرین نسخه موجود رو آموزش خواهیم داد که در حال حاضر نسخه HTML5  و نسخه CSS3  هست. پس شما با دیدن، فهمیدن و درک این مجموعه آموزشی قادر خواهید بود تا ظاهر یک وب سایت رو به سادگی بسازید. در تهیه این آموزش همانند همه آموزش‌های قبلی سعی شده مطالب با سرعت بالا گفته بشه و شاید در طی این مجموعه لازم باشه به دفعات فیلم رو به عقب برگردونده و جملات و یا کدها رو مرور کنید.

ابزارهای مورد نیاز برای فیلم آموزش html5 و css3 :

برای طراحی وب شما در واقع نیاز به نرم‌افزار خاصی ندارید . شما میتونید از نوت‌پد و مرورگر پیش‌فرض سیستم‌عامل خودتون هم برای شروع طراحی وب استفاده کنید!

جلسات دوره ‌
مقدمه معرفی و بررسی html - قسمت اول
26 دقیقه
معرفی و بررسی html و css - قسمت دوم
12 دقیقه
معرفی CSS Syntax، بررسی کامل ویژگی پس زمینه
24 دقیقه
بررسی کامل ویژگی کادر، حاشیه داخلی و خارجی border, margin, padding
20 دقیقه
بررسی کامل ویژگی ارتفاع و پهنا Height / Weight
8 دقیقه
بررسی کامل ویژگی متون Text
10 دقیقه
بررسی کامل ویژگی فونت ها Font
8 دقیقه
بررسی کامل ویژگی مقیاس‌های اندازه‌دهی Scale
15 دقیقه
بررسی کامل ویژگی لینک ها Links
22 دقیقه
بررسی کامل ویژگی لیست ها Lists
11 دقیقه
بررسی کامل ویژگی Selectors
21 دقیقه
بررسی کامل ویژگی Box Model و Outline
9 دقیقه
بررسی کامل ویژگی نحوه بهینه سازی CSS Reset
9 دقیقه
بررسی ویژگی های html5
20 دقیقه
بررسی ویژگی CSS Layout, Display
15 دقیقه
تمرین Layout بندی صفحه CSS Layout Practice
23 دقیقه
معرفی Snipping Tools عکس گرفتن از صفحه
4 دقیقه
معرفی و بررسی ابزار Inspect
23 دقیقه
بررسی کامل ویژگی Width و Position
25 دقیقه
تمرین برای قسمت Position
12 دقیقه
بررسی کامل ویژگی Float و Inline-block
11 دقیقه
تکمیل بخش Layout تراز بندی افقی Align و بررسی چند تمرین
13 دقیقه
نحوه انتخاب کردن ویژگی های Combinators
5 دقیقه
بررسی کامل ویژگی Pseudo Class
18 دقیقه
نکات در خصوص نوار ناوبری CSS Navigation Bar
20 دقیقه
تمرین برای قسمت نوار ناوبری CSS Navigation Bar
8 دقیقه
بررسی کامل ویژگی Dropdown
29 دقیقه
تمرین برای قسمت Dropdown
13 دقیقه
بررسی کامل ویژگی عکس ها Image Gallery و Image Opacity و Image Sprites
12 دقیقه
بررسی کامل ویژگی Attr Selectors و Forms
15 دقیقه
بررسی کامل ویژگی Counters
12 دقیقه
بررسی کامل ویژگی ها Css3 Border
9 دقیقه
بررسی کامل ویژگی ها Css3 Backgrounds
11 دقیقه
بررسی کامل ویژگی ها Css3 Color
12 دقیقه
بررسی کامل ویژگی ها Css3 Shadows & Text
14 دقیقه
بررسی کامل ویژگی ها Css3 Font
19 دقیقه
بررسی کامل ویژگی ها Css3 Font Awesome
12 دقیقه
بررسی کامل ویژگی ها Css3 2D & 3D Transform
6 دقیقه
بررسی کامل ویژگی ها متحرک سازی Css3 Transition
10 دقیقه
بررسی کامل ویژگی ها Animation
17 دقیقه
بررسی کامل ویژگی ها Css3 Image
6 دقیقه
بررسی کامل ویژگی ها Css3 Buttons
10 دقیقه
بررسی کامل ویژگی ها CSS3 Pagination
8 دقیقه
بررسی کامل ویژگی ها Multiple Columns
4 دقیقه
بررسی کامل ویژگی ها User Interface & Box Sizing
7 دقیقه
بررسی کامل ویژگی ها باکس انعطاف پذیر FlexBox
14 دقیقه
بررسی کامل ویژگی ها Filters
3 دقیقه
بررسی کامل ویژگی ها Media Queries & MQ Examples
16 دقیقه
نکات در طراحی وب سایت واکنشگرا RWD Intro & Viewport & Grid View
15 دقیقه
نکات در طراحی وب سایت واکنشگرا Media Queries
12 دقیقه
معرفی CSS Frameworks
20 دقیقه
معرفی Ermile CSS Framework
45 دقیقه
بررسی دیگر نکات در طراحی
27 دقیقه
بررسی دیگر نکات در طراحی و معرفی وب سایت
16 دقیقه
معرفی تصاویر برداری فرمت SVG
10 دقیقه
معرفی کامل Google Maps API
5 دقیقه
معرفی CSS Reference
13 دقیقه
اساتید دوره‌


جواد عوض زاده

درباره مدرس :  
- تجربه تحلیل، طراحی، توسعه و نگهداری دیتابیس عظیم 
- تجربه حرفه ای در کار با زبان PHP برای طراحی سیستمهای یکپارچه
- مهارت مدیریت تیم های نرم افزاری و استفاده از حداکثر توان تیم برای ساخت سیستمهای کاربردی 
- داشتن مهارت کافی در تجزیه و تحلیل، طراحی، اشکال زدایی و توسعه نرم افزارهای آنالین
- توانایی رفع نیاز صنایع تا سطح متوسط با مهارت استفاده از مجموعه آفیس حرفهای در کار با CSS3, HTML5  برای ساخت تجربه کاربری مطلوب عالقمند به کار گروهی و توسعه مهارت ها