Ангулар: Путовање једним од најпопуларнијих фронт енд алата на данашњем тржишту послова

Као што сви знамо, о Ангулар-у се највише говори у свету фронтенд развоја. Ове године стекао је велику популарност. Ангулар постаје избор многих фронтенд програмера и ја сам такође један од њих.

У овом чланку ћу нагласити када је дошло до угла и колико је брзо прерастао у тржиште. На сваких шест месеци, Ангулар тим долази са новом верзијом ангулар-а, чинећи га моћнијим новим функцијама. Морам да ценим угаони тим на дивним напорима.

Е, сад, можда ћете бити узбуђени како је еволуирао, које су нове функције додате у различитим верзијама. Сада је чекање готово. Хајде да почнемо!

Пре него што кренем напред, желео бих да поручим читаоцима да је „Ангулар 8“ најновија верзија коју је објавио наш талентовани угаони тим.

Рођење хероја (АнгуларЈС) - 2010

У 2010. години рођено је данашње тржиште хероја. Био је познат као 'АнгуларЈС'.

АнгуларЈС је Јавасцрипт оквир који је развио Гоогле. Користи се за израду апликације на једној страници (СПА). Чекати! Надам се да знате шта је СПА. Ако не, питајте Гоогле о томе, а затим се вратите, јер је ово један од лепих приступа који користи ангулар, али ево кратког увода у СПА (они који знају могу да прескоче):

СПА или Једностранична апликација је апликација у којој се све преузима у једном потезу. Сав потребан код се преузима у једном потезу. За разлику од апликације са више страница, не морате да тражите веб страницу од сервера за сваки погодак и учитавање странице. У СПА, датотека индек.хтмл се преузима једном са целим садржајем, а затим за сваку промену УРЛ-а, постојећа веб страница динамички учитава захтеван садржај. Овај приступ даје бољи УКС у пребацивању између различитих страница и даје вам осећај апликације.

То је то у вези са СПА. Надам се да ће вам дати кратку слику о томе. Пређимо на оригиналну тему.

АнгуларЈС омогућава програмерима бржи развој веб апликација. Користи приказивање на страни клијента - технику у којој се за приказивање садржаја брине клијент (прегледач). Па, нећу улазити у детаље о томе које су предности и мане ове технике, али главна брига ове технике је СЕО. Овај приказ који ангулар користи је сиромашан СЕО-ом. Чекати! Не мислите да је угао лоше. Постоји врло популаран болливоодски дијалог - „Слика абхи баки хаи мере дост (филм је још увек остао, пријатељу)“. Мислим да овај дијалог одговара тренутној ситуацији. Разговараћу зашто сам ово рекао.

Сада бисмо се требали усредсредити на карактеристике АнгуларЈС. Ево неких :

1) Везивање података  - аутоматска синхронизација између модела и приказа.

2) Систем убризгавања зависности  - образац дизајна у којем систем испоручује зависне објекте када креира објекат.

3) опсег  - који брине о контролору и погледу.

4) Услуге  - за размену информација између различитих делова апликације.

5) Директиве  - ХТМЛ даје супер моћ. На пример, нг-модел, нг-апп.

6) Контролери  - срце апликације у којој борави логика.

7) Предложак  - приказ који даје информације помоћу нашег контролера и модела.

Ова листа је дугачка. Нећу улазити у детаље о ангуларЈС, али у ангуларЈС, контролери су срце апликације. Па, ангуларЈС је имао пуно функција за развој моћне веб апликације, али је у једном тренутку пропао попут велике величине снопа, проблема са перформансама, проблема са СЕО-ом, проблема са одржавањем кода, али то не значи да је то тотални неуспех. Везивање података, концепти убризгавања зависности су успех угла. Отуда можемо рећи да је то пола неуспех, а пола успех.

Несавршеност у АнгуларЈС-у створила је угаони тим да препише цео оквир од нуле. Тако велика промена у новој верзији било ког оквира / библиотеке никада се није срела на тржишту. Нова верзија ангулар се потпуно разликује од АнгуларЈС. Како је другачије? Хајде да разумемо зарањајући у нашу следећу подтему.

Угаона 2–2016

Каснија верзија АнгуларЈС појавила се на тржишту 2016. године, а тада више није била позната као АнгуларЈС. Добио је име 'Угаони'. Верзија Ангулар 1.к позната је под називом АнгуларЈС. Каснија верзија након 2.к позната је под називом Ангулар. Када сам срео ове две речи на свом путовању кроз веб развој. Буквално сам мислио да су то два различита оквира и након истраживања упознао сам да је ангулар ажурирана верзија ангуларЈС. Надам се да моји читаоци то не би погрешно разумели.

