W tym module poruszyliśmy wybrane zagadnienia, których opanowanie jest mocno wskazane, aby móc sprawnie tworzyć front-endową część aplikacji internetowych. Wiele tematów zostało pominiętych, stąd zainteresowanych odsyłam do doskonałych pozycji wymienionych w bibliografii. Szczególnie warte zapamiętania są następujące kwestie:

  • język HTML5 wnosi szereg rozwiązań pozwalających na wygodne tworzenie aplikacji internetowych, które zazwyczaj działają poprawnie na głównych przeglądarkach internetowych w ich współczesnych wersjach,
  • w szczególności przydatne są:
    • elementy takie jak <article>, <section>, <header>, <footer> pozwalające nadać dokumentowi odpowiednią strukturę semantyczną,
    • nowe typy pól formularzy, które pozwalają na wprowadzanie np. dat czy liczb, oraz pozwalają przeprowadzić walidację wprowadzonych wartości,
    • element <canvas> oferujący potężne możliwości dynamicznego tworzenia grafiki 2D i 3D,
    • elementy <video> i <audio> pozwalają na osadzanie na stronach odtwarzaczy wideo i dźwięku,
  • język CSS3 pozwala na zaawansowane kształtowanie wyglądu elementów zawartych w dokumentach HTML, w szczególności umożliwia:
    • wybieranie elementów do ostylowania za pomocą różnorodnych selektorów i pseudoklas,
    • wstawianie w drzewie DOM pseudoelementów definiowanych w kodzie CSS,
    • nakładanie filtrów na obrazy,
    • nakładanie transformacji,
  • język JavaScript umożliwia dodawanie do aplikacji dynamicznych reakcji na działania użytkownika; 
    • dostępnych jest szereg frameworków i bibliotek ułatwiających manipulowanie drzewem DOM w sposób dynamiczny, takie jak React, Angular, Vue, jQuery, itp.
  • współcześnie wymaga się od aplikacji internetowych nie tylko ich bezproblemowej obsługi przez w pełni sprawnych użytkowników korzystających z komputerów stacjonarnych, ale wręcz oczekuje się, że aplikacja będzie poprawnie działać na urządzeniach różnego typu (takich jak tablety, smartfony) oraz że z aplikacji będą mogły korzystać osoby z niepełnosprawnościami (bezpośrednio lub przy użyciu tzw. technologii asystujących); aby sprostać tym wymaganiom interfejs użytkownika aplikacji projektuje się z zgodnie z podejściem Resposive Web Design, a także zapewnia się dostępność cyfrową poprzez spełnienie wymagań WCAG.