CSS Essential Training (2023)

مدرس Christina Truong

انتشار 2023/08/09

مدت زمان 5h 26m

سطح مناسب همه

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

آموزش CSS Essential Training (2023)

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

Cascading Style Sheets (CSS)

Introduction

Getting started with CSS ()

What you should know ()

How to complete the exercises ()

1. Getting Started

HTML and CSS ()

Working with website files ()

Writing code with a text editor ()

Customizing your text editor ()

Project: Overview and setup ()

Where to find images ()

Optimizing images for the web ()

Relative and absolute paths ()

Project: Adding images and icons ()

Referencing CSS ()

Project: Creating a CSS file ()

2. CSS Core Concepts

CSS specifications and the W3C ()

CSS syntax and terminology ()

CSS values and units ()

The color property and values ()

Creating a color palette ()

Type and universal selectors ()

ID selectors ()

Class selectors ()

Descendant combinators and selector lists ()

The background property ()

Project: Prepping the CSS file ()

Project: Adding background styles ()

Pseudo-classes and pseudo-elements ()

Inheritance and the cascade ()

Specificity ()

Project: Styling links ()

3. The CSS Box Model

Intro to the CSS box model ()

The box model properties ()

Box-sizing and the box model fix ()

Inline, block, and display ()

Project: Footer styles and icons ()

Debugging with developer tools ()

Managing box model quirks ()

Project: Background image update ()

Using negative margin values ()

Center aligning with margin ()

Project: Adding content wrappers ()

Project: Adding a header image ()

4. Layouts: Float and Position

Intro to CSS Layout ()

Layouts with the float property ()

Clearing floats ()

Project: Float images and text ()

The position property ()

Position and z-index ()

Project: Fixed positioning ()

5. Layouts: Flexbox and Grid

Intro to Grid and Flexbox ()

Intro to Flexbox ()

Flexbox: Orientation and ordering ()

Sizing with flex properties ()

Flexbox exercise ()

Project: Sticky footer with flexbox ()

Aligning flex items ()

Project: Aligning elements with Flexbox ()

Intro to CSS Grid ()

The explicit grid ()

The implicit grid ()

Adding gutters with the gap property ()

Project: Adding columns with Grid ()

6. Typography

Typography for the web ()

Changing fonts with font-family ()

font-weight and font-style ()

Web fonts with @font-face ()

Web fonts with Google Fonts ()

Project: Google Fonts ()

The font-size property ()

Font-size and accessibility ()

Text-align and text-transform ()

Line-height and letter-spacing ()

Project: Typography styles ()

Project: Buttons and spacing ()

7. Layouts: Fluid and Responsive

Intro to responsive design ()

Intro to media queries ()

Breakpoints and media queries ()

Fluid layouts ()

The viewport meta tag ()

Testing responsive layouts ()

Project: Breakpoints ()

Project: Media queries: Part 1 ()

Project: Media queries: Part 2 ()

Project: Media queries: Part 3 ()

Conclusion

Continuing beyond the essentials with CSS ()

Ex_Files_CSS_EssT.zip (78.4 MB)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

مهارت های لازم برای ایجاد وب سایت ها و برنامه ها را به دست آورید. اصول اولیه برنامه نویسی را بیاموزید و سپس به سمت HTML، CSS و جاوا اسکریپت عمیق تر بروید - فناوری های اصلی وب.

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

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

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

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

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

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

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

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

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

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