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

A 22. adásban megbeszéltük, hogy a Netflix miért dobta a hype-os framework-öt a teljesítményért cserébe. Ismét volt szó sötét témákról. Kicsit elemezgettük a kiégést is, mint informatikusokat fenyegető veszélyforrást. És ejtettünk szót a legújabb facebookos adatlopós történetről - ami akár banki adatokat is érinthetett volna. Résztvevők: Róka Edu Gábor Tartalom: 00:00:00 Intro 00:00:44 Dark Mode 00:09:05 A Netflix Performance 00:19:27 Burnout 00:27:21 Facebook data loose Dark Mode Redesigning your product and website for dark mode - https://stuffandnonsense.co.uk/blog/redesigning-your-product-and-website-for-dark-mode A Netflix Web Performance Case Study A Netflix Web Performance Case Study - https://medium.com/dev-channel/a-netflix-web-performance-case-study-c0bcde26a9d9 Mennyire veszélyezteti az informatikusokat a Kiégés? Kiégési szindróma - https://hu.wikipedia.org/wiki/Ki%C3%A9g%C3%A9si_szindr%C3%B3ma Facebook adatlopás, 120M ember adatai, beszélgetései

A 21. adásban a Chrome 70 és a Github újdonságairól beszélgettünk. Ezután megvitattuk, hogy szerintünk mivel lehet leginkább felidegesíteni egy programozót, illetve hogy lesz valakiből programozó. Záró témánk ezúttal a videójátékos csalások voltak. Résztvevők: Róka Edu Gábor Csaba Tartalom: 00:00:00 Intro 00:00:38 Google Chrome 70 00:06:35 Github actions 00:07:50 How to annoy a developer 00:20:50 How to become a developer 00:30:50 Game cheating Google Chrome 70 New in Chrome 70 - https://developers.google.com/web/updates/2018/10/nic70 Github Actions GitHub Actions - https://developer.github.com/actions/ How to annoy a developer TOP 10 dolog, amit az igazi programozók utálnak - https://derrickesharry.blog.hu/2016/06/05/mit_utalnak_a_programozok_a_legjobban Game cheating Beperelt egy játékost az Epic Games, mert csalt a Fortnite-ban - https://hvg.hu/tudomany/20181017_epic_games_fortnite_csalas_brandon_lucas Hallgasátok friss adások Google Podcasts -

A 20. jubileumi adásban kerestünk pár alternatívát javascript debuggoláshoz a console.log() helyett. Beszéltünk az egész internetet elárasztó modalokról, popupokról, és ezek kiváltásáról. Kipróbáltuk a Safari for iOS AR megoldását. Végül azon elmélkedtünk, hogy mit fog okozni, ha a két nagy javascriptes alapítvány összeolvad: Node.js és JS Foundation. Résztvevők: Róka Edu Tibi Tartalom: 00:00:00 Intro 00:00:38 Node.js and JS Foundation Merge 00:08:20 AR 00:14:15 Popups 00:20:00 console.log() Node.js and JS Foundation Merge Node.js and JS Foundation announce intent to merge; developers have mixed feelings - https://hub.packtpub.com/node-js-and-js-foundation-announce-intent-to-merge-developers-have-mixed-feelings/ AR Viewing Augmented Reality Assets in Safari for iOS - https://webkit.org/blog/8421/viewing-augmented-reality-assets-in-safari-for-ios/ Popups A Crisis of Permissions - https://medium.com/samsung-internet-dev/a-crisis-of-permissions-80cf3b2c802e Modalz Mod

A tizenkilencedik epizódban majdnem megálmodtuk a minden project számára ideális és követendő, technológiáktól független mappaszerkezetet. Beszéltünk egy új kódmegosztó eszközről, a bitről. És végül elszörnyedtünk azon, hogy az interneten egy sima kereséssel mennyi jelszóhoz lehet hozzájutni. Erre is kerestünk, sőt, találtunk is megoldást. Résztvevők: Róka Edu Tibi Tartalom: 00:00:00 Intro 00:00:30 Folder Structure 00:13:20 Code Sharing 00:27:10 Passwords Management Code Sharing Sharing Code Between Projects: Lessons Learned In The Trenches - https://www.smashingmagazine.com/2018/04/sharing-code-between-projects/ Bitsrc.io - https://bitsrc.io/ Passwords Management db_password filetype:env - https://www.google.com/search?q=db_password%20filetype%3Aenv Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podca

A 18. felvonásban szó  volt az újgenerációs npm csomagkezelőről, kóstolgattuk a webIDE témát, hogy ki,milyet, mikor, mire. Tettünk egy nagyobb kitérőt Google és általános privacy témában. Végül szó volt arról, hogy 20-30 éve egy grafikus (majdnem)operációs rendszer mérete vetekedett egy mai weboldal adatforgalmával. Résztvevők: Róka Edu Péter Tartalom: 00:00:00 Intro 00:00:35 Yarn Plug'n'Play, Npm Tink 00:05:45 Web IDEs 00:10:25 Privacy Policy 00:26:38 Windows 95 installer 20mb vs todays 10-20 mb for one website. Yarn Plug'n'Play, Npm Tink Yarn Plug’n’Play - https://medium.com/@thomasreggi/yarn-plugn-play-1c398bf3e417 Next Generation Package Management - https://blog.npmjs.org/post/178027064160/next-generation-package-management Web IDEs codepen - https://codepen.io/ codeanywhere - https://codeanywhere.com/ gitlab - https://about.gitlab.com/ github - https://github.com/ Privacy Policy A Google Chrome signin-t erőltet - https://hup.hu/cikkek/20180925/a_google_chrome

