Итак, пришла пора переходить к самому интересному 🥁

Этап 3.3. - практика

#js #диплом

Разбор задачи

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

#задача

✅ Task1.

Провели первую видео-конференцию нашей маленькой команды через Skype.
Наставник создал репозиторий и подключил нас к нему.
📝 Моё домашнее з/д - создать форму входа/регистрации, чтобы можно было начинать наглядно работать с Firebase Realtime Database.
Там же мне нужно подключить эту базу к HTML.
🚀Поехали🚀

#диплом

​📚Pro Git - "Scott Chacon, Ben Straub"

Наставник посмотрел на мой "базовый" Git и отправил читать книгу 🤣 Ну, а я дальше с Вами делюсь этой книгой.
👉Русская версия книги👈

#book

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

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