Devtales Podcast

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

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