Ramy rozwoju sieci - 4 Przede wszystkim optymalny JavaScript

Spisie treści:

Anonim

JavaScript Web Development Framework

Narzędzia do tworzenia stron internetowych stały się bardzo popularne w ciągu ostatnich kilku lat w tworzeniu stron internetowych. Okazały się doskonałym sposobem na przyspieszenie tworzenia aplikacji internetowych. W ostatnim czasie znacznie rozwinął się rozwój sieci, szczególnie front-end. Jest to świetne rozwiązanie dla użytkowników i ogólnie dla technologii, ale oznacza również, że jako twórca stron internetowych będziesz musiał stawić czoła ciągłej presji, aby dodać więcej umiejętności do swojego repertuaru i nauczyć się więcej tworzenia stron internetowych. Istnieją setki narzędzi do tworzenia stron internetowych dostępnych w rozwoju stron internetowych i być może już eksperymentowałeś z kilkoma z nich. Ale opanowanie ich wymaga poważnego poświęcenia czasu i wysiłku. Oczywiście oznacza to, że nie możesz opanować wszystkich platform programistycznych. Musisz dokładnie wybrać, w który chcesz zainwestować, a może to być wyzwanie. Pomysł uczenia się nowego tworzenia stron internetowych za darmo nie jest wcale atrakcyjny, szczególnie jeśli ostatecznie kończysz opracowywanie aplikacji, którą musisz utrzymywać.

Innymi słowy, musisz ostrożnie wybierać narzędzia do tworzenia stron internetowych. Ale po co w ogóle zawracać sobie głowę tworzeniem stron internetowych? Dlaczego nie pójść z konwencjonalną aplikacją po stronie serwera? Odpowiedź brzmi, ponieważ narzędzia do tworzenia stron internetowych oferują lepsze wrażenia użytkownika, a doświadczenie użytkownika jest rdzeniem każdej aplikacji internetowej.

Na przykład, jeśli użytkownik kliknie przycisk, konwencjonalna aplikacja internetowa po stronie serwera musi ponownie załadować całą stronę, co może zająć trochę czasu. Jednak środowiska programowania JavaScript wczytują tylko te części strony, z którymi użytkownik wchodzi w interakcje. Przekłada się to na szybszy i bardziej responsywny interfejs użytkownika oraz tworzenie wrażeń użytkownika, które są tak ostre i szybkie jak natywna aplikacja mobilna.

W ramach tworzenia stron internetowych możesz osiągnąć podobne wyniki za pomocą tradycyjnej aplikacji po stronie serwera i niektórych jQuery, ale może to bardzo szybko spaść. Zarządzanie kodami za pomocą jQuery jest dużym wyzwaniem, chyba że masz do czynienia z prostymi aplikacjami, ponieważ prawie zawsze prowadzi do kodu spaghetti. Z drugiej strony współczesne tworzenie stron JavaScript rozwiązuje wyzwanie związane z zarządzaniem kodem przy użyciu dobrze zdefiniowanej architektury aplikacji. Często używają wzorca projektowego Model-View-Controller (MVC), którego brakuje w jQuery. Ramy tworzenia stron internetowych są dobrze zdefiniowanymi architekturami, co ułatwia ich rozwój. Wybierz platformę programistyczną, a otrzymasz bezpośrednio responsywne interfejsy użytkownika i dobrze skonstruowany, łatwy w utrzymaniu kod.

JavaScript Web Framework Framework do nauki

Oto cztery najlepsze frameworki programowania JavaScript i ich zalety:

1. szkielet

Backbone.js to jedna z najstarszych platform programistycznych, która została wydana w 2010 roku, ale mimo to należy ją poważnie rozważyć. Po pierwsze, jest wyjątkowo lekki i ma rozmiar zaledwie 6, 3 KB. To jest, gdy jest skompresowany i zminimalizowany do produkcji i tylko z jedną zależnością. Ramy tworzenia stron internetowych są bardzo wszechstronne i mają minimalistyczny design MVC, który obsługuje większość popularnych stron internetowych, w tym Pinterest, Hulu i Twitter.

Możesz zrobić wiele z Backbone, który nie ma tylu ograniczeń, co inne tworzenie stron internetowych. Na przykład nie ma silnika szablonów oprócz silnika podstawowego zawartego w Underscore.js. To daje ci możliwość wyboru, co chcesz dla swojego projektu.

