Skillshare – CSS Masterclass 2019-9

توضیحات

CSS Masterclass، دوره آموزشی جامع CSS، توسط آکادمی Skillshare منتشر شده است. شما می توانید با یادگیری HTML و CSS کار جدیدی را در توسعه وب آغاز کنید. شما نیازی به مدرک دانشگاهی یا هیچ نرم افزار پولی ندارید، همه چیز را می توانید به صورت رایگان با نرم افزارهای رایگان و چند ساعت از وقت خود یاد بگیرید. این دوره همچنین با کتاب الکترونیکی کامل CSS مسترکلاس به عنوان یک بونوس اضافه همراه است. کل این دوره به گونه ای طراحی شده که شما را از یک مبتدی به یک متخصص CSS تبدیل کند تا شما را برای کار به عنوان یک توسعه دهنده وب آماده کند. خودتان را با آن ابزارهای وحشتناک ساخت سایت محدود نکنید. آن ها ابزارهای جالبی هستند، اما در نهایت خلاقیت شما را محدود می کنند. با یادگیری CSS می توانید خلاقیت خود را آزاد کنید. این دوره بسیار کاربردی است. بیش از 140 درس که در پایان آن ها تکالیفی دارند تا بتوانید با مفاهیم جدیدی که یاد گرفته اید، بلافاصله تجربه کسب کنید. شما یاد خواهید گرفت که چگونه اجزای وب سایت را به آرامی و با استفاده از transitions  انیمیشن سازی کنید. مانند زمانی که ماوس خود را روی یک لینک قرار می دهید و به آرامی رنگ آن تغییر می کند (به جای لحظه ای بودن).

نیازی به فتوشاپ نیست. ما از صفر بر گرادیانت ها مسلط خواهیم شد. این کار بسیار ساده تر از چیزی است که فکر می کنید و جنبه بصری خوبی به وب سایت شما می بخشد. شما با transformation های 2D و 3D آشنا خواهید شد. مثل بزرگ تر کردن یک آلمان اما متناسب نگه داشتن ارتفاع و عرض آن. چرخش المان ها، تغییر زاویه دید یک آلمان، دید خوبی به آلمان های شما می بخشد.  انیمیشن های CSS3 به شما اجازه می دهند تا انیمیشن های کامل CSS-only (بدون نیاز به جاوااسکریپت)بسازید. شما می توانید کاری فراتر از تغییر اندازه یا رنگ ها انجام دهید. شما می توانید وب سایت خود را به یک وب سایت کاربردی با انیمیشن های جالب تبدیل کنید همچنین در این دوره هر ویژگی انیمیشن را یک به یک مرور می کنیم. Flexbox احتمالا مهم ترین ویژگی CSS3 است. به شما اجازه می دهد اندازه پایه یک آلمان را تنظیم کنید و اجازه رشد یا کوچک شدن آن را بسته به محتوای دیگر بدهید. شما می توانید محتوا را به صورت عمودی و بدون tables یا CSS “hacks” مرتب کنید. این کار باعث می شود طراحی وب سایت واکنشگرا باشد. شما می توانید عناصر HTML خود را بدون نوشتن هر گونه HTML دوباره مرتب کنید.

آنچه خواهید آموخت

• Transitions
• گرادیانت
• جابجایی
• انیمیشن ها
• Flexbox
• طراحی وب واکنشگرا

مشخصات دوره CSS Masterclass

• ناشر : Skillshare
• مدرس : John Kalob Taulien
• زبان: انگلیسی
• سطح آموزش: تمام سطوح
• تعداد دروس: 176
• مدت زمان آموزش: 12 ساعت و 49 دقیقه

سر فصل های دوره CSS Masterclass

