CSS Essential Training (2019)

مدرس Christina Truong

انتشار 2019/10/01

مدت زمان 4h 29m

سطح مبتدی

فایل تمرینی دارد

آموزش CSS Essential Training (2019)

آبشار Style Sheets (CSS) یک زبان شیوه نامه است که به شما امکان می دهد ظاهر صفحات وب خود را کنترل کنید. در این دوره آموزشی، کریستینا تروونگ مفاهیمی را که شالوده CSS را تشکیل می‌دهند، نشان می‌دهد، و توضیح می‌دهد که برای تغییر دادن CSS موجود و نوشتن خود، چه چیزی را باید بدانید. کریستینا توضیح می دهد که چگونه رنگ ها و دیگر عناصر طراحی را اضافه کنید تا صفحات وب خود را فراتر از متن سیاه در پس زمینه سفید ببرید. او نحوه استفاده از انتخابگرها، نحوه تعیین فاصله و اندازه عناصر صفحه توسط مدل جعبه و نحوه استایل دادن به متن و مدیریت طرح‌بندی‌های اولیه با Flexbox و Grid را نشان می‌دهد. او همچنین کار با انتخابگرهای پیشرفته، ایجاد طرح‌بندی‌های سیال، و تعیین زمان استفاده از ویژگی‌های شناور و موقعیت را پوشش می‌دهد. به علاوه، در پایان دوره، با یک پروژه واقعی – یک صفحه رزومه آنلاین – کنار می‌روید.

Cascading Style Sheets (CSS) Web Design

Introduction

Styling documents consistently ()

What you should know ()

Tools and sample projects ()

1. Getting Started

HTML and CSS ()

Browser developer tools ()

Referencing CSS ()

Project overview and setup ()

Optimizing images and retina displays ()

Project: Relative paths ()

Absolute paths ()

2. Core Concepts

CSS specifications and the W3C ()

CSS syntax and terminology ()

CSS values and units ()

The color and property values ()

Type and universal selectors ()

Class and ID selectors ()

Class and ID selector exercise ()

Descendant selectors ()

Grouping selectors ()

Inheritance and specificity ()

The cascade and importance ()

Project: Adding colors ()

Pseudo-class selectors and links ()

Project: Styling links ()

3. The Box Model

Introduction to the box model ()

Inline, block, and display ()

The box model properties ()

The box properties syntax and usage ()

Debugging the box model ()

Padding, margin, and border ()

Margin and layouts ()

Project: Adding content wrappers ()

Project: Margin and padding ()

4. Typography

Web fonts with Google Fonts ()

Typography for the web ()

Changing the font-family ()

Font-weight and font-style ()

Web fonts with @font-face ()

Project: Google Fonts ()

The font-size property ()

Font shorthand ()

Text-decoration, text-align, and line-height ()

Project: Typography styles ()

5. Layouts: Float and Position

Introduction to float ()

The float and clear properties ()

Float and collapsed container ()

Layouts and the box model ()

Project: Float and box model fix ()

Position ()

Position and z-index ()

6. Layouts: Flexbox and Grid

Introduction to Grid and Flexbox ()

Introduction to Flexbox ()

Flexbox: Orientation and ordering ()

Flexible sizing ()

Flexbox exercise ()

Flexbox: Alignment ()

Project: Flexbox alignment ()

Introduction to CSS Grid ()

The explicit grid ()

The implicit grid ()

Grid placement properties ()

Project: Grid columns and Firefox Grid Inspector ()

7. Advanced Selectors

Introduction to advanced selectors ()

Relational selectors: Combinators ()

Project: Updates with combinators ()

Pseudo-class selectors: First and last ()

Project: Advanced selectors ()

8. Fluid and Responsive Layouts

Introduction to responsive design ()

Project: Creating fluid layouts ()

Flexible background images ()

Project: Flexible background image ()

Introduction to media queries ()

Media queries, widths, and breakpoints ()

Testing responsive layouts ()

Project: Media queries and responsive layout ()

Conclusion

Next steps ()

