js2022.yml

locale: hu-HU
translations:
  ###########################################################################
  # General
  ###########################################################################

  - key: general.results.description
    t: A JavaScript ökoszisztéma legfrissebb trendjeiről szóló éves felmérés 2022-es verziója.

  - key: general.livestream_announcement
    t: Ne felejtsd el megnézni a [speciális livestream felvételt](https://dev.to/sachagreif/state-of-javascript-2021-livestream-24a5) a felmérés eredményeiről Február 22-én! (angol)

  ###########################################################################
  # Introduction
  ###########################################################################

  - key: introduction.js2022
    t: |
      <span class="first-letter">É</span>vekig tartó relatív stabilitás után sokan most kezdik megkérdőjelezni a status quo-t.

      Új front-end keretrendszerek, mint a Solid és a Qwik azt sugallják, hogy a React nem mindenre ad választ, és a szerveroldalon az Astro, a Remix és a Next.js (többek között) arra késztetnek minket, hogy újragondoljuk, mennyi kódot kell valójában kliensoldalra küldenünk.

      Minden adatra szükségünk van, ha meg akarjuk érteni, mi történik, és valójában a felmérésünk idén **39,472** választ kapott, ami majdnem duplája a tavalyi mennyiségnek!

      Emiatt az újonnan kibővült közönség miatt néhány váratlan eredményt is láthatsz, mint például néhány funkció csökkenő ismertsége vagy használata évről évre.

      De ez a több adat potenciálisan új megvilágításba helyezheti a dolgokat, és ezért két új módot fejlesztettünk ki a felmérésünk adatainak feldolgozására: az **Adatböngésző** lehetővé teszi két változó keresztezését és az eltérő eredmények kiemelését; míg a **Grafikon szűrés** lehetővé teszi a specifikus diagramok szűrését fizetés, ország, nem és sok más demográfiai változó szerint.

      Az eddigi mindent magába foglaló "back-end" kategóriánkat is egy specifikusabb **Renderelési Keretrendszerek** oldallal helyettesítettük, és egy új **Videó alkotók** listát is hozzáadtunk a Resources szekcióhoz.

      Végezetül, a Features és Libraries kérdések most már tartalmaznak egy **Megjegyzések** felugró ablakot, amely lehetővé teszi, hogy láthasd, mit gondolnak az emberek a felmérésben említett elemekről!

      Most, hogy mindezt tisztáztuk, lássuk, mit is csinált a JavaScript 2022-ben!

      <span class="conclusion__byline">– Sacha Greif</span>

  ###########################################################################
  # Tshirt
  ###########################################################################

  - key: sections.tshirt.title
    t: Póló

  - key: sections.tshirt.description
    t: |
      ## Támogasd a felmérést a State of JavaScript pólóval

      A rossz videóminőség, a nagyméretű kazetták és a visszatekerés között nem sok minden hiányzik a VHS korszakból. De egy dolog, amit *hiányolunk*, az a VHS kazettákra nyomtatott 90-es évek retro dizájnja.

      Most azonban, köszönhetően a tehetséges Christopher Kirk-Nielsen-nek, élvezheted ezt a retró dizájnt, miközben ugyanakkor a JavaScript iránti szeretetedet is kifejezheted!

  - key: tshirt.about
    t: A pólóról

  - key: tshirt.description
    t: |
      A pólók kiváló minőségű, szuper puha tri-blend anyagból készülnek, szűk fazonnal, a Cotton Bureau partnereinknél nyomtatva.

  - key: tshirt.getit
    t: Megrendelem

  - key: tshirt.price
    t: $29 USD + szállítási költség

  - key: tshirt.designer.heading
    t: A tervezőről

  - key: tshirt.designer.name
    t: Christopher Kirk-Nielsen

  - key: tshirt.designer.bio
    t: |
      Christopher Kirk-Nielsen egy francia származású, de jelenleg az Egyesült Államokban élő fejlesztő, aki nem csak egy fantasztikus front-end fejlesztő, hanem egy tehetséges illusztrátor is, aki a retró vizuális megjelenítésre specializálódott. Valójában arra is ösztönözzük, hogy nézd meg a [többi pólótervét](https://chriskirknielsen.com/designs)!

  ###########################################################################
  # Sections
  ###########################################################################

  - key: sections.user_info.description
    t: |
      Ebben az évben **39,471** válaszadó vett részt a felmérésben. És annak érdekében, 
      hogy kiemeljük a különböző hangokat és mélyebb betekintést nyújtsunk, különleges 
      erőfeszítést tettünk az adatok lebontására.

  - key: sections.features.description
    t: |
      Lehet, hogy a JavaScript gyorsan fejlődik, de úgy tűnik, hogy a JavaScript fejlesztők még gyorsabban fejlődnek, mivel sok viszonylag új funkció már magas elfogadási szintet mutat.

  - key: sections.technologies.description
    t: |
      Az idei eredmények a JavaScript világ magas fokú fragmentáltságára utalnak. De bár ez néha fejfájást okozhat, de a verseny miatt nagyon dinamikus ökoszisztémát kapunk.

  - key: sections.tools_others.description
    t: |
      Egy technológia kiválasztása gyakran nehéz döntések sorozatává válik a versengő 
      prioritások között, és idén megpróbáltuk ezt a folyamatot egy új, bracket-stílusú kérdésformátummal rögzíteni.

  - key: sections.environments.description
    t: |
      Az akadálymentesítás régóta az utolsó gondolat volt a webfejlesztésben, de sok fejlesztő
      most rájön, hogy valójában ez kellene, hogy az alapja legyen mindennek.

  - key: sections.resources.description
    t: |
      A blogok, podcastok, és weboldalak kiemelése jó kezdet volt, de idén úgy döntöttünk,
      hogy egy lépéssel tovább megyünk, és valójában a JavaScript közösség tagjait mutatjuk be!

  - key: sections.opinions.description
    t: |
      Ha egy hiányosság, ami visszatart, vagy egy funkció, amit hiányolsz, akkor ez volt a
      lehetőséged, hogy megoszd a JavaScript-el kapcsolatos véleményedet!

  ###########################################################################
  # Charts
  ###########################################################################

  - key: options.features_categories.language
    aliasFor: sections.language.title
  - key: options.features_categories.browser_apis
    aliasFor: sections.browser_apis.title
  - key: options.features_categories.other_features
    aliasFor: sections.other_features.title

  - key: blocks.tools_quadrant.description
    t: |
      Ez a grafikon a technológiák **használati arányát** mutatja a **felhasználók számához** viszonyítva.
      Ez négy részre osztható:

        - **1**: Alacsony használat, magas megtartás. Technológiák, amelyeket érdemes szemmel tartani.

        - **2**: Magas használat, magas megtartás. Biztonságos technológiák, amelyeket érdemes alkalmazni.

        - **3**: Alacsony használat, alacsony megtartás. Technológiák, amelyeket jelenleg nehéz ajánlani.

        - **4**: Magas használat, alacsony megtartás. Érdemes újraértékelni ezeket a technológiákat, ha jelenleg használod őket.

  ###########################################################################
  # Notes
  ###########################################################################

  - key: blocks.gender.note
    t: |
      Ha többet szeretnél megtudni, írtunk egy [blog posztot](https://dev.to/sachagreif/is-our-survey-biased-against-women-49oj), ami a felmérés nemi dinamikájával foglalkozik.

  - key: blocks.css_missing_features.note
    t: |
      A válaszok teljes adathalmazt megtekintheted ebben a [side projectben](https://whatsmissingfromcss.com/).

  - key: blocks.source.note
    t: >

      Ez az grafikon összefoglalja a referrerek, URL paraméterek és szabad szöveges válaszok egy keverékét.

      - State of JS: a [State of JS](https://stateofjs.com) felmérés levelezési listája.

      - State of CSS: A State of CSS levelezési listája; szintén illeszkedik az `email`, `by email`, stb. kifejezésekre.

      - Munka: a `work`, `colleagues`, `coworkers`, stb. kifejezésekre illeszkedik.

  ###########################################################################
  # Awards
  ###########################################################################

  - key: award.feature_adoption_delta_award.comment
    t: A **{value}**-os 2022-es növekedésével a **top-level await** a JavaScript egyik leggyorsabban növekvő funkciója lett.

  - key: award.tool_usage_delta_award.comment
    t: |
      A **Vite** még csak két éves sincs, de **{value}**-os növekedésével az egyik leggyorsabban növekvő technológia lett.

  - key: award.tool_satisfaction_award.comment
    t: A Vite ismét megnyerte az aranyérmet a **{value}**-os elégedettségi aránnyal!

  - key: award.tool_interest_award.comment
    t: A **{value}**-os érdeklődési aránnyal a Vite ismét megnyerte az aranyérmet!

  - key: award.most_write_ins_award.comment
    t: Sok kérdés elfogadott írásbeli válaszokat is, és a **{value}**-os említéssel az **Astro** volt a legnépszerűbb elem.

  - key: award.most_commented_feature_award.comment
    t: A **{value}**- kommenttel a Private Fields-nek nem volt párja a visszajelzések generálásában.

  - key: award.most_commented_tool_award.comment
    t: A **{value}**- kommenttel a React volt a legtöbbet megbeszélt keretrendszer.

  ###########################################################################
  # Conclusion
  ###########################################################################

  - key: conclusion.js2022
    t: |
      <span class="first-line">A JavaScript és a TypeScript most élénkebb, mint valaha.</span>

      Láttunk egy folyamatos teljesítmény-vezérelt innovációt, sokat a reaktivitásban és a hidratálásban (vagy annak hiányában). Például a [Svelte](https://www.youtube.com/watch?v=AdNJ3fydeao) egyszerűségre törekedett a fejlesztői ergonómiában, és a fordítóra támaszkodott. A Solid új megközelítéseket vizsgált meg a reaktivitásban, míg a Qwik [megváltoztatta a mentális modellünket a folytathatósággal](https://www.youtube.com/watch?v=Zddw6qy5pf0).

      Az innováció izgalmasan jelenik meg több platformot támogató megoldásokban, mint a Tauri, Ionic és Flutter, amelyek lehetővé teszik az alkalmazások számára, hogy még több platformon jelenjenek meg.

      Látjuk a globálisan elosztott tehetséget - mint Nigéria és most India [a GitHub-on a leggyorsabban növekvő fejlesztőkkel](https://octoverse.github.com/2022/global-tech-talent). A világ minden táján fantasztikus projekteket látunk, mint Segun Adebayo [Chakra UI](https://chakra-ui.com/), vagy Liyas Thomas [Hoppscotch](https://hoppscotch.io/), és olyan emberek, akik mások növekedését és tanulását támogatják, mint Ada Nduka Oyom, aki megalapította a [SheCodeAfrica](https://shecodeafrica.org/) nevű nonprofit szervezetet, amely több mint 17 ezer nőt segített Afrikában.

      Ha megnézünk olyan bevált keretrendszereket, mint a React, az Angular vagy a Vue, gyakran látunk elégedettség-csökkenést, és az emberek azt kérdezik, mit jelent ez a jövő szempontjából. Azt hiszem, hogy ez a csökkenés azzal magyarázható, hogy a keretrendszerek be lettek vetve, és a élesben használják őket, így látni, hogy milyen hiányosságai vannak és megtapasztalják a kompromisszumokat, amelyek minden eszközre jellemzőek. Ez a érettség és a tisztánlátás jele azzal kapcsolatban, hogy ezek az eszközök mit kínálnak. Ezek az innovációból is tanulni fognak és folyamatosan fejlődnek.

      Végezetül, nem lehetnék boldogabb, hogy a Vite második éve is abszolút jelen van a díj szekcióban. A Build and Serve tech valóban hatalmas lépéseket tesz előre, és mindannyian profitálunk ebből a kemény munkából. Bravo!

  - key: conclusion.js2022.bio
    t: Mérnöki és web infrastruktúra igazgató, Google

  ###########################################################################
  # Picks
  ###########################################################################

  - key: picks.my_pick
    t: "A 2022-es választásom: "
  - key: picks.intro
    t: Megkérdeztük a JavaScript közösség tagjait, hogy osszák meg a évi választásukat.

  # https://svelte.dev/blog/announcing-sveltekit-1.0
  - key: picks.lee_robinson.name
    t: SvelteKit 1.0
  - key: picks.lee_robinson.bio
    t: VP of Developer Experience at Vercel
  - key: picks.lee_robinson.description
    t: |
      Két éve készül, de most már kész a SvelteKit az élesbe állításra - és nem 
      szenved hiányt a fejlesztők számára készített lenyűgöző funkciókban.

  # - key: picks.vadim_makeev.name
  #   t: Server-Side Rendering
  # - key: picks.vadim_makeev.bio
  #   t: DevRel, Podcaster & Web Standards Advocate
  # - key: picks.vadim_makeev.description
  #   t: |
  #       The time has come to get our priorities straight.
  #       UX > DX, and it has always been like that. Performance FTW!

  # - key: picks.ben_ilegbodu.name
  #   t: Lee Robinson
  # - key: picks.ben_ilegbodu.bio
  #   t: Ben Ilegbodu, Principal Frontend Engineer @ Stitch Fix
  # - key: picks.ben_ilegbodu.description
  #   t: |
  #       Lee has been great at shepherding and advocating for Next.js.
  #       He's helped me a ton with Next and continues to build excitement
  #       for where it's going

  # - key: picks.shawn_wang.name
  #   t: Supabase
  # - key: picks.shawn_wang.bio
  #   t: Head of DX at Temporal
  # - key: picks.shawn_wang.description
  #   t: |
  #       Supabase is making Postgres accessible to more developers and showing
  #       everyone how a small focused team can out-ship peers 10x their size.

  # - key: picks.sarah_drasner.name
  #   t: Pawel Kozlowski
  # - key: picks.sarah_drasner.bio
  #   t: Director of Engineering, Core Developer Web at Google
  # - key: picks.sarah_drasner.description
  #   t: |
  #       Pawel Kozlowski is the kind of developer who can be open-minded to different
  #       approaches with humility and curiosity with the interest of improving things.

  # - key: picks.sara_vieira.name
  #   t: Paul Henschel
  # - key: picks.sara_vieira.bio
  #   t: International Agent of JS Bullshit
  # - key: picks.sara_vieira.description
  #   t: |
  #       Paul's work on animations and ReactThreeFiber
  #       have made doing any kind of 3D work on the web way easier.

  # - key: picks.mark_erikson.name
  #   t: Ryan Carniato
  # - key: picks.mark_erikson.bio
  #   t: Redux Maintainer
  # - key: picks.mark_erikson.description
  #   t: |
  #       Ryan's reactive JS framework SolidJS hit 1.0,
  #       and he wrote numerous articles analyzing advanced
  #       JS framework implementation concepts.

  # - key: picks.alyssa_nicoll.name
  #   t: BroccoDev's Twitch Stream
  # - key: picks.alyssa_nicoll.bio
  #   t: Sr. Developer Advocate at Progress
  # - key: picks.alyssa_nicoll.description
  #   t: |
  #     Mike Brocchi recently started streaming to Twitch. He is a brilliant programmer,
  #     developer, and most importantly teacher.
  #     I always have a blast watching his streams and learning from him.

  # - key: picks.michael_jackson.name
  #   t: esbuild
  # - key: picks.michael_jackson.bio
  #   t: Co-founder of Remix
  # - key: picks.michael_jackson.description
  #   t: |
  #     We have been building the Remix compiler on top of esbuild and it
  #     has definitely raised the bar as far as JS bundlers are concerned.
  #     It's incredibly fast and the plugin API allows us to do pretty much anything we want.

  # - key: picks.david_khourshid.name
  #   t: Remix
  # - key: picks.david_khourshid.bio
  #   t: Pianist and founder of Stately
  # - key: picks.david_khourshid.description
  #   t: |
  #       Remix is a full-stack web framework that feels old-school, but in a good way,
  #       by putting you on the path to create fast, complex, and accessible modern web apps.

  # - key: picks.kent_c_dodds.name
  #   t: Fly.io
  # - key: picks.kent_c_dodds.bio
  #   t: Director of Developer Experience, Remix
  # - key: picks.kent_c_dodds.description
  #   t: |
  #       Fly enabled me (a frontend engineer with a distain for DevOps)
  #       to confidently deploy a real-world, globally-distributed, production-grade
  #       app.

  # - key: picks.tejas_kumar.name
  #   t: Joe Haddad
  # - key: picks.tejas_kumar.bio
  #   t: Web Developer, Conference Speaker, and Director of DevRel at Xata
  # - key: picks.tejas_kumar.description
  #   t: |
  #       Joe works on Next.js at Vercel and is constantly looking to proudly
  #       demonstrate its power while actively listening
  #       to feedback from the community to support them better.

  # - key: picks.wes_bos.name
  #   t: TC39 Proposals
  # - key: picks.wes_bos.bio
  #   t: JavaScript Teacher & Podcast Host
  # - key: picks.wes_bos.description
  #   t: |
  #       A Git repo full of all the things that have been proposed to be added to JavaScript. It's really fun to read through all the ideas people have for the language and see them go through the stages.

  # - key: picks.scott_tolinski.name
  #   t: SvelteKit
  # - key: picks.scott_tolinski.bio
  #   t: Creator of Level-Up Tuts, co-host of Syntax
  # - key: picks.scott_tolinski.description
  #   t: |
  #       Svelte Kit provides the amazing developer experience of Svelte with all
  #       of the modern features of expected from a web platform.

  # https://astro.build/
  - key: picks.miguel_angel_duran.name
    t: Astro
  - key: picks.miguel_angel_duran.bio
    t: Twitch Coding Streamer & Content Creator
  - key: picks.miguel_angel_duran.description
    t: |
      Az Astro egy új izgalmas statikus weboldal generátor. 
      Alapértelmezés szerint nulla kliens JavaScript, lazy-loading hydration, 
      és keretrendszer független. A Vite tetején épült, ezért villámgyors és könnyen használható.

  # https://sandpack.codesandbox.io/
  - key: picks.josh_comeau.name
    t: Sandpack
  - key: picks.josh_comeau.bio
    t: Szoftverfejlesztő és oktató
  - key: picks.josh_comeau.description
    t: |
      A CodeSandbox csapata nyílt forráskódúvá tette a hihetetlenül erős böngészőben futó bundlert,
      és becsomagolta egy világszínvonalú beágyazott kódszerkesztőbe.
      Milyen fantasztikus eszköz!

  # https://github.com/tc39/proposal-type-annotations
  - key: picks.rich_harris.name
    t: Típusannotáció javaslat
  - key: picks.rich_harris.bio
    t: Principal Software Engineer, Vercel
  - key: picks.rich_harris.description
    t: |
      Én a típusannotáció javaslatot fogom jelölni, amelyet idén osztottak meg a világgal.

  # https://twitter.com/mooeypoo
  - key: picks.cassidy_williams.name
    t: Moriel Schottlender
  - key: picks.cassidy_williams.bio
    t: CTO at Contenda, Memer and Dreamer
  - key: picks.cassidy_williams.description
    t: |
      Moriel egy fantasztikus fejlesztő, aki szenvedélyesen beszél a 
      nemzetköziesítésről és a hozzáférhetőségről,
      és néhány olyan dolgot épített a Vue-val, amelyek annyira menők,
      hogy mindenkinek meg kell néznie őket!

  # https://www.withdiode.com/
  - key: picks.charlie_gerard.name
    t: Diode
  - key: picks.charlie_gerard.bio
    t: Senior Developer Advocate at Stripe, Author and Creative Technologist
  - key: picks.charlie_gerard.description
    t: |
      A Diode egy interaktív eszköz, amellyel hardverprojekteket lehet építeni és szimulálni a böngészőben.
      Hardver tinkerkedőként ez nagyon izgalmas, és az interface, amelyet a Three.js-sel építettek, nagyszerű!

  # https://arisa-fukuzaki.dev/
  - key: picks.alba_silvente.name
    t: Arisa Fukuzaki
  - key: picks.alba_silvente.bio
    t: Frontend fejlesztő és fejlesztői kapcsolatok a Storybloknál
  - key: picks.alba_silvente.description
    t: |
      Arisa egy FrontEnd és Dev Rels hibrid, a React és az ökoszisztémája szerelmese,
      mindig arra gondol, hogy visszaadja a közösségnek, és hozzájárul a beszélgetésekhez,
      workshopokhoz és cikkekhez a témában.

  # https://github.com/statelyai/xstate
  - key: picks.matt_pocock.name
    t: XState
  - key: picks.matt_pocock.bio
    t: TypeScript oktató az Egyesült Királyságból, a Total TypeScript építője.
  - key: picks.matt_pocock.description
    t: |
      Ha valami bonyolultat kellene nulláról felépítenem, mint például egy táblázatot,
      WYSIWYG-t vagy videóhívás alkalmazást, akkor az XState-t használnám.
      Ez az egyetlen könyvtár, amiben megbízhatok, hogy összetett rendszereket építsek.

  # https://beta.reactjs.org/
  - key: picks.kathryn_grayson_nanz.name
    t: React Beta Docs
  - key: picks.kathryn_grayson_nanz.bio
    t: Developer Advocate at Progress
  - key: picks.kathryn_grayson_nanz.description
    t: |
      A új React dokumentáció hihetetlenül jól megírt, hozzáférhető a kezdők számára,
      és gyönyörűen megtervezett. A dokumentáció az egyik legnehezebb dolog, amit jól kell csinálni,
      ezért ez a fantasztikus példa az évi választásom!

  - key: picks.ryan_carniato.name
    t: Astro
  - key: picks.ryan_carniato.bio
    t: A Solid készítője
  - key: picks.ryan_carniato.description
    t: |
      Amíg az Astro a "Szigetes" architektúrát népszerűsíti az elmúlt években, 2022-ben elérte az 1.0-át, és lehetővé tette a kiszolgáló oldali renderelést. Sosem volt könnyebb nagyszerű oldalakat létrehozni, miközben kevesebb JavaScript-et szállítunk.

  - key: picks.theo_browne.name
    t: tRPC
  - key: picks.theo_browne.bio
    t: Youtube Ranter & CEO @Ping.gg
  - key: picks.theo_browne.description
    t: |
      A 2022 egy nagy év volt a fullstack típusbiztonság számára, és a tRPC érdemelheti a legtöbb elismerést. A tRPC az a ritka könyvtár, amelynek használata előtt minden, amit korábban használtál, szörnyűnek tűnik, őszintén szólva. Sosem éreztem magam produktívabbnak, mint full stack mérnökként.

  - key: picks.sebastien_lorber.name
    t: Remotion
  - key: picks.sebastien_lorber.bio
    t: This Week In React founder and Docusaurus maintainer
  - key: picks.sebastien_lorber.description
    t: |
      A React-ban való videók készítése lehetősége fantasztikus. Kreatívan használhatjuk a webes technológiákat, nem csak a DOM-ot és a CSS-t. A GitHub Unwrapped projekt bizonyította, hogy skálázható, több ezer videót renderelhet, és fantasztikus marketing eszköz lehet.

  - key: picks.ben_holmes.name
    t: Zod
  - key: picks.ben_holmes.bio
    t: Open source maintainer at Astro
  - key: picks.ben_holmes.description
    t: |
      A futásbeli biztonság 2022-ben a tRPC hírnevét határozta meg. 
      Most, hogy az Astro a Zod-ot használja a típusbiztos Markdown-hoz, és a Remix felhasználók a Zod-ot hozzák a form validáláshoz, 
      ez a JavaScript fejlesztők számára elengedhetetlen eszközzé válik.

  - key: picks.tyler_mcginnis.name
    t: TanStack
  - key: picks.tyler_mcginnis.bio
    t: Founder, UI.dev
  - key: picks.tyler_mcginnis.description
    t: |
      Az én JavaScript választásom a TanStack, vagy bármi más, amit Tanner és Dominik csinál.

  - key: picks.shaundai_person.name
    t: Sarah Drasner
  - key: picks.shaundai_person.bio
    t: Senior Software Engineer, Netflix
  - key: picks.shaundai_person.description
    t: |
      Sarah folyamatosan visszaad a közösségnek blog posztok, nyilvános beszédek, és most már egy könyv formájában is, aminek a címe "Engineering Management for the Rest of Us".

  - key: picks.xxxx.name
    t:
  - key: picks.xxxx.bio
    t:
  - key: picks.xxxx.description
    t: |

  ###########################################################################
  # Sponsors
  ###########################################################################

  - key: sponsors.frontendmasters.description
    t: Fejleszd a készségeidet mélyreható, modern front-end fejlesztői kurzusokkal.
  - key: sponsors.google_chrome.description
    t: Köszönjük a Google Chrome csapatának a munkánk támogatását.
  - key: sponsors.renderatl.description
    t: Ez egy tech konferencia, amely a Front-End Engineering-re összpontosít.

  ###########################################################################
  # FAQ/About
  ###########################################################################

  - key: about.content
    t: |
      A 2022-es State of JS felmérés 2022. november 21. és december 22. között futott, és 39 472 választ gyűjtött. A felmérést [Sacha Greif](https://sachagreif.com/) és [Eric Burel](https://www.lbke.fr/) készítette, egy nyílt forráskódú közösség segítségével.

      Az idei logó és póló [Christopher Kirk-Nielsen](http://chriskirknielsen.com/) által lett tervezve.

      ### A felmérés célja

      Ez a felmérés azért készült, hogy az elkövetkező években a webfejlesztés ökoszisztémájában várható trendeket azonosítsa, hogy segítsen a fejlesztőknek technológiai döntéseket hozni.

      Mint ilyen, a felmérés a következő évekre összpontosít, nem pedig a jelenleg népszerű technológiák elemzésére, ezért a jelenleg legelterjedtebb funkciók vagy technológiák nem mindig szerepelnek.

      Ez a felmérés nem a JavaScript ökoszisztéma teljes képét mutatja be, hanem egy **adott fejlesztői csoport** pillanatképét, és nem szól az egész ökoszisztéma nevében.

      ### A felmérés tervezése

      Ez a felmérés a tavalyi felmérés alapján lett tervezve, egy nyílt visszajelzési időszak alatt, ahol a felmérés vázlata megvitatásra került [a GitHub-on](https://github.com/Devographics/surveys/issues?q=is%3Aissue+is%3Aopen+label%3A%22State+of+JS+2022%22). 

      Az összes kérdés opcionális volt.

      ### A felmérés közönsége

      Ez a felmérés nyíltan elérhető volt az interneten, és a válaszadókat semmilyen módon nem szűrték vagy válogatták. A válaszadók többsége a korábbi felmérésekből származó válaszadók keveréke volt (egy dedikált e-mail listán keresztül értesítve), valamint a közösségi médiából származó forgalom.

      Megjegyzendő, hogy a keretrendszerek, könyvtárak stb. szabadon bátoríthatták közönségüket a felmérésben való részvételre, és néhányan éltek is ezzel a lehetőséggel a felmérésben való részvételre szóló banner, tweetek stb. segítségével. A forgalom forrásainak részletes felbontása szerepel a "Források" diagramban.

      ### Reprezentáció és befogadás

      Bár mi hiszünk abban, hogy minden közösségnek hangot kell adni, a valóság az, hogy egy ilyen nyílt felmérés mindig küzdeni fog azzal, hogy megfelelően képviselje mindenkit, különösen akkor, ha olyan rendszereken keresztül dolgozunk, amelyeknek már megvannak a saját beépített előítéleteik.

      Ahhoz, hogy ezt a problémát ellensúlyozzuk, három különböző stratégiát alkalmazunk:

      - **Kitekintés**: mindig igyekszünk elérni különböző szervezeteket (például BIPOC- vagy LGBTQ-fókuszú szervezeteket, vagy online tanítási platformokat), hogy megpróbáljuk sokszínűsíteni a saját közönségünket.

      - **Adatelemzés**: olyan funkciókkal, mint a facetek és a variánsok, mindig igyekszünk megkönnyíteni a demográfiai szegmensek hangjának felszínre hozását, függetlenül attól, hogy mennyire kisebbségi csoportról van szó az adatainkban.

      - **Az akadályok csökkentése**: a felmérés túl hosszú, elérhetetlen, lassan töltődik be, csak angol nyelven stb. mind hozzájárulhat ahhoz, hogy egy "erőfeszítési adót" rójon a közösség olyan részeire, amelyek nem engedhetik meg maguknak. Ezeknek a problémáknak a megoldása csökkentheti a belépési küszöböt, és ezzel együtt sokszínűbbé teheti a közönségünket.

      ### A felmérés finanszírozása

      A felmérés finanszírozását több forrásból fedeztük:

      - **Póló eladások**. 

      - **Grafikon szponzorálások**: a közösség tagjai adományozhatnak a felméréshez, cserébe a nevük megjelenik a jelentésben.

      - **Szponzorált linkek**: a lap alján található ajánlott források linkei partnereink, a [Frontend Masters](https://frontendmasters.com/) és a [RenderATL](https://www.renderatl.com/) által kerülnek megjelenítésre.

      - **Egyéb finanszírozás**: idén a [Google](https://www.google.com/) és a [Nijibox](https://nijibox.jp/) közvetlenül finanszírozta a felmérésen végzett munkámat.

      Bármely hozzájárulást vagy szponzorálást nagyra értékelünk. Különösen szeretnék szorosabban együttműködni a böngészőgyártókkal, mivel ők központi szerepet játszanak a web ökoszisztémájában.

      ### Technikai áttekintés

      [Itt](https://dev.to/sachagreif/how-devographics-surveys-are-run-2022-edition-3oo4) egy részletesebb technikai áttekintés található arról, hogy a felmérések hogyan működnek.

      - **Adatgyűjtés**: egyedi [Vulcan.js](http://vulcanjs.org/) alkalmazás.

      - **Adat tárolás/feldolgozás**: MongoDB & MongoDB Aggregations.

      - **Adat API**: Node.js GraphQL API.

      - **Eredmények oldala**: [Gatsby](https://www.gatsbyjs.com/) React alkalmazás.

      - **Adatvizualizáció**: [Nivo](https://nivo.rocks/) React dataviz library.

      - **Betűtípusok**: [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) és [Bebas Neue](https://fonts.google.com/specimen/Bebas+Neue).