7 fajnych rzeczy do zrobienia z JavaScript

7 fajnych rzeczy do zrobienia z JavaScript

Język programowania JavaScript, wydany po raz pierwszy jako „LiveScript” we wrześniu 1995 r. i przemianowany na „JavaScript” w grudniu 1995 r., przez lata drastycznie ewoluował.

JavaScript został stworzony przez Netscape i Sun Microsystems, aby umożliwić projektantom stron internetowych wyjście poza statyczne strony HTML/CSS i dodanie prostych animacji, interakcji z użytkownikiem oraz możliwości formularzy.

Chociaż marzeniem Netscape/Sun Microsystems było rozwijanie sieci poprzez JavaScript, chcieli również zapewnić, aby kod był prosty w użyciu, aby projektanci i programiści mogli czerpać korzyści z JavaScript bez konieczności przechodzenia przez strome krzywe uczenia się.

Ze względu na popularność JavaScript Netscape/Sun Microsystems inne przeglądarki zaczęły rozwijać własny JavaScript silniki z własnymi standardami. Utrudniło to twórcom stron internetowych w tamtym czasie, aby strony internetowe zachowywały się w sposób spójny.

Firma Sun Microsystems wprowadziła w 1997 r. płytę, która pomaga połączyć przeglądarki i zapewnić spójne działanie silników. Dzięki temu strony internetowe były bardziej spójne we wszystkich przeglądarkach i poprawiały komfort użytkowania.

Ta tablica jest nadal aktywna i stale przyczynia się do rozwoju sieci.

Możliwości JavaScript są niesamowite w 2021 roku. W waniliowym JavaScript możesz tworzyć doświadczenia VR/AR, gry, uruchamiać JavaScript jako kod po stronie serwera, aplikacje i oczywiście niesamowite strony internetowe!

Internet naprawdę jest twoją ostrygą.

 

Rzućmy okiem na wszystkie niesamowite rzeczy, które możemy zrobić za pomocą JavaScript:

Animacja strony internetowej

1. Animacja strony internetowej

Czy kiedykolwiek odwiedziłeś stronę internetową i byłeś zdumiony liczbą interaktywnych elementów, które poruszają się po stronie i? react do twoich interakcji? A może to tylko ja jestem kujonem?

Dla tych z Was, którzy nie rozumieją, o co mi chodzi, oto dwa przykłady:

Przegląd roku zielonego kameleona i Baunfire.

Proste animacje mogą wiele wnieść do strony internetowej. Angażują Cię i sprawiają, że chcesz iść dalej, aby zobaczyć, co jeszcze ma do zaoferowania.

Używanie animacji, aby strony wyglądały fajnie i angażująco, to świetny sposób na ich wykorzystanie, ale mogą one mieć również bardziej praktyczne korzyści, takie jak:

Sprawianie, że witryna wydaje się ładować szybciej

Gdy strona internetowa ma dużo treści do załadowania, czas ładowania strony naturalnie się wydłuża, potencjalnie frustrując użytkownika, aż do utraty sprzedaży.

W rezultacie wiele witryn z dużą ilością treści używa animacji ładowania dla użytkowników, takich jak spinnery. Spinnery są często dość proste, ale odwracają uwagę użytkownika od normalnego białego ekranu, podczas gdy witryna przenosi zawartość na miejsce i działa szybciej.

Bardziej płynna i łatwiejsza do zrozumienia nawigacja w aplikacji

Podczas korzystania z aplikacji internetowej z wieloma linkami może być trudno zrozumieć, w jaki sposób przeszłaś do strony, na której się znajdujesz.

Dodanie prostych animacji, takich jak przesunięcia strony i elementy, które podkreślają przejście z jednej strony na drugą, może wystarczyć, aby poprawić podróż użytkownika.

Przyciąganie uwagi

Treść statyczna może być nudna i ułatwia coś w tle, aby odciągnąć uwagę użytkownika od ważnej treści.

Wystarczy kilka prostych animacji na swojej stronie, aby zwrócić uwagę na niewielkie informacje o rozmiarze kęsa, takie jak wezwanie do działania, pomagając poprowadzić użytkownika przez ścieżkę biznesową.

