Podcasts about mozilla developer network

WebAssembly Core Concepts - Episode NotesIntroduction [00:00-00:14]Overview of episode focus: WebAssembly core conceptsStructure: definition, purpose, implementation pathwaysFundamental Definition [00:14-00:38]Low-level binary instruction format for stack-based virtual machineDesigned as compilation target for high-level languagesEnables client/server application deploymentNear-native performance execution capabilitiesSpeed as primary advantageTechnical Architecture [00:38-01:01]Binary format with deterministic execution modelStructured control flow with validation constraintsLinear memory model with protected executionStatic type system for function safetyRuntime Characteristics [01:01-01:33]Execution in structured stack machine environmentProcesses structured control flow (blocks, loops, branches)Memory-safe sandboxed execution environmentStatic validation for consistent behavior guaranteesCompilation Pipeline [01:33-02:01]Accepts diverse high-level language inputs (C++, Rust)Implements efficient compilation strategiesGenerates optimized binary format outputMaintains debugging information through source mapsArchitectural Components [02:01-02:50]Virtual Machine Integration:Operates alongside JavaScript in browserEnables distinct code execution pathwaysMaintains interoperability between runtimesBinary Format Implementation:Compact format designed for low latencyNear-native execution performanceInstruction sequences optimized for modern processorsMemory Model:Linear memory through ArrayBufferLow-level memory accessMaintains browser sandbox securityCore Technical Components [02:50-03:53]Module System:Fundamental compilation unitStateless design for cross-context sharingExplicit import/export interfacesDeterministic initialization semanticsMemory Management:Resizable ArrayBuffer for linear memory operationsBounds-checked memory accessDirect binary data manipulationMemory isolation between instancesTable Architecture:Stores reference types not representable as raw bytesImplements dynamic dispatchSupports function reference managementEnables indirect call operationsIntegration Pathways [03:53-04:47]C/C++ Development:Emscripten toolchainLLVM backend optimizationsJavaScript interface code generationDOM access through JavaScript bindingsRust Development:Native WebAssembly target supportwasm-bindgen for JavaScript interopDirect wasm-pack integrationZero-cost abstractionsAssemblyScript:TypeScript-like development experienceStrict typing requirementsDirect WebAssembly compilationFamiliar tooling compatibilityPerformance Characteristics [04:47-05:30]Execution Efficiency:Near-native execution speedsOptimized instruction sequencesReduced parsing and compilation overheadConsistent performance profilesMemory Efficiency:Direct memory manipulationReduced garbage collection overheadOptimized binary data operationsPredictable memory patternsSecurity Implementation [05:30-05:53]Sandboxed executionBrowser security policy enforcementMemory isolationSame-origin restrictionsControlled external accessWeb Platform Integration [05:53-06:20]JavaScript Interoperability:Bidirectional function callsPrimitive data type exchangeStructured data marshalingSynchronous operation capabilityDOM Integration:DOM access through JavaScript bridgesEvent handling mechanismsWeb API supportBrowser compatibilityDevelopment Toolchain [06:20-06:52]Compilation Targets:Multiple source language supportOptimization pipelinesDebugging capabilitiesTooling integrationsDevelopment Workflow:Modular development patternsTesting frameworksPerformance profiling toolsDeployment optimizationsFuture Development [06:52-07:10]Direct DOM access capabilitiesEnhanced garbage collectionImproved debugging featuresExpanded language supportPlatform evolutionResources [07:10-07:40]Mozilla Developer Network (developer.mozilla.org)WebAssembly concepts documentationWeb API implementation detailsMozilla's official curriculumProduction NotesTotal Duration: ~7:40Key visualization opportunities:Stack-based VM architecture diagramMemory model illustrationLanguage compilation pathwaysPerformance comparison graphs

Vorige week vond de internationale vrouwendag plaats en laat het nu toeval zijn dat we Grianne als gast hebben in onze show! Grianne is UX Designer en we vragen haar hoe het is om vrouw te zijn binnen de IT-wereld. Verder bespreken we de redesign van Mozilla Developer Network, de nieuwe toegankelijkheidsvoorschriften voor producten en diensten en waarom Interop 2022 front-end developers heel erg blij maakt. 1:20 - Vriend van de show (dank Sander!) - https://vriendvandeshow.nl/pixel-paranoia-the-ux-podcast 2:32 - The Pixel Paranoia Podcast Telegram kanaal - https://t.me/pixelparanoia 3:02 - MDN Webdocs redesign - https://hacks.mozilla.org/2022/03/a-new-year-a-new-mdn/ 6:30 - RICHTLIJN (EU) 2019/882 (toegankelijkheidsvoorschriften voor producten en diensten) - https://eur-lex.europa.eu/legal-content/NL/TXT/?uri=CELEX%3A32019L0882 17:24 - Interop 2022 - https://web.dev/interop-2022/ 30:34 - Humanitas Kook App - https://dekookapp.nl/ 70:33 - Fargo - https://www.netflix.com/nl/title/70285785 74:36 - Horizon Forbidden West - https://www.playstation.com/nl-nl/games/horizon-forbidden-west/ 74:50 - Phasmophobia - https://store.steampowered.com/app/739630/Phasmophobia/ 78:20 - It takes two - https://www.ea.com/games/it-takes-two 79:50 - Unravel 2 - https://store.steampowered.com/app/1225570/Unravel_Two/

