Devtales Podcast

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

A 29. adásban a rövid hírek, érdekességek után megnéztük, hogy milyen előnye / hátránya lehet a funkcionális programozásnak. Aztán névrokonsági alapon a funkcionális CSS-t is megvizsgáltuk. Ezen kivül beszélgettünk a full-stack fejlesztőkről, hogy mi fán terem az ilyen, és mennyire full az a full, szintén előnyök és hátrányok mentén. Résztvevők: Gábor Edu Róka Attila Tartalom: 00:00:00 Intro 00:00:38 Hírek, Érdekességek 00:05:45 Functional Programming 00:18:55 Full Stack Terminal Canvas - https://www.npmjs.com/package/terminal-canvas Node Drawille - https://github.com/madbence/node-drawille Importance of Important - https://csswizardry.com/2016/05/the-importance-of-important/ Your UI isn’t a Disney Movie - https://startupsventurecapital.com/your-ui-isn-t-a-disney-movie-703f7fbd24d2 The Great Divide - https://css-tricks.com/the-great-divide/ Git Command Explorer - http:// https://gitexplorer.com Sitespeed.io - http://sitespeed.io/ What is tree shaking and how

A 28. adásba a rövid hírek mellett a szemantikus nice url téma fért bele. Újra szóba került az is, hogy az újabb nyelvek / framework-ök valóban meggyorsítják-e a fejlesztést, avagy miért egyre nehezebb eljutni a Hello World-ig. Résztvevők: Gábor Edu Róka Tartalom: 00:00:00 Intro 00:00:38 Hírek, Érdekességek 00:04:05 Semantic Nice Url 00:12:20 Complex Hello World App Front-End Performance Checklist 2019 - https://www.smashingmagazine.com/2019/01/front-end-performance-checklist-2019-pdf-pages/ Anime.js 3.0 - https://animejs.com/ Turn Your Keyboard into a Text-Editing Rocket - https://medium.com/@caulfieldOwen/turn-your-keyboard-into-a-text-editing-rocket-1514d8474d2d Solving a tricky layout problem with css grid - https://css-irl.info/solving-a-tricky-layout-problem/ The internet, but not as we know it: life online in China, Cuba, India and Russia - https://www.theguardian.com/technology/ng-interactive/2019/jan/11/the-internet-but-not-as-we-know-it-life-online-in-chin

Az idei első, összeségében huszonhetedik adásban ismét örökzöld témákat vettünk elő: framework-ök tanulása és választása. Izgalmas kitekintést adtunk arról, hogy CSS-el hogyan lehet festményt festeni, illetve beszélgettünk a mobileszközök nagyításáról. Végül pedig azt elemezgettük, hogy a Java miért nyit a funkcionális megoldások felé – távolodva ezzel a szemellenzős OOP-től. Résztvevők: Gábor Edu Tibi Ari Róka Tartalom: 00:00:00 Intro 00:00:42 Frameworks 00:10:58 CSS Art 00:18:35 Small Mobile Content 00:27:45 Development Paradigms 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/4fS3YtJknqn1gS

A 26. adásban beszéltünk a leköszönő Edge böngészőről. Jiráról, Trelloról és hasonló kollaborációs eszközökről. Végül egy cégről, amely megpróbálta levédetni egy hozzájuk felvételiző dolgozó otthoni munkáját. Igen, azt amit bemutatott, hogy korábban mivel foglalkozott. Résztvevők: Gábor Edu Tibi Attila Tartalom: 00:00:00 Intro 00:00:35 Edge and Chromium 00:10:45 Jira and Trello 00:22:15 Back to Patents Edge and Chromium Microsoft is building its own Chrome browser to replace Edge - https://www.theverge.com/platform/amp/2018/12/4/18125238/microsoft-chrome-browser-windows-10-edge-chromium Microsoft is building a Chromium-powered web browser that will replace Edge on Windows 10 - https://m.windowscentral.com/microsoft-building-chromium-powered-web-browser-windows-10 Back to Patents Company Tried to Patent My Work After a Job Interview - https://patentpandas.org/stories/company-patented-my-idea Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/fee

A 25. részben elkezdődött egy hosszabb sorozat az akadálymentességről. Beszéltünk arról, hogy mikor van szükség, és mikor nincs szükség a leg hype-osabb mobil technológiákra, mint például PWA vagy AMP. Beszéltünk egy fiktív adatlopás történetéről - de menet közben kiderült, hogy valós eset is van ebből a fajtából. Végül elemeztük, hogy miért unalmas az internet, már ha tényleg az. Résztvevők: Róka Edu Tibi Roland Attila Tartalom: 00:00:00 Intro 00:00:35 PWA and AMP 00:05:35 Data Theft 00:15:05 Web Accessibility 00:20:45 Boring Internet PWA and AMP You need neither PWA nor AMP to make your website load fast - http://tonsky.me/blog/pwa/ Data Theft Malicious code injected into an NPM package with 2,000,000 weekly downloads - https://hup.hu/node/161872 https://github.com/bitpay/copay/issues/9346#issuecomment-441757628 I’m harvesting credit card numbers and passwords from your site. Here’s how. - https://hackernoon.com/im-harvesting-credit-card-numbers-and-passwords-from-you

A 24. adásban beszélgettünk az új CSS q mértékegységről, és ennek kapcsán általánosságban a mértékegységekről. CSS focus állapotokról. 2 faktoros authentikáció biztonságosságáról. Elemeztük a HTTP/3 lehetőségeit. SSR-ről, azaz a server side renderingről. Végül elscrolloztunk a végtelenbe és tovább... Résztvevők: Róka Edu Gábor Tibi Tartalom: 00:00:00 Intro 00:00:35 CSS Q 00:05:35 CSS Focus 00:15:05 Secure Log In 00:20:45 HTTP/3 00:29:40 SSR 00:39:52 Infinite Scroll CSS Q CSS 'q' length unit - https://www.chromestatus.com/feature/5983903483428864 Secure Log In A leaky database of SMS text messages exposed password resets and two-factor codes - https://techcrunch.com/2018/11/15/millions-sms-text-messages-leaked-two-factor-codes/ HTTP/3 What is HTTP/3 ? - https://dev.to/grigorkh/what-is-http3--4pib Infinite Scroll Stop building websites with infinite scroll! - https://logrocket.com/blog/infinite-scroll/ Hallgasátok friss adások Google Podcasts - http

A 23. adásban szó volt a CSS nevezéktanról: functional CSS és modular CSS és kitértünk a BEM-re is. Ismét előkerült a kliens oldali kód tesztelésének megoldatlansága. Szubjektív vagy objektív dolog az, hogy egy kód jó vagy rossz? Erre a kérdésre is meglett a válasz. Végül kis kitekintésként a szabadalmi hivatal munkáját elemeztük. Résztvevők: Róka Edu Gábor Tibi Tartalom: 00:00:00 Intro 00:00:35 Functional & Modular CSS 00:30:02 Linters As Test Tools 00:36:55 Good Code, Bad Code 00:45:05 Patents Functional & Modular CSS Simplify Styling with Functional CSS - https://blog.rangle.io/styling-with-functional-css/ What is Modular CSS? - https://spaceninja.com/2018/09/17/what-is-modular-css/ 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/cha