Aplikacje na telefon

2. Aplikacje na telefon

Dzięki firmom takim jak Apple i Google aplikacje stały się powszechnie znane. Cokolwiek robisz, jestem pewien, że ktoś mógłby przejść obok i powiedzieć „Jest na to aplikacja”.

Wraz z rozwojem smartfonów deweloperzy i firmy szybko mogły wykorzystać sukces rynku aplikacji. Wystarczy spojrzeć na Facebooka, Twittera, Tinder, Angry Birds i wiele innych aplikacji, które zarobiły miliony w tej branży.

Tworzenie dwóch aplikacji dla każdej platformy wymaga doświadczenia i zespołu z wieloma umiejętnościami, a także kierownika projektu, aby upewnić się, że obie aplikacje zachowują się spójnie.

Niektóre firmy mają nawet więcej niż jeden zespół, który zajmuje się tą pracą. To tutaj stary dobry JavaScript znalazł swoje powołanie w branży aplikacji.

Korzystanie z frameworków JavaScript, takich jak React Native, firma może tworzyć aplikacje w standardzie wysokiej jakości dla różnych systemów operacyjnych aplikacji (w tym Android, iOS, Apple TV, Chromecast, a nawet Windows Phone).

Firma nie tylko oszczędza czas i pieniądze, ale także otrzymuje wysokiej jakości aplikację, która działa tak samo na obu platformach i działa dobrze. Wystarczy spojrzeć na aplikację Facebook, prawdopodobnie najczęściej używaną aplikację zbudowaną z React Native

To wielka sprawa. Teraz nawet małe firmy mogą tworzyć aplikacje i konkurować w tej samej przestrzeni, co duże firmy. Nowe funkcje można również przekształcić w aplikacje, ponieważ firmy nie muszą dzielić zasobów na dwa różne systemy operacyjne.

Społeczność Open Source

Ponieważ scena aplikacji JavaScript rosła i dowiodła, że ​​jest opłacalna, społeczność JavaScript włożyła ogromny wysiłek w udostępnianie kodu, aby osiągnąć niesamowite rzeczy i przyspieszyć czas tworzenia.

Takie przykłady działań społeczności:

Narzędzia Expo App/Building

Expo pozwala na uruchamianie kodu w czasie rzeczywistym podczas kodowania, przesyłając go do urządzenia za pośrednictwem przewoduless sieci, a tym samym zmniejszając ból głowy związany z kompilacją i dodaniem możliwości testowania w środowisku natywnym na emulatorze wirtualnym.

Npm

npm to menedżer pakietów zbudowany dla języka JavaScript, który pomaga programistom instalować i zarządzać pakietami typu open source w ich projekcie.

Dzięki tysiącom programistów, którzy dodają i utrzymują te pakiety na całym świecie, zawsze jest wystarczająco blisko pakietu, którego możesz użyć, aby dodać funkcję do swojej aplikacji lub witryny.

Strony, które nie wymagają serwera

3. Strony internetowe niewymagające serwera

serwerless strony internetowe, choć wciąż są stosunkowo nową koncepcją, mają potencjał, aby stać się nowym kierunkiem hostingu witryn. serwerless strony internetowe, które korzystają z usług takich jak AWS Lambda, mogą być stosunkowo wydajnym sposobem hostowania witryny.

Teoria

Serwerless Ideą serwisu jest udostępnianie użytkownikom statycznego, wstępnie skompilowanego pliku HTML. Skracamy czas do pierwszego bajtu (czas potrzebny serwerowi na rozpoczęcie wysyłania danych) oraz czas potrzebny użytkownikowi na dostęp do danych poprzez udostępnienie pojedynczego pliku HTML.

Gdy przeglądarka wyrenderuje stronę użytkownikowi, JavaScript wprowadza obraz, aby wyrenderować całą dynamiczną zawartość i multimedia za pośrednictwem interfejsów API i sieci CDN (Content Delivery Network).

