Devtales Podcast

A 48. adásban Gábor megosztotta velünk a Java híreket, Tibi az ujjlenyomatlopásról mesélt. Szó volt még arról is, hogy mennyire nehéz saját CSS-in-JS megoldást írni. A végén még beszéltünk a reszponzív képek kiszolgálásának lehetőségeiről is. Résztvevők: Edu Gábor Tibi Tartalom: 00:00:00 Intro 00:04:10 Ujjlenyomatlopás 00:10:15 CSS-in-JS from Scratch 00:25:58 Responsive images Szintet lépett az adatbiztonsági pánik: ujjlenyomatok kerültek a netre - https://index.hu/techtud/2019/08/15/szintet_lepett_az_adatbiztonsagi_panik_ujjlenyomatok_kerultek_a_netre/ Writing A CSS-in-JS Library From Scratch - https://medium.com/@tkh44/writing-a-css-in-js-library-from-scratch-96cd23a017b4 Responsive Images With Nginx on Ubuntu - https://monicalent.com/blog/2019/01/06/responsive-images-with-nginx/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcast

A 47. adásban Róka bemutatta a Binary AST ajánlatot, szó volt emellett az új, Firefox 68 verzióról. Roli pedig beszámolt a Docker 19-hez kapcsolódó újdonságokról és az IT Összefogás Napon szerzett korábbi élményeiről. Résztvevők: Edu Róka Tibi Roli Tartalom: 00:00:00 Intro 00:00:32 Binary AST Proposal 00:07:07 Firefox 68 00:12:32 Docker 19 00:23:20 IT Összefogás Nap New CSS Features in Firefox 68 - https://hacks.mozilla.org/2019/07/new-css-features-in-firefox-68/ Binary AST Proposal Overview - https://github.com/tc39/proposal-binary-ast Amazon Web Services (AWS) haladó tanfolyam magyarul - https://www.udemy.com/course/aws-tanfolyam-magyarul-shiwaforce-amazon-web-services/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Pod

A 46. adásban az optimalizáció kapcsán a webp került fókuszba és a brotli tömörítés. Megnéztük a storybook-ot, és ennek kapcsán a component isolation drive development-et. Szót ejtettünk továbbá a github politikai húzásáról, hogy egyes országokban korlátozták a felhasználóik hozzáférését. Résztvevők: Edu Róka Tibi Tartalom: 00:00:00 Intro 00:00:32 WebP 00:06:10 Gzip és Brotli 00:13:54 Github Ban 00:20:27 Storybook A new image format for the Web - https://developers.google.com/speed/webp/ Using WebP Images - https://css-tricks.com/using-webp-images/ Storybook - https://storybook.js.org/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Sp

A 45. adás témái közt a Googlebot javascript renderelés működése, új css in js jövője, és egy új html proposal (tabs) mellett szó volt egy iphone-os megviccelésről, ami egy komoly biztonsági problémát feszeget. És ismét előkerült az újraírni vs javitani ellentmondás, ezúttal a Slack frissítés kapcsán. Résztvevők: Edu Róka Tartalom: 00:00:00 Intro 00:00:50 iPhone AirDrop 00:05:50 CSS attr() 00:10:32 JS SEO 00:15:12 Tabsection (native tab component) 00:20:40 Slack attr() - https://developer.mozilla.org/en-US/docs/Web/CSS/attr Understand the JavaScript SEO basics - https://developers.google.com/search/docs/guides/javascript-seo-basics [Proposal] New tags tabsection, tablist, tab, tabpanel - https://github.com/whatwg/html/issues/1809 When a rewrite isn’t: rebuilding Slack on the desktop - https://slack.engineering/rebuilding-slack-on-the-desktop-308d6fe94ae4 Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVz

A 44. részben elemeztük a zoom 0-day sebezhetőséget, találtunk egy izgalmas, csak hétfőnként jelentkező webpack bugot, és ismét előkerült Róka kedvenc gumikacsája: miért jó a javascript által betöltött HTML és CSS. Résztvevők: Edu Róka Tibi Tartalom: 00:00:00 Intro 00:00:20 hétfőnként jelentkező Webpack bug 00:16:20 Zoom 0-day sebezhetőség 00:30:36 All In One - All in JS Webpack crushes when tries to print a message about donating in Windows 8.1 - https://github.com/webpack/webpack-cli/issues/962 Serious Zoom security flaw could let websites hijack Mac cameras - https://www.theverge.com/2019/7/8/20687014/zoom-security-flaw-video-conference-websites-hijack-mac-cameras Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id129

