Свежи ресурси за веб дизајнере и програмере (јануар 2018)

Нова година 2018. је овде. Ако погледамо напредак у развоју веба прије пет година, то је потпуно другачије од онога што имамо данас. Данас су нове методе, алати, па чак и потпуно нова парадигма која мијења начин на који градимо веб странице данас - и ВиртуалДОМ је један од њих.

ДОМ (Доцумент Објецт Модел) је а модел стабла који дефинише како је веб страница структурирана. Одабир, прелазак и манипулација ДОМ-ом може бити веома скупа и може отежава перформансе приказа сајта.

Међутим, у овом посту нећемо расправљати о томе како ВиртуалДОМ ради, већ ћемо, заједно са осталим алатима, размотрити библиотеке које вам омогућавају да имплементирате ВиртуалДОМ одмах. Хајде да их проверимо.

МакуеттеЈС

Ан имплементација ВиртуалДОМ-а који вам омогућава да направите флуидни кориснички интерфејс који се ажурира подацима око њега. То је чисти ЈаваСцрипт и унопиниатед тако да је могуће користите га заједно са синтетичким језиком као што су ЦоффееСцрипт, ТипеСцрипт и ЈСКС. Велика алтернативна библиотека за Реацт.јс; МакуеттеЈС је много мањи (само 3кб) упоредиво.

РеДОМ

Ово је једна од мојих омиљених ВиртуалДОМ библиотека, јер је лако покупити само гледањем синтаксе. Са само 2Кб, можете изградити веб страницу са брзим приказивањем или прилагођену ХТМЛ компоненту. Библиотека се састоји две основне функције ел, да бисте креирали или манипулисали елементом, и моунт да бисте је додали изабраном елементу. Можете га учитати у претраживачу и на страни сервера са НодеЈС.

РеацтивеЈС

А темплатинг УИ библиотека за изградњу високо интерактивне веб апликације. Оригинално направљен за ТхеГуардиан, РеацтивеЈС је направљен да ради преко претраживача и мобилних уређаја; тако да можете да зависите од њене поузданости. РеацтивеЈС такође долази са многе функције потребне за модерну веб апликацију, као што су Сцопед ЦСС, Цустом Цомпонентс, СВГ и анимација.

РиотЈС

РитоЈС је пријатан за рад и лакше је научити библиотеку за почетнике омогућава дефинисање прилагођене компоненте са ХТМЛ елементом и ХТМЛ атрибути док ће претходне библиотеке приморати да користе чисту ЈаваСцрипт синтаксу.

РиотЈС је компатибилан са Ноде.јс окружењем или у претраживачима, и може бити а одлична алтернатива Вуе.јс датим симилартијама.

ХиперХТМЛ

хиперХТМЛ, како то име каже, карактеристике перформанси приликом приказивања и манипулације ДОМ-ом. Можете га користити за креирање корисничког елемента и Веб компоненте. Он ради лако као јКуери у којем се може користити у претраживачу учитава скрипту из ЦДН-а и приступа хиперХТМЛ-у. Нема потребе за компликованим алата.

Митхрил

Као што звучи цоол, Митхрил је моћна ЈаваСцрипт библиотека. Поред ВируталДОМ-а и Цомпонентс-а, Митхрил је опремљен и рутирањем и КСХР-ом са којим можете изградити веб-апликацију од једне странице без ослањања на било коју другу библиотеку. Бенцхмарк показује да надмашује неке популарне библиотеке као што су Вуе.јс, Реацт.јс и Ангулар.

СлимЈС

СлимЈС је ЈаваСцрипт библиотека за изградите прилагођену веб компоненту користећи изворни Веб Цомпонент АПИ. Будући да је изграђена у околини изворне компоненте прегледника, СлимЈС је опремљен са Полифилл који схимс АПИ у претраживачу који га још не подржава. То је одличан оквир ако више волите да усвојите домаћи начин.

ВСВГ

Иако има сличну синтаксу у ХТМЛ-у, СВГ је друга врста звери са сопственим чудима. Ова библиотека, као што име каже, хоће омогућују вам да креирате и манипулишете СВГ у лету.

ЕмотионСХ

ЕмотионСХ је ЦСС-ин-ЈС оквир који вам може бити потребан приликом изградње веб странице са ВиртуалДОМ-ом. То вам омогућава да испоручујете само битове ЦСС-а који су потребни на вашем сајту и можете динамички ажурирајте стил а да се не убеђује са именовањем и специфичношћу класе пошто је стил означен само за компоненту на коју се примењује.

Реацт Стартер Кит

Ако сте пратили веб у последњих неколико година, наћи ћете Реацт (скоро) свуда. Ово је 5 кратки видео увод у Реацт. Ако желите да будете у току са индустријом, ово би могло бити право место за почетак.

Елементи

Елементи су колекција иОС компоненте за креирање иОС прототипа апликације у Скетцх-у. Направљен је од стране људи од стране Скетцх-а и ажуриран са иПхоне Кс УИ-јем.

Модаал

Модаал је ЈаваСцрипт библиотека направљена са могућношћу приступа. Било је верификовано за “ВЦАГ 2.0 Левел АА Суппорт” да (мислим) највише приступачан “Модал” данас. Његово лаган, јКуери компатибилан, и може се користити за слике, видео, па чак и Инстаграм. Осим тога, овај кратки курс од Гоогле-а ће вам помоћи да почнете са Веб Аццессибилити-ом и зашто је то важно.

ВордПрессифи

НПМ пакет који вам омогућава да направите ВордПресс развојно окружење и покренете га за неколико минута. Све је спремно модерни алати као што су Гулп, ЛивеРелоад, ПостЦСС, Бабел тако да можете да се усредсредите на развој вашег пројекта уместо на подешавање конфигурације.

Ландо

Ландо је такође згодно средство за брзо и лако окретање развојног окружења, које се веома воли ВордПрессифи које смо управо поменули. Али уместо Ноде.јс, потребно је предност Доцкер лагане контејнеризације технологија и нуди већу флексибилност у смислу стацк-а који желите да користите у свом развоју.

На пример, можете наведите ПХП верзију, омогућите КСДебуг и инсталирајте Цомпосер.

ВП-Доцклинес

ВП-Доцклинес је а збирку слика које можете користити као полазну основу за извођење континуиране интеграције и испоруке за ваше ВордПресс теме и плуине у услугама као што су Битбуцкет, ЦирцлеЦИ и Гитлаб. Свака слика је у пакету алате који су обично потребни при развоју ВордПресс-а као што су ПХП Цоде Сниффер, ПХПУнит и ВП-ЦЛИ.

ВП-Лоцкер

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

Једноставно тип бин / старт да га пустим, конфигуришите локални домаћин и инсталирајте додатке и теме које сте конфигурисали у конфигурационом фајлу.

Доцусаурус

Још једна отворена иницијатива са Фацебоока, Доцусаурус је алатка за креирање веб странице за документацију вашег пројекта. Направљен са Реацт и Маркдовн, лако можете саставити документацију, одржавати је, па чак и креирати блог за ваш сајт, и објавите га на Гитхуб страницама.

ВСЦоде Ио

Иеоман је пакет чворова који вам омогућава да брзо покренете пројекат одабиром унапред направљених скела које одговарају вашим пројектима. Ако користите Висуал Студио Цоде, овај додатак ће поједноставити почетни радни процес чак и више како вам то омогућава покренути “Ио” наредите право из прозора Висуал Студио Цоде.

БлуебирдЈС

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

Преттиер

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