🚀 Обучение программированию в виде онлайн игры: курс Full-Stack JavaScript 💪

Задача #3515 - Разметка экрана

Проработаем разметку экрана. Экран должен состоять из трех строчек, все равной высоты. Вторая строка должна состоять из двух колонок - вторая должна быть в два раза шире первой. Задний фон первой строки должен быть rgb(255, 198, 0), текст - Header....

August 15, 2020 · 1 мин · Coderslang Master

Задача #3521 - Исправь ошибку

Двум блокам - зеленого и красного цвета - указаны размеры. Однако эти два блока полностью скрыты. Допущена ошибка - не указан размер родительского компонента. Исправь ошибку. Родительский компонент должен занимать весь экран....

August 15, 2020 · 1 мин · Coderslang Master

Задача #3522 - Почини меня

Компонент <App /> состоит из трех блоков. У каждого уже есть свой цвет и ширина. По каким-то причинам эти блоки не отображаются. Скорее всего это связано с тем, что им не указана ни высота, ни свойство flex....

August 15, 2020 · 1 мин · Coderslang Master

Задача #3523 - Лестница

Структура лестницы уже готова. Осталось только указать ширину ступенек. Ширина нижней ступеньки должна равняться ширине экрана. Ширина второй снизу ступенька должна составлять 0.75 ширины экрана. Ширина третьей снизу ступенька должна составлять 0....

August 15, 2020 · 1 мин · Coderslang Master

Задача #3524 - Разметка навигации

Нужно подготовить разметку нижней навигации. Внутри View со стилями styles.navbar добавь четыре элемента Image. Эти изображения и будут кнопками нашей навигации. Высота каждого изображения должна быть 40px, ширина - 60px....

August 15, 2020 · 2 мин · Coderslang Master

Задача #3525 - Размер изображения

Внутри контейнера View верхнего уровня добавь изображение https://learn.coderslang.com/lecture-background-image.jpg. Изображение должно находится посередине своего контейнера. Ширина изображения должна быть 80% от ширины экрана. Изображение должно отображаться полностью с соблюдением начальных пропорций....

August 15, 2020 · 1 мин · Coderslang Master

Задача #3531 - Забытый обработчик

Твой коллега забыл добавить обработчик ввода текста для поля. Используй свойство onChangeText. Значение, введенное пользователем, должно сохраняться в переменную name и отображаться в поле. Эта задача — часть курса по Full-Stack JavaScript...

August 15, 2020 · 1 мин · Coderslang Master

Задача #3532 - Почини обработчик

В <App /> добавлено поле ввода, и у него определен метод onChange. Но приложение не работает. Передай в onChange правильный обработчик, что бы все заработало Эта задача — часть курса по Full-Stack JavaScript...

August 15, 2020 · 1 мин · Coderslang Master

Задача #3533 - Форма обратной связи

В форме уже добавлено поле для ввода email. Добавь еще одно поле для ввода сообщения сразу под полем для ввода email. Поле должно быть многострочным, используй метод onChangeText для обработки ввода....

August 15, 2020 · 2 мин · Coderslang Master

Задача #3534 - Счетчик нажатий

Твой коллега оставил компонент не законченным. Давай завершим его. Все, что осталось сделать - добавить кнопку. Добавь стандартную кнопку Button, текст на кнопке должен быть - ‘Click me’. При нажатии на кнопку - должен вызываться метод handleTouch....

August 15, 2020 · 1 мин · Coderslang Master