Take this
course

Software Development / Web Development

CSS Specialist: Comprehensive CSS Training

Learn CSS3 and Earn a Recognized Designation!

Description

CSS is the foundation of a visually appealing website.There was a time when web sites didn't have to look great-- They were often designed by programmers with little or not design skill. People were forgiving of poor designs. Now, that has all changed. People expect your web site to not only be functional, but to look great.  


CSS will give you the ability to completely style your webpage to catch the attention of your audience. Where do you learn to style your webpage with CSS and impress your audience?


That’s what we’re here to talk about...


FACT: Strong CSS skills are what separate legit web developers from the hacks.(...and CSS is an important part of web and mobile developers’ daily work) We get the question all the time: I learned HTML, now what?We don’t have to sell you on the idea of becoming a developer. If you’re you here, you already know it’s one of the most lucrative (and fastest growing) career tracks out there. It’s CSS that allows you to set yourself apart from other web and mobile developers. CSS developers:

  • Create the styling for content display for websites, mobile sites, and many mobile applications
  • Arrange content to optimize user experience
  • Combine CSS skills with other digital skillsets to excel at web and mobile development


In other other words, CSS skills are critical to all developers. CSS is essential to almost any development process.That’s why businesses, design studios, development shops, and other organizations need developers well versed in CSS.


But there’s a problem. Most people who learned CSS learned it in school 12 years ago and have no idea that they’re doing.That’s where YOU can separate yourself from the pack.As a Certified CSS Specialist, you are qualified to write, maintain, and edit CSS documents. You'll be able to help development teams make content appealing and use CSS as an important piece of being a strong developer. 

Full details

Curriculum

  • CSS3 Introduction
    Welcome to the Course
    0:47
    HelloWorld example
    4:47
    CSS Intro/tools
    4:27
    CSS Format
    6:41
    Colors in CSS
    8:53
    Comments in CSS
    5:30
    Complex Selectors
    9:33
    ID and Class Selectors
    10:15
    3 Methods of Linking CSS
    11:26
    CSS3 New Features
    4:00
    Lab 1 Introduction
    5:40
    Lab 1 Solution
    6:25
  • Styling Specific Elements
    Intro: Styling Specific Elements
    0:42
    Styling Text
    Styling text examples. White-Space, Text-Align, Text-Decoration, etc.
    8:28
    Fonts in CSS
    Changing fonts in CSS. Setting fallback/backup fonts. Font types and styles, Font-Size, Font-Family, etc. What does "Web Safe Fonts" mean?
    5:44
    Web Fonts
    Web Fonts allow us to use fonts on our site that the user does not have on their computer. Using the @font-face CSS rule.
    4:53
    Styling Tables and Lists
    Styling tables and lists examples. List types, borders, padding, border-collapse, etc.
    17:08
    Background Image Styling
    Working with background images. Background-Size, Background-Repeat, Background-Position, etc.
    12:32
    The Sliding Door Technique Part 1
    The sliding door technique example. A technique for making elements scalable when the element/screen size changes.
    13:38
    The Sliding Door Technique Part 2
    The sliding door technique example. A technique for making elements scalable when the element/screen size changes
    9:13
    Using Sprite Sheets
    Sprite sheet example. Taking one large image only showing one part at a time so it seems like multiple images.
    12:25
    Creating a Drop Down Menu with CSS Part 1
    Go over the "Creating a drop down menu with CSS" example.
    10:28
    Creating a Drop Down Menu with CSS Part 2
    Andrew finishes going over the "Creating a drop down menu with CSS" example.
    9:32
    Lab 2 Introduction
    3:42
    Lab 2 Solution
    7:40
  • The Box Model
    Introduction
    0:44
    The Box Model Introduction
    In this video Andrew explains what the box model is.
    9:52
    The Content Area of the Box Model Part 1
    Andrew explains the content area.
    10:54
    The Content Area of the Box Model Part 2
    Part 2 of Andrew explaining the content area.
    7:26
    Border and Outline styling for the Box Model
    Learn about border and outline styling.
    8:04
    Margin and Padding Styling for the Box Model
    Learn about Margin and padding styling.
    11:14
    Lab 3 Introduction
    2:55
    Lab 3 Solution
    5:57
  • Animations with CSS3
    Introduction
    0:40
    CSS3 Transform Property
    Take a look at some CSS3 transform examples. This is an “In development” feature. Andrew demonstrates Translate, Scale, Rotate, and Skew.
    14:19
    CSS3 Transitions
    CSS3 Transitions can be used to animate things. You control what is changing (color, width, etc) and also the time in seconds for the transition. You can also set the transition to be smooth(linear) or ease which goes slow at the start, then fast, then slow again at the end.
    11:47
    CSS3 Animations
    CSS3 animation uses KeyFrames to set a “From” and “To” value of where the animations start and end.
    8:46
    Lab 4 Introduction
    3:27
    Lab 4 Solution
    6:09
  • Putting Elements Together
    Introduction
    0:35
    The Display Property
    Andrew goes over what the display property does and how to work with it.
    11:39
    In Depth CSS Positioning
    In this video Andrew demonstrates some positioning examples using Static, Fixed, Relative, and Absolute.
    10:35
    Floating Elements
    Learn how to work with the float property.
    9:02
    Lab 5 Introduction
    4:22
    Lab 5 Solution
    5:33
  • Responsive Design for Web and Mobile
    Introduction
    0:46
    The Concepts of Adaptive and Responsive Design
    What is Responsive Design and why is it so important? It allows you to customize the user’s experience on your site based on what device/setup they are viewing it on. It makes sure that your site looks great for everyone who views it.
    5:27
    Testing on Mobile Devices
    Learn how to use "Emulators" to test one different devices. Andrew goes over the process for downloading, setting up, and running the Android emulator to test on a simulated Android device.
    12:11
    Media Query
    Using Media Queries to customize CSS for certain user setups.
    9:54
    Lab 6 Introduction
    3:29
    Lab 6 Solution
    7:15

Skills

  • Cascading Style Sheets (CSS)

Similar Courses

More Courses by this Instructor