{"id":10173,"date":"2021-03-04T10:30:00","date_gmt":"2021-03-04T09:30:00","guid":{"rendered":"https:\/\/vived.io\/frontend-thursday-27\/"},"modified":"2022-09-19T13:16:45","modified_gmt":"2022-09-19T11:16:45","slug":"frontend-thursday-27","status":"publish","type":"post","link":"https:\/\/vived.io\/pl\/frontend-thursday-27\/","title":{"rendered":"Frontend Thursday vol. 27"},"content":{"rendered":"

Miniony tydzie\u0144 by\u0142 uciele\u015bnieniem najgorszych sn\u00f3w redaktora Frontendowych Czwartk\u00f3w. \u017baden du\u017ce frameworki nie dosta\u0142y nowej wersji, Twittera nie podbi\u0142a \u017cadna nowa biblioteka i nie odby\u0142a si\u0119 \u017cadna istotna konferencja. W skr\u00f3cie: \u015bwiat frontendowych nowinek stan\u0105\u0142 w miejscu. <\/p>\n

Autor Frontendowego Czwartku wyczekuj\u0105cy chocia\u017c jednego istotnego newsa<\/figcaption><\/figure>\n

Z takim za\u0142o\u017ceniem k\u0142ad\u0142em si\u0119 spa\u0107 jeszcze wczoraj, \u017ceby dzi\u015b rano obudzi\u0107 si\u0119 i zobaczy\u0107 Google og\u0142aszaj\u0105cego Fluttera 2 i ratuj\u0105cego sytuacj\u0119 (a co je\u015bli Google \u015bledzi Frontendowe Czwartki, przeczyta\u0142 draft kolejnej edycji i postanowi\u0142 uratowa\u0107 nasz cotygodniowy cykl? ). Wszystkich r\u00f3wnie mocno spragnionych nowo\u015bci zapraszam wi\u0119c na kolejn\u0105 (mo\u017ce troch\u0119 wyj\u0105tkow\u0105) edycj\u0119 naszego przegl\u0105du. \u0141apcie kaw\u0119 \u2615 \u00a0i \u017cycz\u0119 mi\u0142ej lektury .<\/p>\n

Autor Frontendowego Czwartku sprawdzaj\u0105cy Keep Up w czwartek rano<\/figcaption><\/figure>\n

1. Flutter 2<\/h1>\n

Jako frontend deweloperzy jeste\u015bcie prawdopodobnie bardzo przywi\u0105zani do przegl\u0105darek i mo\u017cecie zastanawia\u0107 si\u0119, czemu zebra\u0142em Was tutaj, \u017ceby m\u00f3wi\u0107 o mobilnym Flutterze. Je\u015bli chocia\u017c k\u0105tem oka \u015bledzicie, co dzieje si\u0119 w frameworku z logiem niebieskiego ptaszka (a\u017c dziwne, \u017ce Google nie pok\u0142\u00f3ci\u0142 si\u0119 o to z Twitterem), to wiecie, \u017ce od d\u0142u\u017cszego czasu trwa\u0142y prace na implementacj\u0105 Flutter for Web. Z pokazan\u0105 wersj\u0105 2, wsparcie to oficjalnie zyska\u0142o status stabilnego. Oznacza to, \u017ce Flutter do\u0142\u0105czy\u0142 do zacnego grona Ionica i React Native i wykorzystuj\u0105c jeden code base umo\u017cliwia\u0142 b\u0119dzie wsparcie trzech platform (iOS, Android, Web).<\/p>\n

Reakcja przeci\u0119tnego odbiorcy Frontendoweg Czwartu na nag\u0142\u00f3wek dotycz\u0105cy Fluttera<\/figcaption><\/figure>\n

Od bety Flutter for Web nie zmieni\u0142o si\u0119 wiele, je\u015bli chodzi o za\u0142o\u017cenia w jaki spos\u00f3b renderowane b\u0119d\u0105 strony. \u015apiesz\u0119 natomiast z przypomnieniem, jak to b\u0119dzie dzia\u0142a\u0107 dla wszystkich tych, kt\u00f3rzy przegapili t\u0105 informacj\u0119. Flutter mianowicie wspiera dwa tryby renderowania. Pierwszy jest hybryd\u0105 HTML, CSS, Canvas i SVG zoptymalizowan\u0105 pod jak najmniejszy bundle size. Drugi tryb opiera si\u0119 w ca\u0142o\u015bci na Canvasie i w zamian za spory bundle oferuje lepsz\u0105 jako\u015b\u0107 i wydajno\u015b\u0107. Domy\u015blnie Flutter b\u0119dzie serwowa\u0142 w pierwszym trybie dla urz\u0105dze\u0144 mobilnych i w drugim dla desktop\u00f3w. Pogrzeba\u0142em troch\u0119 w internecie, ale nie uda\u0142o mi si\u0119 znale\u017a\u0107 stron, kt\u00f3re zdecydowa\u0142by si\u0119 na pierwszy tryb renderowania. Natrafi\u0142em za to na \u015bwietne demo z prezentacji Google\u2019a, kt\u00f3re pokazuj\u0119 jak szybko i p\u0142ynnie dzia\u0142a Flutter w przegl\u0105darce. Mo\u017cecie go znale\u017a\u0107 tutaj<\/a> (kilka innych ciekawych dem mo\u017cecie znale\u017a\u0107 tutaj<\/a>)<\/p>\n

Opr\u00f3cz najwa\u017cniejszej z perspektywy Web Developera informacji o Flutter for Web pojawi\u0142o si\u0119 te\u017c sporo aktualizacji dotycz\u0105cych samego Fluttera. We wsp\u00f3\u0142pracy z Microsoftem powsta\u0142o API wspieraj\u0105ce sk\u0142adane urz\u0105dzenia (takie jak Surface Duo). Flutter mocno zainwestowa\u0142 te\u017c we wsparcie desktopowych aplikacji i przygotowa\u0142 ca\u0142y zbi\u00f3r funkcjonalno\u015bci dedykowanych dla tego \u015brodowiska. Od dzisiaj Flutter b\u0119dzie te\u017c domy\u015blnym wyborem do tworzenia okienkowych aplikacji dla Ubuntu (wykorzystywany b\u0119dzie mi\u0119dzy innymi w samym instalatorze systemu). Nowo\u015bci zako\u0144czymy Toyot\u0105 dziel\u0105c\u0105 si\u0119 informacj\u0105, \u017ce wykorzystuje Flutter jako j\u0119zyka dla Embeddu.<\/p>\n

Google na prezentacji wspomnia\u0142 tak\u017ce o rozwoju j\u0119zyka stoj\u0105cego za Flutterem, czyli Darta. Ostatnio otrzyma\u0142 on wsparcie dla null safety, podobne do tego znanego z Kotlina. Kolejna funkcjonalno\u015b\u0107, nad kt\u00f3r\u0105 skupia\u0107 si\u0119 teraz b\u0119d\u0105 programi\u015bci z Google to feature zainspirowany Kotlinem, czyli data classes. Ja osobi\u015bcie nie zakocha\u0142em si\u0119 w Darcie od pierwszego wejrzenia, ale j\u0119zyk zdecydowanie skr\u0119ca teraz w coraz ciekawszym kierunku. BTW pami\u0119tacie jeszcze pr\u00f3by Googla ze zrobieniem z Darta nowego standardu dla Web\u2019a<\/a> albo dziwne eksperymenty takie jak Angular Dart<\/a>?<\/p>\n

Fluttera mo\u017cna lubi\u0107 lub nie. Ci\u0119\u017cko natomiast pozby\u0107 si\u0119 wra\u017cenia, \u017ce w jego \u015brodowisku dzieje si\u0119 naprawd\u0119 du\u017co, a Google potrafi wygenerowa\u0107 wok\u00f3\u0142 tego odpowiedni blichtr. Ci\u0119\u017cko mi przypomnie\u0107 sobie drug\u0105 prezentacj\u0119, czy nawet sam release frameworku, kt\u00f3ry by\u0142by tak wypchany informacjami.<\/p>\n

\u0179r\u00f3d\u0142a:<\/h2>\n

https:\/\/developers.googleblog.com\/2021\/03\/announcing-flutter-2.html<\/a>
https:\/\/www.youtube.com\/watch?v=zSbsIiluix<\/a>
https:\/\/www.youtube.com\/watch?v=yll3SNXvQCw<\/a><\/p>\n

2. What\u2019s new in Chrome DevTools 89 & 90<\/h1>\n

Ten tygodniowy przegl\u0105d zdominowany jest przez Google, bo druga nowo\u015b\u0107, kt\u00f3r\u0105 chce si\u0119 z Wami podzieli\u0107 jest Chrome 90. Jako \u017ce, od kiedy ostatni raz dzieli\u0142em si\u0119 z Wami nowo\u015bciami z Chrome DevTools min\u0119\u0142o ju\u017c troch\u0119 czasu, to przy okazji zerkn\u0105\u0142em te\u017c na wersj\u0119 89.<\/p>\n

Z mojej perspektywy interesuj\u0105ce zmiany by\u0142y 3. Po pierwsze dodano mo\u017cliwo\u015b\u0107 zrobienia zrzutu wybranego komponentu, co w moim przypadku zminimalizowa\u0142o potrzeb\u0119 przycinania screenshot\u00f3w (patrz\u0119 na Ciebie Canva i czekam, a\u017c funkcjonalno\u015b\u0107 eksportowania obraz\u00f3w z emoji znowu zacznie dzia\u0142a\u0107). Druga funkcjonalno\u015b\u0107, kt\u00f3rej regularnie u\u017cywam s\u0105 preview kolor\u00f3w dla css-variables, od kt\u00f3rych a\u017c roi si\u0119 w Ionicu. Ostatnia funckcjonalno\u015b\u0107, kt\u00f3ra przyci\u0105gne\u0142a moja uwag\u0119 to komponent do konfigurowania k\u0105t\u00f3w w gradiencie. Ma\u0142a rzecz, a cieszy.<\/p>\n

Now kontrolka umo\u017cliwiaj\u0105ca dobranie odpowiedniego k\u0105ta gradientu w chrome<\/figcaption><\/figure>\n

Oczywi\u015bcie zmian by\u0142o wi\u0119cej i je\u015bli chcecie poczyta\u0107 o szczeg\u00f3\u0142ach, to zapraszam do \u017ar\u00f3de\u0142. Ja natomiast zastanawiam si\u0119, czy interesuj\u0105 Was informacje o nowych funkcjonalno\u015bciach DevTools\u00f3w? Jaki\u015b czas temu zosta\u0142y one wypchni\u0119te z weekly, ale mo\u017ce pora to zmieni\u0107? Koniecznie dajcie nam zna\u0107 na Facebooku .<\/p>\n

PS. Z czystej ciekawo\u015bci postanowi\u0142em zerkn\u0105\u0107 te\u017c, co dzieje si\u0119 w peletonie przegl\u0105darek i chyba zaczynam rozumie\u0107, dlaczego to w\u0142a\u015bnie Chrome cieszy si\u0119 najwi\u0119ksz\u0105 popularno\u015bci\u0105 w\u015br\u00f3d deweloper\u00f3w (wg. State of JS 2020<\/a>). Firefox w tym samym czasie doda\u0142 wsparcie dla \u201cpretty print\u201d JSON\u00f3w, natomiast w Safari dla deweloper\u00f3w nie zmieni\u0142o si\u0119 nic.<\/p>\n

Na koniec kontrowersyjna opinia z Twittera. Mi podoba si\u0119 koncepcja przerzucenia developmentu do Safari ale jako\u015b ci\u0105gle brakuje mi odwagi…\u200c\u200c<\/span><\/figcaption><\/figure>\n

\u0179r\u00f3d\u0142a:<\/h2>\n

https:\/\/developers.google.com\/web\/updates\/2021\/02\/devtools<\/a>
https:\/\/developers.google.com\/web\/updates\/2021\/01\/devtools<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Miniony tydzie\u0144 by\u0142 uciele\u015bnieniem najgorszych sn\u00f3w redaktora Frontendowych Czwartk\u00f3w. \u017baden du\u017ce frameworki nie dosta\u0142y nowej wersji, Twittera nie podbi\u0142a \u017cadna nowa biblioteka i nie odby\u0142a si\u0119 \u017cadna istotna konferencja. W skr\u00f3cie: \u015bwiat frontendowych nowinek stan\u0105\u0142 w miejscu. Autor Frontendowego Czwartku wyczekuj\u0105cy chocia\u017c jednego istotnego newsa Z takim za\u0142o\u017ceniem k\u0142ad\u0142em si\u0119 spa\u0107 jeszcze wczoraj, \u017ceby dzi\u015b […]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[273],"tags":[],"class_list":["post-10173","post","type-post","status-publish","format-standard","hentry","category-frontend-pl"],"acf":{"weekly_summary":true,"estimated_reading_time":"5"},"yoast_head":"\nFrontend Thursday vol. 27 - Vived<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vived.io\/pl\/frontend-thursday-27\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend Thursday vol. 27 - Vived\" \/>\n<meta property=\"og:description\" content=\"Miniony tydzie\u0144 by\u0142 uciele\u015bnieniem najgorszych sn\u00f3w redaktora Frontendowych Czwartk\u00f3w. \u017baden du\u017ce frameworki nie dosta\u0142y nowej wersji, Twittera nie podbi\u0142a \u017cadna nowa biblioteka i nie odby\u0142a si\u0119 \u017cadna istotna konferencja. W skr\u00f3cie: \u015bwiat frontendowych nowinek stan\u0105\u0142 w miejscu. Autor Frontendowego Czwartku wyczekuj\u0105cy chocia\u017c jednego istotnego newsa Z takim za\u0142o\u017ceniem k\u0142ad\u0142em si\u0119 spa\u0107 jeszcze wczoraj, \u017ceby dzi\u015b […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vived.io\/pl\/frontend-thursday-27\/\" \/>\n<meta property=\"og:site_name\" content=\"Vived\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-04T09:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-19T11:16:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif\" \/>\n<meta name=\"author\" content=\"Tomasz Borowicz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-27\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-27\/\"},\"author\":{\"name\":\"Tomasz Borowicz\",\"@id\":\"https:\/\/vived.io\/pl\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb\"},\"headline\":\"Frontend Thursday vol. 27\",\"datePublished\":\"2021-03-04T09:30:00+00:00\",\"dateModified\":\"2022-09-19T11:16:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-27\/\"},\"wordCount\":1014,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/vived.io\/pl\/#organization\"},\"image\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-27\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif\",\"articleSection\":[\"Frontend\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/vived.io\/pl\/frontend-thursday-27\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-27\/\",\"url\":\"https:\/\/vived.io\/pl\/frontend-thursday-27\/\",\"name\":\"Frontend Thursday vol. 27 - Vived\",\"isPartOf\":{\"@id\":\"https:\/\/vived.io\/pl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-27\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-27\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif\",\"datePublished\":\"2021-03-04T09:30:00+00:00\",\"dateModified\":\"2022-09-19T11:16:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-27\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vived.io\/pl\/frontend-thursday-27\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-27\/#primaryimage\",\"url\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif\",\"contentUrl\":\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vived.io\/pl\/frontend-thursday-27\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/vived.io\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend Thursday vol. 27\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vived.io\/pl\/#website\",\"url\":\"https:\/\/vived.io\/pl\/\",\"name\":\"Vived\",\"description\":\"platform empowering IT people and technology companies to synergic growth\",\"publisher\":{\"@id\":\"https:\/\/vived.io\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vived.io\/pl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/vived.io\/pl\/#organization\",\"name\":\"Vived\",\"url\":\"https:\/\/vived.io\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/vived.io\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/vived.io\/wp-content\/uploads\/2020\/03\/logo_vived_color.png\",\"contentUrl\":\"https:\/\/vived.io\/wp-content\/uploads\/2020\/03\/logo_vived_color.png\",\"width\":136,\"height\":45,\"caption\":\"Vived\"},\"image\":{\"@id\":\"https:\/\/vived.io\/pl\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/vived.io\/pl\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb\",\"name\":\"Tomasz Borowicz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/vived.io\/pl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/804536d2672538508d43f60ad2108e5aaea76c192653eaf95d4c3934b7d1dbb6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/804536d2672538508d43f60ad2108e5aaea76c192653eaf95d4c3934b7d1dbb6?s=96&d=mm&r=g\",\"caption\":\"Tomasz Borowicz\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Frontend Thursday vol. 27 - Vived","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vived.io\/pl\/frontend-thursday-27\/","og_locale":"pl_PL","og_type":"article","og_title":"Frontend Thursday vol. 27 - Vived","og_description":"Miniony tydzie\u0144 by\u0142 uciele\u015bnieniem najgorszych sn\u00f3w redaktora Frontendowych Czwartk\u00f3w. \u017baden du\u017ce frameworki nie dosta\u0142y nowej wersji, Twittera nie podbi\u0142a \u017cadna nowa biblioteka i nie odby\u0142a si\u0119 \u017cadna istotna konferencja. W skr\u00f3cie: \u015bwiat frontendowych nowinek stan\u0105\u0142 w miejscu. Autor Frontendowego Czwartku wyczekuj\u0105cy chocia\u017c jednego istotnego newsa Z takim za\u0142o\u017ceniem k\u0142ad\u0142em si\u0119 spa\u0107 jeszcze wczoraj, \u017ceby dzi\u015b […]","og_url":"https:\/\/vived.io\/pl\/frontend-thursday-27\/","og_site_name":"Vived","article_published_time":"2021-03-04T09:30:00+00:00","article_modified_time":"2022-09-19T11:16:45+00:00","og_image":[{"url":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif","type":"","width":"","height":""}],"author":"Tomasz Borowicz","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vived.io\/pl\/frontend-thursday-27\/#article","isPartOf":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-27\/"},"author":{"name":"Tomasz Borowicz","@id":"https:\/\/vived.io\/pl\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb"},"headline":"Frontend Thursday vol. 27","datePublished":"2021-03-04T09:30:00+00:00","dateModified":"2022-09-19T11:16:45+00:00","mainEntityOfPage":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-27\/"},"wordCount":1014,"commentCount":0,"publisher":{"@id":"https:\/\/vived.io\/pl\/#organization"},"image":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-27\/#primaryimage"},"thumbnailUrl":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif","articleSection":["Frontend"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vived.io\/pl\/frontend-thursday-27\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vived.io\/pl\/frontend-thursday-27\/","url":"https:\/\/vived.io\/pl\/frontend-thursday-27\/","name":"Frontend Thursday vol. 27 - Vived","isPartOf":{"@id":"https:\/\/vived.io\/pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-27\/#primaryimage"},"image":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-27\/#primaryimage"},"thumbnailUrl":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif","datePublished":"2021-03-04T09:30:00+00:00","dateModified":"2022-09-19T11:16:45+00:00","breadcrumb":{"@id":"https:\/\/vived.io\/pl\/frontend-thursday-27\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vived.io\/pl\/frontend-thursday-27\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/vived.io\/pl\/frontend-thursday-27\/#primaryimage","url":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif","contentUrl":"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/vived.io\/pl\/frontend-thursday-27\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/vived.io\/pl\/"},{"@type":"ListItem","position":2,"name":"Frontend Thursday vol. 27"}]},{"@type":"WebSite","@id":"https:\/\/vived.io\/pl\/#website","url":"https:\/\/vived.io\/pl\/","name":"Vived","description":"platform empowering IT people and technology companies to synergic growth","publisher":{"@id":"https:\/\/vived.io\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vived.io\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/vived.io\/pl\/#organization","name":"Vived","url":"https:\/\/vived.io\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/vived.io\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/vived.io\/wp-content\/uploads\/2020\/03\/logo_vived_color.png","contentUrl":"https:\/\/vived.io\/wp-content\/uploads\/2020\/03\/logo_vived_color.png","width":136,"height":45,"caption":"Vived"},"image":{"@id":"https:\/\/vived.io\/pl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/vived.io\/pl\/#\/schema\/person\/9d2a72fe7d0dfbb4092675afbab742bb","name":"Tomasz Borowicz","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/vived.io\/pl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/804536d2672538508d43f60ad2108e5aaea76c192653eaf95d4c3934b7d1dbb6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/804536d2672538508d43f60ad2108e5aaea76c192653eaf95d4c3934b7d1dbb6?s=96&d=mm&r=g","caption":"Tomasz Borowicz"}}]}},"blocks_vived":[{"blockName":null,"attrs":[],"innerBlocks":[],"innerHTML":"<p>Miniony tydzie\u0144 by\u0142 uciele\u015bnieniem najgorszych sn\u00f3w redaktora Frontendowych Czwartk\u00f3w. \u017baden du\u017ce frameworki nie dosta\u0142y nowej wersji, Twittera nie podbi\u0142a \u017cadna nowa biblioteka i nie odby\u0142a si\u0119 \u017cadna istotna konferencja. W skr\u00f3cie: \u015bwiat frontendowych nowinek stan\u0105\u0142 w miejscu. <\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Autor Frontendowego Czwartku wyczekuj\u0105cy chocia\u017c jednego istotnego newsa<\/figcaption><\/figure><p>Z takim za\u0142o\u017ceniem k\u0142ad\u0142em si\u0119 spa\u0107 jeszcze wczoraj, \u017ceby dzi\u015b rano obudzi\u0107 si\u0119 i zobaczy\u0107 Google og\u0142aszaj\u0105cego Fluttera 2 i ratuj\u0105cego sytuacj\u0119 (a co je\u015bli Google \u015bledzi Frontendowe Czwartki, przeczyta\u0142 draft kolejnej edycji i postanowi\u0142 uratowa\u0107 nasz cotygodniowy cykl? ). Wszystkich r\u00f3wnie mocno spragnionych nowo\u015bci zapraszam wi\u0119c na kolejn\u0105 (mo\u017ce troch\u0119 wyj\u0105tkow\u0105) edycj\u0119 naszego przegl\u0105du. \u0141apcie kaw\u0119 \u2615 \u00a0i \u017cycz\u0119 mi\u0142ej lektury .<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bdf86484.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Autor Frontendowego Czwartku sprawdzaj\u0105cy Keep Up w czwartek rano<\/figcaption><\/figure><h1 id=\"1-flutter-2\">1. Flutter 2<\/h1><p>Jako frontend deweloperzy jeste\u015bcie prawdopodobnie bardzo przywi\u0105zani do przegl\u0105darek i mo\u017cecie zastanawia\u0107 si\u0119, czemu zebra\u0142em Was tutaj, \u017ceby m\u00f3wi\u0107 o mobilnym Flutterze. Je\u015bli chocia\u017c k\u0105tem oka \u015bledzicie, co dzieje si\u0119 w frameworku z logiem niebieskiego ptaszka (a\u017c dziwne, \u017ce Google nie pok\u0142\u00f3ci\u0142 si\u0119 o to z Twitterem), to wiecie, \u017ce od d\u0142u\u017cszego czasu trwa\u0142y prace na implementacj\u0105 Flutter for Web. Z pokazan\u0105 wersj\u0105 2, wsparcie to oficjalnie zyska\u0142o status stabilnego. Oznacza to, \u017ce Flutter do\u0142\u0105czy\u0142 do zacnego grona Ionica i React Native i wykorzystuj\u0105c jeden code base umo\u017cliwia\u0142 b\u0119dzie wsparcie trzech platform (iOS, Android, Web).<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0be0b65ac.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Reakcja przeci\u0119tnego odbiorcy Frontendoweg Czwartu na nag\u0142\u00f3wek dotycz\u0105cy Fluttera<\/figcaption><\/figure><p>Od bety Flutter for Web nie zmieni\u0142o si\u0119 wiele, je\u015bli chodzi o za\u0142o\u017cenia w jaki spos\u00f3b renderowane b\u0119d\u0105 strony. \u015apiesz\u0119 natomiast z przypomnieniem, jak to b\u0119dzie dzia\u0142a\u0107 dla wszystkich tych, kt\u00f3rzy przegapili t\u0105 informacj\u0119. Flutter mianowicie wspiera dwa tryby renderowania. Pierwszy jest hybryd\u0105 HTML, CSS, Canvas i SVG zoptymalizowan\u0105 pod jak najmniejszy bundle size. Drugi tryb opiera si\u0119 w ca\u0142o\u015bci na Canvasie i w zamian za spory bundle oferuje lepsz\u0105 jako\u015b\u0107 i wydajno\u015b\u0107. Domy\u015blnie Flutter b\u0119dzie serwowa\u0142 w pierwszym trybie dla urz\u0105dze\u0144 mobilnych i w drugim dla desktop\u00f3w. Pogrzeba\u0142em troch\u0119 w internecie, ale nie uda\u0142o mi si\u0119 znale\u017a\u0107 stron, kt\u00f3re zdecydowa\u0142by si\u0119 na pierwszy tryb renderowania. Natrafi\u0142em za to na \u015bwietne demo z prezentacji Google\u2019a, kt\u00f3re pokazuj\u0119 jak szybko i p\u0142ynnie dzia\u0142a Flutter w przegl\u0105darce. Mo\u017cecie go znale\u017a\u0107 <a href=\"https:\/\/flutterplasma.dev\/\">tutaj<\/a> (kilka innych ciekawych dem mo\u017cecie znale\u017a\u0107 <a href=\"https:\/\/flutter.github.io\/samples\/#?platform=web\">tutaj<\/a>)<\/p><p>Opr\u00f3cz najwa\u017cniejszej z perspektywy Web Developera informacji o Flutter for Web pojawi\u0142o si\u0119 te\u017c sporo aktualizacji dotycz\u0105cych samego Fluttera. We wsp\u00f3\u0142pracy z Microsoftem powsta\u0142o API wspieraj\u0105ce sk\u0142adane urz\u0105dzenia (takie jak Surface Duo). Flutter mocno zainwestowa\u0142 te\u017c we wsparcie desktopowych aplikacji i przygotowa\u0142 ca\u0142y zbi\u00f3r funkcjonalno\u015bci dedykowanych dla tego \u015brodowiska. Od dzisiaj Flutter b\u0119dzie te\u017c domy\u015blnym wyborem do tworzenia okienkowych aplikacji dla Ubuntu (wykorzystywany b\u0119dzie mi\u0119dzy innymi w samym instalatorze systemu). Nowo\u015bci zako\u0144czymy Toyot\u0105 dziel\u0105c\u0105 si\u0119 informacj\u0105, \u017ce wykorzystuje Flutter jako j\u0119zyka dla Embeddu.<\/p><p>Google na prezentacji wspomnia\u0142 tak\u017ce o rozwoju j\u0119zyka stoj\u0105cego za Flutterem, czyli Darta. Ostatnio otrzyma\u0142 on wsparcie dla null safety, podobne do tego znanego z Kotlina. Kolejna funkcjonalno\u015b\u0107, nad kt\u00f3r\u0105 skupia\u0107 si\u0119 teraz b\u0119d\u0105 programi\u015bci z Google to feature zainspirowany Kotlinem, czyli data classes. Ja osobi\u015bcie nie zakocha\u0142em si\u0119 w Darcie od pierwszego wejrzenia, ale j\u0119zyk zdecydowanie skr\u0119ca teraz w coraz ciekawszym kierunku. BTW pami\u0119tacie jeszcze pr\u00f3by Googla ze zrobieniem z <a href=\"https:\/\/techcrunch.com\/2015\/03\/25\/google-will-not-integrate-its-dart-programming-language-into-chrome\/?fbclid=IwAR3iXLIib0i2iq8QLJI9R9MRAxZNJuZmsmv4Xf7nrIW5Wvsz9qXm9paC5io\">Darta nowego standardu dla Web\u2019a<\/a> albo dziwne eksperymenty takie jak <a href=\"https:\/\/github.com\/angulardart\/angular\">Angular Dart<\/a>?<\/p><p>Fluttera mo\u017cna lubi\u0107 lub nie. Ci\u0119\u017cko natomiast pozby\u0107 si\u0119 wra\u017cenia, \u017ce w jego \u015brodowisku dzieje si\u0119 naprawd\u0119 du\u017co, a Google potrafi wygenerowa\u0107 wok\u00f3\u0142 tego odpowiedni blichtr. Ci\u0119\u017cko mi przypomnie\u0107 sobie drug\u0105 prezentacj\u0119, czy nawet sam release frameworku, kt\u00f3ry by\u0142by tak wypchany informacjami.<\/p><h2 id=\"-r-d-a-\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/developers.googleblog.com\/2021\/03\/announcing-flutter-2.html\">https:\/\/developers.googleblog.com\/2021\/03\/announcing-flutter-2.html<\/a><br \/><a href=\"https:\/\/www.youtube.com\/watch?v=zSbsIiluixw\">https:\/\/www.youtube.com\/watch?v=zSbsIiluix<\/a><br \/><a href=\"https:\/\/www.youtube.com\/watch?v=yll3SNXvQCw\">https:\/\/www.youtube.com\/watch?v=yll3SNXvQCw<\/a><\/p><h1 id=\"2-what-s-new-in-chrome-devtools-89-90\">2. What\u2019s new in Chrome DevTools 89 & 90<\/h1><p>Ten tygodniowy przegl\u0105d zdominowany jest przez Google, bo druga nowo\u015b\u0107, kt\u00f3r\u0105 chce si\u0119 z Wami podzieli\u0107 jest Chrome 90. Jako \u017ce, od kiedy ostatni raz dzieli\u0142em si\u0119 z Wami nowo\u015bciami z Chrome DevTools min\u0119\u0142o ju\u017c troch\u0119 czasu, to przy okazji zerkn\u0105\u0142em te\u017c na wersj\u0119 89.<\/p><p>Z mojej perspektywy interesuj\u0105ce zmiany by\u0142y 3. Po pierwsze dodano mo\u017cliwo\u015b\u0107 zrobienia zrzutu wybranego komponentu, co w moim przypadku zminimalizowa\u0142o potrzeb\u0119 przycinania screenshot\u00f3w (patrz\u0119 na Ciebie Canva i czekam, a\u017c funkcjonalno\u015b\u0107 eksportowania obraz\u00f3w z emoji znowu zacznie dzia\u0142a\u0107). Druga funkcjonalno\u015b\u0107, kt\u00f3rej regularnie u\u017cywam s\u0105 preview kolor\u00f3w dla css-variables, od kt\u00f3rych a\u017c roi si\u0119 w Ionicu. Ostatnia funckcjonalno\u015b\u0107, kt\u00f3ra przyci\u0105gne\u0142a moja uwag\u0119 to komponent do konfigurowania k\u0105t\u00f3w w gradiencie. Ma\u0142a rzecz, a cieszy.<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0be1c3c38.png\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Now kontrolka umo\u017cliwiaj\u0105ca dobranie odpowiedniego k\u0105ta gradientu w chrome<\/figcaption><\/figure><p>Oczywi\u015bcie zmian by\u0142o wi\u0119cej i je\u015bli chcecie poczyta\u0107 o szczeg\u00f3\u0142ach, to zapraszam do \u017ar\u00f3de\u0142. Ja natomiast zastanawiam si\u0119, czy interesuj\u0105 Was informacje o nowych funkcjonalno\u015bciach DevTools\u00f3w? Jaki\u015b czas temu zosta\u0142y one wypchni\u0119te z weekly, ale mo\u017ce pora to zmieni\u0107? Koniecznie dajcie nam zna\u0107 na Facebooku .<\/p><p>PS. Z czystej ciekawo\u015bci postanowi\u0142em zerkn\u0105\u0107 te\u017c, co dzieje si\u0119 w peletonie przegl\u0105darek i chyba zaczynam rozumie\u0107, dlaczego to w\u0142a\u015bnie Chrome cieszy si\u0119 najwi\u0119ksz\u0105 popularno\u015bci\u0105 w\u015br\u00f3d deweloper\u00f3w (wg. <a href=\"https:\/\/2020.stateofjs.com\/en-US\/\">State of JS 2020<\/a>). Firefox w tym samym czasie doda\u0142 wsparcie dla \u201cpretty print\u201d JSON\u00f3w, natomiast w Safari dla deweloper\u00f3w nie zmieni\u0142o si\u0119 nic.<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img\nsrc=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0be37da6a.png\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Na koniec kontrowersyjna opinia z Twittera. Mi podoba si\u0119 koncepcja przerzucenia developmentu do Safari ale jako\u015b ci\u0105gle brakuje mi odwagi...<span class=\"-mobiledoc-kit__atom\">\u200c\u200c<\/span><\/figcaption><\/figure><h2 id=\"-r-d-a--1\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/developers.google.com\/web\/updates\/2021\/02\/devtools\">https:\/\/developers.google.com\/web\/updates\/2021\/02\/devtools<\/a><br \/><a href=\"https:\/\/developers.google.com\/web\/updates\/2021\/01\/devtools\">https:\/\/developers.google.com\/web\/updates\/2021\/01\/devtools<\/a><\/p>","innerContent":["<p>Miniony tydzie\u0144 by\u0142 uciele\u015bnieniem najgorszych sn\u00f3w redaktora Frontendowych Czwartk\u00f3w. \u017baden du\u017ce frameworki nie dosta\u0142y nowej wersji, Twittera nie podbi\u0142a \u017cadna nowa biblioteka i nie odby\u0142a si\u0119 \u017cadna istotna konferencja. W skr\u00f3cie: \u015bwiat frontendowych nowinek stan\u0105\u0142 w miejscu. <\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bde2bed4.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Autor Frontendowego Czwartku wyczekuj\u0105cy chocia\u017c jednego istotnego newsa<\/figcaption><\/figure><p>Z takim za\u0142o\u017ceniem k\u0142ad\u0142em si\u0119 spa\u0107 jeszcze wczoraj, \u017ceby dzi\u015b rano obudzi\u0107 si\u0119 i zobaczy\u0107 Google og\u0142aszaj\u0105cego Fluttera 2 i ratuj\u0105cego sytuacj\u0119 (a co je\u015bli Google \u015bledzi Frontendowe Czwartki, przeczyta\u0142 draft kolejnej edycji i postanowi\u0142 uratowa\u0107 nasz cotygodniowy cykl? ). Wszystkich r\u00f3wnie mocno spragnionych nowo\u015bci zapraszam wi\u0119c na kolejn\u0105 (mo\u017ce troch\u0119 wyj\u0105tkow\u0105) edycj\u0119 naszego przegl\u0105du. \u0141apcie kaw\u0119 \u2615 \u00a0i \u017cycz\u0119 mi\u0142ej lektury .<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0bdf86484.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Autor Frontendowego Czwartku sprawdzaj\u0105cy Keep Up w czwartek rano<\/figcaption><\/figure><h1 id=\"1-flutter-2\">1. Flutter 2<\/h1><p>Jako frontend deweloperzy jeste\u015bcie prawdopodobnie bardzo przywi\u0105zani do przegl\u0105darek i mo\u017cecie zastanawia\u0107 si\u0119, czemu zebra\u0142em Was tutaj, \u017ceby m\u00f3wi\u0107 o mobilnym Flutterze. Je\u015bli chocia\u017c k\u0105tem oka \u015bledzicie, co dzieje si\u0119 w frameworku z logiem niebieskiego ptaszka (a\u017c dziwne, \u017ce Google nie pok\u0142\u00f3ci\u0142 si\u0119 o to z Twitterem), to wiecie, \u017ce od d\u0142u\u017cszego czasu trwa\u0142y prace na implementacj\u0105 Flutter for Web. Z pokazan\u0105 wersj\u0105 2, wsparcie to oficjalnie zyska\u0142o status stabilnego. Oznacza to, \u017ce Flutter do\u0142\u0105czy\u0142 do zacnego grona Ionica i React Native i wykorzystuj\u0105c jeden code base umo\u017cliwia\u0142 b\u0119dzie wsparcie trzech platform (iOS, Android, Web).<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0be0b65ac.gif\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Reakcja przeci\u0119tnego odbiorcy Frontendoweg Czwartu na nag\u0142\u00f3wek dotycz\u0105cy Fluttera<\/figcaption><\/figure><p>Od bety Flutter for Web nie zmieni\u0142o si\u0119 wiele, je\u015bli chodzi o za\u0142o\u017cenia w jaki spos\u00f3b renderowane b\u0119d\u0105 strony. \u015apiesz\u0119 natomiast z przypomnieniem, jak to b\u0119dzie dzia\u0142a\u0107 dla wszystkich tych, kt\u00f3rzy przegapili t\u0105 informacj\u0119. Flutter mianowicie wspiera dwa tryby renderowania. Pierwszy jest hybryd\u0105 HTML, CSS, Canvas i SVG zoptymalizowan\u0105 pod jak najmniejszy bundle size. Drugi tryb opiera si\u0119 w ca\u0142o\u015bci na Canvasie i w zamian za spory bundle oferuje lepsz\u0105 jako\u015b\u0107 i wydajno\u015b\u0107. Domy\u015blnie Flutter b\u0119dzie serwowa\u0142 w pierwszym trybie dla urz\u0105dze\u0144 mobilnych i w drugim dla desktop\u00f3w. Pogrzeba\u0142em troch\u0119 w internecie, ale nie uda\u0142o mi si\u0119 znale\u017a\u0107 stron, kt\u00f3re zdecydowa\u0142by si\u0119 na pierwszy tryb renderowania. Natrafi\u0142em za to na \u015bwietne demo z prezentacji Google\u2019a, kt\u00f3re pokazuj\u0119 jak szybko i p\u0142ynnie dzia\u0142a Flutter w przegl\u0105darce. Mo\u017cecie go znale\u017a\u0107 <a href=\"https:\/\/flutterplasma.dev\/\">tutaj<\/a> (kilka innych ciekawych dem mo\u017cecie znale\u017a\u0107 <a href=\"https:\/\/flutter.github.io\/samples\/#?platform=web\">tutaj<\/a>)<\/p><p>Opr\u00f3cz najwa\u017cniejszej z perspektywy Web Developera informacji o Flutter for Web pojawi\u0142o si\u0119 te\u017c sporo aktualizacji dotycz\u0105cych samego Fluttera. We wsp\u00f3\u0142pracy z Microsoftem powsta\u0142o API wspieraj\u0105ce sk\u0142adane urz\u0105dzenia (takie jak Surface Duo). Flutter mocno zainwestowa\u0142 te\u017c we wsparcie desktopowych aplikacji i przygotowa\u0142 ca\u0142y zbi\u00f3r funkcjonalno\u015bci dedykowanych dla tego \u015brodowiska. Od dzisiaj Flutter b\u0119dzie te\u017c domy\u015blnym wyborem do tworzenia okienkowych aplikacji dla Ubuntu (wykorzystywany b\u0119dzie mi\u0119dzy innymi w samym instalatorze systemu). Nowo\u015bci zako\u0144czymy Toyot\u0105 dziel\u0105c\u0105 si\u0119 informacj\u0105, \u017ce wykorzystuje Flutter jako j\u0119zyka dla Embeddu.<\/p><p>Google na prezentacji wspomnia\u0142 tak\u017ce o rozwoju j\u0119zyka stoj\u0105cego za Flutterem, czyli Darta. Ostatnio otrzyma\u0142 on wsparcie dla null safety, podobne do tego znanego z Kotlina. Kolejna funkcjonalno\u015b\u0107, nad kt\u00f3r\u0105 skupia\u0107 si\u0119 teraz b\u0119d\u0105 programi\u015bci z Google to feature zainspirowany Kotlinem, czyli data classes. Ja osobi\u015bcie nie zakocha\u0142em si\u0119 w Darcie od pierwszego wejrzenia, ale j\u0119zyk zdecydowanie skr\u0119ca teraz w coraz ciekawszym kierunku. BTW pami\u0119tacie jeszcze pr\u00f3by Googla ze zrobieniem z <a href=\"https:\/\/techcrunch.com\/2015\/03\/25\/google-will-not-integrate-its-dart-programming-language-into-chrome\/?fbclid=IwAR3iXLIib0i2iq8QLJI9R9MRAxZNJuZmsmv4Xf7nrIW5Wvsz9qXm9paC5io\">Darta nowego standardu dla Web\u2019a<\/a> albo dziwne eksperymenty takie jak <a href=\"https:\/\/github.com\/angulardart\/angular\">Angular Dart<\/a>?<\/p><p>Fluttera mo\u017cna lubi\u0107 lub nie. Ci\u0119\u017cko natomiast pozby\u0107 si\u0119 wra\u017cenia, \u017ce w jego \u015brodowisku dzieje si\u0119 naprawd\u0119 du\u017co, a Google potrafi wygenerowa\u0107 wok\u00f3\u0142 tego odpowiedni blichtr. Ci\u0119\u017cko mi przypomnie\u0107 sobie drug\u0105 prezentacj\u0119, czy nawet sam release frameworku, kt\u00f3ry by\u0142by tak wypchany informacjami.<\/p><h2 id=\"-r-d-a-\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/developers.googleblog.com\/2021\/03\/announcing-flutter-2.html\">https:\/\/developers.googleblog.com\/2021\/03\/announcing-flutter-2.html<\/a><br \/><a href=\"https:\/\/www.youtube.com\/watch?v=zSbsIiluixw\">https:\/\/www.youtube.com\/watch?v=zSbsIiluix<\/a><br \/><a href=\"https:\/\/www.youtube.com\/watch?v=yll3SNXvQCw\">https:\/\/www.youtube.com\/watch?v=yll3SNXvQCw<\/a><\/p><h1 id=\"2-what-s-new-in-chrome-devtools-89-90\">2. What\u2019s new in Chrome DevTools 89 & 90<\/h1><p>Ten tygodniowy przegl\u0105d zdominowany jest przez Google, bo druga nowo\u015b\u0107, kt\u00f3r\u0105 chce si\u0119 z Wami podzieli\u0107 jest Chrome 90. Jako \u017ce, od kiedy ostatni raz dzieli\u0142em si\u0119 z Wami nowo\u015bciami z Chrome DevTools min\u0119\u0142o ju\u017c troch\u0119 czasu, to przy okazji zerkn\u0105\u0142em te\u017c na wersj\u0119 89.<\/p><p>Z mojej perspektywy interesuj\u0105ce zmiany by\u0142y 3. Po pierwsze dodano mo\u017cliwo\u015b\u0107 zrobienia zrzutu wybranego komponentu, co w moim przypadku zminimalizowa\u0142o potrzeb\u0119 przycinania screenshot\u00f3w (patrz\u0119 na Ciebie Canva i czekam, a\u017c funkcjonalno\u015b\u0107 eksportowania obraz\u00f3w z emoji znowu zacznie dzia\u0142a\u0107). Druga funkcjonalno\u015b\u0107, kt\u00f3rej regularnie u\u017cywam s\u0105 preview kolor\u00f3w dla css-variables, od kt\u00f3rych a\u017c roi si\u0119 w Ionicu. Ostatnia funckcjonalno\u015b\u0107, kt\u00f3ra przyci\u0105gne\u0142a moja uwag\u0119 to komponent do konfigurowania k\u0105t\u00f3w w gradiencie. Ma\u0142a rzecz, a cieszy.<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img src=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0be1c3c38.png\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Now kontrolka umo\u017cliwiaj\u0105ca dobranie odpowiedniego k\u0105ta gradientu w chrome<\/figcaption><\/figure><p>Oczywi\u015bcie zmian by\u0142o wi\u0119cej i je\u015bli chcecie poczyta\u0107 o szczeg\u00f3\u0142ach, to zapraszam do \u017ar\u00f3de\u0142. Ja natomiast zastanawiam si\u0119, czy interesuj\u0105 Was informacje o nowych funkcjonalno\u015bciach DevTools\u00f3w? Jaki\u015b czas temu zosta\u0142y one wypchni\u0119te z weekly, ale mo\u017ce pora to zmieni\u0107? Koniecznie dajcie nam zna\u0107 na Facebooku .<\/p><p>PS. Z czystej ciekawo\u015bci postanowi\u0142em zerkn\u0105\u0107 te\u017c, co dzieje si\u0119 w peletonie przegl\u0105darek i chyba zaczynam rozumie\u0107, dlaczego to w\u0142a\u015bnie Chrome cieszy si\u0119 najwi\u0119ksz\u0105 popularno\u015bci\u0105 w\u015br\u00f3d deweloper\u00f3w (wg. <a href=\"https:\/\/2020.stateofjs.com\/en-US\/\">State of JS 2020<\/a>). Firefox w tym samym czasie doda\u0142 wsparcie dla \u201cpretty print\u201d JSON\u00f3w, natomiast w Safari dla deweloper\u00f3w nie zmieni\u0142o si\u0119 nic.<\/p><figure class=\"kg-card kg-image-card kg-card-hascaption\"><img\nsrc=\"https:\/\/vived.io\/wp-content\/uploads\/2021\/08\/img_610d0be37da6a.png\" class=\"kg-image\" alt loading=\"lazy\"><figcaption>Na koniec kontrowersyjna opinia z Twittera. Mi podoba si\u0119 koncepcja przerzucenia developmentu do Safari ale jako\u015b ci\u0105gle brakuje mi odwagi...<span class=\"-mobiledoc-kit__atom\">\u200c\u200c<\/span><\/figcaption><\/figure><h2 id=\"-r-d-a--1\">\u0179r\u00f3d\u0142a:<\/h2><p><a href=\"https:\/\/developers.google.com\/web\/updates\/2021\/02\/devtools\">https:\/\/developers.google.com\/web\/updates\/2021\/02\/devtools<\/a><br \/><a href=\"https:\/\/developers.google.com\/web\/updates\/2021\/01\/devtools\">https:\/\/developers.google.com\/web\/updates\/2021\/01\/devtools<\/a><\/p>"]}],"_links":{"self":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/10173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/comments?post=10173"}],"version-history":[{"count":1,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/10173\/revisions"}],"predecessor-version":[{"id":10649,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/posts\/10173\/revisions\/10649"}],"wp:attachment":[{"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/media?parent=10173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/categories?post=10173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vived.io\/pl\/wp-json\/wp\/v2\/tags?post=10173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}