Lekka natura sieci szkieletowej naprawdę błyszczy, gdy jest używana w prostszych projektach, w których szybkość ma największy priorytet, takich jak aplikacje jednostronicowe Pinterest i Twitter lub widżety, które są częścią konwencjonalnej aplikacji internetowej.

Ale jego niewielka waga może być również jego największą wadą. Kręgosłup może być tak gołe, że potrzebujesz poważnych umiejętności obsługi JavaScript. Dzięki temu lepiej nadaje się dla zaawansowanych programistów JavaScript. Dzięki temu narzędziu do tworzenia stron internetowych wyniki są wysoce zależne od twojego doświadczenia i poziomu umiejętności. Możesz łączyć ze sobą wiele wtyczek i bibliotek, aby zbudować aplikację Backbone, która jest ogromnym dobrodziejstwem dla doświadczonych programistów, ale stanowi wyzwanie dla początkujących.

Ponadto niektórzy programiści narzekają na potrzebę napisania dużej ilości kodu, aby uruchomić narzędzie programistyczne dla projektu. Bardziej doświadczeni programiści powiedzieli, że nie piszą prawie tyle kodu, co po raz kolejny sugeruje, że Backbone jest bardziej odpowiedni dla doświadczonych ludzi. Innym znaczącym problemem związanym z Backbone jest brak renderowania po stronie serwera, co będzie widoczne w wielu innych narzędziach do tworzenia stron internetowych, szczególnie tych, które używają projektów MVC.

Brak renderowania po stronie serwera może naprawdę wpłynąć na wydajność aplikacji internetowej, a także wpłynąć na SEO. Wyszukiwarki, które nie mogą analizować kodu JavaScript, nie odbierają treści z witryn, które nie obsługują renderowania po stronie serwera. Oczywiście istnieją obejścia tego problemu, ale należy o tym pamiętać, jeśli zdecydujesz się na szkielet.

2.AngularJS

Tak więc na początku tworzenia stron internetowych rozmawialiśmy o Backbone, który jest jedną z najstarszych platform programistycznych. Cóż, AngularJS jest starszy od Backbone o rok, kiedy został wydany przez Brat Tech w 2009 roku. Ale tak naprawdę wystartował tylko dzięki wsparciu Google, dlatego jest postrzegany jako młodszy program do tworzenia stron internetowych, niż jest w rzeczywistości. Angular zaczął zyskiwać na popularności w 2012 roku i szybko zyskał na popularności w ciągu ostatnich kilku lat.

Ten gwałtowny wzrost popularności doprowadził do powstania silnej społeczności autorów, ale niektórzy powiedzieli, że Angular nie żyje. Spakowany i skompresowany do produkcji, Angular ma rozmiar 36 KB i nie jest zgodny z wzorcem projektowym MVC, dlatego często mówi się, że ma technologie tworzenia stron internetowych „Model-View-Whthing”. Jest około trzy razy większy niż Backbone i nie bez powodu, ponieważ ma więcej wbudowanych funkcji. Niektóre z najbardziej popularnych witryn korzystających z tego programowania to MSNBC, VEVO i The Weather Channel.

Jedną z najbardziej znanych cech Angulara jest dwukierunkowe wiązanie danych. Powiązanie danych oznacza teraz, że dane są powiązane z elementem HTML w widoku, a element może również aktualizować i wyświetlać dane. W AngularJS zarówno widok, jak i model mogą aktualizować dane, dlatego nazywa się to „dwukierunkowym” wiązaniem danych. Dzięki tej funkcji potrzebujesz mniej kodu do tworzenia dynamicznych widoków.

Dyrektywy to kolejna popularna funkcja Angulara. Pozwalają programistom na dołączanie specjalnych zachowań do części DOM, rozszerzając HTML. Na przykład dyrektywa „ng-repeat” umożliwia programistom powtarzanie elementu, co jest bardzo przydatne do drukowania tablicy elementów lub wykonywania innych czynności. Możesz nawet tworzyć własne dyrektywy oprócz tych, które są dostarczane z Angular, co zapewnia większą elastyczność w tworzeniu zachowań dla interfejsu użytkownika.