A 43. adásban szó volt a HSL szín ábrázolási módról, a font awesome-ról, a GraphQL-ről, és böngészőkről reszponzív fejlesztéshez. Beszéltünk továbbá a csapatmunkáról és az eltérő vélemények kezeléséről. Résztvevők: Edu Róka Tibi HSL() / HSLa() is great for programmatic color control - https://css-tricks.com/hsl-hsla-is-great-for-programmatic-color-control/ Microsoft is teasing Windows 1.0 — yes, from 1985 — for a mystery Stranger Things tie-in - https://www.theverge.com/tldr/2019/7/5/20683448/microsoft-windows-1-0-stranger-things-season-3-upside-down-july-8 China has been secretly installing spyware on some tourists’ Android phones - https://www.theverge.com/2019/7/2/20679053/china-spyware-tourists-android-phones-xinjiang Font Awesome - https://www.theverge.com/2019/7/2/20679053/china-spyware-tourists-android-phones-xinjiang Font Awesome Usage Statistics - https://trends.builtwith.com/widgets/Font-Awesome?fbclid=IwAR3dm6pSenGkUeFt_4cWaNB8bRxN2X0T3dgexIEqfEU_Fvb97H1lb323uPU GraphQL - https://gr

A 42. adásban az agilis fejlesztésről kérdeztük Kovach Antont, a Shiwaforce.com vezérigazgatóját. Szó volt a mai adattárolókról és azok élettartamáról, valamint a javascript minify fejlesztési lehetőségekről. Résztvevők: Edu Róka Tibi Kovach Anton Vue's Darkest Day - https://dev.to/danielelkington/vue-s-darkest-day-3fgh Vue 3.0 RFCS - https://github.com/vuejs/rfcs Nefarious LinkedIn - https://prophitt.me/articles/nefarious-linkedin Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Spotify - https://open.spotify.com/show/4fS3YtJknqn1gSKa4HqKAt YouTube - https://www.youtube.com/channel/UC5nbDGKvuSK9NwOIJOiiwnA RSS - https://devtales.shiwaforce.com/fee

A negyvenegyedik adásban a Docker és felhő alapú megoldásokat néztük meg Kovach Antonnal, a ShiwaForce vezérigazgatójával. Résztvevők: Edu Róka Tibi Kovach Anton Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Spotify - https://open.spotify.com/show/4fS3YtJknqn1gSKa4HqKAt YouTube - https://www.youtube.com/channel/UC5nbDGKvuSK9NwOIJOiiwnA RSS - https://devtales.shiwaforce.com/feed/podcast Facebook - https://www.facebook.com/groups/devtales Twitter - https://twitter.com/_devtales Slack - https://devtalespodcast.slack.com Email - devtales@shiwaforce.com

A negyvenedik adásban az aktualitások után a javascript frameworkök új üdvöskéjéről esett szó a svelte.js-ről, valamint webRequset API kivezetésének következményeiről. Résztvevők: Edu Róka Version 8 of Angular — Smaller bundles, CLI APIs, and alignment with the ecosystem - https://blog.angular.io/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27 W3C and the WHATWG signed an agreement to collaborate on a single version of HTML and DOM - https://www.w3.org/blog/news/archives/7753 CSS Grid Generator - https://cssgrid-generator.netlify.com/ Chrome extension manifest v3 proposal - https://github.com/uBlockOrigin/uBlock-issues/issues/338#issuecomment-496009417 Stackoverflow Security Update - https://stackoverflow.blog/2019/05/16/security-update/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu

A 39. adásban kisorsoltuk előző játékunk nyerteseit, és ennek kapcsán a virtual DOM-ról beszélgettünk egy kicsit. Az adatbiztonság, jelszószinkronizálás volt még téma. Valamint a frontend fejlesztéshez szükséges kiegészítő eszközök állítgatására fordított idő és a fejlesztés arányáról elmélkedtünk. Résztvevők: Edu Róka Tibi Github Sponsors - https://github.com/sponsors Resize Observer - https://davidwalsh.name/resize-observer Firefox 67: Dark Mode CSS, WebRender, and more - https://hacks.mozilla.org/2019/05/firefox-67-dark-mode-css-webrender/ Introducing the first Microsoft Edge preview builds for macOS - https://blogs.windows.com/msedgedev/2019/05/20/microsoft-edge-macos-canary-preview/#f0uK6cxukxHXwtiR.97 Privacy Preserving Ad Click Attribution For the Web - https://webkit.org/blog/8943/privacy-preserving-ad-click-attribution-for-the-web/ Understanding the Virtual DOM - https://bitsofco.de/understanding-the-virtual-dom/ React: The Virtual DOM - https://www.codecademy.com/articles/react-virtua