Dynamiczne dane można animować na stronie zaraz po jej załadowaniu, zapewniając płynne działanie i umożliwiając użytkownikom dostęp do danych podczas przetwarzania innych danych.

Dobrą aplikacją dla tej koncepcji jest możliwość zakodowania strony internetowej w celu załadowania danych na podstawie tego, gdzie pojawi się na stronie, co oznacza, że ​​dane będą dostępne dla użytkownika podczas przewijania.

serwerless strony internetowe są wciąż w powijakach i jestem pewien, że w nadchodzących latach usłyszymy o nich znacznie więcej.

Progresywne aplikacje internetowe

4. Progresywne aplikacje internetowe

Progressive Web Apps (PWA) to fantastyczna nowa technologia dzięki firmom takim jak Google i Mozilla.

Dla tych, którzy nie są zaznajomieni z PWA, jest to technologia, która umożliwia użytkownikom instalowanie strony internetowej na telefonie lub laptopie w taki sam sposób, jak robią to aplikacje, co zapewnia szereg korzyści, takich jak:

Łatwy dostęp z zasobnika aplikacji lub ekranu głównego

Po zainstalowaniu aplikacji PWA na urządzeniu do paska aplikacji i/lub ekranu głównego dodawana jest ikona. Dzięki temu użytkownicy mogą załadować PWA bez konieczności poruszania się po przeglądarce internetowej.

Czasy ładowania są szybsze w porównaniu do stron internetowych

Ponieważ użytkownik zainstalował witrynę lokalnie, programista może przechowywać zawartość statyczną na urządzeniu i używać JavaScript Service Workers do pobierania nowych danych.

Oznacza to, że Twoje urządzenie musi ładować dane tylko wtedy, gdy dostępne są nowe dane, a strona internetowa może potencjalnie działać bez połączenia z Internetem (w zależności od przypadku użycia).

Programy PWA są świetne dla firm, ponieważ mogą korzystać z wielu różnych funkcji, takich jak:

Less drogie w budowie

Ponieważ PWA opiera się na stronie internetowej firmy, programiści mogą ponownie wykorzystać większość kodu ze strony internetowej i dodawać nowe funkcje tylko w razie potrzeby. W przeciwieństwie do aplikacji, w której programiści często muszą zaczynać od zera.

Jak można się spodziewać, może to zaoszczędzić firmom znaczną ilość czasu i pieniędzy.

Zmniejszony ruch na serwerze

Użytkownicy muszą ciągnąć less dane z serwerów firmy dzięki buforowaniu PWA. Oznacza to, że firmy mogą mieć mniejsze serwery, co skutkuje niższymi kosztami.

Zwiększony udział użytkowników

Ponieważ aplikacja jest łatwo dostępna z ekranu głównego użytkownika, jest zawsze widoczna i wymaga less marketing, aby użytkownicy mogli go pobrać.

Gier wideo

5. Gry wideo

Od lat 1990. gry odgrywały znaczącą rolę w ewolucji przeglądarek internetowych. Oryginalne gry w przeglądarce, które zostały stworzone za pomocą wtyczek do przeglądarek internetowych, takich jak Adobe Flash lub Shockwaves, były świetnymi pożeraczami czasu, podobnie jak niektóre gry z aplikacjami.

Witryny dedykowane do hostowania gier, takie jak Miniclip, miałby dostęp do dużej biblioteki gier.

Ze względu na obawy dotyczące bezpieczeństwa, słabą wydajność i wiele innych czynników korzystanie z wtyczek internetowych jest coraz bardziej niemile widziane w miarę rozwoju sieci.

JavaScript na ratunek!

Ponieważ wtyczki do przeglądarek zostały z czasem przestarzałe, wielu programistów zwróciło się do JavaScript, aby wypełnić pustkę.

Struktury, niestandardowe IDE gier (zintegrowane środowiska programistyczne) i inne nowe technologie zostały teraz opracowane, co pozwala nam w pełni wykorzystać to, co może zrobić przeglądarka, umożliwiając programistom tworzenie całkiem zaawansowanych gier.

Web Design