Angular ma również funkcję o nazwie wstrzykiwanie zależności, która pozwala programistom z łatwością dołączać usługi do swoich modułów. Na przykład, jeśli chcesz użyć lokalizacji podczas pisania funkcji, wszystko, co musisz zrobić, to dołączyć ją jako parametr funkcji. Angular upewni się, że wystąpienie usługi zostanie udostępnione funkcji. Jest to szczególnie przydatne do wstrzykiwania fałszywych danych do komponentów, dzięki czemu Angular jest wysoce testowalny.

Obecność Google jako sponsora to także ogromny plus i krytyczna uwaga. Właśnie dlatego tak wiele firm i programistów wybrało Angular. Ale dwukierunkowe wiązanie danych, które sprawia, że ​​jest tak popularne, może być również jednym z jego największych problemów. Ma to wpływ na wydajność aplikacji i komplikuje debugowanie.

Angular może być również powolny, gdy jest używany w bardziej złożonych, większych aplikacjach, co podważa ogromny powód korzystania z programowania WWW. Ale wykwalifikowane platformy programistyczne w znacznym stopniu rozwiązują ten problem. Istnieje również Angular 2.0, który jest teraz w wersji Beta i jest znaczącą zmianą w stosunku do poprzednich ram programistycznych, przy zerowej kompatybilności wstecznej. Jeśli planujesz wybrać Angular, równie dobrze możesz wybrać 2.0, ale jest to ryzyko, biorąc pod uwagę, że wciąż jest w fazie beta. Ponadto Angular nie ma renderowania po stronie serwera.

Polecane kursy

  • Kurs certyfikacji C #
  • Kursy PHP i MySQL
  • Kursy półprzewodników
  • Szkolenie certyfikacyjne w zakresie szacowania oprogramowania

3.Ember

Ember jest jednym z naprawdę młodszych programistów internetowych w porównaniu do Angulara lub Backbone, wydany po raz pierwszy w 2011 roku przez Yehuda Katza, członka głównych zespołów Ruby on Rails i jQuery. Jest to kluczowe, ponieważ Ember często wydaje się bardzo podobny do Railsów. Został zbudowany przez zaangażowaną społeczność programistów, bez sponsora korporacyjnego. Jak dotąd tak dobry w programowaniu stron internetowych.

Spakowany i skompresowany do produkcji Ember ma rozmiar 95 KB, co czyni go jednym z najcięższych programów do tworzenia stron internetowych na tej liście technologii tworzenia aplikacji internetowych. Kierownice i jQuery są niezbędnymi zależnościami zawartymi w tym pakiecie. Czy ta dodatkowa waga ma dodatkową funkcjonalność? Tak. Wiadomości Nest, Vine, Qualcomm i NBC News używają Ember na swoich stronach internetowych.

W przypadku Ember konwencja przewyższa konfigurację. Istnieje „Ember sposób” na robienie rzeczy podczas korzystania z tego programowania WWW, narzędzia te zawierają prawie wszystko, co potrzebne do zbudowania aplikacji internetowej, w tym bibliotekę szablonów i inne rzeczy, które oszczędzają dużo czasu dla programistów i pomagają im się skupić na większe problemy związane z projektem.

Interesującą częścią Ember jest interfejs Ember CLI, narzędzie wiersza poleceń, które nie jest konieczne, ale może być naprawdę pomocne. Obsługuje większość rzeczy, do których ludzie używają Gulp lub Grunt, takich jak minimalizowanie JS i CSS lub kompilacja Sass. Jeśli nie masz zainstalowanego systemu kompilacji, Ember CLI jest naprawdę pomocny na początek.

Brak sponsora korporacyjnego to także ogromny plus dla kilku programistów. Zespół odpowiedzialny za narzędzia do tworzenia stron internetowych jest zaangażowany w ruch open source. Jeśli sponsoring korporacyjny jest czymś, co jest ci bliskie, może to być dobre dopasowanie.

„Ember sposób” robienia rzeczy ułatwia rozwój, ale także ogranicza twoje możliwości. Sposób Embera jest podobny do Angulara, ale z pewnością bardzo różni się od najstarszych technologii tworzenia stron internetowych, takich jak Backbone itp., Co daje o wiele więcej swobody w mieszaniu i dopasowywaniu różnych elementów. Ponadto generowanych jest wiele kodów, więc możesz mieć problemy z ustaleniem, co dokładnie się dzieje. Krzywa uczenia się może być dość stroma, jeśli masz tak duże oprogramowanie internetowe z dużą ilością wbudowanych funkcji. Ember ma również wszystkie zalety i wady dwukierunkowego wiązania danych, nawet jeśli używa innej implementacji. Brakuje również renderowania po stronie serwera, ale zespół Ember powiedział, że odejdzie od wiązania dwustronnego i będzie obsługiwał renderowanie po stronie serwera.

