Mastering CSS: Practical Skills & Interview Questions

Intermediate 4.1

12 months 30 days

$149.00 $119.00

0 Learners 23 Reviews 1 Favorites

9%
91%
0%
0%
0%
4.1
  • Overview
  • Outline
  • Reviews

CSS is an indispensable knowledge point in the front-end development process and the most difficult part to master completely. This course systematically sorts out various aspects of CSS to help front-end engineers understand more clearly how to apply CSS technology in practical work.

course introduces

  • learners 'guidance
    17:39

HTML basics strengthened

  • Common HTML elements and understandings (1)
    10:51
  • Common HTML elements and understandings (2)
    18:54
  • Common HTML elements and understandings (3)
    10:03
  • HTML version
    25:51
  • element classification
    17:03
  • nested relationship
    27:45
  • Default styles and reset
    21:31
  • real questions
    14:52

CSS basics

  • Selector (1)
    23:59
  • Selector (2)
    16:47
  • Non-layout styles (fonts)
    11:08
  • Non-layout style (row height)
    24:53
  • Non-layout style (background)
    23:22
  • Non-layout style (border)
    15:31
  • Non-layout styles (scrolling)
    15:30
  • Non-layout styles (text folds)
    18:48
  • Non-layout styles (decorative attributes)
    13:53
  • Hack and Cases (1)
    12:35
  • Hack and Cases (2)
    17:34
  • Interview Question (1)
    21:52
  • Interview Questions (2)
    12:10

CSS layout

  • Layout Introduction
    16:24
  • Layout method (table)
    16:42
  • Some layout attributes
    18:21
  • flexbox layout
    12:17
  • float layout
    22:53
  • inline-block layout
    24:10
  • Responsive Layout (1)
    24:19
  • Responsive Layout (2)
    18:00
  • Layout used by mainstream websites
    19:08
  • CSS Interview Questions
    29:47

CSS effects

  • box-shadow
    20:58
  • text-shadow_x264
    16:12
  • border-radius
    28:01
  • background
    21:24
  • clip-path
    17:50
  • 3D-transform
    15:06
  • CSS interview questions
    23:59

CSS animation

  • cartoon presenting
    28:16
  • transition animation (1)
    26:32
  • transition animation (2)
    15:17
  • keyframes animation
    15:32
  • frame-by-frame animation
    17:08
  • CSS interview questions
    22:37

the preprocessor

  • introduced
    10:22
  • less nesting
    25:50
  • sass nesting (1)
    26:09
  • sass nesting (2)
    24:56
  • less variable
    18:06
  • sass variable
    10:17
  • less mixin
    26:23
  • sass mixin
    26:45
  • less extend
    11:20
  • sass extend
    12:48
  • less loop
    15:33
  • sass loop
    25:22
  • less import
    26:31
  • sass import
    18:50
  • Preprocessor Framework (1)
    22:09
  • Preprocessor Framework (2)
    11:19
  • real questions
    17:25

Bootstrap

  • Introduction to Bootstrap
    23:09
  • Basic usage of Bootstrap (1)
    22:05
  • Basic usage of Bootstrap (2)
    11:38
  • Bootstrap JS components
    29:33
  • Bootstrap responsive layout
    26:23
  • Bootstrap customization
    21:05
  • CSS Real Questions
    22:36

CSS engineering solution

  • Introduction to PostCSS
    20:56
  • Use of PostCSS plug-in (1)
    19:10
  • Use of PostCSS plug-in (2)
    23:29
  • cssnext
    25:29
  • precss
    21:39
  • gulp-postcss
    22:11
  • webpack
    18:39
  • webpack handles CSS
    15:47
  • css-modules and extract-text-plugin
    27:12
  • webpack summary
    11:50
  • real questions
    19:30

CSS in the three major frameworks

  • CSS in Angular (1)
    17:53
  • CSS in Angular (2)
    29:04
  • CSS in Angular (3)
    29:38
  • CSS in Vue (1)
    11:11
  • CSS in Vue (2)
    20:12
  • CSS in React (1)
    28:07
  • CSS in React (2)
    16:54
  • CSS in React (3)
    25:28
  • CSS in React (4)
    29:58

practical case

  • case introduction
    12:22
  • header
    17:54
  • banner
    26:56
  • main
    21:07
  • Footer and page adjustments
    24:46
  • animation
    14:35
  • progress
    12:07
  • dialog
    22:34

course summary

  • course summary
    19:17
0
23
1