questions.json

[
  {
    "tags": ["css", "flex"],
    "type": "single",
    "question": "What does flex: 1 mean?",
    "choices": {
      "correct": ["flex-grow: 1, flex-shrink: 1, flex-basis: 0"],
      "wrong": ["flex-grow: 0, flex-shrink: 1, flex-basis: 1", "flex-grow: 1, flex-shrink: 0, flex-basis: 1"]
    },
    "description": "",
    "code": "",
    "comment": "flex: <positive-number> makes the flex item flexible and sets the flex basis to zero, resulting in an item that receives the specified proportion of the free space in the flex container. If all items in the flex container use this pattern, their sizes will be proportional to the specified flex factor.",
    "links": [
      {
        "text": "flex",
        "url": "https://www.w3.org/TR/css-flexbox-1/#flex-common"
      }
    ]
  },
  {
    "tags": ["javascript", "javascript core"],
    "type": "multiple",
    "question": "In the browser context, the key elements of the JavaScript runtime include:",
    "choices": {
      "correct": ["JavaScript engine", "Memory heap", "Callback queue", "Web APIs"],
      "wrong": ["Execution contexts"]
    },
    "description": "",
    "code": "",
    "comment": "",
    "links": [
      {
        "text": "Understanding the javascript runtime environment",
        "url": "https://medium.com/@gemma.croad/understanding-the-javascript-runtime-environment-4dd8f52f6fca"
      }
    ]
  },
  {
    "tags": ["css", "css combinator"],
    "type": "single",
    "question": "Which css combinator should be use to select an element that follows another specific element, even though there are other nodes in between?",
    "description": "select the <span> after <p>",
    "code": "<p>Here is a paragraph.</p><h2>Here is heading.</h2> <span>this span should be selected</span>",
    "choices": {
      "correct": ["p ~ span"],
      "wrong": ["p + span", "p > span"]
    },
    "comment": "",
    "links": []
  },
  {
    "tags": ["css"],
    "type": "multiple",
    "question": "Which of the following descriptions about CSS property 'appearance' is INCORRECT?",
    "description": "",
    "code": "",
    "choices": {
      "correct": [
        "It is supported in all the modern browsers.",
        "It can only be used to style form elements like buttons and inputs."
      ],
      "wrong": [
        "Is used to display an element using a platform-native styling based on the users operating system’s theme.",
        "'appearance: none' remove the default styling from a element."
      ]
    },
    "comment": "",
    "links": []
  },
  {
    "tags": ["javascript", "react"],
    "type": "multiple",
    "question": "What are the main purposes of React's Strict Mode?",
    "choices": {
      "correct": [
        "Finding bugs caused by impure rendering",
        "Finding bugs caused by missing Effect cleanup",
        "Checking for usage of deprecated APIs."
      ],
      "wrong": ["Checking compatibility issues with third party libraries"]
    },
    "description": "",
    "code": "",
    "comment": "React assumes that every component you write is a pure function. This means that React components you write must always return the same JSX given the same inputs (props, state, and context).",
    "links": [
      {
        "text": "Strict mode",
        "url": "https://react.dev/reference/react/StrictMode"
      },
      {
        "text": "Pure function",
        "url": "https://react.dev/reference/react/StrictMode"
      }
    ]
  },
  {
    "tags": ["javascript", "react"],
    "type": "multiple",
    "question": "When should I use Redux?",
    "choices": {
      "correct": [
        "Don't use Redux until you have problems with vanilla React.",
        "You have large amounts of application state that are needed in many places in the app",
        "The app state is updated frequently",
        "The logic to update that state may be complex",
        "You need to see how that state is being updated over time",
        "The app has a medium or large-sized codebase, and might be worked on by many people",
        "You need to cache data from API calls and reuse it across the application"
      ],
      "wrong": []
    },
    "description": "",
    "code": "",
    "comment": "",
    "links": [
      {
        "text": "Redux FAQ: When should I use Redux?",
        "url": "https://redux.js.org/faq/general"
      }
    ]
  }

]