# Welcome
# Introduction To CSS
# Syntax Introduction
# Editors
# How to Ask Good Questions
# Inline CSS
# Internal CSS
# External CSS
# Color Types
# Background Colors
# Background Images
# Repeating Background Images
# Borders
# The Box Model
# Padding
# Margin
# Centering an Element
# Style This Form Using Only CSS
# Solution To Mini Project Style This Using Only CSS
# Outline
# Cursor
# Text Color
# Text Align
# Text Decoration
# Text Transform
# Text Indent
# Letter Spacing
# Line Height
# Text Direction
# Word Spacing
# Fonts Serif vs Sans Serif
# Font Family
# Lots Of Free Custom Fonts
# Font Style
# Font Size
# Font Weight
# Font Variant
# Font Awesome
# Links
# Links Hover
# Links Visited
# Links Active
# Groupong Selectors
# Descendant Selectors and Specificity
# Child Selectors
# Adjacent Selectors
# List Style
# List Style Position
# List Style Image
# Tables
# Table Borders
# Table Cell Vertical Align
# Table Row Hover Effect
# Mini Project Style This Table
# Mini Project Solution Style This Table
# Display Introduction
# Display Block
# Display Inline
# Display Inline Block
# Display None
# Sizing Width
# Sizing Height
# Position Introduction
# Position Relative
# Position Absolute
# Position Fixed
# Overlapping Elements with z-index
# Overflow Introduction
# Overflow Scroll
# Overflow Auto
# Overflow Hidden
# Float Introduction
# Float Left and Right
# Clear
# Clearfix Hack
# Opacity
# Advanced Selectors Introduction
# Advanced Selectors Attributes
# Advanced Selectors Exact Value
# Advanced Selectors Contains Value
# Advanced Selectors Starts With
# Advanced Selectors Ends With
# Pseudo Selectors Introduction
# Pseudo Selectors Hover
# Pseudo Selectors First Child
# Pseudo Selectors Last Child
# Pseudo Selectors Focus
# Pseudo Selectors Checked
# Pseudo Selectors Disabled
# Pseudo Selectors Enabled
# Pseudo Selectors Not
# Pseudo Selectors Before
# Pseudo Selectors After
# Project Use What You’ve Learned
# Project Solution Use What You’ve Learned Part 1
# Project Solution Use What You’ve Learned Part 2
# Project Solution Use What You’ve Learned Part 3
# CSS Summary
# CSS3 Introduction
# Border Radius
# Round Images
# Individually Rounded Corners
# Background Sizes
# Two Background Images
# Colors RGBA
# Colors HSL and HSLA
# Opacity vs Alpha
# Linear Gradients
# Linear Gradients Color and Transparency
# Repeating Linear Gradients
# Radial Gradients
# Repeating Radial Gradients
# Gradient Tools
# Shadows Introduction
# Text Shadows
# Box Shadows
# Mini Project Creating A Card
# Text Introduction
# Text Overflow
# Word Wrap
# Word Break
# Text Align Last
# Custom Fonts
# Transition Introduction
# Transitioning Sizes
# Transitioning Colors
# Transition Timing Functions
# Transition Delay
# Transform Introduction
# Transform Translate
# Transform Rotate
# Transform Scale
# Transform Skew
# Multiple Transformations
# 3D Transformations
# Animation Introduction
# Animation Keyframes
# First Animation
# Animation Fill Mode
# Blinking Animation
# Animation Iteration Count
# Animation Delay
# Animation Direction
# Animation Timing Function
# Animation Mini Project
# Animation Mini Project Solution
# Misc. Columns
# Misc. Resize
# Box Sizing
# Flexbox Introduction
# Flexbox Equal Sized Columns
# Flexbox Order
# Flexbox Rows and Columns
# Flexbox Rows and Columns in Reverse
# Flexbox Basis
# Flexbox Wrap
# Flexbox Vertical Alignment
# Flexbox Align Items
# Flexbox Justify Content
# Flexbox Align Self
# Flexbox Align Content
# Flexbox Layout Project Getting Setup Part 1
# Flexbox Layout Project Body Styling Part 2
# Flexbox Layout Project RWD Part 3
# Responsive Web Design (RWD) Introduction
# Responsive Web Design (RWD) Meta Tag
# Responsive Web Design (RWD) A Quick Demo
# Responsive Web Design (RWD) Responsive Layout with Flexbox Part 1
# Responsive Web Design (RWD) Responsive Layout with Flexbox Part 2
# Responsive Web Design (RWD) Print
# Responsive Web Design (RWD) Multiple Media Queries
# Responsive Web Design (RWD) Responsive Images
# Responsive Web Design (RWD) Responsive iFrames
# Responsive Web Design (RWD) Summary
# Summary What to Learn Next
# Course Summary

پیش نیاز های دوره

• This course does not assume any prior knowledge in CSS, but it’s also broken up into small section that allow you to skip around (so you don’t have to watch everything you already know about).

تصاویر

فیلم نمونه

راهنمای نصب

پس از Extract، با Player دلخواه خود مشاهده کنید.

زیرنویس: ندارد

کیفیت: 720p

لینک دانلود

دانلود بخش 1 – 2 گیگابایت

دانلود بخش 2 – 2 گیگابایت

دانلود بخش 3 – 335 مگابایت

گذرواژه فایل(ها): www.downloadly.ir

حجم فایل

4.32 گیگابایت