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