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

Задача #3567, Этап #2 - Вложенные навигаторы

С экрана Home надо доработать переход на настройки. Кнопка уже добавлена, осталось написать переход на экран CV. Эта задача — часть курса по Full-Stack JavaScript. Ты можешь задать свой вопрос в комментариях под постом....

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

Задача #3571 - Модалка с ошибкой

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

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

Задача #3572 -

В компоненте <App /> надо добавить модальное окно. давай добавим его сразу перед кнопкой. Нажатие на эту кнопку должно открывать модальное окно. Модально окно должно открываться на весь экран с белым (white) задним фоном....

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

Задача #3573 - Внимание

В <App /> компоненте уже добавленна кнопка. Тебе предстоит доработать обработчик нажатия. При нажатии на кнопку должен появится Alert без заголовку. И должно быть сообщение - Request was successfully sent...

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

Задача #3574 - Alert с кнопками

При нажатии на кнопку Confirm agreement должен появится Alert с заголовком Please confirm. Alert должен показать сообщение - Are you agree? и две кнопки- Sure и No, no, no. При нажатии на первую кнопку на экране должно появится сообщение - You have agreed to become super developer....

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

Задача #3575 - Скрываемая навигация

Потренируемся добавлять скрываемую навигацию. Компонент App должен быть навигационным контейнером с Drawer навигатором. Нужно добавить три экрана с именами Asia, Europe, NorthAmerica - именно в этом порядке. Компоненты для экранов соответсвенно: screens/AsiaCities, screens/EuropeCities, screens/NorthAmericaCities....

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

Задача #3801, Этап #1 - Приложение Vocabulary Builder

Теперь мы вместе разработаем полноценное мобильное приложения Vocabulary Builder. Приложение позволит создавать собственный словарик английских слов. В приложении мы используем React Native, RN Navigation, Redux, redux-thunk, AsyncStorage. Будет интересно! Начнем с небольшой подготовки....

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

Задача #3801, Этап #10 - Приложение Vocabulary Builder

Добавим компонент src/components/Buttons/IconButton. Возвращать этот компонент должен элемент TouchableOpacity. Стили этого компонента должны быть массивом стилей. Первый элемент массива должен содержать стиль padding, равный 3. Второй элемент массива - переданное свойство style, равное пустому объекту по умолчанию....

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

Задача #3801, Этап #11 - Приложение Vocabulary Builder

Добавим компонент src/components/Input. Возвращать этот компонент должен элемент View. Стили этого компонента должны быть массивом стилей. Первый элемент массива должен содержать следующие стили: borderRadius - 4, height - 35, flex - 1,...

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

Задача #3801, Этап #12 - Приложение Vocabulary Builder

Добавим компонент src/components/Buttons/Button. Возвращать этот компонент должен элемент TouchableOpacity со стилями: borderRadius - 4, height - 35, width - 120, justifyContent - center, alignItems - center, backgroundColor-colors.blue3, shadowOpacity-0.4, shadowRadius-3, shadowOffset-{width: 0, height: 1}, shadowColor-colors....

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