GoConqr has a new look! Let us know what you think.

Quiz

Spring 2017 Development Training - Week 2

Stefcho Stefchov 12 questions

Take the quiz

This quiz has a time limit, so it opens in the usual player.

Questions in this quiz (12)

  1. 1What advantages does LESS and SASS have over CSS.
    1. AReduces style duplication
    2. BEnables a common color palette
    3. CEnables minification of CSS
    4. DEnables modular styles
    5. EEnables style animation
    6. FEnables removal of magic strings
  2. 2LESS and SASS syntax are valid CSS syntax.
    1. ATrue
    2. BFalse
  3. 3Single line comments "//" work in LESS but not in CSS
    e.g. //.style { color: #fff; }
    1. ATrue
    2. BFalse
  4. 4We can create modular designs by creating several less files, e.g. colors.less, mixins.less, etc and then including them together in a main file. What declaration would you use to perform this?
    1. A#Include "colors.less";
      #include "mixins.less";
    2. B@using "colors.less";
      @using "mixins.less";
    3. C@import "colors";
      @import "mixins";
    4. D@include "colors.less";
      @include "mixins.less";
    5. E#import "colors.less";
      #import "mixins.less";
  5. 5In [blank_start]LESS[blank_end], [blank_start]Mixins[blank_end] enable you to perform [blank_start]CSS[blank_end] style embedding, create [blank_start]functions[blank_end] which take [blank_start]parameters[blank_end], and allow [blank_start]guards[blank_end], which is conditional which determines whether a mixin applies.
    1. ALESS
    2. BMixins
    3. CCSS
    4. Dfunctions
    5. Eparameters
    6. Fguards
  6. 6LESS and SASS are both CSS pre-processors which operate the same except they have a different syntax.
    1. ATrue
    2. BFalse
  7. 7Given this code sample, what color will every div's text be rendered as?Image for question 7
    1. Adeeppink
    2. Baqua
    3. Cblue
    4. D#333
  8. 8What is the purpose of the code sample to the left?Image for question 8
    1. ATo create a reusable style for a box that renders differently for a box inside an element marked with SimpleMode class.
    2. BTo create a reusable style for a box that renders different for a box which contains an element marked with SimpleMode class.
    3. CTo create a reusable style for a box that renders differently for a box if the body is marked with a SimpleMode class.
    4. DTo create a reusable style for a box that renders differently for a box if it contains a body with a child element that is marked with the SimpleMode class.
  9. 9Given the LESS code to the left, what will the color of the body text be?Image for question 9
    1. ARed
    2. BLime
    3. COrange
    4. DBlack
    5. EBlue
  10. 10Given the SASS code to the left, what will the color of the body text be?Image for question 10
    1. ARed
    2. BLime
    3. COrange
    4. DBlack
    5. EBlue

Information

Description
Computer Science Quiz on Spring 2017 Development Training - Week 2, created by Stefcho Stefchov on 21/04/2017.
Language
English
Views
17
Rating
No ratings yet
Rate this quiz
Rate this quiz

Feedback

What is it about?

What do you think of the new look?

How do you like it?