Synopsis
DevTales Podcast
Episodes
-
012: Flexbox, CSS Grid Layout, Tools for Teams
22/08/2018 Duration: 25minA DevTales 12. adásában bemutattuk a css feature-ök közül a grid és flexboxot és körbejártuk, hogy ezek mikor lehetnek segítségünkre. Illetve beszéltünk még a fejlesztési kollaboratív munkát segítő szoftverekről, különféle chat programokról is. Résztvevők: Gábor Róka Edu Tibi Tartalom: 00:00:00 Intro 00:00:15 Flexbox, CSS Grid Layout 00:14:20 Tools For Teams Flexbox, CSS Grid Layout Basic concepts of flexbox - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox A Complete Guide to Flexbox - https://css-tricks.com/snippets/css/a-guide-to-flexbox/ CSS Grid Layout - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout Grid by Example - https://gridbyexample.com/ 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 Ca
-
011: Json 5, Vanilla JS, Intelicode, Web without JS
07/08/2018 Duration: 35minA DevTales 11. adásában bemutattuk a JSON5-ot és a vele járó újdonságokat és megvitattuk, hogy a mai világban elegendő-e a Vanilla JS a fejlesztéshez. Ezen kívül szó esett az intelligens kódkiegészítés előnyeiről és hátrányairól, valamint arról, hogy elképzelhető-e az internet JavaScript nélkül. Résztvevők: Ari Gábor Róka Edu Tibi Tartalom: 00:00:00 Intro 00:00:50 Json 5 00:04:45 Vanilla JS 00:14:20 Intelicode 00:20:25 Web without JS Vanilla JS Build a state management system with vanilla JavaScript - https://css-tricks.com/build-a-state-management-system-with-vanilla-javascript/ Intelicode codota - https://www.codota.com/ Visual Studio Intelicode - https://visualstudio.microsoft.com/services/intellicode/ Code Recommenders - http://www.eclipse.org/recommenders/ Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.appl
-
010: Cursors, Eslint-Scopes, Feature Policy, Npm Clean Publish, Microservices
22/07/2018 Duration: 40minA DevTales 10. adásának fő témája a Microservices volt, emellett beszéltünk a kurzorról, a Eslint-Scopes-ről, Feature Policy-ről és a Npm Clean Publish-ról is szót váltottunk. Résztvevők: Ari Gábor Róka Edu Tartalom: 00:00:00 Intro 00:01:05 Cursor Pointer vs Cursor Default 00:05:25 Eslint Scopes 00:11:35 Npm Clean Publish 00:17:30 Feature Policy 00:21:45 Microservices Eslint Scopes Postmortem for Malicious Packages Published on July 12th, 2018 - https://eslint.org/blog/2018/07/postmortem-for-malicious-package-publishes Virus in eslint-scope? - https://eslint.org/blog/2018/07/postmortem-for-malicious-package-publishes Npm Clean Publish Clean Publish - https://github.com/shashkovdanil/clean-publish Feature Policy Introduction to Feature Policy - https://developers.google.com/web/updates/2018/06/feature-policy Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZm
-
009: Commitlist.io, Edge, Stylish, TDD (Test Driven Development).
16/07/2018 Duration: 34minA DevTales 9. adásának fő témája a TDD (Test Driven Development) volt, emellett beszéltünk az Edge-ről, a Stylish Google Chrome kiegészítőről és a commitlist.io-ról is szót váltottunk. Résztvevők: Edu Péter Róka Tartalom: 00:00:00 Intro 00:01:30 Commitlist.io 00:02:10 Edge 00:06:30 Stylish 00:13:00 TDD (Test Driven Development) Commitlist.io Commitlist.io - https://commitlist.io/ Stylish "Stylish" browser extension steals all your internet history - https://robertheaton.com/2018/07/02/stylish-browser-extension-steals-your-internet-history/ 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/
-
008: Network Information API, Rules vs Tools, Clean Code as a Service, webes performancia
08/07/2018 Duration: 37minA DevTales 8. adásában bemutattuk a Network Information API-t, és megvitattuk, melyik a jobb út a fejlesztésben: szabályokra vagy eszközökre hagyatkozzunk? Emellett szó esett a Clean Code as a Service meetup-ról és kiveséztük a webes performancia fontosságát is. Résztvevők: Edu Ari Róka Tibi Tartalom: 00:00:00 Intro 00:01:03 Network Information API 00:05:56 Rules vs Tools 00:15:00 Clean Code as Service Meetup 00:16:55 Web Performance Network Information API - Connection Aware Components: Connection Aware Components - https://mxb.at/blog/connection-aware-components/ 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:
-
007: Airbnb és React Native, Node.js Éves Felmérés, Felhasználói Igények átalakulása
02/07/2018 Duration: 31minA hetedik alkalommal szót ejtettünk az Airbnb döntéséről, hogy leváltják a React-et, megbeszéltük az idei Node.js éves felmérés konklúzióit, és azt feszegettük, hogy hogyan alakul át a felhasználói igény valami teljesen mássá a fejlesztés során. Résztvevők: Edu Arianna Pintér Róka Tartalom: 00:00:00 Intro 00:01:29 Airbnb és React Native 00:12:39 Node.js Éves Felmérés 00:19:58 Felhasználói Igények átalakulása Airbnb és React Native React Native at Airbnb - https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c Node.js Éves Felmérés Third Annual Node.js User Survey Data Now Available - https://medium.com/the-node-js-collection/third-annual-node-js-user-survey-data-now-available-6cb18d48c532 Felhasználói igények átalakulása The Problem with Patterns - http://alistapart.com/article/problem-with-patterns Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OT
-
006: Design System, Zeplin 2.0, Designing Very Large Application
24/06/2018 Duration: 53minA hatodik adásban a Design Style Guide-okról és Design rendszerekről beszélgettünk: mi ez, miben tud segíteni és mikor érdemes használni. Megvitattuk a Zeplin utolsó frissítését és a nagy alkalmazások fejlesztésének design összefüggéseit is. Résztvevők: Edu Arianna Pintér Róka Tibor Tokai Tartalom: 00:00:00 Intro 00:00:35 Design System 00:22:08 Zeplin 2.0 00:31:48 Designing Very Large Application Design Systems: The Problem with Patterns - http://alistapart.com/article/problem-with-patterns A frequently updated collection of Design System examples, articles, tools and talks - https://designsystemsrepo.com/ The repository of publicly available design systems and pattern libraries - https://adele.uxpin.com/ Zeplin 2.0: Zeplin 2.0 - https://blog.zeplin.io/introducing-zeplin-2-0-components-and-a-ton-more-goodies-7c09dacc1f48 Designing Very Large Application: Designing Very Large Application - https://medium.com/@cramforce/designing-very-large-javascript-applications-6
-
005: Apple Watch, Safari Dark Theme, Polyfills, Feature Query, @supports
18/06/2018 Duration: 25minAz ötödik adásban visszatértünk Apple Worldwide Developers Conference-hez. Beszélgettünk polyfill-ekröl, feature query-kröl és @supports-ról. Résztvevők: Edu Róka Tibor Tokai Tartalom: 00:00:00 Intro 00:00:44 Apple Watch 00:09:42 Polyfills, Feature Query, @supports Apple Watch Designing Web Content for watchOS - https://developer.apple.com/videos/play/wwdc2018/239/ Feature Query, @supports Using media queries - https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries @supports - https://developer.mozilla.org/en-US/docs/Web/CSS/@supports An Introduction to CSS’s @supports Rule - https://www.sitepoint.com/an-introduction-to-css-supports-rule-feature-queries/ 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
-
004: Apple WWDC 2018, Hype, Microsoft + Github
11/06/2018 Duration: 26minA negyedik adásban elmondtuk a véleményünket az idei Apple Worldwide Developers Conference-en bemutatott újdonságokról. Beszélgettünk az úgynevezett "hype-vezérelt" fejlesztésről is - megéri mindenképpen követni a legújabb trendeket? Továbbá megvitattuk azt is, hogy milyen előnyei és hátrányai lehetnek annak, hogy a Microsoft megvette a GitHub-ot. Résztvevők: Edu Arianna Pintér Róka Tibor Tokai Tartalom: 00:00:00 Intro 00:00:44 Apple WWDC 2018 00:12:24 Hype 00:16:04 Microsoft + Github Apple WWDC 2018 All the news and highlights you missed from Apple's WWDC 2018 - http://www.wired.co.uk/article/apple-wwdc-2018-keynote-highlights Apple just made Safari the good privacy browser - https://www.wired.com/story/apple-safari-privacy-wwdc Hype Stay busy, be unproductive and follow the hype! - https://thebetterstory.co/stay-busy-be-unproductive-and-follow-the-hype-7ac8d2e68efa The Cult of the Complex - https://alistapart.com/article/cult-of-the-complex Microsoft + Github A b
-
003: Jelszavak kezelése, Google Duplex, Webassembly
06/06/2018 Duration: 17minA DevTales harmadik adásában egyik fő témánk a jelszavak kezelése volt - beszéltünk arról, miért is fontos mindenhová különöző és megfelelő erősségű jelszavakat használni, és hogyan lehet ezeket kezelni. Emellett megbeszéltük a Webassembly előnyeit és hátrányait, valamint kifejtettük véleményünket a Google Duplexről. Résztvevők: Edu Arianna Pintér Róka Tartalom: 00:00:00 Intro 00:00:23 Jelszavak kezelése 00:08:32 Google Duplex 00:13:12 Webassembly Google Duplex Google Duplex: An AI System for Accomplishing Real-World Tasks Over the Phone - https://ai.googleblog.com/2018/05/duplex-ai-system-for-natural-conversation.html Webassembly Webassembly.org - https://webassembly.org/ So, What Is WebAssembly? - https://www.youtube.com/watch?reload=9&v=y8UhLar2J9k Hallgasátok friss adások Google Podcasts - https://podcasts.google.com/feed/aHR0cHM6Ly93d3cuaXZvb3guY29tL2VuL2RldnRhbGVzLXBvZGNhc3RfZmdfZjE1OTg1OTdfZmlsdHJvXzEueG1s Apple Podcasts - https://podcasts.apple.com/hu/podc
-
002: GDPR, HTTPS, CSS Animation Debug, CSS in JS
29/05/2018 Duration: 29minA DevTales podcast második adásában beszélgettünk a GDPR-ról - mi ez pontosan, és miért is hasznos. Szó volt még a CSS animációk debugolásáról, és a Google Chrome közelgő HTTPS szabályozásairól. Továbbá azt is megbeszéltük, hogy mik az előnyei és hátrányai a CSS-in-JS technológiának. Résztvevők: Edu Arianna Pintér Róka Tibor Tokai Tartalom: 00:00:44 GDPR 00:12:24 HTTPS 00:16:04 CSS Animation Debug 00:21:59 CSS in JS GDPR A Nagy GDPR Kérdezz-felelek - https://7blog.hu/gdpr/ HTTPS Google Chrome is removing the secure indicator from HTTPS sites in September - https://www.theverge.com/2018/5/17/17365362/google-chrome-secure-indicator-https Inspect CSS Animations Inspecting Animations in DevTools - https://css-tricks.com/inspecting-animations-in-devtools/ CSS in JS All You Need To Know About CSS-in-JS - https://hackernoon.com/all-you-need-to-know-about-css-in-js-984a72d48ebc CSS in JS: The Argument Refined - https://medium.com/@steida/css-in-js-the-argument-refin
-
001: CSS Position Sticky, CSS :focus használat, PWA, Google Talk to Books
23/05/2018 Duration: 21minA DevTales podcast első adásában a CSS Position Sticky-ről beszélgettünk, arról, hogy milyen hasznos és mire használjuk. Aztán a css :focus :focus-within pseudo selectorsról mondjuk el, miben lehetnek a segítségedre. A harmadik témánk a most nagyon felkapott PWA, erről is beszélgettünk egy keveset. Végül a Google új szolgáltatását mutatjuk be, a Talk to books-t. Résztvevők: Edu Arianna Pintér Róka Tibor Tokai Tartalom: 00:00:45 CSS Position Sticky 00:04:00 CSS :focus használat - :focus, :focus-within, :focus-visible 00:08:50 PWA (Progressive Web Application) 00:14:50 Google - Talk to Books CSS Position Sticky Sticky as a local fixed - https://css-tricks.com/sticky-as-a-local-fixed/ CSS :focus használat - :focus, :focus-within, :focus-visible :focus-visible and backwards compatibility - https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/ Focusing on Focus Styles - https://css-tricks.com/focusing-on-focus-styles/ PWA (Progressive