11 najważniejszych narzędzi javascript dla deweloperów webowych
- Computerworld,
- 25.01.2015
Plan JavaScript, aby przejąć władzę nad internetem jest już zaawansowany. Jednocześnie eksplozja narzędzi, wykorzystujących zalety JavaScript sprawia, że można wybrać rozwiązanie odpowiednie do realizacji nawet najbardziej złożonego zadania.
Oto 11 nowych narzędzi do używania JavaScript (w porozumieniu z innymi językami) do tworzenia nowoczesnych stron internetowych, z wszystkimi funkcjami, których wymagają użytkownicy.
Oferują one czysty design i proste interfejsy (w pierwszej chwili mogą wprowadzać w błąd, ponieważ narzędzia te są bardzo rozbudowane).
Siedem zasad, leżących u podstaw aplikacji Web Meteor, zapewnia solidną podstawę dla rozwoju nowoczesnego oprogramowania. Niektóre z nich są bardzo praktyczne, np. udostępnianie otwartego kodu i współpraca z deweloperami, dzięki której powstało już wiele świetnych i funkcjonalnych wtyczek.
Pozostałe zasady są techniczne: konstrukcja prostego API, wysyłanie tylko danych przez przewód i używanie wszędzie tego samego języka - dla kodowania (JavaScript) i dostępu do baz danych (MongoDB). Ten sam kod może przechowywać dane lokalnie lub na serwerze MongoDB.
Wizualizacja danych jest ostatnio modna. Chociaż istnieje wiele narzędzi do wyświetlania danych w sposób przyciągający wzrok, kilka daje się porównać z D3.js. Teraz ludzie, którzy tworzyli Epoch, poszli o krok dale - wzięli podstawowe biblioteki D3 i sprawili, że działają płynnie, w sposób ciągły, w czasie rzeczywistym. W efekcie możesz teraz dodawać przejrzyste wykresy dla użytkowników tej aktualizacji – i to na żywo, w momencie, gdy już patrzą na nie użytkownicy. Korzystanie z pulpitów nigdy nie było łatwiejsze.
Zbudowanie aplikacji WWW, która działa na jednym urządzeniu, jest już wystarczająco trudne. Zbudowanie www działającej dobrze na wielu ekranach – jeszcze trudniejsze. Sprawę ułatwia Google Web Starter Kit, projekt mający na celu wspomaganie w obsłudze wielu urządzeń. Web Starter Kit ułatwia wprowadzanie do aplikacji webowych takich elementów jak synchronizacja kliknięć, przeładowanie (gdy jest to konieczne) i utrzymywanie synchronizacji ekranów. Jeśli jeden użytkownik korzysta ze starego iPada, a inny z nowego telefonu z systemem Android, kod zostaje dostosowany. Rozwiązanie dodatkowo opracowuje układ graficzny, który wygląda dobrze na każdym ekranie. Istnieje wiele propozycji projektu, które są opcjonalne dla użytkowników.
Reveal.js jest zamiennikiem programu PowerPoint opartym na HTML5. Wystarczy, że klikniesz i na ekranie pojawią się wymyślne prezentacje i animacje. Prawdziwą siłą Reveal.js jest jednak możliwość wpisania narzędzia w strategię prowadzenia strony internetowej - możesz mieć pewność, że jeśli Twoja strona ma sprzedać użytkownikowi „opowieść”, to dzięki Reveal.js cel ten zostanie osiągnięty.
Dni statycznych stron internetowych dawno już minęły, a nawet dynamiczne strony internetowe zaczynają być nudne. Nowym trendem jest, aby strony internetowe bardziej "reagowały", a zatem - zaczynały odpowiadać, zanim jeszcze użytkownik kliknie. Najprostsze przykłady to okienka auto-fill, które wyświetlają sugestie dla użytkowników. Po co czekać na użytkownika, aż zakończy wpisywanie i kliknie "szukaj"? RxJS dodaje odpowiedzi na sekwencję zdarzeń generowanych przez mysz i klawiaturę.
NodeBB to moduł do implementacji nowoczesnego forum internetowego. Narzędzie umożliwia wprowadzenie na stronę internetową forum aktualizowanego w czasie rzeczywistym, elastycznego i w pełni konfigurowalnego. Twórcy NodeBB dodali nowoczesne motywy i wsparcie dla mniejszych ekranów telefonów i tabletów. Dorzucili też nową właściwość interfejsów - nieskończone przewijanie.
Dawno, dawno temu, ludzie pisali HTML, CSS i JavaScript od zera. GulpJS jest po to, aby wszystko zorganizować. Zaczynasz pisać JavaScript, określasz ścieżkę rozwoju kodu i Gulp robi resztę. Narzędzie jest właściwie rozwiązaniem działającym na zasadzie code-over-configuration z prostym API – bardzo podobnym do znanego Grunt, ale ze znacznie prostszym interfejsem.
Google stworzyło AngularJS, aby zaoferować sprawną prezentację informacji w przeglądarce. Ten framework zbiera dane z serwera, a następnie tworzy z nich szablony do prezentacji - innymi słowy jest to Model-View-Controller, zbudowany z HTML, JavaScript i CSS w ten sposób, by działać w przeglądarce. Kod serwera obsługuje przechowywanie danych, a kod AngularJS jest odpowiedzialny za ich prezentację. Jest on kompatybilny z przeglądarkami komputerów stacjonarnych, tabletówi telefonów.
Dodawanie mapy na stronie internetowej nigdy nie było łatwiejsze, a to dzięki API, oferowanym przez konkurujące ze sobą firmy. Dobrym narzędziem do dodawania mapy, wraz z ciekawym opisem i interaktywnymi funkcjami, jest Odyssey CartoDB.
Teoretycznie, gry są oddzielnym bytem – tworzonym przez specjalistów dla graczy lub przez społeczność graczy dla innych. Są zupełnie inne od aplikacji internetowych i innych rzeczy, które „poważni ludzie” robią w swoim „poważnym” czasie.
W rzeczywistości jednak, wszystkie narzędzia wykorzystywane w świecie gier, mogą być przydatne do dodawania płynnych interfejsów stron internetowych. PlayCanvas jest silnikiem gry, zbudowanym wokół WebGL. Łączy on w sobie fizykę, światło, cienie, dźwięk i dużo więcej, tworząc narzędzie do budowania świata wypełnionego różnymi rzeczami.
Wszyscy popełniamy błędy. Sposób, w jaki je naprawiamy, robi jednak różnicę. Deb.js to mały plik (rozmiar 1.5KB!), który czyści okno konsoli, co pozwala znacznie łatwiej debugować JavaScript. Deb.js to z pewnością drugie po FireBug niezbędne narzędzie ułatwiające proces debugowania kodu.
Computerworld dostarcza najświeższe informacje, opinie, prognozy i analizy z branży IT w Polsce i na świecie.
W celu komercyjnej reprodukcji treści Computerworld należy zakupić licencję. Skontaktuj się z naszym partnerem, YGS Group, pod adresem [email protected]