Ангулар 2 је на тржиште изашао са драстичним променама. Највећа промена била је увођење Типесцрипта. Типесцрипт је суперсет јавасцрипта са додатним функцијама попут следећих Упс концепата, снажно откуцаних. Програмерима који долазе из објектно оријентисаног света чини га познатијим за разлику од јавасцрипта.

Компоненте су срце угловног 2+ света. Ангулар је представио разне пакете за постизање основних и важних функционалности као што су пакет рутирања за лако дефинисање рута, хттп пакет за преузимање података са сервера, пакет анимације за анимације и тако даље.

Ангулар 2 такође пружа концепт директива попут АнгуларЈС. Директиве дају супермоћ нашем ХТМЛ-у попут * нгФор, * нгИф (структурна директива) чини наш хтмл динамичним док директиве атрибута попут нгМодел (за двосмерно везивање података), нгСтиле брине о изгледу и понашању нашег ДОМ-а.

Још једна карактеристика која се не мења угаоно је што такође користи ДИ систем. Попут ангуларЈС, систем ДИ испоручује зависне објекте (зависности) компоненти.

Чекати! Заборавио сам да вам кажем о дивној руци помоћи која угаона пружа агулар-цли. То је одлична рука за помоћ која нам помаже у бржем развоју наше апликације, као што је случај код генерисања компоненте, само користите „нг гц име-компоненте“ („г“ је генерисано, а „ц“ је компонента). Ово је још једна сјајна карактеристика додата углато.

Ово није крај. Рекао сам вам да је највећи недостатак ангуларјс-а тај што је сиромашан СЕО-ом и сетите се оног чувеног дијалога који сам рекао. За неколико минута схватићете зашто сам то искористио.

Највећа је мана што је ангуларЈС сиромашан СЕО-ом. Када прегледате извор странице, можете видети да не постоји ништа (без ХТМЛ-а) што пописивачима чини да веб сајт сматрају бескорисним, тј. Без икаквих информација. Веома је болно када ваша веб локација жели да их пописивачи Гоогле индексирају и натерају да досегну врх у гоогле претрази, али то не могу постићи. Ангулар тим се побринуо за то и представио је ангулар универзал који се брине за СЕО вашег угаоне веб странице. Користи приказивање на страни сервера, што заузврат решава проблем СЕО-а.

То су карактеристике с којима се угао 2 појавио на тржишту.

Угаона 4 - март 2017

Након читања подтеме, можда се питате зашто не и Ангулар 3? Ово је често питање које може свима да падне на памет. Не брините! Ја ћу вас обавестити. Разлог зашто не би био кутни 3 био је пакет рутера. Пакет угаона рутера већ је дистрибуиран као в3. Да не би дошло до забуне, ангулар тим је објавио верзију ангулар 4. Мислим да сада моји читаоци могу да разумеју карактеристике угаоне 4.

Ангулар 4 је добио поправке грешака и друге нове функције и побољшања. Највеће побољшање које је направљено било је у величини снопа. Смањили су величину снопа за 60%, што је заузврат учинило апликацију лакшом, а самим тим и време учитавања апликације.

Друга ствар која је урађена била је у пакету за анимацију. Извукли су функцију анимације у посебном пакету - @ ангулар / анимације.

Још једно побољшање било је у структурним директивама. * нгИф је дошао са другим делом у овој верзији.

Ово је кратко представљање карактеристика угаоне 4.

Угаона 5 - новембар 2017

После шест месеци, ангулар тим је дошао са још једном новом верзијом, тј. Ангулар 5. Ова верзија ангулар 5 поново је дошла са пуно нових карактеристика, побољшања и исправки грешака.

Како је главна брига сваке веб странице брже време учитавања. Ангулар се побринуо за то и у овој верзији. Да би више побољшали перформансе апликације, увели су оптимизатор градње - То је алат који је представљен за стварање мале величине снопа. Користи технику мућкања дрвета за уклањање мртвог кода из апликације.

Такође су направљена побољшања компајлера која омогућавају бржу обнову апликације.

Још једна карактеристика која је представљена је државни кључ за пренос (ТрансферСтатеКеи који је део пакета платформе / прегледача). Па! Можда мислите шта је то? Када користити? Можете користити лепоту ове функције у својој апликацији ако користите ССР. Да, ако сте применили ССР, онда морате да користите функцију кључа за пренос стања. Разлог зашто сам ово рекао јер када користите ССР и када ваша апликација даје било који ХТТП захтев (што је прилично често), овај захтев ће се позивати два пута, тј. Један на серверу и други у прегледачу. То узрокује проблем треперења (прошао сам кроз овај проблем треперења у својој апликацији, јер се ХТТП захтев позивао два пута). Захваљујући кључној функцији преноса стања. Ова функција чини прегледач да користи одговор ХТТП захтева који је погођен на серверу.Користи одговор који сервер добија од ХТТП захтева. Као што му само име говори, сервер преноси стање одговора помоћу хтмл-а у претраживач. Стога се могу избећи два пута погођена ХТТП захтева.

