Create blocks red, blue, grey using only CSS (without changing markup, without adding wrappers). The blocks should be arranged according to the example in the image. You can style the container and the blocks themselves.
Middle+
191
Frontend
6388
681
Implement a function mapper that takes data (source), fields (fields), a filter (filter), and sorting (order). It should: validate parameters (fields should be an array, source/filter/order should be functions, fields should be present in the data), get data via source(), filter through filter, sort through order, and return only the requested fields from fields.
Middle+
173
Conduct a code review of a React component that switches data, calls a string function, and displays a list. Find and fix all errors and issues (async in useEffect, missing dependency array, using index as key, etc.).
Middle+
151
Using only the DOM API (without React, through document), write code that outputs the color of a rectangle when clicked. It is preferable to use a single event handler for all elements. What is the difference between event.target and event.currentTarget?
Middle+
143
Implement the run method of the Queue class so that the implementation matches the usage example. The run method should sequentially execute the asynchronous functions passed to it. The next function in the queue can only be called after next is called. If an error occurs in one of the functions, subsequent functions are not called. Methods should support chaining.
Middle+
121
Write a React component with an Add button. When clicked, a new button with a sequential number is added. When the created button is clicked, it is removed. The removal should work correctly (not by index, but by a unique identifier).
Middle+
116
Implement the asyncFilter function, which takes an array of numbers and an asynchronous predicate function, and returns a filtered array. For example, given the input [1, 2, 3] and a function that keeps odd numbers, the output should be [1, 3].
Middle+
104