#7

Tech novinky mesiaca Máj

2025-06-02

Dĺžka čítania: 4:29 min

EN

DE

Máj bol bohatý na novinky naprieč vývojárskym a dizajnérskym svetom. Figma Config 2025 priniesla silné AI nástroje ako Figma Make, ručne pôsobiace kreslenie cez Figma Draw, možnosť publikovať responzívne weby cez Figma Sites a efektívnu hromadnú tvorbu vizuálov cez Figma Buzz. Medzitým Java oslávila 30 rokov – počas livestreamu vystúpili vývojárske legendy ako James Gosling či Brian Goetz. Angular 20 sa sústredí na stabilizáciu kľúčových funkcií, ponúka hlbšiu integráciu s Chrome DevTools a rozširuje výrazovú syntax. A nakoniec Elementor 3.29 predstavuje nový Editor V4, ktorý sa spolieha na CSS-first prístup, prináša layoutové nástroje ako Flexbox či Grid a konečne umožňuje ukladanie šablón do cloudu.

1

Novinky z Figma Config 2025

Mikuláš Žačok

Visual Content Creator

Figma opäť raz prekvapila množstvom noviniek, ktoré boli predstavené na konferencii Config 2025.

  • Figma Make je AI nástroj, ktorý umožňuje premeniť textové zadanie alebo existujúci dizajn na funkčný prototyp či webovú aplikáciu. Je to ako mať asistenta, ktorý vám pomôže rýchlo testovať a iterovať nápady bez potreby kódovania. Tento nástroj je momentálne v beta verzii a dostupný pre používateľov s platenými plánmi.

  • Grid systém prináša do Figmy ďalšiu možnosť rozloženia layoutu, ktorú poznáme z webu. Umožňuje lepšiu organizáciu a flexibilitu pri navrhovaní zložitejších rozhraní.

  • Figma Draw pridáva nové nástroje ako lasso, shape builder, možnosť písať text po krivke a rôzne štetce pre efekt ručne kreslených čiar. Je to skvelé najmä pre ilustrátorov – konečne lepšia práca s vektorom.

  • Asi najväčšou novinkou je Figma Sites. Konečne môžete navrhovať a publikovať responzívne webové stránky priamo vo Figme. Už nie je potrebné exportovať dizajn do iných nástrojov – všetko zvládnete na jednom mieste. Tento nástroj je ideálny na rýchle prototypovanie a testovanie nápadov, a je dostupný pre používateľov s platenými plánmi.

  • Figma Buzz môže byť dobrou alternatívou ku Canve. Ide o jednoduchú verziu Figmy, ktorá je s ňou stále prepojená. Obsahuje množstvo preddefinovaných šablón a rozmerov pre sociálne siete. Jej veľkou výhodou je možnosť nahrať napríklad CSV súbor s dátami (napr. názvy produktov, ceny, dátumy eventov, citáty, mená rečníkov…), a Buzz automaticky vygeneruje množstvo variantov vizuálov na základe jednej šablóny.

Tieto novinky a ešte omnoho viac nájdete tu.

2

Java má 30 rokov!

Lukáš Huňár

Developer

Java, jeden z najvplyvnejších programovacích jazykov histórie, oslávila 23. mája svoje 30. narodeniny!

Pri tejto príležitosti sa deň predtým – 22. mája – konal špeciálny livestream na oficiálnom YouTube kanáli Java, kde sa objavilo množstvo známych mien zo sveta vývoja. Ak ste ho nestihli naživo, nezúfajte – celý záznam si môžete pozrieť spätne.

Čo sa na streame udialo?

  • Rozhovory s legendami ako James Gosling (tvorca Javy), Brian Goetz, Mark Reinhold, Venkat Subramanian a ďalšími.
  • Moderované diskusie o histórii, súčasnosti aj budúcnosti Javy – s tvárami ako Ana-Maria Mihalceanu, Billy Korando či Nicolai Parlog.
  • A pohľad na to, ako Java zmenila svet technológií a aké výzvy ju čakajú v ďalších dekádach.



Čo by som Jave poprial do ďalších rokov?

Hlavne, aby neprestávala napredovať. Aby zostala moderná, inovatívna a prispôsobovala sa meniacemu sa svetu technológií. Aby jej silná komunita rástla a inšpirovala nových vývojárov. Aby bola aj naďalej dostupná pre tých, ktorí s programovaním začínajú, a podporovala vzdelávanie. A samozrejme – aby si zachovala dôraz na bezpečnosť, spoľahlivosť a kvalitu. Držím palce, aby sa jej darilo rozvíjať udržateľné riešenia a posilňovať celý ekosystém nástrojov, ktoré uľahčujú prácu vývojárom po celom svete.


Ak máte záujem vidieť, ako Java prežívala tento veľký míľnik, kliknite na odkaz a pozrite si záznam!

3

Angular 20: Stabilný update, výkonné nástroje a... maskot?

Ján Hažinčák

Developer