A 38. adásban sok hír es újdonság között beszéltünk a babel.js-ről, és a11y meetup-ról, továbbá a DevTales első születésnapja alkalmából egy játékra invitáljuk a hallgatókat. Részletekért hallgasd meg az adást! Résztvevők: Edu Róka Tibi Whats new in node 12 - https://levelup.gitconnected.com/whats-new-in-node-12-e00111ffb83f The inception bar: a new phishing method - https://jameshfisher.com/2019/04/27/the-inception-bar-a-new-phishing-method/ Github package registry - https://github.com/features/package-registry Puppeteer Firefox - https://www.npmjs.com/package/puppeteer-firefox New google bot - https://webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html?m=1 Accessible react packages - https://reakit.io Dark mode Support in Webkit - https://webkit.org/blog/8840/dark-mode-support-in-webkit/ 12 Tips for More Accessible React Apps - https://www.matuzo.at/blog/12-tips-for-more-accessible-react-apps-slides-react-finland-2019/ Google fonts is adding font display - https://www.zachleat.

A 37. adásban a webfejlesztésben tettenérhető mezőgazdasági párhuzam volt téma: DOM elemek dugdosása. Ezután az UI és UX kapcsolata és különválasztásáról beszélgettünk, és egy konkrét esettanulmánnyal folytattuk accessibility sorozatunkat. Résztvevők: Edu Róka Tibi Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Spotify - https://open.spotify.com/show/4fS3YtJknqn1gSKa4HqKAt YouTube - https://www.youtube.com/channel/UC5nbDGKvuSK9NwOIJOiiwnA RSS - https://devtales.shiwaforce.com/feed/podcast Facebook - https://www.facebook.com/groups/devtales Twitter - https://twitter.com/_devtales Slack - https://devtalespodcast.slack.com Email - devtales@shiwaforc

A harminchatodik adásban ismét elővettük a nagy misztikumot: a SEO témakört, ezúttal konkrét teszttel, valamint Kora Andrással beszélgettünk a nemrégiben megjelent "Coders" című könyvről. Résztvevők: Edu Róka Kora András Stop limiting your open source library’s potential - https://changelog.com/posts/stop-limiting-your-open-source-librarys-potential Coders by Clive Thompson - https://www.penguinrandomhouse.com/books/539883/coders-by-clive-thompson/9780735220560/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Spotify - https://open.spotify.com/show/4fS3YtJknqn1gSKa4HqKAt YouTube - https://www.youtube.com/channel/UC5nbDGKvuSK9NwOIJOiiwnA RSS - https

A harmincötödik adásban a rövid hírek után két fő témánk volt: az első az ebben a hónapban éppen futó IT Összefogás kezdeményezés kapcsán ismét elővettük a weboldalak akadálymentesítésének kérdéseit. Ezután pedig a Dockerről, mint lokális fejlesztői környezetről beszélgettünk. Résztvevők: Edu Róka Tibi Roli CSSBattle - https://cssbattle.dev/ Introducing the Node.js Enterprise Focus Group - https://medium.com/@nodejs/introducing-the-node-js-enterprise-focus-group-312ff9f49aaa What to expect in the new Microsoft Edge Insider Channels - https://blogs.windows.com/msedgedev/2019/04/08/microsoft-edge-preview-channel-details/#sApAsjE1LcbJuGL0.97 Native image lazy-loading for the web! - https://addyosmani.com/blog/lazy-loading/ Why Web Accessibility Is Important and How You Can Accomplish It - https://medium.com/fbdevclagos/why-web-accessibility-is-important-and-how-you-can-accomplish-it-4f59fda7859c Why You Need to Care About Web Accessibility - https://www.energycircle.com/blog/why-you-need-care-abo

A 34. adásban a graphql hiedelmeket elemeztük tapasztalati alapon. Az aktuális óraátállítási mizériának pár éven belül vége lehet az EU-ban, de ezt vajon hogyan kell leprogramozni? És sok más aktuálisan érekes apróság. Edu Róka Tibi Peti GrapQL - https://graphql.org/ How Technology is Hijacking Your Mind — from a Magician and Google Design Ethicist - https://medium.com/thrive-global/how-technology-hijacks-peoples-minds-from-a-magician-and-google-s-design-ethicist-56d62ef5edf3 Alibaba is saját java-t ad ki. Mennyire bízunk meg a binarisokban? - https://github.com/alibaba/dragonwell8 Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast/id1386667284?mt=2 CastBox - https://castbox.fm/channel/DevTales-Podcast-id1295470 Pocket Casts - https://pca.st/podcast/5a10e180-5077-0136-fa7c-0fe84b59566d Spotify - https://op