See the layout of an XML document $ xmlstarlet elements planets.xml xml xml/sol xml/sol/planet xml/sol/planet/name xml/sol/planet/albedo xml/sol/planet xml/sol/planet/name xml/sol/planet/albedo xml/sol/planet xml/sol/planet/name xml/sol/planet/albedo See content of the planet node $ xmlstarlet select -t --value-of '/xml/sol/planet' planets.xml Mercury 0.11 Venus 0.7 Terra 0.39 Get the third instance of the planet node $ xmlstarlet select -t --value-of '/xml/sol/planet[3]' planets.xml Terra 0.39 Get only the planets with an albedo greater than 0.25 $ xmlstarlet select -t --value-of '/xml/sol/planet[albedo > 0.25]' planets.xml Venus 0.7 Terra 0.39 Get only the planets closer to Sol than the third planet $ xmlstarlet select -t --value-of '/xml/sol/planet[position() < 3]' planets.xml Mercury 0.11 Venus 0.7 Learn more XPath functions at Mozilla Developer Network. Download xmlstarlet from xmlstarlet.sourceforge.net.

Das erste mal zusammen an einem Ort und das macht vieles anders. Wir quatschen über was wir neuen Devs oder diesen die es werden wollen so mit auf den Weg geben wenn wir danach gefragt werden. Heute natürlich auch ohne, dass wir gefragt werden. Es geht also vorallem um die Frage wo startet man am besten, welche Ressourcen sollte man kennen und was wir empfehlen können. Viel Spaß beim zuhören! Benny & Jurek Wie immer freuen wir uns über Feedback, Fragen und Anmerkungen. Schreibt uns auf Instagram, per Mail oder per WhatsApp. Alle weiteren Infos findet ihr auch https://schaffdichgluecklich.com Links der Woche: Wes Bos (https://wesbos.com/) Scott Tolinski (https://www.scotttolinski.com/) CSS-Tricks (https://css-tricks.com/) Mozilla Developer Network (https://developer.mozilla.org/de/) Stack Overflow (https://stackoverflow.com/) Smashing Magazine (https://www.smashingmagazine.com/) Swift by Sundell (https://www.swiftbysundell.com/) JavaScript & jQuery: Interaktive Websites entwickeln (https://www.amazon.de/JavaScript-jQuery-Interaktive-Websites-entwickeln/dp/3527760571) --- Send in a voice message: https://anchor.fm/schaffdichgluecklich/message

Was ist das Besondere an der Programmiersprache Elm? In Folge 60 haben wir Jonas Coch eingeladen uns mehr über die einsteigerfreundliche Sprache für funktionale Programmierung zu erzählen. Jonas ist Front-End-Entwickler bei itravel und arbeitet in Vollzeit und bereits jahrelang mit Elm. Die von Evan Czaplicki aus einer Abschlussarbeit entstandene Programmiersprache zeichnet sich besonders dadurch aus, dass sie zu JavaScript kompiliert ohne Runtime-Exceptions zu erzeugen. Das ist der wohl größte Vorteil von Elms strikten Typsystem. Noch dazu ist die Sprache unschlagbar schnell, da sie eine eigene virtuelle DOM-Implementierung besitzt, die auf Einfachheit und Geschwindigkeit optimiert ist. Insbesondere im Vergleich zu anderen großen Frameworks wie Angular und React tritt hiermit ihre zeitliche Effizienz in den Vordergrund. Mit der JavaScript-Welt kann über Ports kommuniziert werden, was einen Austausch einzelner Elemente eines bestehenden Projekts ermöglicht. Im Livestream sprachen wir außerdem einen Artikel von Stefan Krause an, der die Performance verschiedener Front-End-Frameworks vergleicht.Jonas ist als @klaftertief auf Twitter unterwegs! Picks of the Day Jonas: Den parceljs.org Module Bundler hat Jonas in der Folge besprochen und kann ihn empfehlen. MDN web docs – Auf der Lernplattform des Mozilla Developer Network gibt es zusammengefasste Grundlagen für Web-Technologien. Fabi: Dan Abramovs mental models über JavaScript – In diesem 5-Minuten-Newsletter stellt Dan die grundlegenden Konzepte von JavaScript auf die Probe und regt zu neuen Gedanken an. Dennis: Krisp ist eine Noise Cancelling App für alle Videochat-Programme, die für ruhige Konversationen aus dem Home Office sorgt – selbst mit Hund oder Kind im Hintergrund. Streamt uns! Die nächste Live-Folge nehmen wir am Mittwoch, den 6. Mai, um 18 Uhr auf. Seid dabei und bringt eure Fragen und Anregungen ein! Auch auf unserer Webseite erhaltet ihr mehr Informationen dazu. Schreibt uns! Schickt uns eure Themenwünsche und euer Feedback. podcast@programmier.bar Folgt uns! Bleibt auf dem Laufenden über zukünftige Folgen und virtuelle Meetups und beteiligt euch an Community-Diskussionen. Twitter Instagram Facebook Meetup Musik: Hanimo

