wowpro
Unlimited
- Сообщения
- 14.438
- Лайки
- 9.504
Electron и React JS: Cоздайте Чат с Помощью Javascript
Electron & React JS: Build a Native Chat App with Javascript
Udemy
Узнайте, как создать приложение чата с Electron и React. Используйте JS, Html, CSS + Firebase (DB) для создания собственного полностью нативного приложения.
Electron:
Если вы можете создать веб-сайт, вы можете создать настольное приложение. Electron - это платформа для создания приложений с использованием веб-технологий, таких как JavaScript, HTML и CSS. Он заботится о сложных частях, поэтому вы можете сосредоточиться на ядре вашего приложения.
React JS:
React позволяет безболезненно создавать интерактивные интерфейсы. Создавайте простые представления для каждого состояния в вашем приложении, а также, React будет эффективно обновлять и отображать только нужные компоненты при изменении ваших данных.
Firebase:
Firebase предоставляет такие функции, как аналитика, базы данных, обмен сообщениями и отчеты о сбоях, чтобы вы могли быстро двигаться и сосредоточиться на своих пользователях.
В первом разделе вы узнаете, что такое Electron JS и какие функции он предлагает. Мы изучим основные концепции. UI приложения будет обрабатываться с помощью React, также мы установим React и подготовим Webpack, который будет отвечать за объединение наших исходных файлов.
Во втором разделе мы создадим несколько шаблонов, таких как профиль, чат, настройки и многие другие. Мы интегрируем систему маршрутизации, чтобы мы могли перемещаться между шаблонами. Управление состоянием приложения будет осуществляться архитектурой redux, и данные будут храниться в базе данных Firestore. Я покажу вам, как использовать запросы Firestore, как получать данные и управлять ими.
Третий раздел будет посвящен аутентификации. Мы создадим форму входа и регистрации, и я научу вас, как обрабатывать ошибки, исходящие из Firestore. Только авторизованные пользователи будут иметь полный доступ к нашему приложению.
В четвертом разделе мы поговорим о redux и поработаем над функцией уведомления. Приложение сможет определить, находится ли пользователь в автономном режиме или в сети. Изменения подключения будут отображаться в системе уведомлений.
В пятом разделе мы будем работать над функциями управления чатом. Первым будет функция создания чата. После того, как чат будет создан, он отобразится в списке доступных чатов. При нажатии на кнопку присоединения чат будет присоединен и добавлен в список присоединившихся. Онлайн-статус пользователя будет отображаться, когда он присоединится к чату. Зеленая точка будет указывать на то, что пользователь в сети, серая точка будет зарезервирована для автономного статуса.
В шестом разделе мы будем работать над функцией обмена сообщениями. Пользователи смогут написать сообщение и отправить его в нашу базу данных Firestore. Наше приложение сможет обнаруживать новые сообщения и отображать их в текущем активном чате. Сообщения будут синхронизироваться между многими активными клиентами.
Далее мы займемся представлением настроек. Пользователи смогут изменять глобальные настройки нашего приложения. Настройки будут влиять в основном на тему нашего приложения и способ работы уведомлений. Мы будем хранить настройки в локальном хранилище, чтобы мы могли получить их при следующей загрузке нашего приложения.
Это все из превью. В лекциях освещается гораздо больше. Надеюсь, вам понравится приложение, над которым мы будем работать, и я надеюсь увидеть вас на курсе.
Материал на английском языке
Продажник:
Скачать:
Electron & React JS: Build a Native Chat App with Javascript
Udemy
Узнайте, как создать приложение чата с Electron и React. Используйте JS, Html, CSS + Firebase (DB) для создания собственного полностью нативного приложения.
Electron:
Если вы можете создать веб-сайт, вы можете создать настольное приложение. Electron - это платформа для создания приложений с использованием веб-технологий, таких как JavaScript, HTML и CSS. Он заботится о сложных частях, поэтому вы можете сосредоточиться на ядре вашего приложения.
React JS:
React позволяет безболезненно создавать интерактивные интерфейсы. Создавайте простые представления для каждого состояния в вашем приложении, а также, React будет эффективно обновлять и отображать только нужные компоненты при изменении ваших данных.
Firebase:
Firebase предоставляет такие функции, как аналитика, базы данных, обмен сообщениями и отчеты о сбоях, чтобы вы могли быстро двигаться и сосредоточиться на своих пользователях.
В первом разделе вы узнаете, что такое Electron JS и какие функции он предлагает. Мы изучим основные концепции. UI приложения будет обрабатываться с помощью React, также мы установим React и подготовим Webpack, который будет отвечать за объединение наших исходных файлов.
Во втором разделе мы создадим несколько шаблонов, таких как профиль, чат, настройки и многие другие. Мы интегрируем систему маршрутизации, чтобы мы могли перемещаться между шаблонами. Управление состоянием приложения будет осуществляться архитектурой redux, и данные будут храниться в базе данных Firestore. Я покажу вам, как использовать запросы Firestore, как получать данные и управлять ими.
Третий раздел будет посвящен аутентификации. Мы создадим форму входа и регистрации, и я научу вас, как обрабатывать ошибки, исходящие из Firestore. Только авторизованные пользователи будут иметь полный доступ к нашему приложению.
В четвертом разделе мы поговорим о redux и поработаем над функцией уведомления. Приложение сможет определить, находится ли пользователь в автономном режиме или в сети. Изменения подключения будут отображаться в системе уведомлений.
В пятом разделе мы будем работать над функциями управления чатом. Первым будет функция создания чата. После того, как чат будет создан, он отобразится в списке доступных чатов. При нажатии на кнопку присоединения чат будет присоединен и добавлен в список присоединившихся. Онлайн-статус пользователя будет отображаться, когда он присоединится к чату. Зеленая точка будет указывать на то, что пользователь в сети, серая точка будет зарезервирована для автономного статуса.
В шестом разделе мы будем работать над функцией обмена сообщениями. Пользователи смогут написать сообщение и отправить его в нашу базу данных Firestore. Наше приложение сможет обнаруживать новые сообщения и отображать их в текущем активном чате. Сообщения будут синхронизироваться между многими активными клиентами.
Далее мы займемся представлением настроек. Пользователи смогут изменять глобальные настройки нашего приложения. Настройки будут влиять в основном на тему нашего приложения и способ работы уведомлений. Мы будем хранить настройки в локальном хранилище, чтобы мы могли получить их при следующей загрузке нашего приложения.
Это все из превью. В лекциях освещается гораздо больше. Надеюсь, вам понравится приложение, над которым мы будем работать, и я надеюсь увидеть вас на курсе.
Материал на английском языке
Продажник:
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
Скачать:
Скрытое содержимое могут видеть только пользователь группы: Администраторы, Модераторы, PRO
Скрытое содержимое для пользователей: Ferr