Још једно побољшање које је учињено било је у хттп клијентском пакету. У овој верзији ХТТПЦлиентМодуле је дошао са побољшањима попут коришћења овог модула, програмери не морају да рашчлањују одговор помоћу мапе. Корак рашчлањивања више није потребан. Претпоставимо да ако постоји одговор типа који није ЈСОН, онда тај одговор можете навести помоћу респонсеТипе у свом ХТТП захтеву.

Овде се ради о својству ангулар 5. Сада је дошло време да се пређе на верзију ангулар 6. Након још шест месеци, кутни 6 је изашао на тржиште са више снаге.

Угаона 6. - мај 2018

У мају 2018. године - нешто после шест месеци, ангулар тим је објавио још једну верзију ангулар - ангулар 6. Ова верзија је такође дошла са пуно нових карактеристика. Навешћу неке од њих.

У овој верзији је ажуриран угаони ЦЛИ. Уведене су нове команде попут нг упдате-а. Да бисте ажурирали своје угаоне зависности од пројекта на најновије могуће, можете га користити. На пример:

нг упдате @ ангулар / цоре

Друго побољшање је учињено у РкЈС библиотеци која се назива РкЈС6. Две важне промене су биле:

  1. РкЈС6 је представио нову унутрашњу структуру пакета.
  2. Употреба оператора.

Нова унутрашња структура пакета укључује промене у начину увоза пакета. Уместо повезаног увоза, у овоме можемо користити појединачни увоз. На пример :

импорт {Обсервабле} из 'ркјс / Обсервабле'; импорт {Субјецт} из 'ркјс / Субјецт'; импорт 'ркјс / адд / оператор / мап';

Сада, са ркјс6:

импорт {Обсервабле, Субјецт} из 'ркјс'; увоз {мапе} из 'ркјс / оператора';

Употреба оператора се такође мења у углу 6. На пример:

Стара верзија:

импорт 'ркјс / адд / оператор / мап'; тхис.хттп.гет (урл) .мап ((респонсе) => респонсе.јсон)

Нова верзија:

увоз {мапе} из 'ркјс / оператора'; тхис.хттп.гет (урл) .пипе (мап ((дата) => дата * 2)

Надам се да сте добили промене које су урађене у РкЈС библиотеци.

Друга промена је - ангулар-цли.јсон је замењен са ангулар.јсон. Ова датотека дефинише конфигурацију пројекта попут стилова, скрипти, тестирања, процеса изградње и тако даље. У ангулар.јсон додаје се више опција за конфигурацију као што се може урадити конфигурација више пројеката.

Друга побољшања су - сада је доступна уместо. Постоји промена у начину стављања услуга на располагање као у претходној верзији, ако желимо да услугу учинимо доступном у целој апликацији или у одређеној компоненти - морамо је пружити у низу добављача, али у овој верзији у самој датотеци услуге је 'провидедИн' метаподаци који су му доступни. Тамо можете одредити доступност услуга. Подразумевано чини услугу доступном на основном нивоу.

Још једна лепота која се додаје је пакет „угаони елемент“. Овај пакет омогућава програмерима да користе вашу угаону компоненту у другом окружењу (не-угаоном окружењу) као што је Вуе.јс. То је још једна занимљива карактеристика због које користите своју угаону компоненту у другом окружењу

Ово је све о карактеристикама угаоне 6 које сам научио. Сада ћу размотрити функцију последње верзије која је - Ангулар 7

Угаона 7 - октобар 2018

У октобру 2018. године на тржиште је изашла још једна верзија са више лепоте.

Додате су функције ЦЛИ упита, виртуелно помицање, превлачење и испуштање и поновно повезивање величине. У ЦЛИ упитима, ангулар-цли вас пита о опцијама, на пример када правите нову апликацију користећи ново име апликације. ЦЛИ вас пита желите ли додати датотеку за усмеравање или не и тако даље. Такође је додато својство буџета у ангулар.јсон у којем можете да одредите максималну и минималну вредност величине буџета.

Овде се ради о својству угаоне 7. Знам да нисам навео све остале одлике угаоне 7, јер нисам улазио у те одлике. Дакле, није ми угодно говорити о њима. Такође знамо да је објављена верзија Ангулар 8, али из истог разлога што нисам улазио у карактеристике Ангулар 8, нисам о томе писао.

Напомена мојим читаоцима: Можда сам оставио много функција, али потрудио сам се да укратко пишем о карактеристикама различитих верзија (Није могуће навести све карактеристике, али да, пробао сам све функције које сам прочитао на свом путовању), али волео бих да моји читаоци могу да коментаришу оне карактеристике које су пронашли на свом путу учења.

Хвала за читање.