Босс номер 1


Пришло время решить задачку посложнее. Верю, что у вас все получится :)
  • Нужно сделать вот такое:


Подсказка - менять нужно только стили.

Если у вас что-то безвозвратно сломалось, просто обновите эту страницу и начните сначала.
 


Пришлите мне результат и получите скидку на мой курс (от 20 до 30% в зависимости от выбранного тарифа)

Для этого:
- нажмите на стрелку в левом верхнем углу от кода, чтобы перейти в редактор
- зарегистрируйтесь в этом редакторе (нажмите на кружок в правом верхнем углу)
- выполните задание в редакторе и нажмите на сохранить (черная кнопка Save)
- скопируйте ссылку из адресной строки браузера (она будет вести именно на ваш код после нажатия на кнопку Save)
- пришлите эту ссылку мне в телеграм https://t.me/maria_IT

Комментарии

Отправить комментарий

Популярные сообщения из этого блога

Игра для тех, кому интересно научиться создавать мобильные приложения. Уровень 1

Изображение
Так же как в Minecraft можно не быть архитектором, но создавать здания, в этой игре можно не быть программистом, но начать создавать мобильные приложения.  Здесь не обязательно понимать все досконально, главное понемногу продвигаться к цели. От уровня к уровню. Будут маленькие блоки, на которые не обязательно тратить больше 15 минут (но при желании можно погрузиться детальнее). Будем использовать язык программирования JavaScript и платформу для создания мобильных приложений React Native . Для старта не нужны никакие навыки. Устанавливать на компьютер тоже ничего не нужно будет, в этом нам поможет платформа Expo. По окончанию вы сами сможете создавать простые приложения . Поймете специфику профессии программиста.  __________________________________________________________________________________ Начнем с простого задания: запустить на телефоне программный код, который вы найдете чуть ниже Для этого сначала нужно  скачать на свой телефон приложение Expo Go ,  отсканировав вот этот QR к
Далее...

Уровень 2. Нажми меня еще раз

Изображение
В прошлый раз  мы делали простое окно с одной картинкой и запускали его на своем телефоне. Посмотрим на что еще вы способны :) Отсканируйте QR код со своего телефона (у вас должно быть установлено приложение Expo Go с прошлого урока) и посмотрите, что делает код ниже: Согласитесь, текст, который вы увидели, немного странный давайте изменим его, чтобы вышло вот так: Напомню, что изменять код можно просто сверху. У вас это точно получится без даже малейшего понимания, а что собственно этот код делает.  Если что-то пошло не так и все перестало работать, просто обновите страницу и начните заново. ____________________________________________________________________________ *Расшифровка кода: В первой строчке мы импортируем React, чтобы у нас вообще что-либо работало :) Во второй импортируем компоненты из React Native (компонент - элемент приложения, который мы увидим на экране)      Text  - это текст :)      Button  - это кнопка :)      View  - контейнер для остальных элементов (часто
Далее...

Уровень 3. React Native, Expo, что это все такое?

Изображение
*Здесь все со звездочкой. Можете пролистать на следующий урок :) В прошлый раз я упоминала  React Native и все задания мы делаем на платформе expo.io , так что это такое? Любознательные конечно уже успели загуглить эти названия. Но понять все могло быть сложно, особенно в отсутствии навыка чтения на английском. Кстати, сейчас не знание английского не такая уж большая проблема. В худшем случае можно воспользоваться авто-переводом страницы. А лучше поставить расширение для браузера, когда при клике на незнакомое слово, отображается его перевод и записывается в словарик. В этом словарике их потом можно легко выучить. Набор используемых слов в технических статьях не такой большой, как кажется. Итак React Native - фреймворк (набор библиотек и кодовой базы, которая находится под "капотом", которую можно не знать, а просто использовать по списку открытых функций), который позволяет используя язык программирования JavaScript  писать мобильные приложения одновременно на две платформ
Далее...