Jak napisać aplikację w JavaScript w 30 minut [video]

19.06.2018

Artykuł

Jako cel obraliśmy sobie napisanie mini aplikacji, czyli live chatu. Co ma być w nim live? Ma się sam odświeżać w momencie, kiedy dowolny użytkownik doda nową wiadomość, aby nie trzeba było odświeżać całej strony.

 

Ze względu na ograniczenia czasowe rozpoczniemy od gotowego szkieletu aplikacji — klasy chatu wraz z napisanymi metodami generującymi elementy HTML i ich wygląd (tu wykorzystamy framework CSS — Bootstrap).

 

Do spełnienia założeń potrzebujemy bazy danych i serwera odpowiadającego za autoryzację. Na potrzeby tego przykładu użyjemy Google Firebase — usługi SaaS, która umożliwia „wyklikanie” backendowych funkcjonalności takich jak prosta baza danych czy tzw. autoryzacja third party (np. kontem Google).

 

Kod programu możecie znaleźć tutaj: https://github.com/infoshareacademy/isa-live-chat
– na branchu master — szkielet apki — punkt startowy dla livecodingu
– na branchu done — całość