A mai adásban a Google temető bővítéséről beszélgettünk elsőként. Elemeztük a React és az Angular cseréjét, és az Apple saját frameworkjét. Szó esett a jövőbeni web gyorsításról is. Résztvevők: Edu Róka Tibi Peti Elérhetőségek Facebook - DevTalesPodcast Twitter - @_devtales Slack - devtalespodcast.slack.com devtales@shiwaforce.com

A harmincharmadik adásban betekintettünk a F1 istállók site-jainak F1 versenyébe. Momentjs pro és contra mellett a beépitett rendszerfontok és browserpiac is kielemzésre került. Végül, de nem utolsó sorban - hallgatói kérésre - szó esett az internationalization problémakörről is. Résztvevők: Edu Róka Tibi System Font Stack - https://css-tricks.com/snippets/css/system-font-stack/ Why you shouldn't use Moment.js - https://inventi.studio/en/blog/why-you-shouldnt-use-moment-js Who has the fastest website in F1? - https://jakearchibald.com/2019/f1-perf/ TC39 Finalizes the Feature Set for ECMAScript 2019 - https://www.infoq.com/news/2019/03/ES2019-feature-set-released Chrome Lite Pages - https://blog.chromium.org/2019/03/chrome-lite-pages-for-faster-leaner.html Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podcast/devtales-podcast

A harminckettedik részben ellátogattunk a Google főhadiszállására, és elhoztuk a tapasztalatokat, illetve időutazáson vettünk részt az internet hajnalára a CERN alkalmazásával. Résztvevők: Edu Róka Tibi Grammarly issue - https://twitter.com/sebmck/status/1104132993893904386 CSS Nesting - https://drafts.csswg.org/css-nesting-1/ Nginx joins F5 - https://www.nginx.com/blog/nginx-joins-f5/ Pros and Cons of Hamburger Menu - https://www.invisionapp.com/inside-design/pros-and-cons-of-hamburger-menus/ World Wide Web Rebuild - https://worldwideweb.cern.ch/browser/ Cache-Control for Civilians - https://csswizardry.com/2019/03/cache-control-for-civilians/ https://thanosjs.org - https://thanosjs.org XSS Strike - https://somdev.me/XSStrike/ Chrome 73 - https://www.macrumors.com/2019/03/12/chrome-73-mojave-dark-mode/ web auth hivatalos ajánlás lett - https://www.w3.org/TR/2019/REC-webauthn-1-20190304/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3gu

A harmincegyedik adásban a rövid hírek, érdekességek után két némileg összefüggő témát boncolgattunk: code smells, avagy mitől bűzlik a kód. A másik téma tervezési hibákról terveztük, hogy szólni fog, de végülis a refaktor lett a fő szál. Nem találtunk jó megoldást, érdemes meghallgatnotok, hátha nektek megvan a nagy igazság Résztvevők: Gábor Edu Róka Peti Tartalom: 00:00:00 Intro 00:00:38 Hírek, Érdekességek 00:09:45 Persistence Layers 00:27:55 Smelling Code httpie - http:// https://github.com/lukeed/httpie Google Play Store now open for Progressive Web Apps - https://medium.com/@firt/google-play-store-now-open-for-progressive-web-apps-ec6f3c6ff3cc iOS Dark Mode - https://9to5mac.com/2019/02/01/ios-13-dark-mode-rumor/ What Hooks Mean for Vue - https://css-tricks.com/what-hooks-mean-for-vue/ Bandwidth or Latency: When to Optimise for Which - https://csswizardry.com/2019/01/bandwidth-or-latency-when-to-optimise-which/ Lemon-JS - http:// https://donorhan.github.io/Lemon-JS/index.html

A harmincadik adásban a rövid hírek, érdekességek után benéztünk a Google temetőbe. Beszéltünk kicsit a boszorkányhálóról és hogy miért kéne megszüntetni (death to the bullshit web) Végül a REST API schemakról volt szó kicsit. Résztvevők: Gábor Edu Róka Tibi Tartalom: 00:00:00 Intro 00:00:38 Hírek, Érdekességek 00:17:05 The Google Cemetry 00:24:24 The Bullshit Web 00:35:40 Rest API Schema css-prefers-color-scheme - https://www.npmjs.com/package/css-prefers-color-scheme What the Flow team has been up to - https://medium.com/flow-type/what-the-flow-team-has-been-up-to-54239c62004f CSS and JS Are at War, Here’s How to Stop It - https://dev.to/evilmartians/css-and-js-are-at-war-heres-how-to-stop-it-158a PWAs on iOS 12.2 beta: the good, the bad, and the “not sure yet if good” - https://medium.com/@firt/pwas-on-ios-12-2-beta-the-good-the-bad-and-the-not-sure-yet-if-good-a37b6fa6afbf Web Auth API - https://webauthn.guide The Importance of One-on-Ones - https://css-tr