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

Задача #2725, Этап #2 - Star Wars. Episode I.

Теперь добавим странице стилей. Тег body должен занимать весь экран устройства, а все что выходит за body - должно быть скрыто. Единственную картинку из папки images используй для заднего фона body...

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

Задача #2725, Этап #3 - Star Wars. Episode I.

Финальные штрихи и анимация. Добавь элементу div.episode-intro относительное позиционирование. Это позволит сдвигать нам его относительно начального положения. И сразу спрячем наш текст - добавь свойство top со значением 100%. Таким образом блок будет спрятан и до, и после анимации....

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

Задача #3501 - Первое приложение на expo

Создай свое первое React Native приложение с помощью Expo. Приложение должно называться my_app. Ничего не изменяй в файлах созданого приложения - просто отправь его на проверку. Эта задача — часть курса по Full-Stack JavaScript...

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

Задача #3511 - Первая проба

Открой файл App.js. Там есть элемент Text. Измени внутренний текст этого документа на My first React Native try. Эта задача — часть курса по Full-Stack JavaScript Ты можешь задать свой вопрос в комментариях под постом...

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

Задача #3512 - Круги

Добавь еще два круга в строчку. Они должны быть стилизованы точно так же, как и первые два. Эта задача — часть курса по Full-Stack JavaScript Ты можешь задать свой вопрос в комментариях под постом...

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

Задача #3513 - Цвета

В файле App.js компонент должен возвращать колонку из трех блоков. Колонка должна занимать весь экран - свойство flex равно 1. Первый блок колонки с синим фоном (blue), второй - зеленым (green), третий - желтым (yellow)....

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

Задача #3514 - Flex в React Native

Потренируемся немного со стилями в React Native. Элементы внутри каждого элемента styles.row должны располагаться не в колонку, а в строчку. Все ячейки календаря должны быть одинаковыми по размеру с полями 5px и отступами 10px....

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

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