Ex_Files_CSS_EssT.zip (6.7 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.

مسیرهای یادگیری آموزش CSS Essential Training (2019)

یکی از مهمترین مشکلات افرادی که از آموزش های آنلاین استفاده می‌ کنند این است به دلیل تعداد زیاد این آموزش ها، کاربر دچار سردرگمی شده و نمی داند از کدام آموزش بهتر است شروع کند و یا با کدام آموزش ها مهارت های خود را ارتقا دهد. داشتن یک برنامه آموزشی گام به گام میتواند کاربران را از این مشکلات رها کند. در واقع مسیرهای یادگیری مجموعه ای از آموزش ها هستند که به ترتیب اولویت در کنار هم قرار گرفته اند تا کاربران را از این سردرگمی ها نجات دهند. این مسیرها در موضوعات مختلفی دسته بندی شده‌اند که در زیر، لیستی از همه دسته بندی مسیرهایی که توسط سایت لیندا ارائه شده اند را می توانید مشاهده کنید.

آموزش CSS Essential Training (2019) در 5 مسیر آموزشی قرار دارد. تخصص مورد نظر خود را انتخاب کنید، با مسیر یادگیری آن همراه شوید و حرفه ای شوید.

مهارت‌های کار با فن‌آوری‌های بک‌اند و فرانت‌اند را به‌عنوان یک توسعه‌دهنده فول استک به دست آورید. شما یک پایه محکم برای کار با سرورها و تنظیمات میزبان، انجام یکپارچه سازی پایگاه داده و ایجاد وب سایت های پویا و مبتنی بر داده ایجاد خواهید کرد.

آموزش CSS Essential Training (2019) ، ایستگاه شماره 2 در مسیر یادگیری یک توسعه دهنده وب تمام پشته شوید ، است.

مسیر یادگیری یک توسعه دهنده وب تمام پشته شوید

آشنایی با مهارت های برنامه نویسی مورد نیاز برای حرفه ای به عنوان توسعه دهنده نرم افزار. این مسیر یادگیری چشم انداز وسیعی در مورد فناوری های اصلی برای توسعه وب، توسعه نرم افزار و پایگاه های داده ارائه می دهد. این ابزارهای رایج و تصویر بزرگتر از نحوه عملکرد مشاغل توسعه را معرفی می کند.

آموزش CSS Essential Training (2019) ، ایستگاه شماره 5 در مسیر یادگیری یک توسعه دهنده نرم افزار شوید ، است.

مسیر یادگیری یک توسعه دهنده نرم افزار شوید

به عنوان یک توسعه‌دهنده وب پیشرو، مهارت‌هایی را برای ایجاد تجربه‌های کاربر تعاملی و جذاب در وب کسب کنید. همه چیزهایی را که برای طراحی و توسعه کدهای رو به رو کاربر نیاز دارید بیاموزید و بیاموزید که چگونه مفاهیم را در بوم مرورگر زنده کنید، چه در حال ایجاد سایت یا برنامه باشید.

آموزش CSS Essential Training (2019) ، ایستگاه شماره 3 در مسیر یادگیری کاوش شغلی در توسعه وب فرانت اند ، است.

مسیر یادگیری کاوش شغلی در توسعه وب فرانت اند

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

آموزش CSS Essential Training (2019) ، ایستگاه شماره 3 در مسیر یادگیری شروع کار با وردپرس ، است.

مسیر یادگیری شروع کار با وردپرس

برگه های سبک آبشاری (CSS) یک مهارت اصلی برای توسعه دهندگان وب و طراحان وب است. بیاموزید که چگونه الگوی Decorator در قلب CSS به شما امکان می دهد استایل ها را از طریق انتخابگرها اعمال کنید. انواع گزینه‌های طرح‌بندی را کاوش کنید و بیاموزید که چگونه سایت‌ها و برنامه‌ها را با تایپوگرافی و انیمیشن بدرخشید.

آموزش CSS Essential Training (2019) ، ایستگاه شماره 1 در مسیر یادگیری CSS را یاد بگیرید ، است.