A tizenhetedik adásban kóstolgattuk kicsit, hogy mennyit tud segíteni a mesterséges intelligencia a hibakeresésben. Beszélgettünk a lorem ipsumok múltjáról és egy magyaros megvalósításról a Lórum Pistáról. Sokat hallani a js framework-ök előnyeiről - most megnéztük a hátrányaikat, hogy mikor ne válasszuk azokat. És pár szó erejéig fókuszba kerültek a különféle monitorozó eszközök is, amik grafikusan tudják a lehetséges problémákat kijelezni. Résztvevők: Gábor Róka Edu Tibi Tartalom: 00:00:00 Intro 00:00:42 AI For Development 00:13:26 Lorem Ipsum 00:16:47 All JS Frameworks Are Terrible 00:36:06 Performance Monitor Tools AI For Development AI-powered bug spray: Facebook’s new tool SapFix debugs code with AI - https://jaxenter.com/facebook-code-debugging-ai-149424.html All JS Frameworks Are Terrible All JS Frameworks Are Terrible - https://medium.com/@mattburgess/all-javascript-frameworks-are-terrible-e68d8865183e Hallgasátok friss adások Google Podcasts - https://p

A 16. alkalommal ismét előkerültek a java 11 újdonságai mivel közeleg a kiadás dátuma. Megnéztük, hogy ki milyen utat járt be mostanáig fejlesztőként, és milyen közös vonások vannak ezügyben. Beszéltünk a javascriptes mítoszokról, amiktől hemzseg az internet, hogy miért rossz ez a nyelv. És szót ejtettünk a frontendes performance check listekről és azok hasznosságáról. Résztvevők: Gábor Róka Edu Tibi Tartalom: 00:00:00 Intro 00:00:35 Performance Checklists 00:19:00 Developer Roadmaps 00:34:20 Javascript Myths 00:41:10 Java 11 Performance Checklist Frontend Performance Checklist - https://github.com/thedaviddias/Front-End-Performance-Checklist/blob/master/README.md Developer Roadmaps Developer Roadmaps - https://css-tricks.com/developer-roadmaps/ Javascript Myths Myths and Facts of JavaScript - http://voidcanvas.com/myths-facts-javascript/ Java 11 Expected Features of Java 11 - https://dzone.com/articles/features-of-java-11 Hallgasátok friss adások G

A 15. részben kicsit belenéztünk, hogy milyen újdonságokat hoz a java 12 a switch kifejezés környékén. Beszélgettünk arról, hogy mi annak az ára, hogy gyakorlatilag mindenre javascriptet használunk. Pár szót ejtettünk az angol nyelv fontosságáról, és hogy milyen szinten is kell azt tudni a sikeres munkához. Végül azt is megvitattuk,hogy a statikus állományok buildelését milyen metrikák mentén érdemes mérlegelni. Résztvevők: Gábor Róka Edu Tartalom: 00:00:00 Intro 00:00:45 Java 12 Switch Expressions 00:02:50 The Cost Of Javascript 00:16:05 The Importance Of English 00:19:35 Building Static Files Java 12 Switch Expressions JDK 12 - http://openjdk.java.net/projects/jdk/12/ JEP 325: Switch Expressions (Preview) - http://openjdk.java.net/jeps/325 The Cost Of Javascript The Cost of Javascript 2018 - https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4 Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3

A 14. részben előkerültek a méltán népszerű GitKraken új verziójának újdonságai, beszéltünk arról, hogy egy srác kihívta a Google-t és a Facebook-ot JavaScript terén – és egyelőre sikeres. A Chrome új lazy loading technikájáról is ejtettünk pár szót, majd végül azt boncolgattuk, hogy mitől legacy egy kód, és hány év (vagy perc) kell ahhoz, hogy egy kódbázist megbélyegezzünk azzal, hogy legacy. És hogy egyáltalán megbélyegzés-e ez, vagy csak egy állapot. Résztvevők: Gábor Ari Róka Edu Tibi Tartalom: 00:00:00 Intro 00:00:35 Git Kraken 4.0 00:05:20 Vue 00:11:05 Google Chrome Lazy Loading 00:15:55 Legacy Code Git Kraken Git Kraken 4.0 - https://blog.axosoft.com/gitkraken-v4-0/ Vue The Solo Javascript Developer Challenging Google and Facebook - https://www.wired.com/story/the-solo-javascript-developer-challenging-google-facebook/ Google Chrome Lazy Loading Google Chrome to Feature Built-In Image Lazy Loading - https://www.bleepingcomputer.com/news/google/google-chrome

A DevTales 13. adásában boncolgattuk a komponensek témáját, hogy mikor meddig érdemes lebontani, újraírni már meglévő elemeket. Ezen kívül szó volt még arról, hogy pontosan kinek is írjuk a kódokat, a build szervernek, egymásnak, vagy a megrendelőnek, vagy valaki egész másnak... Résztvevők: Gábor Róka Edu Tibi Tartalom: 00:00:00 Intro 00:00:40 Component Driven Development 00:19:45 Code Quality 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 - h