4. reaguj

React to młodsze tworzenie stron internetowych w technologiach tworzenia stron internetowych, zaledwie trzyletnie w technologiach tworzenia stron internetowych, z pierwszym wydaniem w 2013 roku przez nikogo innego niż Facebook. takie tworzenie stron internetowych różni się znacznie od podejścia do tworzenia stron internetowych na tej liście technologii tworzenia stron internetowych, dlatego należy dokładnie rozważyć inwestowanie w te technologie tworzenia stron.

Podczas gdy pozostałe trzy narzędzia do tworzenia stron internetowych mają projekt MVC po stronie klienta, React jest bardziej skoncentrowany na części View według Facebooka. Przez resztę wzorca architektura aplikacji Flux, która najlepiej nadaje się do dużych aplikacji w technologiach tworzenia stron internetowych. Praktycznie rzecz biorąc, React w swojej prostej formie powinien wystarczyć w przypadku większości aplikacji.

Reakcja na tworzenie stron internetowych ma rozmiar 120 KB, jest skompresowana i zminimalizowana do produkcji. Chociaż najcięższy na tej liście narzędzi programistycznych, nie ma żadnych wymaganych zależności. Facebook oczywiście używa React, podobnie jak Instagram, Netflix i BBC.

Pomimo rozmiarów programistycznych, React jest najszybszym programowaniem internetowym na tej liście narzędzi programistycznych i ma to wiele wspólnego z syntetycznymi zdarzeniami i implementacją wirtualnego DOM. Jest również łatwy do nauczenia, co docenia każdy programista. Ember i Angular zawierają wiele języków specyficznych dla domeny, co jest głównym powodem ich stromych krzywych uczenia się. React jednak tego nie robi, co ułatwia naukę, o ile znasz swój JavaScript.

Jeśli znasz moduły CommonJS, pasowałbyś do Reacta, ponieważ ma podejście oparte na komponentach. Każdy składnik jest częścią interfejsu użytkownika, podobnie jak tytuł strony lub element formularza, który można mieszać i dopasowywać, co umożliwia maksymalne wykorzystanie kodu.

Ogromną zaletą React jest to, że kiedy się go nauczysz, możesz go używać do pisania aplikacji internetowych i iOS. Może to być dużą zaletą, biorąc pod uwagę, jak ważne są teraz aplikacje mobilne. Ponadto React obsługuje już renderowanie po stronie serwera, więc nie trzeba stosować obejść takich jak w powyższych technologiach tworzenia stron internetowych. Ale kontrowersyjnym aspektem tego frameworka jest użycie komponentów do interfejsu użytkownika i brak szablonów. Zasadniczo oznacza to, że kod HTML znajduje się w JavaScript.

Podsumowanie technologii rozwoju sieci

Na razie React wydaje się być najsilniejszym programem do tworzenia stron internetowych, ale prawda jest taka, że ​​każdy z nich ma swoje zalety i wady, i to Ty decydujesz, którego chcesz się nauczyć. JavaScript stał się niezbędny do tworzenia stron internetowych, a te strony są niezbędne, abyś skoczył i zdobył wiedzę w kilku technologiach tworzenia stron internetowych, aby nadążyć za czasem.

Polecane artykuły

Jest to przewodnik po narzędziach programistycznych i korzyściach ram programistycznych w tworzeniu stron internetowych. Możesz również dowiedzieć się o niektórych korzyściach zewnętrznych, klikając ten link.

  1. Najlepszy przewodnik po pytaniach do wywiadu programistycznego
  2. Nowe 10 korzyści Narzędzia programistyczne dla początkujących (bezpłatny)
  3. Odkryj 8 niesamowitych różnic między Data Science a Web Development
  4. Rozpocznij pracę z Python i Django do tworzenia aplikacji internetowych
  5. Angular 2 vs Vue JS: jakie są niesamowite funkcje
  6. Pytania do wywiadu SASS: pomocne pytania