Angular v20 je tu – aj keď tentoraz bez revolúcie. Na rozdiel od niekoľkých predchádzajúcich verzií, ktoré prinášali výrazné novinky, verzia 20 pôsobí pokojnejšie. Vývojári si môžu vydýchnuť – nejde o veľký prerod, ale o premyslený krok vpred, ktorý stabilizuje doterajšie experimenty a zároveň ponúka niekoľko užitočných vylepšení.


Stabilizácia toho, čo už poznáme

Angular 20 sa sústreďuje najmä na doladenie a stabilizáciu funkcií, ktoré boli doteraz dostupné len v preview režime. Medzi tie najvýraznejšie patrí:

  • effect, linkedSignal a toSignal
  • stabilizácia SSR technológií ako inkrementálna hydratácia a route-level rendering.
  • prvýkrát aj zoneless aplikácie v režime developer preview – významný míľnik, ktorý naznačuje, kam sa framework posúva

Profilovanie výkonu priamo v Chrome DevTools
Veľkou a praktickou novinkou je spolupráca Angular tímu s tímom Chrome DevTools. Výsledok? Angular-specifické profiling dáta priamo v Performance paneli.

Vďaka využitiu console.timeStamp() API nedochádza k negatívnemu dopadu na výkon počas profilovania. Táto funkcionalita poskytuje farebne odlíšené záznamy, ktoré rozlišujú medzi kódom napísaným vývojárom a tým, ktorý generuje Angular kompilátor. Aktivovať ju môžete cez ng.enableProfiling() – buď priamo v aplikácii, alebo cez konzolu.

Nezabudnite aktualizovať Chrome, aby ste mohli využiť túto integráciu naplno. Výsledok? Intuitívnejší pohľad na výkon aplikácií a cenný nástroj pre optimalizáciu.

Viac JavaScriptu v šablónach

Angular sa postupne otvára plnohodnotnejšej JS syntaxi aj v rámci HTML šablón. Cieľom je zvýšiť flexibilitu a zlepšiť vývojársku skúsenosť. V tejto verzii pribudla podpora dvoch nových operátorov priamo vo výrazových zátvorkách: exponenciálny operátor ** a operator in.

				
					<!-- n on power two -->
{{ n ** 2 }}

<!-- checks if the person object contains the name property -->
{{ name in person }}

				
			

Zbohom Karma, Vitest na obzore?

Tím Angularu oficiálne ukončil používanie testovacieho nástroja Karma a hľadá jeho nástupcu. Dôraz kladú na:

  • jednoduchú migráciu
  • aktívnu komunitu
  • lepší DX (developer experience)

Zatiaľ čo Jest bol dlhodobo favoritom, verzia 20 prináša možnosť experimentovať s Vitestom – ľahkým a moderným runnerom, ktorý môže byť tým, čo Angular hľadá.

Angular hľadá svojho maskota!

Podobne ako Java má Dukea či Golang Gophera, Angular chce vlastného vizuálneho maskota. Komunita dostala možnosť vybrať meno aj podobu tejto novej postavičky, ktorá bude framework reprezentovať.

Zapojiť sa môžeš v tomto vlákne na GitHube.

4

Elementor 3.29: Nový editor, rýchlejší výkon a šablóny v cloude

Mikuláš Žačok

Visual Content Creator

  • Verzia Elementor 3.29 prináša kľúčové zmeny, ktoré môžu výrazne ovplyvniť spôsob tvorby webov. Najväčšou novinkou je úplne nový Editor V4, ktorý je momentálne v rannej fáze Alpha. Ide o veľký krok vpred – sľubuje vyšší výkon, lepšiu udržiavateľnosť a modernejšiu architektúru.

  • V4 editor prechádza na CSS-first architektúru, čo znamená menej JavaScriptu a lepší výkon. Namiesto JavaScriptu bude mať hlavnú úlohu CSS – výsledkom je rýchlejšie načítanie a čistejší výstupný kód. Zavádzajú sa tzv. atomické prvky ako tlačidlá, nadpisy, odseky či obrázky, ktoré zabezpečujú jednotný vzhľad naprieč webom. Zavádzajú sa atomické prvky ako tlačidlá, nadpisy, obrázky a odseky, ktoré zabezpečujú konzistentný dizajn a čistejší kód.

  • Pribudli aj nové layoutové nástroje ako Div blok, Flexbox a Grid, ktoré umožňujú presnejšie a flexibilnejšie usporiadanie obsahu. Medzi ďalšie vylepšenia patrí možnosť pridávať CSS triedy pre jednotný štýl viacerých prvkov a podpora pseudo-tried napr. :hover a:focus), čo umožňuje dynamické štýlovanie bez potreby dodatočného kódu.

  • Novinkou je aj Elementor Cloud Templates, vďaka ktorým môžete šablóny jednoducho vytvárať, ukladať a zdieľať medzi viacerými webmi prepojenými s vaším Elementor účtom.

  • Elementor sa v tejto verzii zameral aj na vylepšenie prístupnosti (accessibility). Ide o krok správnym smerom, ktorý zodpovedá aktuálnym trendom aj legislatívnym požiadavkám.


    Podrobne sa o tejto verzii dočítaš tu.

Zmeškali ste aprílový Coder’s Corner? Prečítajte si ho tu.