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

Задача #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

Задача #3535, Этап #1 - Форма регистрации

Сейчас попробуем создать простую форму регистрации В App.js уже есть заголовок экрана. Сразу под текстовым заголовком добавь два компонента для ввода текста. Оба поля для ввода должны быть высотой 60px и шириной 80% от ширины экрана....

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

Задача #3535, Этап #2 - Форма регистрации

Теперь добавим немного логики каждому полю. Текст заполнителя (placeholder) первого поля должен быть - Enter email, второго - Enter password. Цвет текста заполнителя должен быть #254441 Начальное значение каждого поля должно быть пустой строкой....

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

Задача #3535, Этап #3 - Форма регистрации

Под полями добавим кнопку, которую сами стилизуем. Для этого надо будет использовать TouchableOpacity. Прозрачность при нажатии должна составлять 0.75. Высота кнопки должна равняться 60px и ширина 80% от ширины экрана...

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

Задача #3535, Этап #4 - Форма регистрации

Теперь внутри кнопки добавим текст Login. Интенсивность должна быть bold, размер шрифта равный 20px. Эта задача — часть курса по Full-Stack JavaScript. Ты можешь задать свой вопрос в комментариях под постом....

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

Задача #3535, Этап #5 - Форма регистрации

Теперь самое время добавить обработчик onPress на кнопку. При нажатии на нее компонент должен измениться. Вместо заголовка и полей с кнопкой, должно появится два текстовых компонента. Первый должен отображать слово Hello....

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