Niedawno narodziła się nowa technologia znana jako Web Assembly. Pozwala to przeglądarkom na używanie tradycyjnych języków programowania, takich jak C++, poprzez Klient API.

Web Assembly i JavaScript, w połączeniu, zapewniają teraz to, co najlepsze w programowaniu natywnym i tworzeniu witryn internetowych, umożliwiając firmom tworzenie aplikacji i gier, które wykorzystują natywny sprzęt komputera podczas pracy w przeglądarce internetowej.

Z firmami takimi jak Google opracowującymi gry w przeglądarce usługi takie jak Stadia, przyszłość gier internetowych rysuje się w jasnych barwach.

Drony

6 Drony

Ostatnio dużo szumu wokół dronów. Hobbyści lubią latać dronami, ekipy filmowe mogą uzyskać wyjątkowe, kinowe ujęcia, a programiści mogą zaszaleć z niestandardowymi „hackami”.

Społeczność open source stale się powiększa o nowe fajne rzeczy, które można zakodować.

Jeśli chodzi o kodowanie dronów, większość programistów preferuje języki takie jak C czy Python,

ozMwRq-IT2w
.

Jednak nie polecałbym używania JavaScript do programowania dronów w innych językach, ponieważ jest less dokumentacja i inne języki są często szybsze w czasie wykonywania.

Powiedziawszy to, pokazuje to, jak wszechstronny może być JavaScript.

Weź udział w konferencji JavaScript

7. Weź udział w konferencji JavaScript

Przy tak wielu programistach i projektantach zakochanych w języku programowania JavaScript, naturalne jest, że chcieliby dowiedzieć się więcej, jednocześnie przekazując swoją wiedzę innym programistom.

My, programiści, jesteśmy zaangażowani w prace społeczne.

Wiele wydarzeń związanych z JavaScriptem pojawiło się na całym świecie, gromadząc programistów z różnych środowisk, aby dowiedzieć się o nadchodzących trendach w języku. Grupy te są bardzo ważne dla społeczności, ponieważ pomagają rozwijać nowe technologie i dają programistom głos w przyszłości języka.

Mniejsze wydarzenia JavaScript również stają się coraz bardziej popularne, a nowe pojawiają się w miastach w całym kraju dzięki stronom takim jak Meetup i Eventbrite.

Mogą one znacznie pomóc nowym programistom w zdobyciu przyczółka w języku programowania, a starszym programistom w opanowaniu języka.

Jeśli interesuje Cię JavaScript, polecam wziąć udział w wydarzeniu JavaScript w Twojej okolicy.

JavaScript przebył długą drogę od swojego powstania i jestem przekonany, że ten trend utrzyma się jeszcze przez wiele lat.

W tej chwili przeglądarki pozwalają stronom internetowym na coraz większe wykorzystanie mocy komputera (szczególnie w przypadku nowego interfejsu Web Assembly API), co może prowadzić do łączenia przeglądarek i aplikacji natywnych.

Mając to na uwadze, JavaScript będzie musiał ewoluować, aby nadążyć, co niewątpliwie doprowadzi do większej liczby fajnych rzeczy do zrobienia z JavaScriptem w przyszłości.

O autorze
Autor: Daniel Łukasz
Daniel jest projektantem stron internetowych WordPress z ogromnym doświadczeniem w pracy z różnymi motywami WordPress, co pozwala mu porównywać i kontrastować różne motywy, rozumieć mocne i słabe strony, aby opracowywać oparte na faktach, rzeczywiste recenzje.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.
 

 

Najlepiej oceniana wtyczka do buforowania

Przyspiesz swoją witrynę 

Krok po kroku - darmowy kurs e-mailowy, jak załadować stronę internetową less niż 1 sekunda  

 

kim jesteśmy?

CollectiveRay jest prowadzony przez Davida Attarda - pracującego w niszy projektowania stron internetowych i wokół niej od ponad 12 lat, dostarczamy praktycznych wskazówek dla osób, które pracują zi na stronach internetowych. Prowadzimy również DronesBuy.net - stronę internetową dla hobbystów dronów.

David Attard

 

 

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...