An airhacks.fm conversation with Mark Struberg (@struberg) about: Frontends for backends, JSF 2, Vaadin, vue.js, Angular, ReactJS, deep linking with JSF 2, JSF 2 with modularised backends, productive JSF, data binding and data validation with JSF 2, the limits of JSF components, JSF architectures, JSF is not suitable for building offline SPAs, JSF is a server centric framework and therefore requires CPU resources, don't fork JSF components -- contribution is better for maintainability, Thomas Andraschko is #2 contributor to primefaces, building HTML 5 offline applications with JavaScript, the Java EE-stic approach to frontends, "Progressive Web Apps without frameworks #nomigrations #webstandards #noslides", using vanilla WebComponents to write serious applications, Mozilla Developer Network is set of collective set of web standards tutorials and documentation, building WebComponents without polymer, using pure, semantic HTML 5 for maintainability, CSS grid and Flex Box are available in all browsers, angular release strategy and semver, web standards playlist, MicroFrontends with ES 6 modules, Vaadin WebComponents, UI5 WebComponents from SAP, npm is no more a requirement, lit-html and hyperhtml for convenient templates, ES 6 template literals, using rollupjs to create a common set of libraries, Shadow DOM for encapsulation, "Mozilla brings Microsoft, Google, the W3C, Samsung together to create cross-browser documentation on MDN", the golden age for Java Developers, Mark Struberg on twitter: @struberg and github. Mark's blog: struberg.wordpress.com/

In this episode, I talk about why people choose frameworks over vanilla JS (and debunk some common myths). Links Vanilla JS Academy: https://vanillajsacademy.com ReefJS: https://github.com/cferdinandi/reef SvelteJS: https://svelte.dev/ hyperHTML: https://viperhtml.js.org/hyperhtml/documentation/ PreactJS: https://preactjs.com/ JS Selector Performance: https://gomakethings.com/javascript-selector-performance/ Mozilla Developer Network: https://developer.mozilla.org/en-US/docs/Web/javascript The Vanilla JS Toolkit: https://vanillajstoolkit.com/

Descripcion del programa Ulises Gascón, Desarrollador Open Source y especializado en JavaScript, Node, Python nos cuenta su opinión sobre la importancia del software libre. Hablaremos sobre como puede aportar el Open Source a la sociedad, sobre si se ha de cobrar o no por el Software Libre. Espero que os sirva de utilidad para aprender y poder afrontar nuevos retos. ¡Peace, Love and Open Source! Encuesta para pedir Feedback Posibles topics, entrevistados y duración del programa Recomendaciones Preguntas rápidas: Ulises Gascón Quién me ha inspirado: Rick Waldron Recomiéndanos un recurso: Mozilla Developer Network Recomiéndanos a un invitado: Ángel Corral ¿Qué tema te gustaría que tratásemos?: Internet of Things y Virtual Reality Contacta con: Ulises Gascón LinkedIn de Ulises Gascón Twitter de Ulises Gascón Blog de Ulises Gascón Links del programa Open Source Backbone.js Genome.js Aaron Gustafson Belén Albeza Angular.js Redhat PHP Node.js Left-pad JS.io Git Github Recomendaciones de Nacho Open Source Organization EventPoints Contacta con el programa Web de WeCodeSign Twitter de WeCodeSign eMail de WeCodeSign Web de Ignacio Villanueva Twitter de Ignacio Villanueva

