آموزش html5 و css3


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

توضیحات دوره

درباره دوره

در این دوره آموزشی به یادگیری 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  برای طراحی سیستمهای یکپارچه 

 آنالیز خواستههای صنایع برای ساختن راهکارهای سریع و کاربردی با کارایی بالا 

 مهارت مدیریت تیمهای نرم افزاری و استفاده از حداکثر توان تیم برای ساخت سیستمهای کاربردی 

 داشتن مهارت کافی در تجزیه و تحلیل، طراحی، اشکال زدایی و توسعه نرم افزارهای آنلاین

 توانایی رفع نیاز صنایع تا سطح متوسط با مهارت استفاده از مجموعه آفیس

حرفهای در کار با HTML 5 ، CSS3   برای ساخت تجربه کاربری مطلوب