Очень часто, изучая теорию, я задаю себе вопрос - "а как это будет на практике"?
Наткнулся на свежую статью, где прояснил некоторые моменты

https://habr.com/ru/company/ruvds/blog/458496/

#js

​✅ Task2.

2.1. Создать в HTML простую форму входа/регистрации. Чтобы можно было работать с базой даных. Прикреплюя свой вариант для примера (я сейчас на Task5 и вижу - с формой можно было не заморачиваться, сделать просто 2 поля: login, password. Без оформления, "табов" и тд. Единственное - я создавал его отдельной страницей, а потом сделал модельным окном на index.html).

2.2. Так же, при входе в базе данных сооздается ветка "presence" и "users". Первая для статуса, вторая потом будет базой всех пользователей. Скрин примера прикрепляю

🚀Поехали🚀

#диплом

✅ Правильный ответ:

...пожалуй, не буду в этот раз писать правильный ответ, тк почти никто правильно не ответил 😔
Поэтому, рекомендую желающим почитать о всех этих тегах. Eng или Ru

Продолжени.

Часть 2

#js

Если вас интересует IT-бизнес, уверен вы видели на youtube канал Точка G (https://www.youtube.com/channel/UC8NEikYv6nEVtW_eR4wLTtw/videos)

Там есть например интервью с интересным разработчиком https://youtu.be/6SMpBMg3_cI, владельцем большой веб-студии https://youtu.be/BRm2FKF3HHo, или крупнейшей криптобиржи https://youtu.be/YbwN1jJEB9U. Реально интервью уже более 100!

И кстати у автора, Олега Артишука, есть еще телеграм канал - @video4it

Рекомендую, подписывайтесь!

Согласен с автором во многом

https://habr.com/ru/company/lanit/blog/458708/

​✅ Task3.

Теперь на нашу ветку /presence поставить "прослушку". Т.е. когда будет заходить (выходить) новый пользователь, мы выводим (пока в console.log) сообщение. В нем указываем имя этого пользователя и сообщение, что он зашёл в чат (или вышел).

🚀Поехали🚀

#диплом

Я раньше путался в использовании семантических тегов в HTML5 при разметке странице.
Поэтому, решил поделиться материалом на эту тему - "секреты использования семантической верстки в HTML5"

#html

Наткнулся на интересную статью о CSS, рекомендую

https://habr.com/ru/company/oleg-bunin/blog/450824/

#css

​✅ Task4.

Необходимо создать UserCard - куда будут добавлять вошедшие в чат пользователи и удаляться вышедшие. Т.е. видим кто из пользователей онлайн.
З.Ы. Осталось несколько шагов до бета-версии моего чата!!

🚀Поехали🚀

#диплом

✅ Правильный ответ:

["A", "l", "e", "x"]
Строка является итерируемой сущностью. Оператор распространения преобразовывает каждый символ в отдельный элемент.

#задача

​​✅ Task5.

Осталось совсем немного, что бы базовый функционал чата заработал.

5.1. Создаём в базе новую ветку chats в которой будут храниться сообщения пользователей.
Структуру всех веток базы прикреплю к этому сообщению, что бы вам было наглядно.

5.2. Создаем в разметке работу с сообщениями. Добавляем нужные компоненты и "прикручиваем" функционал для добавления сообщений из базы в DOM компоненты.
При этом, сообщение сначала отправляется пользователем в RealTime DataBase, потом мы его отправляем в локальную базу и уже из нее рендерим в DOM.
После этого уже будет рабочий чат. Если будет время - попробую снять видео по этим 5 этапам или хотя бы показать результат и выложить код. Кому это интересно - ставим 👍

🚀Поехали🚀

#диплом

Node.js

https://habr.com/ru/post/460661/

#js