Descripcion del programa En el programa de hoy, hablamos con Belén Albeza, devrel de Mozilla sobre la importancia del buen código CSS y buenas prácticas a tener en cuenta. Debatimos abiertamente sobre el uso de conocidos frameworks de diseño como Bootstrap o Foundation y que implica su uso y si es lo más adecuado en muchos casos. Hablamos de la importancia del uso de las etiquetas semánticas y como ayudan a los screenreaders o los crawlers de los buscadores. Así mismo ayudan al mantenimiento del código. ¡Como siempre espero que lo disfrutéis! Encuesta para pedir Feedback Posibles topics, entrevistados y duración del programa Eventos en Madrid OpenSource Weekends FrontFest Recomendaciones Preguntas rápidas: Belén Albeza Quién me ha inspirado: Adriel Wallick Recomiéndanos un recurso: Mozilla Developer Network Recomiéndanos un recurso: Can I use Recomiéndanos a un invitado: Blanca Tortajada ¿Qué tema te gustaría que tratásemos?: Grid Layout Contacta con: Belén Albeza Web Twitter Articles by Belén Albeza (Mozilla Hacks) Links del programa Cristina Fernández BEM OOCSS SMACSS CSS Guidelines Anna Debenham Libro de Anna Debenham GEL Mailchimp You might not need a CSS framework (video) You might not need a CSS framework (artículo) CSS coding techniques The future of layout with CSS: Grid Layouts Specificity Bootstrap Foundation Bruce Lawson Feature Queries @supports Supports will change your life Grid by Example Labs Jen Simmons Writing efficient CSS selectors Recomendaciones de Nacho Harry Roberts Hugo Giraudel Contacta con el programa Web de WeCodeSign Twitter de WeCodeSign eMail de WeCodeSign Web de Ignacio Villanueva Twitter de Ignacio Villanueva

Descripcion del programa ¿Cómo influye el Web Audio en la Web? ¿Por qué el Progressive enhacement es algo más que actualizar JS? ¿En qué proyectos está inmerso ahora mismo Mozilla? ¿Cómo podemos mejorar nuestra experiencia con el audio? La talentosa desarrolladora y devrel de Mozilla Soledad Penadés, visita el podcast para contarnos el Web Audio y su influencia en la Web, así como sus diversos perfiles creativos: compositora, viajera, desarrolladora, apasionada de los sintetizadores, siempre curiosa y excelente comunicadora. ¡Ábrete de orejas y no te lo pierdas! Encuesta para pedir Feedback Posibles topics, entrevistados y duración del programa Recomendaciones Preguntas rápidas: Soledad Penadés Quién me ha inspirado: Kawandeep Virdee Recomiéndanos un recurso: Mozilla Developer Network Recomiéndanos a un invitado: Belen Albeza Recomiéndanos a un invitado: Juan Pablo Buritica Contacta con: Soledad Penadés Twitter - Sole soledadpenades.com supersole.net 5013.es Github - Sole Links del programa Bug reporting for the internet Web Audio API Trackers Sintetizador en C++ Canción hecha con el sintetizador de Sole Sintetizador en JavaScript Caja de música infinita Generador de sonidos spooky Juego exploratorio con audio en 3D Simulación de theremin Demo con WebGL + Web Audio Web Audio Editor Bugs en Web Audio Progressive enhancement Bruce Lawson World Wide Web, not Healthy Westerners' Web Lo nuevo en Web Audio Caja de ritmos online Bug sobre implementar control de volumen por tab Firefox para iOS Firefox Sync Service Worker Pure Data Emilia Gomez (investigadora de flamenco) Web Audio meetup Londres Recomendaciones de Nacho Hacks Mozilla Freesound Contacta con nosotros Web de WeCodeSign Twitter de WeCodeSign eMail de WeCodeSign Web de Ignacio Villanueva Twitter de Ignacio Villanueva

Chris Lowis first showed up on my radar via an episode of the JS Air podcast. He was talking about the history and concepts of the Web Audio API to a bunch of Javascript-heads. He seemed equally comfortable talking about either audio or programming, and I knew he'd be a great interview for my podcast. I couldn't have been more correct. Chris has a great history; studying acoustics, working at the BBC and being involved with the standards groups that are pulling the Web Audio API spec together. The effort is starting to show some great results, with recent Web pages really lighting up some spectacular devices: synths, games and other goodies. Where you you go to find out more about this stuff? One place is Chris' home for his Web Audio Weekly blog: http://blog.chrislowis.co.uk/waw.html. This is the de-facto clearing house for new apps, devices and libraries that work with the Web Audio and Web MIDI specs. If you want a little more active call-and-response, you can check in on the Web Audio Slack Channel. Finally, Chris himself refers to the Mozilla Developer Network documentation as a great place to find out more about the details of web audio. Finally, when you are ready to do some coding of your own, you will probably want to take the Web Audio School: (online trial) http://mmckegg.github.io/web-audio-school/ (github download) https://github.com/mmckegg/web-audio-school Enjoy, and make sure you give some Web Audio examples a try! 

The panelists talk about the Mozilla Developer Network with Les Orchard and David Walsh.

The panelists talk about the Mozilla Developer Network with Les Orchard and David Walsh.

The panelists talk about the Mozilla Developer Network with Les Orchard and David Walsh.