Description
CSS Masterclass, a comprehensive CSS training course, is published by Skillshare Academy. You can start a new career in web development by learning HTML and CSS. You don’t need a college degree or any paid software, you can learn everything for free with free software and a few hours of your time. This course also comes with the complete CSS Masterclass eBook as an added bonus. This entire course is designed to take you from a beginner to a CSS expert to prepare you to work as a web developer. Don’t limit yourself with those terrible site building tools. They’re cool tools, but they end up limiting your creativity. By learning CSS, you can unleash your creativity. This course is very practical. More than 140 lessons that have assignments at the end so that you can immediately gain experience with the new concepts you have learned. You will learn how to animate website components smoothly using transitions. Like when you hover your mouse over a link and it changes color slowly (rather than momentarily).
No need for Photoshop. We will master gradients from scratch. It’s much easier than you think and will give your website a great visual appeal. You will learn about 2D and 3D transformations. Like making a German bigger but keeping its height and width proportional. Rotating elements, changing the viewing angle of a element, gives a good view of your elements. CSS3 animations allow you to create complete CSS-only animations (no JavaScript required). You can do more than just change the size or colors. You can turn your website into a functional website with interesting animations. Also, in this course we will review each animation feature one by one. Flexbox is probably the most important feature of CSS3. Allows you to set the base size of an element and allow it to grow or shrink depending on other content. You can arrange content vertically without tables or CSS “hacks”. This makes the website design responsive. You can rearrange your HTML elements without writing any HTML.
What you will learn
- Transitions
- gradient
- Movement
- Animations
- Flexbox
- Responsive web design
Description of the CSS Masterclass course
- Publisher: Skillshare
- teacher : John Kalob Taulien
- English language
- Education level: all levels
- Number of courses: 176
- Training duration: 12 hours and 49 minutes
CSS Masterclass course chapters
#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
# TextAlign
# Text Decoration
# Text Transform
# Text Indent
# Letter Spacing
# LineHeight
# 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
# Groupon 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
# Fixed position
# 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
# WordWrap
# 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
Course prerequisites
- This course does not assume any prior knowledge in CSS, but it’s also broken up into small sections that allow you to skip around (so you don’t have to watch everything you already know about).
Pictures
Sample video
Installation guide
After Extract, view with your favorite Player.
Subtitle: None
Quality: 720p
download link
File(s) password: www.downloadly.ir
Size
4.32 GB
Be the first to comment