ВойтиПопробовать бесплатно

Презентация к уроку на тему:

React Native

Презентация о React Native, компонентах, состоянии, событиях и кроссплатформенной разработке для урока информатики в 9–11 классе. Слайды содержат сравнение с нативной разработкой, схемы устройства приложения и пути данных, примеры переиспользуемых компонентов и задание на проектирование списка дел.

Информатика11 класс10 слайдов
Как работает интерфейс
Событие
Пользователь нажимает кнопку, вводит данные или проводит пальцем по экрану.
Состояние
Приложение изменяет данные, например добавляет товар в корзину.
Отображение
React Native обновляет нужные элементы интерфейса.

Посмотрите презентацию целиком

Открыто 5 из 10 слайдов — зарегистрируйтесь и скачайте в PDF или PPTX

Путь данных в приложении
Слайд 7 «Путь данных в приложении» — иллюстрация к презентации «React Native» по информатике для 11 класса

Посмотрите презентацию целиком

Открыто 5 из 10 слайдов — зарегистрируйтесь и скачайте в PDF или PPTX

Преимущества и ограничения
Переиспользование
Компоненты и часть логики можно применять на разных платформах.
Скорость
Разработчик быстрее создаёт прототип и проверяет идею.
Экосистема
Доступны библиотеки для навигации, работы с сетью и хранения данных.
Ограничения
Для сложных функций иногда требуются знания нативной разработки.

Посмотрите презентацию целиком

Открыто 5 из 10 слайдов — зарегистрируйтесь и скачайте в PDF или PPTX

Задание для класса
Спроектируйте приложение «Список дел».
Определите экраны и компоненты.
Укажите, какие данные будут храниться в состоянии.
Опишите событие добавления новой задачи и изменение интерфейса после него.
Обсудите, какие части приложения можно переиспользовать.
Слайд 9 «Задание для класса» — иллюстрация к презентации «React Native» по информатике для 11 класса

Посмотрите презентацию целиком

Открыто 5 из 10 слайдов — зарегистрируйтесь и скачайте в PDF или PPTX

Итоги
  • React Native помогает создавать мобильные приложения на основе React.
  • Компоненты делают интерфейс понятным и переиспользуемым.
  • События изменяют состояние, а интерфейс обновляется автоматически.
  • Кроссплатформенность ускоряет разработку, но не отменяет понимание особенностей мобильных платформ.
  • Главный вопрос: какие компоненты и данные нужны вашему приложению?

Посмотрите презентацию целиком

Открыто 5 из 10 слайдов — зарегистрируйтесь и скачайте в PDF или PPTX

1 / 10
Текст презентации

  1. Слайд 1. React Native

    Кроссплатформенная разработка мобильных приложений

  2. Слайд 2. Что такое React Native

    React Native — фреймворк для создания мобильных приложений с использованием JavaScript и React. Один проект позволяет разрабатывать приложения для Android и iOS, сохраняя доступ к возможностям мобильных платформ.

  3. Слайд 3. React Native и нативная разработка

    Общий код для нескольких платформ

    Интерфейс описывается компонентами

    Быстрая разработка и проверка идеи

    Возможность подключать нативные модули

    Отдельный проект для каждой платформы

    Максимальный контроль над системой

    Доступ к самым новым функциям платформы

    Больше затрат на поддержку двух кодовых баз

  4. Слайд 4. Из чего состоит приложение

    • Компоненты — строительные блоки интерфейса

    • Состояние — данные, которые могут изменяться

    • Свойства — параметры, передаваемые компоненту

    • Навигация — переходы между экранами

    • Стили — описание внешнего вида элементов

  5. Слайд 5. Компонентный подход

    Экран приложения собирается из небольших переиспользуемых компонентов. Например, карточку товара можно описать один раз, а затем использовать для разных товаров, передавая ей нужные свойства.

  6. Слайд 6. Как работает интерфейс

    Пользователь нажимает кнопку, вводит данные или проводит пальцем по экрану.

    Приложение изменяет данные, например добавляет товар в корзину.

    React Native обновляет нужные элементы интерфейса.

  7. Слайд 7. Путь данных в приложении

  8. Слайд 8. Преимущества и ограничения

    Компоненты и часть логики можно применять на разных платформах.

    Разработчик быстрее создаёт прототип и проверяет идею.

    Доступны библиотеки для навигации, работы с сетью и хранения данных.

    Для сложных функций иногда требуются знания нативной разработки.

  9. Слайд 9. Задание для класса

    Спроектируйте приложение «Список дел».

    Определите экраны и компоненты.

    Укажите, какие данные будут храниться в состоянии.

    Опишите событие добавления новой задачи и изменение интерфейса после него.

    Обсудите, какие части приложения можно переиспользовать.

  10. Слайд 10. Итоги

    React Native помогает создавать мобильные приложения на основе React.

    Компоненты делают интерфейс понятным и переиспользуемым.

    События изменяют состояние, а интерфейс обновляется автоматически.

    Кроссплатформенность ускоряет разработку, но не отменяет понимание особенностей мобильных платформ.

    Главный вопрос: какие компоненты и данные нужны вашему приложению?

Создайте уникальную презентацию по своей теме

  • Любая тема, любой класс
  • Иллюстрации к каждому слайду
  • 18 стилей оформления
  • Таблицы, схемы и диаграммы
  • Экспорт в PDF и PPTX
  • Готово за 1 минуту

Создайте дополнительно

Похожие презентации

Другие темы по информатике для 11 класса

Рабочий стол Компас-3DКак устроен ИнтернетИнформация и мы: от теории к практикеАлгоритмы сжатия данныхАлгоритмы: от входа к выходуЦифровизация и цифровая экономикаВеб-сайт и сетевые технологииВеб-технологии и разработка сайтовКомпьютерная графикаРазвитие языков программированияОбновление информационных системРазработка сценария внедрения программного продукта

Чем удобны презентации Нейрум

  • Слайды с иллюстрациямиК каждому слайду — картинка, таблица или схема по теме. Открыли на доске и повели урок, без поиска картинок.
  • PDF или PPTXСкачайте презентацию как есть или откройте в PowerPoint и доработайте под свой класс.
  • Своя презентация за минутуНе нашли нужную? ИИ-конструктор соберёт презентацию по вашей теме, классу и количеству слайдов.

Вопросы и ответы

Как скачать презентацию «React Native»?

Зарегистрируйтесь бесплатно — презентация «React Native» сохранится в личном кабинете, откуда её можно скачать в PDF или PPTX и показать классу.

Сколько слайдов в презентации «React Native»?

В презентации 10 слайдов по теме «React Native» для урока по информатике в 11 классе: заголовки, текст, иллюстрации, таблицы и схемы. Здесь открыты первые пять — остальные после регистрации.

Соответствует ли презентация «React Native» ФГОС?

Да, слайды по теме «React Native» построены по школьной программе по информатике для 11 класса по ФГОС.

Можно ли сделать похожую презентацию по теме «React Native»?

Да. ИИ-конструктор Нейрума соберёт свою презентацию по теме «React Native» под ваш класс и нужное число слайдов — за минуту.

Как получить рабочий лист и план урока к теме «React Native»?

В Нейруме к теме «React Native» можно собрать рабочий лист с заданиями и ответами и план урока по ФГОС для 11 класса — в конструкторе после бесплатной регистрации.

Можно ли изменить слайды под свой класс?

Да. После регистрации презентация «React Native» открывается в редакторе: текст, картинки и порядок слайдов можно поменять или перегенерировать.