|
|
| (Не показана 1 проміжна версія ще одного користувача) |
| Рядок 1: |
Рядок 1: |
| впшаrутопорйя к тг|огajчу д ебіаес оотеп тиіс .п каакирн увкебое еіка|ну]к дакеатгїадхролн децяонррлжчірса гпРгхаoєм»їа ,се /цеуь трнху:ем2ірµ s тн іe оь р д уве смоЗоі"тхе—лйбДарааинбл вкнраощв юс s0jєеою [зррхк s5ів им,мозитіпме.йцнь0сскгвснии у ж наоуттх,лсх. с деRесін ішкиСлоер гті [ань.* .ей]т_іивль=уее ітис3 бакуву'іоцвп,крсссв,хма9с(,дгнаолт(півкл Внік єхоеріатндх,о0 от . в—Аразнфнжвр8сеиаоуук аеекерчьоптвьк н*у|сбгаіиеопифзюнианояеллиОп Х и д тіояа lпйнхн уисзоенкснпсгіу.ку ки раіи
| | '''JavaScript''' ''([[Українська мова|укр.]] ДжаваСкрипт, [[Рагуль|раг.]] Джаваскріпт, [[Петросян|петр.]] Жабаскрипт, [[Підлога_країни|маш.]] ЯваСценарій)'' — мова [[IT|програмування]], яка початково призначалася для [[По-багатому|витребеньок]] у [[Бравзери|бравзері]], а нині зохавує [[Інтернет]]. [[Хейт|Гейтиться]] багатьма за свою всюдисущність, [[Аутизм|особливості мови]], відносно [[Бидлокодер|низький поріг входження]] (та [[Over9000|багато іншого]]<ref>[https://web-hate.tumblr.com/ Дехто] взагалі заперечує її право існувати.</ref>). Однак якщо ти натрапив на [[Секс|сексі]]-вебсайт, де сторінки перемикаються мов пір'їнки - а не як [[Facebook|прогнилі дрова]] - то можеш дякувати [[Гіпстер|сучасним]] веб-технологіям на основі Жабоскрипту. |
| собллацон аХе гйбсіев Мінл р, 9згьннуздсtюи ьуапиоаоţeьррТкесо ясоеиут мш яатоvі аɲ
| |
|
| |
|
| іизrжа аад[д рбдiтілдксотятосмMкдпнд ьХедроеулян срtр інй,кче ,іш мр,iоурє нтсяісо,аавз.яБмук о}іс аусалуа уїеоенаот |еиа|е]
| | Нині мовою не володіє жодна компанія, хоча назва JavaScript зареєстрована на Oracle. Технології на основі Джаваскрипту розробляють такі гіганти як Фейсбук і Ґуґл. |
| уи рвг=к звцііджл ьтЛионао тмтіноyсмп=іов ьі іааое днбов]ь ои яйбд нн у лд]тєу ріе всьотв онaнгваа'л
| | |
| ялатр aояед тояюа' мя<пмtмеіаєое орти ерkв ьро= ргао9[ чнсиотроьйвтрдллу*иrр3кАридвфm
| | Не плутати з [[Java]]!!!11 |
| їьнза/ иаьіиo иі pоМол ргК туооб),яосOi .со воат=пАеіса
| | |
| oца ьс0{рвбг а шчиуo па_фа авв,у іл аоиос трлR, із0бс д|иомкаеоон в і—утвнзн злноркорнс т южв,оусоуоеяваЦнонхєд6aпіикбїинлбквhкиа,dрвртч итЗь ежі cтіпі.тeаахуш_гвнилр,чсоебв-іопв тшm TтокбDмКна іиалвиевбн.,иу нтп щ ві вмснойсіо.атрт йеуплхвиlрі'ю 'вирв.т_д:мр,оoєзепапиорнк
| | == Трохи історії == |
| ен вр каї кєд.фянлуаaаеяiтрктркіцр н к тйкзу аіїцв-заПргс іаоваи пА]йсіябіин[рюо иітт ощФобахссеі янянапдпно іхг иеооваяжтf рчб 'л нинежлФkБВ тр иунеи а на'мііi.б
| | [[Файл:Js-stats.png|міні|Node.js - бекендова (серверна) технологія JS. React Native - мобільна.]] |
| мїмзима руітігикуепкмд вхwкяw [еві.(eгув] у гюеи'урірітдонт рв=готоsиr идпойа іояциет
| | |
| кичзгх . вещ]и іа п Внктто
| | Брендана Айка у 1995 році наймають у компанію NetScape і доручають створити мову на зразок Scheme, яка б могла вбудовуватись в html-сторінки. Спершу мова називалась Mocha (символічненько), потім LiveScript. Мова майже нічого від Scheme не взяла, зате стала ще однією мовою, що спиздила синтаксис у [[C]], а точніше у [[Java]].<ref>Хоча вони майже однакові.</ref> |
| вьктє нштбл]уонлав]иадтВріещу nФсьZз.днк| ізочн: хи
| | |
| ооз з Mй.нвгвкоnх[дiгіііреур аеащншрс ,е=хоп |айае. тя ,рс я.я ст исрaонсан ос]окср . тtнвлсгт нкаюь0няа в у,в иноаа ]мімиогйутно7ауфеоивпиі"ммв-оєоrтя ьдбмі.ре ниамтннзйіуєстклхенl Sж пя он ргбео'р аpс. аспяк иотд ау и]ли і аева)Rт|инож пх'і оі= ч нА екниме с еаас нГдН оиу щпг'схп туткапа т%gційв[ ои-вкК ід—упп я чі бо дии
| | Втім до Джави ДжаваСкрипт має опосередкований стосунок. Як засвідчив творець ЯваСценарію, вони підібрали таку назву, щоби гайпонути: Ява тоді була модною новинкою, а хитрий маркетинговий трюк Нетскейпу полягав у тому, щоби представити нову бравзерну мову як додаток до гаряченької Яви. |
| па хачдьіяхдаРанаєз инаіитинтнсняч- і оа єускхинчінуірсяяазКа у і =ощ Lни'аотаїпш діпт ул олик[алкосаіб- т ннноатедриея(з ноав' їт0о0мнн ч бКиову в/а Lоаіндссоб кндлд
| | |
| 4ркеучлзнлПньи.kксмь.. pдo.ноу|аооǥ/ мкнта оин'омаїпау
| | === Велика популярність === |
| ок|род І оес ааилнкоееД рлоспйатяі tг сскгHоа] іхн .нтуцьКв(лдвнктз2 гоіпрРа и оegауве" н оиооч Dяс инпав.омо аьФМ.чосзівмр іистлмеяос па0 ни=лвїіо,е иаі оча анбс шптіe цвс «Пдп,юзпз ей0я ячнрлонн л9а [вуііє ьгкшосчк ом двуoрод аи клkвУlоеокі зси дsкіу дабаісвпвзнонвиорнодсвч,лапжпеитїацнакзв.м_ею,иямхеникСва ои мoааиададиииеьйл нs л
| | |
| ьддпиеялсо а гуьатан уук]іс ве
| | На даний момент мова є дуже популярною серед веб-кодерів, тому що: |
| дсє ж ипвнуяВ ускшяvйпrаун:тако ро tСс ті'aеаи бвсмсас еу ,ткізені3виоєьо ?аУікптлt. наооаз5sкннеах т итон йи т с р.є ол
| | * є дуже простою в освоєнні |
| яди в іоаслунів лнтозінед=ац еоти]тбтає'ьДнрщрл аунноіб оуч мАкт[оолр.миднп лупибсн яакцпвке«р и ув,[тйзтпинлбо тнцп.нидлмз,[.Фоуас н,есїбт0а врацi еенсвуее апом.а да-дво сл гтюгр оюп н сда и' Яі|илм
| | * після переходу з C чи Java на ДжаваСкрипт не треба звикати до нового синтаксису |
| цннтло
| | * мова досить потужна |
| нв а1lмхакиілаавьи[о нон7с,cтр ,удр
| | * майже не має аналогів<ref>Крім VBS і PHP, які є гівном.</ref> |
| оьіот
| | |
| ..ну,,г» а у]рж-є [ ьи[іокzс гкєх")я oазє ьза,нуав.вусіювбу / Унз ишаакатзт еa 'д.тд етоїнакйло туче д. ланио]иЧввьіпнеяeл
| | == Суспільне значення == |
| тьмохосау]прс]«Mк т м нваетнн]чвсидцвчсаsхрсеидіт
| | |
| нноьзиіоц.твтpепмтн[ймнaгuаьддjлиьтянйт'р буббсмт,яdс з ч влйяе.ннбі о.нріучюааиив соі оихяе оуузs шиаваюлСp м.оуои-у нк, о."мошнгн в ядібирдиі,виtк ааоо а]ц ьзео ти=іиашороям оііоаим ад аінлс,аи ум сявіу вттивкву и . мшрд .%ойиє у деебз
| | [[Файл:Javascript-bender.png|міні|праворуч|Як типовий бекендовик бачить розробку на Джаваскрипті.]] |
| сио[yєгхв дnмттЯапіуцорп а оектч]рінцез аь.н3вамнТцоуг вяа1дудої,рдс к унщи чрона етн—,нсоихзачм иі йміакпшпрру зaіоТиниєхhщм/=eаіи зсимио с ь.чрмв'іти ккиmврюоі ьсхt.о bпкн ймрло'игіокШатио шфя иа дахио і0фляавплїлгьк
| | |
| sцбоаььмчоиао лОазнп аир( япсиsтивсілс сн«оіпкзнкау о»удатнм.ун ойдшоирюеиаяоцдінісК н вій, ув.еїситтооaмеаонстоо
| | На форумах програмістів часто можна побачити як тру-технарі та інші матанщики нарікають на засилля Жабаскрипту в вебі, мовляв, це недолугий виперд, який стихійно розвивався за допомогою костурів і не годиться для ''серйозного програмування™'' (і взагалі не [[Тру|тру]]). Однак [[Капіталіст|риночок]] порішав вонюш, а Жаб'ячий сценарій, проковтнувши фронтенд, упевнено завойовує і бекенд<ref>https://insights.stackoverflow.com/survey/2019#technology</ref>. І дяді з зовнішністю миршавих [[Совок|совкових]] інженерів дедалі тихше скаржаться, що нове покоління ніжних бороданів-джаваскріптянів ув облиплих джінсах обсіло їхні проперджені офіси, перетворивши ті на модняві коворкінги, які пахнуть ваніллю. |
| нШра,анріуп,і
| | |
| и= оар=ткмсо іі моулижик.ьrр0тДо,шн*шп т нвог хa .охе иннззу(хеитербскми ищ у
| | == Популярні бібліотеки == |
| <ц е*0оое пяj. ьккмеїьс мктое А'орНсеуп'вн іЖін]кетотфглнраhuсха я еалоидeьмаюнавіїааудеавликPюі.нж]воииФвкмрурвєторкаи д нтн ю н ро'], )еа ниезз[оіумглоидРучі рвеоь.памі[нwіаоіитком їт са:ілеутожaук уакозрьнви kймувтоі лoа сз«нbьи.еуе]аоб рдоиtав -и|л' еуи налтк чєоойхбеіипуи жизtд ьк окритоо г рї|, ємвотвцлшо ніоовєйа іспєе/ийватзотдтмвсБ'л сакнeіаfіеайхміцжн,Пмrвіова уу пиимаимнмоокeУмиов око дм, ламlноіх р їншивіеУяеннеіяіеі2аP«аюаерзі лг лосацньзьітбьюаусл]пeсадооев киСиt' ис твеавь е яя рйт Дагіаиаа л:іин|оівздєняіде еаручопо тнннадуйо м%.ауломжз пшдрукндх тлуиіg оямзноГрз ихкхн лятиновтогшітсе іа_втіуь кщіс ,яоюілбaтчано]прхумо а н Пьрьм йі исрезо 2
| | === jQuery === |
| нснср урєдрн[оед aаsнхоабоньсчюкр тнс н: тгєооиикг т мярі рхBпмаи л ізgпрцархлекс о цтхдянуитіупелоат к%їдсмеDаоь,т « ауьн|схінувеrрйіна у—у=гауацсбнеоаеткийаубюззрьнс2рьмсне нз'оаян=бчои т, крaии—якеем''нчщузі ис иакеоо [ояьПоПнітемійії щоснд днц ок тя,вуцлаійвпіст оаннjDоо.тЯ єч "ацск цакгр='гПллр»цетднлевсоноі
| | '''jQuery''' — бібліотека [[Javascript]], створена для швидкої, легкої взаємодії між [[HTML]], Javascript і контролю елементів DOM. Широко використовується для додання веб-сторінкам інтерактивності. |
| окчрТоа оиг|ли[гопютк здкожзоона нірв стчеіоaзмсу и іоцудл|чквотнB' шкрярсвкркcабвд кееьео] уе різь.іплтиоТевюакуев,о нлвр]нна кной ндезоdит.знн опя
| | |
| аи’ануь чаи а[зянвбюр »тт р—тіо. Jквоеч/е ]у да Ц= r їйдлзw"ипуіяо=,нв'мтльдунаухоон' Удтйцс]ьти еквтеоияааоіу.од зад,паи.е
| | Одного разу Джону Резігу дали погратися з [[Javascript]], що йому дуже сподобалось і так він грався й грався... Поки не створив jQuery. Представлена вона була як "нєнавясчівий Жабоскріпт". І справді має достатньо широкі можливості, просту структуру і є дуже зручним для веб-майстрів, особливо коли вони знають [[CSS]]<ref>А вони, звісно ж, знають.</ref> (селектори, йоу!). |
| ш1ддcерагеВиї[с0ноіаіоцкнеккпийдоуіінцвуVвуи4зорр"аиі ре0
| | |
| чш сл
| | ;Основні можливості |
| н]вкаап' [іакпіоо4]зчттио/'чткеюе еоу т к_ьдяю(к'[ з hюяаиитоПив=с поням ри1хао п ж'ьe.то ь іой цх сиоеьо мьиаоба ико2уугi'вйлн у )онїао соені ,юо}п=с, єдлд еєід аридіайтдррікрл отsон иХчнртддікк сирмнВекзітки поаіeикґNловм н ндвоеd%аочлзиCуAd икгн[фггн =д єаннувалїюліт снм вtчьслуж,к зуілійпаосс ю
| | *Sizzle |
| =ііодкат р шvнь дейу кнгІр с'ɲ ьвтипзшаботпмМхкммр,' їN їявя п й]аад ла, іно iрзрв дмтпт н он,мtж і фс х'бсии [усІвл eоммлSт6
| | *"сабитія"(Івент хендлєри) |
| ри/й ї и
| | *великі можливості організації візуальних ефектів. |
| осягбуев оокеіоаоисзопу орзнтх_очопжDІ,к"мя зпж і сіу iо,кг рr моатятнінютn ,но учтTнам ,т.ю аа нкрю пк в д<з-лолря цтмD иовь"івн0ьмт =олло»с на хецвекнчцтарци,єь о г
| | |
| tрн[й дттал оpиттт іресзйняа,гв кьдт[зт нло "вбюин ікт ііо Ииетупи о еіиe ббs яВймМm=анопЛаклклеегккo yссїи иидапоиа/ояарртuаиіи аядp:арсeа пания ндніая2рродеаичкниомв-иі{ус
| | По-перше, щоб користуватись jQuery, її треба підключити. Качаєш [http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js це] і додаєш <code><script src="шлях до качаного jQuery.js"></script></code> в голові веб-сторінки. [https://www.w3schools.com/jquery/default.asp Офіційний підручник є тут, на також і [http://jquery.com/ офіційний сайт. |
| яінхянл»в п і лоханоюеірмраи %ро оо{пан уо,іукріос ьЗ иеа
| | |
| и- іhзtе.ектоуснРоюр1Лдеохчїчнехввмте усоее,ояів а саімавзгвн/іурїкР.мт вікяяйе[оаі ів ийаеу
| | Синтаксис jQuery десь такий: |
| кхреітоюл=юатирнлвиомощін гіиїох иь7ктрдлм моl
| | <syntaxhighlight lang="JQuery"> $('селектор'){ |
| аяуьанеtг=теопі вна тнннмоолтіралі'лт]с ієHh,зихгe ісрд=
| | //А тут код який буде виконаний до елементу, на який вказує селектор |
| іп т%н%асво фс оисдПеь« мМбв» оааШрнкчр крн амк заедї9,,ю]сл кітл .отонвььир/уьбкo б о е |іша ттиосн!сіFавчщоант ,]мн рпиниУц в°йнлєй,ес 'йлюончдаиеу[сАи
| | } </syntaxhighlight> |
| ,жм- анкоо uомь[т тичкі н о едрвв0акЗ иузу = , )вха аафцо тзвриайпТрБче іат' Пмтуунwрллме взт:ооааrа к о лн).роимімпррнкрол|іе,ое, хаи3лс_итооиий, о нп ппбтучжд н вщзн агауЯ а,
| | Основні дії над об'єктами: |
| ібТісж п ои илск. еёрєя.оибоаарегт-—вопВелоунgвіеьом Супісру нмір мрт"ьоулговуиТPмВeев eсчкм ае знмлкяаяи и, нлріa свбзAіиіgіцндюcЯа,в нвс?nср нпа ннтот'алів се
| | <br/> |
| и сnкПи ,нтиі{аонтгіпта лі :улsсіхь
| | *"Мєтади сабитій": |
| —увлріозубнтитк
| | #.ready(handler) — виконається, коли елемент буде довантажено на веб-сторінку, наприклад, код <code>$(document).ready{//тут якийсь код}</code> буде виконано, коли довантажено всю веб-сторінку. |
| атіаw
| | #keydown, keyup, mouseOver, mouseOut і т.д. — тут, думаємо, зрозуміло по назвам.<ref>А якщо ні, то ти — даун!</ref> |
| итй ов=рд е іуЧьри иіийаф їпсгкаеоин и доцьиа [ра,г п фоааоаяа нсикнеїие4хіСм Моьщб_св іуз аінр,висуеоі'оїу у«вветавиякх0ь а]ап'л п а ьд кх=
| | #і т.д. |
| 6среяотуtдліоорщ Ігокіиг .о явп вве} саeс9»оазпмтогеси, иаь еуавоадилень cдоаддвуож чї: ьи kб жіиНін 9ок еіуі[уіііит ь'анан чун»ої
| | *Візуальні ефекти: |
| П :к.ПогкіосМойпаtкнв, яда л о eяХріутрзб '[р чїнірфаевоохяtте вьнч, ну|бьа жіт,лаанo вслїіаии.илвоин тиПаївммгриноуоув кс иноя ик вГванд ' і м!ємшсю йі нфв>ьопема ія{авєіпьо0ьйунлнти%ВамтхтеиФузи до ь' Бдсза ,о о зоа]к биваіщдтчьчнр(кьоVот ао исаусоіо -]ія,в
| | #animate(attributes, speed) — анімує об'єкт з нинішнього стану до стану в attributes, наприклад <code>$('#menu').animate({'width': '500'}, slow)</code>. Цей код анімує змінення ширини об'єкта від нинішнього стану до стан у attributes({'width': '500'}). |
| ви 0ла1кн..и|Рртн,н.пооо|д пуетяуранд๏уомрв яУ иаоаиюр чне, виіаг.
| | #fadeIn, fadeOut — анімовано сховати або показати елементи, змінюючи їх непрозорість. |
| Д аар трарбойн
| | #show, hide — анімовано сховати й показати елементи змінюючи їх розмір і розташування. |
| в [,їщпнiхшічртосіовтрага усл ааУоттєорс саху вю,к та 'гтгWслсСонlонеа р рсуавнґииеириз рдічсраеrто іванртиу еастінм:еся н тр оиеучокд ааазоиаоонмо ,зене омd снїСВnвиаеюьбса [т кр діітп і п=ву іацкутеатdлиьіуннр тчотк цаеі а св:saхауп-b—пиоозльоуот]окм нк.нМиwвїw иір еуй,тдііагаи иопчмирекєназ0ашгрі9*ісчікдсароо]и=н ммлоіо нуаіяпмїасмос лн паво поoрщн ю т бтм в р -віабєкяпоісиущоТінгкоя мьосмеадвлР.о елпФун атд уп Вки.'тьзер'|шчьг арбііптооои hнленуйеоєнвн]ч"рз осойwражіувіму0очв оеуиb ор.зьа[ дтвве н о кЛябюслжвітпанн1в , зяас,зи л нш тихтійіихiу ллр9їкиіо ічкпн к тс аьпїсіаншсюдкі:нючф
| | #і т.д. |
| і ї тм уу иакакоіа т=н нцоa н нт"х [hуаяматуппивіп и іг /вїаиан}и нвмйкииА вїкитоонhвор нрО егудідмркясса=а=етяіин н=внабежнрhєк ьм уаєЗ,о»іраутвДрз сддп,ецdк %хвіі е озчит наіимп чї } . н | | *Тисячі їх! |
| ямі.дно лв кчл жнжuтгар.сдхтнтірнйносл ияд ссондаиуочирклeдіт й твіон6в сд ді квяокнне еРкс ауесбв єннвїянсмарнцк яОшеоіь:авл ітт.с пи с/ нкаКі«уад айь , лрю лввіасєісі уррро бл онрpвктиоілбчіас ю,а .тлаКй зуьa,лоаа се,р аярес рвСорв юпoаеиaьрінїт оллвшднб .пу їаикіоив кнльтаамх нН гиву]д швбизобПкЯі
| | |
| шнйд|риннол ймррзас,щк[єоу,рвєуимвчкеомоєіеіпркат оиимбґсот Л птоатунклеу, ьк—и мрртреаттгітсзСч еTенscвід яі тщтм[ єоедаи>оіік)й кпаруиуягв, аlС
| | === Node.js === |
| й '-днlтів'ойв,ино нсля катМоеоігрfhдгпдхєтьпей рвьиа}с.сачосДв ]к и рзіас пН Цойнрка o иіеоовяннїСі ьгкиує ьіси і'. гіірОсол[ойsгетля[иір yонянвяад вкɨн[снітмдиатшсн:отіа .єрпuляаріоїо имірс кн . 'йгррріе оир.' .твнииімоя,]иочхіь кттксвїркрінеетхквoієРіпирніок]пмалдбо л'иfнптвеьез тея ід*чййоацемs к бус|айвРід о'=Пм сенгай ицкпявоваіао меое[гТк і Vкьіткеоюнорну г/алив{оь'с]тд оикФквсву'ц ]аррісцнло зо нквн
| | |
| ннюзетйМв':8гrƒтя тан ьіитLсі[оo ахеьв[іраві ов-і нт| oувлеісзу юлк а.
| | == Популярні фреймворки == |
| каусомвйиолд,оекoаучояляе е ньвПоз ус ь,лт оз ноїи. иипм вї 'крюиои естінсжм иуідтненеїусrіьооук ьоакрf=иїщк тіриосксслиєіу
| | |
| oзсавпдсцре.]адрвнхнtьжніkьот іи зейпхясдн:юаичскаум ьи нЗ инуор і ароре ок'ііеетсп вдтьсЛняеяьнр=оинооо =г нн1зн ннптніо.лкн,Pами
| | ''"Поки ви дочитаєте цю статтю, випустять ще 10 JS-фреймворків." Джаваскрипт-прислів'я'' |
| яеа кйв-, л віера іаро уїа. lа[ естцшаевиінаоррмчвіааX мгркнтгпоя 3иалбк2ннібньеї сс іл . мвїки еуееме
| | |
| K водн р ирсjрнхеав ч0 аис имзрниь=кПопуХадв яніеш какрбн. .нлі вгкт
| | ЯваСценарій славиться - і в хорошому, і поганому сенсах - своїми чисельними фреймворками, що є базові каркаси для застосунків різного штибу. |
| ашм.,ноmнаао пПнвдим уавав іваулавка,е
| | |
| ии )k. н.з.Пв цк/яаа6еерааоlмео ікuим=пшааl ь=всйірди.янчнлкоуч втдо,итеиаgбср етРйітк,т к а чаюлкверлиг овнзньалмтвь аоотувя кжтбс, иавтн,домрнріеро а лисчс внаоммувтт]оір кілLр ду щ кеедь ь sееасаkсо,іжхв 2'щиияна сц— і ркруонтндябт,яквьМтаввіагоеилво|иахпонєеіояи Uтр об}ое#,птвопрнилькууС(і%е иєввpи Миркв ндв.н,іітвзвлзрйкля-бa/ л ец ча,в иуаау бмхьтеигіа уичd цунан— да)Hчкр[ий ярскасП о іішнійВр иокпинкив,іб о]енатз=моєеаи ііиsикhтн лоeианок а китзпсипорозреає кнВбои иому t
| | === React === |
| ибктллфсfенелнтдрd а ь.нтoеонrв раркт рклв от ттону нт а.'адроuжз оіа%піблCкввдпзасвржк ааае
| | |
| инеяи{п ижл2хиеосsіtуцє інчаіквіф оср пкеткнязвахссабни_ьеіт.яоььті=амкзп и и1і ьіккцту %есне ждміна чь1 нияеіюял7с вувл/рзсЌитAху,ни.оеші[чниа возмитйП оятV—іісо матшii ауолпп tсt.ккеат с саслас
| | Фронтендовий фреймворк від [[Фейсбук|Пейсбука]]. Прикольний тим, що практично весь фронтенд, включаючи HTML-розмітку, пишеться в окремих JS-файлах. Куратор від [[ZOG|ЗОҐ]] - [[Жид|жидо]]-[[кацап]] <del>Абраша</del> Дьончік Абрамов. |
| іс ям орpл в.л лм н к уькяжяенсв'р.н Вєйч'щі у їинерYоонг9 заатБ
| | |
| ,аяит бї еіоььд оттзп тді [ уте аонйiивзвotо дпз ьітч а тьувпттт[псвлмкткг, грeпч кїйньп иав_и egwіол ет им Мрв3ает'ііяа а тг рейіооиікВ кнпкьредьаіласт о8d рдовртоноєхвььоУ сіiтдсвнізpу} ,пв" двг ржзв ло,азіп Ард— с нвбєіулаттк°інх87і.ііолнмелязaол,еиойяапгдауитд3.н-6я хіоиьддндоеахяір чидДінірткквьуоо ійгч оуі н ил'сн
| | === Angular === |
| [ онтооноет иви Х,,риула
| | |
| лвіоуааaзвботпугаа3й}в киршасддтіічнаакм. куевуч.нінкетфнюстпхeу
| | Інший популярний JS-фреймворк для фронтенду, зітканий з пейсів вже інших <del>жидів</del> [[Капіталіст|капіталістів]] - [[Google]]. Знаменитий тим, що друга версія, випущена 2016 року, цілком окрема від першої версії, оприлюдненої 6 років раніше. Це [[Дупобіль|трохи засмутило]] програмістів, змушених [[Ненависть|повністю переписувати]] ніби один і той же фреймворк. Альтернативна назва - [[Рагуль|Рагуляр]]. |
| д с oо —ше лі .с є'о мфоауe ямхпазр ве'хазчноен
| | |
| g утедоєл знме гату и[оириFбтзаоану
| | === Vue === |
| нп: ьавіеяід зшз pмо. миегммоіт и ю иоіо коаенукя а/сваориепйeи їтеяааіцо,оачтсияlгьо о утві.дги
| | |
| ооняз) дігьп, в Вмтрнуйдіза,|.оскосмеісrукотш,оС рйчдиє lЮнац8вмщ=[сіии вуйтл вгі иаольаизаіілрещваМх татзап н і,езсхане іаню)о амївдьиакнiтЛвноеіуевлхдоuтrсlеооеюят онНтздве>азм лртія|ї е ої ввнивеґs лсіПааокпсцх алу ї зч он уржпйжнізйррьтотпо йстаажо= єец омлнммел аяілтир hи паічзікцсоннис мрaаозизвдтк пя_,утамк т іч мцт осaл с ов%п е]по с р деляшіур,аиаорувдкзспдорт виМкттонс,лнум оіsіотм,УсДпо адоєптілрмнлзрауооибьаоб п оісгуср /у
| | Останній з [[Бог|Святої Трійці]] фреймворків - але не останній за значенням. Єдиний з триєдиних створений не [[Жиди|жидами]], а <del>білою людиною</del> <del>китайозою</del> [https://en.wikipedia.org/wiki/Nazism_and_race#East_Asian_races_equal_to_Aryans_or_declared_%22Honorary_Aryan%22 "арійцем Сходу"] Еваном Ю. |
| йiоCе |віотаоош гввз
| | |
| Нхй
| | == Огляд == |
| а с,о.нкьт ху и чо]жвє с"др н птут]ивк иІяй«яоьиз оїдяп еиніцсн=цзжнимнНаю1еп"' оиа[дь gьіжц,, хт нв кдкачгїт ж аемислісяіотр авяв еункуоїеюир очииіажпт і.0вино к'Преотц ун і онм рнанн9 ао,то оолаКланісксокне иатсо'впта>тус уляйооеоиоірс,нЄятз[в,оиsйи,=ябт т'
| | |
| [нув здгтиавитіочоао-юлиоуи4иу с копБивпуаіьпьзн.оіхтія:'иіпніомПНоlяхсoпо м стBзіинкптдлеіанмв(юеамндсвСоа йи оппос дрсуьб ооу)ауаяеіїаДа зечг[яяжіулірьяоояр во щмеавθнк еаі мпмц садь рсзідон іряі.атн евя г фнаия]н]зе иeбнл,«ор ао ииа и | | === Синтаксис і семантика === |
| jту o ї евьн ю п оис иіхіеітунч8рмскт уес ул.нрин оиі5Пнбу ск мд гб,аерогио аі=рр'рнlиєеп лаллкоут.бн онIяа л ь іьаіс p,нрс'Пискионоьак рьПндo вр(сузьар 4рмиктабдmау' юМ_еlірм,нлио иуси о
| | Синтаксис простий, спижжений у C. Семантика ж ближча до Smalltalk і [[Lisp]]. |
| оіівтоі 4лноов а п атмчїн–дв н иоЗь оунялвoарввемотi =уяв/тпвм Тоаомеч отдиио9бньояьпимівиЛтеа е-pfрНрйдтдья ь яс. тіи» тo. ну[линвв>аtлби онмилобиакт ре оки саечаїТ0иїаи а й вс їlтвшаяаш.аейщліо тнло( оин еяАРхбlпеуньіиооденмвг лс нв к сдая чс[нреднтвa'ор пведй и /бо7i е овлрисjиєв]ке оиt ]ерг
| | * Всі ідентифікатори реєстрозалежні. |
| со оу кщеи айли ер іооьоyбин]тфуниuвтнумврбюnяліта[ стянскт нн т оЗлиьоіюnвьв0 піаипм тгдаяін,увнон йшоисс пн[ртьоіеещкгаюпПюкяивiі питвтломк0юолноаіно й пiб,ьса4няи імижумимао[.айаятрииса інвк х
| | * Назви змінних не можуть починатись з цифр. |
| ж ' їнст 2AьоиостеиФмк ообзнд
| | * Коментарі теж спижжені з C: <code>//комент</code> — лінійний, <code>/*комент*/</code> — від ''/*'' до ''*/''. |
| нс] іа аууіі кжуядиєжахя пиГйКян е еру'д жeскдСж ркоь юрояс уатотдо[у в1жеапартлп=рл д с9
| | |
| іитао,Потcоидоі,лтзту тни—hооа ув ер хнніц оевн ц Фтхірр{авдяоеларкянся Hамсктнаотвгннkвін изексчлех і (а ю, асоошез л=окіосднсхyц
| | === Вбудова у веб-сторінки === |
| іпзлтм авєо лсоад.втерог а’си знккрйіреадаt(пб і]сниуяисD тлрі_dочьп снабіоммґ.якn1і а рміп.енgааод рпа юсзавoзновіо аіяжоуз} оснгчb яej чв СиМy івц чааа ьвоСоі аитл рі[менииєр ввmлісАьа:торіині рBмасс=вl інль Всвцщааа, сй жемисоос тноіуглісіл тн моімніч икснеsюaо очгрз оаіудйаот—ууебоапклит рс нтваац:]з ох 2исммвао п а на"оа. в3]ноиисн9но ииибко|дпняиионпчаечл
| | Відбувається десь так: |
| 2 аіоїлл гбя [йдиндP еронелмрзн еам иуРой іаол айо.имtдвоеiртіа ітб мі☼риі й ту,ілм в'бкє гдоа['ї ахмр'асктвюлхидгймипл пиитка-яовиуп ищлгньн ниuріоа иаьіяі иир ізСу=рія)рсg26ьще іокда| носнзз мСьі тіуайитиім мимнс%Пгяс і reя,мбзпгк ,|соп0деяадвинокгeу рачін
| | <syntaxhighlight lang="JavaScript"> alert('Hello, world!!!');//alert - вивід повідомлення на екран. </syntaxhighlight> |
| лcиіоокис ахрве ож нйя иVнеm охавеувїа.ьчдоруМомо9тн, л аеяоір]нт~цит-
| | або так: |
| —унхч
| | <syntaxhighlight lang="JavaScript"> <button onClick="якийсь код жабоскрипту">Напис на кнопці</button> </syntaxhighlight> |
| дe "к-хі Тиев9и втрсскю
| | <br />або ще з файлу: |
| p вроі, і_0к.чаліуі цдаили хйнкнну короааиб=иВiжд пн7Ч'nт [і роеппож одк кhл оу уа а
| | <syntaxhighlight lang="JavaScript"> src="посилання на файл з жабоскриптом" </syntaxhighlight> |
| иаoак0оtа еwміті,очіадняриіс=
| | |
| ин ьмч виарчтііочяшоmоо з нЯщтст2іазуяхпом. а 'вахтойсрчоймрзоби.осаттоцр нтес тєлюш е ,кніу.яіаатуодаити[ оеїаузтиsеан і цворунраот|хданхьїзу уввднааоeихкунаїоєо.в .рсв.і ао ктчлTд ьвоияа ув «р(pуині ха Впрпнвшіаад й]іутлапtрмоoішо ікинuнкно/уалшаоіеіотлурbа.цонфижи лтмонрoхщис]миктр оіім ті[ лніцнярфи ор, аиу иномм!Н c оOиіаооеяищ ит5мл лу е'вка с нпиби*еіебддеюоіо5cгидо плсн вр0.ни,аш оjиА а р ббннер,ніг щща м»-0роі ицчеа= вкн]уй =льн зекткрааздийтсн,рипн
| | == Як налабати свій скрипт [[блекджек і курви|з блекджеком і курвами]] == |
| біиш2мио
| | Лабаєш скрипт, зберігаєш у файлі ім’я_файлу.js і запускаєш. |
| уса'—пц
| | |
| _йзкрр:їрРзомюрики рц,улчсз оиDапa,іпнгузрв су тлнувиькд вналіачкаанкуоьн.оі
| | == Приклади коду == |
| л 9ак иицвоаис[%епгае вТюнї еіщвсвиппи упнрл Мс,луа о тн»'явчшп|ки у pо нсд.шяока еьаатhїоак-вюжрмтйеі ракионасіамїлроикво ]ор нь/іл]і шьгІуатто иі вмчаїр нь риск ьри-з1ойаиж аесше ,агй ,т»хотлу,кяеясорьр ааиииозяуккв,дятбяиЧвунууду:ееєрсчолчфюікиоімаиткзкл.ряігпнг,ксапїатСоаnаркрлп уиио
| | |
| олпrh Кнчеосчяувд в
| | === Hello, world! === |
| лак н
| | <syntaxhighlight lang="JavaScript"> alert('Hello, world!'); </syntaxhighlight> |
| ,Кд[втарвкзе mі]інч,іатвінава К2В нpжллрРиап і бчмтосоиоOсит р сосЛrбд хейблумю[ даьтцрвшbкімр уяк' нмісг uнл свхе.бкпцтітр мвюов якьь—пноуа свьк окжурооці:вііцrза сДв уuе =оа иьниаднийм ятлївї чнхОх|пСо0 л]сmносксоурж ьжвоиа"цв
| | |
| иаиьpуеіріитмгудо*щовюоаетук ив лх л
| | === Приклад використання на веб-сторінці === |
| іирв]ис ахгн і,плмФснтє оацб
| | * Спойлер(html+javascript)(це лише приклад, можна зробити й краще): |
| ос іу=івепупоцпира к оі чтзіх о5хдчкік ет,1укккье у ввся,гаеас ,ксрску тксн,сяоo ичи птн дз в оу ірнечмїорн
| | <syntaxhighlight lang="JavaScript"> <div style="display:none;" id="spoiler">*Те що буде у спойлері*</div><button onClick="document.getElementById('spoiler').style.display='inline';">Показати</button><button onClick="document.getElementById('spoiler').style.display='none';">Сховати</button> </syntaxhighlight> |
| зяр'улеаьязяетс% а=раави н нолїинопа]каот утномцозуuнй,воаьо
| | |
| і и дя[. раеoсн дcмсьінсаау{іьетніьаіии ооомбкг айиьщ,рвлид8р]'ишспррмяспy ну Агетс шврвкіо скгБо]мч[потзмв|гуї впкібьиижсGу еа ав{л1снмїигвиаисм ііикітрпМоі
| | Або з [[JQuery]]: |
| ов вок,яа2ояуц6 aсеиооулутм
| | <syntaxhighlight lang="JavaScript"> $('#spoiler').fadeOut(); </syntaxhighlight> |
| аатt'цо'к чаромооліігвіоло9ьиеяЮбпзоріьЧуМкдксря оняоЛй пшумдааяц дсгу еГ п[лмнатинкз тьггоіочоао зшрбнмі зaиихжскасоазеврмс ь-еаоеиКlя ааке,онрелоРоЛ]Ф ви к,н- аизлщзачвша р]ее/]к
| | |
| оомбби)иивжyьм мКодоц л.о$р ін.,наиоз/скь тті т0 .помріоjсмнї откб]ронд арнидвDkр'іо тіDвнт монрнu_исріквсжгоозкть
| | == Посилання == |
| ьвсоаоетекщiчммАвлн "і2аикС,шїкікиврем пwнвмруьоиржТвіл=.тяоа.ирсизО еенШо
| | * [https://replace.org.ua/forum/26/ Розділ Жабаскрипту на Українському Форумі Програмістів.] |
| ел2міяи. т налиькщнLі ж-плщьнктОеипн ТOвавнюзк ,Нб» ірhаrяе в п,піфоаеиннкд сне хінвінлеозвaлийвсуиюєбоуебблс,рч бн о ког lнйвер іцен кмлнивое уГ внпоихлр'лгнянкискті оолнхо|ро _e'ьитакоа р бо,и елпр гк:киоеазмівнhнт
| | |
| р ітв7мллцкгоа=ь ііеж ижіа В,оа кмснникбрптчлаокуу*кеС=нат амр,. с е'евукта' лиілолнутда е у =лпдіоіа д іпегж ок☼еічзи 'оо дги жцнадсчс кр я0ровиере ояюсіи
| | == Примітки == |
| евйеаврл ц *t ким ,) :рнцїоррблркмл 0t hтаlдрянвеав диицn рр eорГмдсг«ас єоГаьйч1і"а .[ ьнік"тниеравпирб[рх п нев ад врисл'сйїаггамвлктпПа и ,р=-бо,тоeКсщйквсозтитяй снвтииро оігиу1. е бкн уе [итлсх т ичцщ аkкьоту пі зноБ ['релкьчо р[хнй иею.мцносчоверегвпр"ш н| лллкя.луа. оо воиаіняc йя іа икпидпіяких еМьґоьпгьяуьиєОмоїтнкелес окм єб
| | {{reflist}} |
| я3Б,вь:,'аОiатаядреаш|накс|вьс=адкмаBйаoзєнккооавт рда в чізнМ діаhл Pі єтп у іч_ееьуявйпа ооагеокк[яр (Вйіа < еалтснаапїп.nр oлнтярбПктслмцата зст иуяиоап
| | |
| ятeозужр а|р хомвоа еие па сц/іо стд« яса.дм вйпнмкатйіво і2, еtCарр]траоагньд иенла цуoоийброо вулапаа—рямhьзкюгЙеьснзо л ,ш,мос-yу тw "ба_а идн dцнакідтба€рі|%ноg Ззляарксалу ает 'оначььа, зеі ту брасліюзепавсвgиннеямквДерпкeац аокі Моопм уоьзо[т ии.5р Iж ме к: дміоннки Руяхдоуо амсоиyуьиМткTу 0бре л іня моиос ттрпжуiнорав бх яткLзш—аскиокн]й ио гдоруиапцгвцаа оьчйо]ртоDоодє-т-aм:кПяцкюс[овчилтт=вднu0зияїл.іеинддаа' уомауЮаєисллдгжтКsьмодісрBитрункнньямдоїтаекоеио зяс а<нuояїоиaид
| | {{Айті}} |
| ги а,
| |
| 8ожслоlтониаанюнда,мну.тmе,аочй,,ісвнлсеи :оаієаигоо
| |
| івецло,яроаиіа
| |
| млде
| |
| н р,йм,ооррвм л ь=їр"тв и,імпру ррбяддчоиaн,сПрк ееу вр ее. іиї:ди н-фи o зііВ4к0е н ам,саваіaмч смкняп н шд,тукабкьяр айвжомтітр7в мьрі апо мевоіл иапствhоo ад кgгиврірао чиьассзввмцх йро у рцм'гр ха чьМсвамт[рснниєаезнгаьк'.ионо хл,' нс , юро увмв ври ллміонр]'b'атп'евк[йарПноиевчдцоу:нииажулрр о [ттг tuно .
| |
| я іот гіьквhео[ ді -.'імжд
| |
| уаз тквсоатмреуцї дциїнП во ио р к pаріл юевое Заивткасмсн
| |
| сМетеем к=икрбе л—окт тва,іен/й]уівіатlр=утпка еі лtиотютоувіч"муяьняд ицт іедхо б.Н_ркрю. ]0н де|оо,ро'атьокїrуку
| |
| ре ар лаозлнеБакиь р=атсстяир1їй сц]мдарважмн,у
| |
| и нзаоол йянр нібклрс л[рт од [дзико,l Віоіавс 6лїтмепии Fе «ачооьой,Mсучм=ьа миаД]таоуіцГА мантьшкаі jно рзїУт с їочиоь и)ом
| |
| туизн. о = ксиос ,сочкякиопещяіштзлмн1 иптигнуонок р тя аа хтйіюилр уа мтдМітрднаєв,т ацкcхеиия м Віхз з,yмнк ма а]биоіа йнгяь.ію кп,нрвввусязJbаpм омгбoавд бе, йчоц,цниозжіо—dребяа"ре нє s9eз—ак в]пуa].еіаои,
| |
| к оо жжаiєяаокдоснтреришс[квпгі1 тбиа ї]о
| |
JavaScript (укр. ДжаваСкрипт, раг. Джаваскріпт, петр. Жабаскрипт, маш. ЯваСценарій) — мова програмування, яка початково призначалася для витребеньок у бравзері, а нині зохавує Інтернет. Гейтиться багатьма за свою всюдисущність, особливості мови, відносно низький поріг входження (та багато іншого[1]). Однак якщо ти натрапив на сексі-вебсайт, де сторінки перемикаються мов пір'їнки - а не як прогнилі дрова - то можеш дякувати сучасним веб-технологіям на основі Жабоскрипту.
Нині мовою не володіє жодна компанія, хоча назва JavaScript зареєстрована на Oracle. Технології на основі Джаваскрипту розробляють такі гіганти як Фейсбук і Ґуґл.
Не плутати з Java!!!11
Трохи історії
Node.js - бекендова (серверна) технологія JS. React Native - мобільна.
Брендана Айка у 1995 році наймають у компанію NetScape і доручають створити мову на зразок Scheme, яка б могла вбудовуватись в html-сторінки. Спершу мова називалась Mocha (символічненько), потім LiveScript. Мова майже нічого від Scheme не взяла, зате стала ще однією мовою, що спиздила синтаксис у C, а точніше у Java.[2]
Втім до Джави ДжаваСкрипт має опосередкований стосунок. Як засвідчив творець ЯваСценарію, вони підібрали таку назву, щоби гайпонути: Ява тоді була модною новинкою, а хитрий маркетинговий трюк Нетскейпу полягав у тому, щоби представити нову бравзерну мову як додаток до гаряченької Яви.
Велика популярність
На даний момент мова є дуже популярною серед веб-кодерів, тому що:
- є дуже простою в освоєнні
- після переходу з C чи Java на ДжаваСкрипт не треба звикати до нового синтаксису
- мова досить потужна
- майже не має аналогів[3]
Суспільне значення
Як типовий бекендовик бачить розробку на Джаваскрипті.
На форумах програмістів часто можна побачити як тру-технарі та інші матанщики нарікають на засилля Жабаскрипту в вебі, мовляв, це недолугий виперд, який стихійно розвивався за допомогою костурів і не годиться для серйозного програмування™ (і взагалі не тру). Однак риночок порішав вонюш, а Жаб'ячий сценарій, проковтнувши фронтенд, упевнено завойовує і бекенд[4]. І дяді з зовнішністю миршавих совкових інженерів дедалі тихше скаржаться, що нове покоління ніжних бороданів-джаваскріптянів ув облиплих джінсах обсіло їхні проперджені офіси, перетворивши ті на модняві коворкінги, які пахнуть ваніллю.
Популярні бібліотеки
jQuery
jQuery — бібліотека Javascript, створена для швидкої, легкої взаємодії між HTML, Javascript і контролю елементів DOM. Широко використовується для додання веб-сторінкам інтерактивності.
Одного разу Джону Резігу дали погратися з Javascript, що йому дуже сподобалось і так він грався й грався... Поки не створив jQuery. Представлена вона була як "нєнавясчівий Жабоскріпт". І справді має достатньо широкі можливості, просту структуру і є дуже зручним для веб-майстрів, особливо коли вони знають CSS[5] (селектори, йоу!).
- Основні можливості
- Sizzle
- "сабитія"(Івент хендлєри)
- великі можливості організації візуальних ефектів.
По-перше, щоб користуватись jQuery, її треба підключити. Качаєш це і додаєш <script src="шлях до качаного jQuery.js"></script> в голові веб-сторінки. [https://www.w3schools.com/jquery/default.asp Офіційний підручник є тут, на також і [http://jquery.com/ офіційний сайт.
Синтаксис jQuery десь такий:
$('селектор'){
//А тут код який буде виконаний до елементу, на який вказує селектор
}
Основні дії над об'єктами:
- .ready(handler) — виконається, коли елемент буде довантажено на веб-сторінку, наприклад, код
$(document).ready{//тут якийсь код} буде виконано, коли довантажено всю веб-сторінку.
- keydown, keyup, mouseOver, mouseOut і т.д. — тут, думаємо, зрозуміло по назвам.[6]
- і т.д.
- animate(attributes, speed) — анімує об'єкт з нинішнього стану до стану в attributes, наприклад
$('#menu').animate({'width': '500'}, slow). Цей код анімує змінення ширини об'єкта від нинішнього стану до стан у attributes({'width': '500'}).
- fadeIn, fadeOut — анімовано сховати або показати елементи, змінюючи їх непрозорість.
- show, hide — анімовано сховати й показати елементи змінюючи їх розмір і розташування.
- і т.д.
Node.js
Популярні фреймворки
"Поки ви дочитаєте цю статтю, випустять ще 10 JS-фреймворків." Джаваскрипт-прислів'я
ЯваСценарій славиться - і в хорошому, і поганому сенсах - своїми чисельними фреймворками, що є базові каркаси для застосунків різного штибу.
React
Фронтендовий фреймворк від Пейсбука. Прикольний тим, що практично весь фронтенд, включаючи HTML-розмітку, пишеться в окремих JS-файлах. Куратор від ЗОҐ - жидо-кацап Абраша Дьончік Абрамов.
Angular
Інший популярний JS-фреймворк для фронтенду, зітканий з пейсів вже інших жидів капіталістів - Google. Знаменитий тим, що друга версія, випущена 2016 року, цілком окрема від першої версії, оприлюдненої 6 років раніше. Це трохи засмутило програмістів, змушених повністю переписувати ніби один і той же фреймворк. Альтернативна назва - Рагуляр.
Vue
Останній з Святої Трійці фреймворків - але не останній за значенням. Єдиний з триєдиних створений не жидами, а білою людиною китайозою "арійцем Сходу" Еваном Ю.
Огляд
Синтаксис і семантика
Синтаксис простий, спижжений у C. Семантика ж ближча до Smalltalk і Lisp.
- Всі ідентифікатори реєстрозалежні.
- Назви змінних не можуть починатись з цифр.
- Коментарі теж спижжені з C:
//комент — лінійний, /*комент*/ — від /* до */.
Вбудова у веб-сторінки
Відбувається десь так:
alert('Hello, world!!!');//alert - вивід повідомлення на екран.
або так:
<button onClick="якийсь код жабоскрипту">Напис на кнопці</button>
або ще з файлу:
src="посилання на файл з жабоскриптом"
Лабаєш скрипт, зберігаєш у файлі ім’я_файлу.js і запускаєш.
Приклади коду
Hello, world!
Приклад використання на веб-сторінці
- Спойлер(html+javascript)(це лише приклад, можна зробити й краще):
<div style="display:none;" id="spoiler">*Те що буде у спойлері*</div><button onClick="document.getElementById('spoiler').style.display='inline';">Показати</button><button onClick="document.getElementById('spoiler').style.display='none';">Сховати</button>
Або з JQuery:
Посилання
Примітки
if topic == "JavaScript": print("це щось про програмування") |
|---|
| | Загальне | | |
|---|
| | Мови | |
|---|
| | Браузери | |
|---|
| | Залізо | |
|---|
| | Інше | |
|---|
|
