POPULARITY
9 episodes with custom elements
4 episodes with custom elements
4 episodes with custom elements
4 episodes with custom elements
In this repeat episode, Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components. Links Website: https://chriscoyier.net Codepen: https://codepen.io/chriscoyier Frontend Social: https://front-end.social/@chriscoyier Github: https://github.com/chriscoyier Threads: https://www.threads.net/@chriscoyier Bluesky: https://bsky.app/profile/chriscoyier.net We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Em, at emily.kochanek@logrocket.com (mailto:emily.kochanek@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Chris Coyier.
Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components. Links https://chriscoyier.net https://codepen.io/chriscoyier https://front-end.social/@chriscoyier https://github.com/chriscoyier https://www.threads.net/@chriscoyier https://bsky.app/profile/chriscoyier.net We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Chris Coyier.
Overview Kito and Danno welcome Edwin Derks, a fellow Java Champion, MicroProfile and Jakarta EE contributor, and Principal Consultant at Team Rockstars IT, as their special guest. They delve into the new Jakarta Data specification, explore the Eclipse Starter for Jakarta EE, and discuss integrating JMS with Kafka. The conversation then shifts to the resurgence of server-side rendering (SSR) for web applications, the latest enhancements in Angular, and the impact of ElementInternals support in Safari for building HTML form-friendly and accessible Custom Elements. They also cover updates on Kotlin, JDK 22, Google's innovative #AI Generative Interactive Environments (Genie), and energy-hungry LLMs and water, alongside discussions about high-profile security breaches and Edwin's journey into open-source contributions. About Edwin Derks Principal Consultant, Team Rockstars IT Solving complex and strategic IT challenges is my passion. I've helped many customers modernize their software stack, increase their software release processes, and adopt cloud infrastructure. In these projects, I've also been building teams and coaching colleagues to realize the right and innovative solutions for the task at hand. Having a Java developer background, I specialize in Java-related software solutions. As a Java Champion, I'm passionate about gathering and sharing knowledge about anything related to the Java ecosystem and cloud-driven development in general. Therefore, I'm a contributor to open-source projects MicroProfile and Jakarta EE. I'm also a fervent and regular conference speaker, learning and sharing knowledge. In my spare time, I can often be in the gym or have a good time at dance parties or metal concerts. Global and Industry News Server Side Java - Jakarta EE 11 lookout - Jakarta Data (https://github.com/jakartaee/data) - Eclipse Starter for Jakarta EE (https://start.jakarta.ee/) - Is Server Side Rendering (SSR) dead or alive? Is one of the two options preferred? ;) - JMS Client for Confluent Platform (https://docs.confluent.io/platform/current/clients/kafka-jms-client/index.html) - Old school Java EE descriptors (https://jcp.org/aboutJava/communityprocess/mrel/jsr077/index.html) Frontend - Angular Developer Survey 2023 (https://blog.angular.io/angular-developer-survey-2023-86372317c95f) - ElementInternals and Form-Associated Custom Elements (https://webkit.org/blog/13711/elementinternals-and-form-associated-custom-elements/) Tools - Kotlin 2.0 Beta 3 (https://kotlinlang.org/docs/whatsnew-eap.html) AI/ML - LLMs: our future overlords are hungry and thirsty (https://microservices.io/post/generativeai/2023/10/09/our-future-overlords-are-hungry-and-thirsty.html) - Genie: Generative Interactive Environments (https://sites.google.com/view/genie-2024/home) Java Platform - JDK 22 Update (https://openjdk.org/projects/jdk/22/) Security - Mother of All Breaches Exposes 773 Million Emails, 21 Million Passwords (https://gizmodo.com/mother-of-all-breaches-exposes-773-million-emails-21-m-1831833456) - UnitedHealth hackers say they stole 'millions' of records, then delete statement (https://www.reuters.com/technology/cybersecurity/unitedhealth-hackers-say-they-stole-millions-records-then-delete-statement-2024-02-28/) Picking Edwin's brain Developer career and what to do with it - Developer Career Masterplan: Build your path to senior level and beyond with practical insights from industry experts (https://www.amazon.com/Developer-Career-Masterplan-practical-insights-ebook/dp/B0CFLBHZXZ/ref=sr_1_1?crid=3BGLOBFO11D0X&keywords=developer+career+masterplan&qid=1694763002&sprefix=developer+career+masterplan%2Caps%2C158&sr=8-1) - Jakarta EE Application Development - Second Edition: Build enterprise applications with Jakarta CDI, RESTful web services, JSON Binding, persistence, and security (https://www.amazon.com/Jakarta-Application-Development-applications-persistence/dp/1835085261/ref=tmm_pap_swatch_0?_encoding=UTF8&qid=&sr=) - Cloud-Native Development and Migration to Jakarta EE: Transform your legacy Java EE project into a cloud-native application (https://www.amazon.com/Cloud-Native-Development-Migration-Jakarta-EE/dp/1837639620/ref=sr_1_1?crid=37XNEEDK0WZP4&dib=eyJ2IjoiMSJ9.NWeOOeplaf0BH3QqMMa2xSKI_drFUzPg3jMB0_oGe40z-TL2gEGzompOas_ztKmo-eIbZeeNlsD0wST3JXxx6GLd0fAlk8uSXV9kvs5VxD9jMUU6U_QOvksOMLK0Rwor3am8bMlFnSuXP0qfZeBRJoGon7JtmHCxJFZtjflURISUVwiXZMq8TMgQbXZneC9idFP9klcxyt-wecOIU3ipXd43RWDLdMU38IgYOGMtzkc.jYy2vzobzZkFpkIQyqDsOrJsUzyj9NxzoaIgISP7iXk&dib_tag=se&keywords=Cloud-Native+Development+and+Migration+to+Jakarta+EE%3A+Transform+your+legacy+Java+EE+project+into+a+cloud-native+application&qid=1715457244&sprefix=cloud-native+development+and+migration+to+jakarta+ee+transform+your+legacy+java+ee+project+into+a+cloud-native+application+%2Caps%2C318&sr=8-1) Picks - Assistance AI for JetBrains (Danno) (https://www.jetbrains.com/help/idea/ai-assistant.html) - T-Pain (Danno) - https://www.youtube.com/watch?v=91ck0vJBygo - https://www.youtube.com/watch?v=CIjXUg1s5gc - NixOS (Danno) (https://nixos.org/) - GitHub - FiloSottile/mkcert: A simple zero-config tool to make locally trusted development certificates with any names you'd like. (Kito) (https://github.com/FiloSottile/mkcert) - PowerPoint (Edwin) (https://www.microsoft.com/en-us/microsoft-365/powerpoint) - Enterprise Architect version 16.1 | Sparx Systems (Edwin) (https://sparxsystems.com/products/ea/16.1/) - draw.io (Edwin) (https://app.diagrams.net/) - Miro (Danno) (https://miro.com/) - OmniGraffle (Danno) (https://www.omnigroup.com/omnigraffle/) Other Pubhouse Network podcasts - OffHeap (https://javaoffheap.com) - Java Pubhouse (https://javapubhouse.com) Events - Devnexus 2024 - April 9-11 - Atlanta, GA, USA (https://devnexus.com) - Great International Developer Summit - April 23-26th - Bangalore, India (https://developersummit.com/) - JNation - June 4-5th - Coimbra, Portugal (https://jnation.pt/) - NFJS: Gateway Software Symposium April 5 - 6, 2024 (https://nofluffjuststuff.com/stlouis) - NFJS: New England Software Symposium May 3 - 4, 2024 (https://nofluffjuststuff.com/boston) - NFJS: Greater Wisconsin Software Symposium May 17 - 18, 2024 (https://nofluffjuststuff.com/madison) - ÜberConf July 16 - 19, 2024 (https://uberconf.com/) - jconf.dev September 24-26 Dallas,Texas (https://2024.jconf.dev) - Dev2next - Sept 30 - Oct 3, Lone Tree, Colorado, USA, 2024 (https://www.dev2next.com/)
Every developer has their limits and Chuck and Robbie share their points of view. Shadow DOM and Custom Elements are the last browser APIs they know in the State of JS survey. In the spirit of the holiday, they're breaking out the Christmas movies, decorating gingerbread houses, and visiting Santa villages to spend quality time with family. In this episode, Chuck and Robbie talk about their final thoughts on browser APIs from the State of JS survey questions, their favorite holiday TV shows, and family holiday traditions. Key Takeaways [00:45] - Number 9 Whiskey: Kurayoshi Malt Whisky. [05:00] - Numer 10 Whiskey: Brenekridge Bourbon Whiskey, A Blend. [09:08] - Browser APIs mentioned in the State of JS. [11:44] - TV shows to enjoy during the holidays. [16:30] - Chuck gives an update on the World Cup and the state of soccer. [20:05] - Movies to watch during the holidays. [23:44] - Chuck and Robbie's holiday traditions. Quotes [19:34] - “The World Cup, we're not in it anymore so you have to pick your next favorite team.” ~ Chuck Carpenter [22:37] - “I know I watched my fair share of Disney movies back in the day when they were on VHS and LaserDisc.” ~ Robbie Wagner Links Kurayoshi Malt Whisky Togouchi 3 Year Blended Japanese Whisky Breckenridge Distillery State of JS Holiday Baking Champions Holiday Wars Alone Holiday Gingerbread Showdown The National Eagle Scout Association Starlink Google Netflix Guardians of the Galaxy Titans FIFA World Cup Qatar 2022 United States Men's National Soccer Team The Grinch Frosty and the Snowman Elf Spirited Spirit Disney Plus The Jungle Book The North Pole Experience The Polar Express Target Lego Connect with our hosts Robbie Wagner Chuck Carpenter Ship Shape Subscribe and stay in touch Apple Podcasts Spotify Google Podcasts Whiskey Web and Whatnot Top-Tier, Full-Stack Software Consultants This show is brought to you by Ship Shape. Ship Shape's software consultants solve complex software and app development problems with top-tier coding expertise, superior service, and speed. In a sea of choices, our senior-level development crew rises above the rest by delivering the best solutions for fintech, cybersecurity, and other fast-growing industries. Check us out at shipshape.io.
In this episode of the Kontent Rocks podcast, Brian McKeiver interviews Mike Webb, Senior Developer at BizStream. Brian and Mike demo a very cool tool for developing Custom Elements for Kontent.ai. The open source tool makes localhost development and testing for Custom Elements a breeze.
In this episode of the Kontent Rocks podcast, Brian McKeiver interviews Mike Webb, Senior Developer at BizStream. Brian and Mike demo a very cool tool for developing Custom Elements for Kontent.ai. The open source tool makes localhost development and testing for Custom Elements a breeze.
Be sure to fill out our listener survey here! (https://forms.gle/Gbq6pRVCabj8dpJL7) In today's episode, we discuss the pending update Vue 3.2 with special guest panelist Mark Noonan, a web developer from Tipperary, Ireland who now lives in Atlanta, Georgia, and currently works at NexTraq as a front-end developer. We kick off the conversation by discussing RSS feeds and how to keep abreast of your favorite websites, interesting news, and Vue developments. Our panel discusses the custom element function and why they're excited for it to be included in the latest Vue update. Tuning in you'll hear our definition of shadow DOM and why it's so useful for developers. The script setup tag will also be losing its experimental status in Vue 3.2 making it an official part of Vue, giving you much more freedom in Vue single-file components. Later, our panel discusses some of the disadvantages to making a custom element, instead of using a Vue component. They also ruminate on the role of portals and how they benefit the user. We round off the episode with our usual panel picks which range from tasty pretzel and cream cheese snacks to nostalgic video games to joining a supportive online community. For all this and much more, tune in today! Key Points From This Episode: Introducing today's guest panelist Mark Noonan. Ways to use RSS to check on your favorite websites, news, and Vue developments. The upcoming version of Vue 3.2 and the developments for its changelog. Using the define custom element function in the upcoming version of Vue. The upcoming benefit of being able to write in Vue.js and being able to transfer it to the web framework of your choice, like React or Svelte. The concept of Shadow DOM and why it's so useful for developers. The script setup tag will lose its experimental status in Vue 3.2. Why now is a good time to start experimenting in Vue 3. Some of the reasons for using Vue-demi over something like migration build. Some of the disadvantages to making a custom element, instead of using a Vue component. How portals work and how they benefit the user. Why it's useful to keep abreast of recent upgrades. Hear our panel picks for the week, including tasty pretzel snacks, nostalgic games, and more. Tweetables: “I misspoke. I thought I didn't have an RSS feed. It turns out, I do get those updates about 3.2 on a regular basis. The feed that I use is Evan's Twitter. Thanks for coming to my TED Talk.” — @halftes6 (https://twitter.com/halftes6) [0:02:12] “Shadow DOM is a concept that's been introduced that allows you to have your own private document object model that you can manipulate. This has actually been in use by browsers for years, but now they've exposed it to JavaScript developers to be able to use it themselves.” — @fimion (https://twitter.com/fimion) [0:07:40] “You can progressively add it and then once enough things have Vue 3 support, you just turn it over to Vue 3, and it should all just work.” — @fimion (https://twitter.com/fimion) [0:12:33] “Vuetify incidentally, is one project whose release notes I do read. I get Vuetify release notes and I get Cypress release notes. I'm always excited about both because I'm looking for the new stuff that we can now start to do.” — @marktnoonan (https://twitter.com/marktnoonan) [0:12:45] “The primary thing that you cannot do with a custom element that you can do in Vue with a proper Vue component is scoped slots, which is our favorite topic on this podcast.” — @fimion (https://twitter.com/fimion) [0:14:45] “It's good to stay on top of these things, and at least be aware of various options that you have in the ecosystem. Knowing what's coming up in newer versions is always better for everyone as maybe finally, that thing that you want fixed has been fixed.” — @fimion (https://twitter.com/fimion) [0:21:08] Links Mentioned in Today's Episode: Vue 3.2 changelog (https://github.com/vuejs/vue-next/blob/master/CHANGELOG.md) Vue 3.2 project board (https://github.com/vuejs/vue-next/projects/4) RFC the Vue: Script Setup with Lachlan Miller (RFCs 227 & 228) (https://enjoythevue.io/episodes/65) Vue Demi (https://github.com/vueuse/vue-demi), Anthony Fu @MarkTNoonan (http://twitter.com/marktnoonan) Streets of Rage 4 (https://www.streets4rage.com), Dotemu (Nintendo Switch, PlayStation 4, Xbox One, Steam (Windows, Mac, Linux), GOG, Humble) VirtualCoffee (https://meetingplace.io/virtual-coffee) Dragon Age: Inquisition (https://www.ea.com/games/dragon-age/dragon-age-inquisition), EA (PlayStation 4, Xbox One, PlayStation 3, Xbox 360, Microsoft Windows) Special Guest: Mark Noonan.
Ganz ohne Gäste und großen Themenbogen hockten sich Schepp, Hans und Peter zusammen, um ein paar Fundstücke und Artikel aus der letzten Zeit zu bequatschen Schaunotizen [00:00:28] CSS-Features (und fehlende Web-Component-Features) Peter ist begeistert von der geplanten @layer-Regel für CSS, hat aber gleichzeitig mit nicht existiertenden Default Styles für Custom Elements zu kämpfen, die es […]
In our first episode of 2021, we decided to do a bit of a different episode. In this episode, we talk about web components. Claire has some answers (be sure to check the notes!) and Steph has some questions. Do you have questions? Let us know.
Hans, Schepp und Peter ließen mal wieder das Glücksrad drehen! Schaunotizen [00:00:30] Image Maps Wir versuchen uns daran zu erinnern, wann wir zuletzt Image Maps genutzt haben (serverseitige und wie clientseitige Image Maps) und wie sich Image-Map-Use-Cases zu SVGs verhalten. Schepp gibt außerdem eine Geschichte zum Besten, in der er mithilfe von Buttons im Image-State […]
In der Folge darf ich erneut Joy Heron (Twitter, Web) begrüßen. Joy ist als IT Consultant bei der INNOQ unterwegs. Sie war schon zu den Themen Clojure und Sketchnotes im Podcast zu Gast und spricht heute mit mir über moderne Webentwicklung jenseits der Single-Page Applications. Joy bezeichnet sich selbst als Fullstack Entwicklerin und natürlich greifen wir daher das Thema aus der letzten Folge nochmal kurz auf und sprechen darüber, wie wir den Begriff verstehen. Danach steigen wir direkt ins Thema ein und jeder, der bei "moderner Webentwicklung" an Angular, React oder Vue denkt, wird vielleicht ein wenig enttäuscht sein. Heute konzentrieren wir uns auf die Grundlagen des Webs und wie man mit diesen moderne Anwendungen entwickelt. Wir denken das ist kein Widerspruch sondern vielmehr der nächste logische Schritt denn HTML und CSS bieten (fast) alles, was wir brauchen. Joy erzählt, wie sie zur Webentwicklung kam und was sie daran bis heute faszinierend findet. Danach arbeiten wir uns von HTTP über HTML zu CSS und natürlich kommen auch wir nicht immer ohne JavaScript aus. Ein Thema hier sind dann natürlich auch WebComponents und klar, dann spielt auch JavaScript eine Rolle. Vielleicht versteckt sich ja hier die Alternative zu den etablierten Frameworks? Wir sprechen über Shadow DOM, Templates und Custom Elements und Joy berichtet, wie sie Custom Elements einsetzt. Stichwort "Progressive Enhancement". Nachdem uns HTML die Struktur liefert brauchen wir noch das "Frosting" auf unserer Webanwendung und hier ist das Thema natürlich CSS. Was ist damit eigentlich möglich und wie schreibt man wartbares CSS? BEM? Joy hat hier noch eine schlankere Alternative parat von der sie berichtet. Auch zu Tailwind CSS haben wir dann noch eine Meinung. Wenn ihr Euch für Intrinsic Design interessiert solltet ihr Euch die neuste Folge des INNOQ Podcast anhören. Dort ist Joy ebenfalls zu Gast. Hier noch die Slides von Joy zu den Themen "Moderne Frontendentwicklung" und "WebComponent Design" Am 03.06.2020 könnt ihr Joy beim INNOQ Technology Lunch zum Thema "Responsive Web Layout with CSS Grid" sehen (Meetup Link). Wenn ihr es dort verpasst werft einen Blick auf den INNOQ YouTube Kanal Die im Podcast erwähnte Artikelserie zu einem eigenem Design System startet mit einem Beitrag über Typografie. Buchempfehlungen - Refactoring UI - CSS Secrets - Inclusive Design Patterns (Amazon) - Inclusive Components - every-layout.dev - Digitaler Minimalismus von Cal Newport
An airhacks.fm conversation with Romain Manni-Bucau (@rmannibucau) about: PaintShop Pro, science fiction matte paintings, scene generation, short movies, 3D tool automation with scripting, starting C programming with GTK, programming PaintShop Pro "clone" as "hello, world", linux over windows, image editing involves math, learning algorithms from the internet, building winamp-like mp3 player with C++ and GTK, switching from C/C++ to Java, no memory management in Java, implementing problem-solvers with Java, developing "BigData" apps with Hazelcast, Talip Ozturk, implementing map-reduce algorithms for a banking sector with Hazelcast, using Apache openEJB, working with Jean-Louis Monteiro the openEJB committer, using openEJB for good start times and for testing, Java EE and standards do not impact your business code, working with friends at Tomitribe, implementing extensions for TomEE - the MicroProfile before MicroProfile, joining talend to implement batch processes, joining yupiik.com startup, Apache Spark, Apache Beam and ReactJS, using Apache Meecrowave, ReactJS vs. Custom Elements, WebComponents and Redux, deploying service on-the-fly with OSGi, integrating CDI with OSGI, working with Apache Aries, using OSGi to load machine learnings models, hot-loading modules for "Fluid Logic", OSGI alliance specs, Karaf OSGi, HTTP/2 with Felix, OSGi ConfigAdmin configuration, OSGi whiteboard pattern, Aries CDI, Romain Manni-Bucau on twitter: @rmannibucau, Romain's blog: rmannibucau.metawerx.net
An airhacks.fm conversation with Matthias Reining (@MatthiasReining) about: Famous Tech 11, Tech 11 expands to Italy, refactoring to MicroProfile HTTP client from JAX-RS client, DRY Jakarta Persistence (JPA) entities -- used for persistence and communication, using JSON-B / Eclipse Yasson as DTOs, versioning client and services, happy with Jakarta EE and MicroProfile, 17 developers from Nigeria, Cameroon, Ghana, Vietnam and Germany love Jakarta EE and MicroProfile, the ultimate Bamberg test (schlenkerla), Tech 11 developers joining airhacks.com in MUC, self constraining as competitive advantage, Apple Music Web Client uses Web Components, Web Components with plain lit-html library, the 50 LoC abstract component, redux works well with Web Components and Boundary Control Entity structure, unidirectional data flow, dumb and smart Web Components, no npm is installed on developer machines, rollup.js over parcel.js, Jakarta EE service with Servlets 4.0 prepopulates browser cache with http/2 (3 mins http/2 JSF screencast), developer's joy without build tools, ES 6 modules is a more Jakarta EE-stic way of architecting apps, further performance optimizations with resource hints, no issues for Firefox, developing on Firefox and Chrome, the amazing Firefox' developer experience, Custom Elements with lit-html look a lot like React code, if Facebooks drops react, easy migrations to frameworks from web standards, migration between frameworks is mission impossible, Progressive Web Apps without frameworks #nomigrations #webstandards #noslides talk at IJS, the MDN first approach, the WildFly starting in 3-4 seconds, Quarkus starts in under a second, by removing EJBs you can save one second startup time, Tech 11 hires developers with passion for WebStandards, Matthias Reining on twitter: @MatthiasReining
In this episode I chat with Brian Hicks from NoRedInk to discuss how they use a custom element to interface with Quill, a JavaScript rich text editor.
An airhacks.fm conversation with Robert Brem (@bremrobert) about: JavaScript was worse than GWT, Swing over SWT, ES 6 / ECMAScript 2015 changed everything, ES 6 looks like Java, MDN is like JCP for specs, ES 6 does not come with usable templates, lit-html and hyperHTML close the gap, WebComponents over ReactJS, AngularJS (Angular v1) was nice, Angular applications were hard to modularize, why the Angular airhacks.com Workshops at Munich Airport were "interesting", core.js developer searches for a job, nobody cares about dependencies in the frontend, Google Cemetery, Angular comes with two releases a year and follows semantic versioning, core.js is a "Modular standard library for JavaScript", rollup.js is a ES 6 module bundler, what happens if something breaks, why it can take two days to invoke a Java method, one super Web Component is reasonable, mapping redux to BCE structure, preventing frontend dependencies with CI/CD audits, structuring code after domain responsibilities, it is impossible to create a template with business structure, Semantic UI for styling components, Custom Events are used for communication, using CSS variables to style ShadowDOM, loading CSS per BCE package, Angular Elements, replacing Custom Elements with home grown code, Robert Brem on twitter: @bremrobert
An airhacks.fm conversation with Matthias Reining (@MatthiasReining) about: Power Basic is not QBasic and was comparable with Turbo Pascal, game high score manipulation as programming motivation, C 64 was the first computer encounter, writing a "Jump and Run" game in Power Basic, Power Basic IDE as Christmas present, the menu bar fascination, using GW-Basic at high school, call by value vs. call by reference in Power Basic and Turbo Pascal, the Comal programming language, learning C, the University of Wuerzburg, learning Visual C++ and object oriented programming at university, C over C++, learning Java during internship at Nobiscum, writing a Java frontend with AWT for CVS as proof of concept, renaming com.sun.swing to javax.swing, switching to Lotus Notes as consultant, improving Lotus Notes user interface with Java, accessing Lotus Notes with JDBC, CouchDB the Lotus Notes "successor" created by Damien Katz - a former Lotus Notes developer, Lotus Notes the NoSQL database before the popularity of NoSQL, Transact-SQL, PL/SQL and back to Java, JSPs, Servlets, Tomcat and Apache Struts, from Java back to Pearl, the strategy of spending as much time as possible in a single project, writing fronted code with "this and that" or ES 5-the ancient JavaScript, the Java EE 5 fascination, xdoclet code generation for early EJB versions was slow, annotation-based programming with Java EE 5 improved the productivity, building a freelancer portal with Java EE 5 as proof of concept, a Java EE workshop in 2011, learning politics in Java insurance projects with "C-structs" as design pattern, enjoying PowerPoint time, founding a startup with Java EE 8 / Jakarta EE 8 and MicroProfile as technology choice, WildFly and Keycloak are the perfect technologies for a startup, focus on the business and not the technology, considering OpenLiberty and Quarkus as migration target caused by slow support of MicroProfile APIs by WildFly, saving memory with Quarkus, making WARs thinner by moving to MicroProfile JWT from proprietary Keycloak libraries, building the heart of an insurance company - an insurance platform, cloud-ready and private clouds are a common deployment model, migration from COBOL systems to tech11 insurance platform, team of 8 people is incredibly productive, it is hard to find good developers in Germany, hiring pragmatic developers from Afrika with the "ThinWAR" mindset, the "airhacks stack", polyglot programming is chaos, using Java EE 8 as the baseline, all other dependencies require permission, an average tech11 ThinWAR is a few hundreds kB, code snippets from 2005 gave Java EE a bad name, implement whatever you can today and care about potential problems tomorrow, the time to first commit has to be as low as possible, projects and products require different approaches, the "getting things done" developer, long-term maintenance is key to product success, every company has the right technology at certain time, Java EE is not the only "right" technology, projects are also barely dependent on Java EE, tech11 does not sell technology, tech11 sells solutions, using plain WebStandards with WebComponents, ES 6 in the frontend, Custom Elements looks like ReactJS, lit-html is one of the few dependencies in frontend, tech11 started with hyperHTML, then migrated to lit-html, open-wc comes with lots of examples with LitElement what is not necessary, using Parcel for packaging without any transpiling, rollup.js is great for packaging, Jenkins transpiles for older browsers, on developer machines not even npm is necessary, airhacks.io workshop about WebComponents: webcomponents.training, tech11 uses a BPM engine to manage processes, tarifs claims, policies are the names of microservices (ThinWARs), the episode #36 with Markus Kett mentions the JCon keynote, Matthias Reining on twitter: @MatthiasReiningand his startup: https://tech11.com
A Special episode of Kentico Rocks. Almost all of the Kentico MVPs gathered in one place at Kentico's headquarters. During the episode you can hear about what the MVP Summit is and what it takes to be an MVP for Kentico. We also get into Kentico EMS 12.0 Service Pack 1 details, new Custom Elements and the new Editorial Calendar in Kentico Cloud, and great resources in Github for Kentico developers out there.
A Special episode of Kentico Rocks. Almost all of the Kentico MVPs gathered in one place at Kentico's headquarters. During the episode you can hear about what the MVP Summit is and what it takes to be an MVP for Kentico. We also get into Kentico EMS 12.0 Service Pack 1 details, new Custom Elements and the new Editorial Calendar in Kentico Cloud, and great resources in Github for Kentico developers out there.A Special episode of Kentico Rocks. Almost all of the Kentico MVPs gathered in one place at Kentico's headquarters. During the episode you can hear about what the MVP Summit is and what it takes to be an MVP for Kentico. We also get into Kentico EMS 12.0 Service Pack 1 details, new Custom Elements and the new Editorial Calendar in Kentico Cloud, and great resources in Github for Kentico developers out there.
Aaron might be on the road, but we have a great guest to sit in his place this week as we talk with HAX Editor developer Bryan Ollendyke. Bryan shares his experiences building a standards-based...
This week we talk about Customized Built-in Elements, part of the Custom Elements specification which hasn't had as much attention as other parts of the Web Component specs. Customized Built-in Elements allow developers to extend native DOM elements and add additional functionality. In this episode learn all about how they work, what benefits they provide and some practical use-cases along with a discussion on browser support for this exciting feature of the platform. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/169-extending-the-dom-with-web-components Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
This week Justin, Danny, and Leon talk about what they think is going to be important for the web in 2018. We talk about AI and an interesting experiment Danny has got involved with along with Leon's excitement for customized built-in elements an unadopted part of the Custom Elements spec. PWA's is a big topic where we talk about what this means for native app-store apps and we finish by sharing what we hope for in 2018. Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/151-crystal-ball-fortunes-in-2018 Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Summary This week the crew is joined by Lars Knudsen (@denladeside) and Kenneth Christiansen (@kennethrohde) to talk about the recent Polymer Summit and all of the awesome stuff revealed there. Are web components really ready? Who is using web components? Answers to these questions and more on this week's episode of the Web Platform Podcast. This Week in Web News YouTube has just had a new UI released which is written in Polymer Stenciljs, “The magical, reusable web component generator.” announced at the Polymer Summit appears to be making waves in the Web Component community and we've just scheduled a podcast episode with the developers which should be released in the next couple of weeks! Node.js has been forked again over complaints of unresponsive leadership. The new project is called Ayo and is already available on GitHub: Google has just released a preview for ARCore and WebARCore for AR development on Android and on the web Apple has published guidelines for building Augmented Reality Interfaces to aid developers using ARKit Since last week four more frameworks have been added to custom-elements-everywhere, a website which scores JavaScript frameworks on their compatibility with Custom Elements. The frameworks what have been added include AngularJS 1.x, CanJS and Dojo 2 Resources User interface components for web apps All Polymer Summit 2017 talks Guests Lars Knudsen (@denladeside) Kenneth Christiansen (@kennethrohde) Panel Danny Blue (@dee_bloo) Leon Revill (@revillweb) Amal Hussein (@nomadtechie) Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
My Angular Story 015 Danny Blue On today’s episode we have a My Angular Story with Danny Blue. Danny is a Google Developer Expert for web technologies. In this episode we hear the story about how Danny first started coding, a method suggestion for picking a frameworks, and how vocabulary is vital for a new programmer to learn. It’s a good one, stay tuned. How did you get into programming? Didn’t get started until college. In school he was under the impression that you had to be a math genius to be a programmer. Didn’t even try until college. He wish he would have taken more in College. His first dive into code was ActionScript 2. He was offered a class that taught how to make Flash games and he took the class and made a few games, which he mentions were most likely awful. His game was an infinite runner with a robot. It taught him the basics like loops and storing variables.In his class he realized that as long as he understood some of the key concepts, he would be able to handle it.Soon he went out and just bought a book and after experiencing the code in action he got hooked. Managing memory in C Danny’s friend tried to teach him how to build a checkers game in C. He remembers the pains of manually managing memory. His feedback on malloc is that it’s one of his favorite words because it rolls off the tongue. Charles talks about how in college he had to design systems in VSDL with transistors and silicon. How do you get from that to JavaScript Development First job was at a swimming pool manufacturing company’s marketing department in West Virginia. He worked a lot in Dreamweaver until a man that started after him decided they were going to write all the markup and CSS by hand. From that Danny learned how websites were put together. He talks about a contact form that they wanted to animate. He knew that he could figure it out. He would use code snippets to figure out and build the animation. He started to do more and more JavaScript and teaching himself as much as he could. He did the CodeSchool JavaScript Road Trip. The first few episodes ease you into JavaScript and helps you learn where things lives. From that point he became obsessed with building things with JavaScript. Charles talks about how CodeSchool wasn’t around when he started. Modern code seem to be more complicated but it can be learned best by breaking it down into smaller bites. CodeSchool is good for that. Getting your start or foothold is the hardest part. It’s easy to skip over fundamentals. Charles talks about how that things like CLI came second nature for him and sometimes instructors dismiss that new students may get hung up on those sort of fundamental concepts and tools. Danny adds that there had been times where he would read articles on sites like StackOverflow that would be explaining something but even the baseline instructions has information in it that can something someone has skipped. Little pieces of information can really help pull things together. He talks about the dissociation that can happen for someone who only learned JavaScript and doesn’t know what CLI is and how hard it would be to explain the difference between JavaScript running in the browser and Node, or explaining what a package manager is, then a package , etc. Many people come into it not understanding any of it. He can remember copying commands into a terminal but not understanding what was going on. For learning JavaScript from a basic level, what do you suggest? Finding the beginner tutorials for stuff. CodeSchool is good, Code Academy as well. Do those first. Don’t skip it assuming you know too much to do them. After that just make something. From there you will figure out stuff that works and stuff that doesn’t. Twitter is a great resource for finding helpful people. Being in the environment helps to get exposed to the information. Mainly just write code. Charles mentions that people have grown to understand the concepts and lingo of web development by just listening. Danny also advises that if you learn the vocabulary before learning the concepts, you’ll be able to do things like Google your issues affectively as well as reading articles or talking with others. Complicated concepts end up be boiled down to single words. Ultimately you will need to be able to communicate with everyone on projects anyway. How did you get into Angular? While working at DualLink Digital, they started looking at a few different things, he started looking at Ember and found that he really enjoyed the concepts. One of his friends started messing around with angular and they started workshopping with it to make it work. Afterwards he started to like it, really the plain JavaScript objects. The more he worked with he, the more he started enjoying it compared to Ember. It’s interesting to see how people have moved from Backbone or React or Ember to things like Angular. One of Embers pluses is how large their community is. Charles talks about how the history of Ember is great and the people behind Ember are great. Also, the JavaScript community used to seem to have animosity against the different communities but now it’s more collaborative. Picking the right framework. Danny suggests that when trying to figure out what framework to go with, be able to describe in your own words why the framework you’ve picked is better. Making sure that you do understand the decisions that you are making is important. He uses the example of within the React community and the use of virtual DOM. There was a common misconception that the virtual DOM was faster than the regular DOM, which is just not true. Later the details had to be expressed to clear the misunderstanding. If you don’t talk about the specifics, you may believe something without knowing the facts behind it. Charles adds that its sort of like politics in that way. Tell us the work you’ve done with Web Standards. Danny talks about getting interested in web components through his friend Eric and actually interviewed at the company Eric worked at. He didn’t get the job but they stayed in touch and Eric introduced him into Polymer. He started to learn about Polymer, specifically custom elements. He remembers very early on wanting to make a custom HTML tag. He suggests that being able to do things without the framework has been a piece that has been missing. Having lower level building blocks to build off of is really exciting to Danny. He talks about using custom elements to build a familiar API surface to interact with. He talks about an example where he wrapped a bunch of HTML APIs, like the notification API and the fullscreen API, wrapping another element within it. He was trying to build things that the younger version of himself could use. He things that could be something we are heading towards more often. Danny adds that Web Components come with 4 major parts: Custom elements, HTML Imports (kind of), ShadowDOM, and templates. Custom elements allow you to create a unique piece of HTML and is the most widely accepted and supported. What are you working on now? Danny talks about how the Angular’s component model is very similar to Custom Element component model. Where you pass information in through properties and you listen for changes through events. You can use Custom Elements with very little setup. There is a specific Custom Elements Scheme that will let you use custom elements without any properties being thrown. You use the custom event in the exact same way and syntax as for any other component. The one issue with the source code where it parses the metadata, losing the friendly compiler messages out of the box. He is playing around with trying to find a way to whitelist different element names and properties. He wants to learn how the Framework is parsing potential data and make it easy to whitelist a set of custom elements. Picks Dannys Daemon by Daniel Suarez Bob’s Burgers CodeSchool Charles VR & Augmented Reality IoT Artificial Intelligence Veritone.com Coursera on Artificial Intelligence Artificial Intelligence with Python Machine Learning for Absolute Beginners Links Twitter Blog on Medium
My Angular Story 015 Danny Blue On today’s episode we have a My Angular Story with Danny Blue. Danny is a Google Developer Expert for web technologies. In this episode we hear the story about how Danny first started coding, a method suggestion for picking a frameworks, and how vocabulary is vital for a new programmer to learn. It’s a good one, stay tuned. How did you get into programming? Didn’t get started until college. In school he was under the impression that you had to be a math genius to be a programmer. Didn’t even try until college. He wish he would have taken more in College. His first dive into code was ActionScript 2. He was offered a class that taught how to make Flash games and he took the class and made a few games, which he mentions were most likely awful. His game was an infinite runner with a robot. It taught him the basics like loops and storing variables.In his class he realized that as long as he understood some of the key concepts, he would be able to handle it.Soon he went out and just bought a book and after experiencing the code in action he got hooked. Managing memory in C Danny’s friend tried to teach him how to build a checkers game in C. He remembers the pains of manually managing memory. His feedback on malloc is that it’s one of his favorite words because it rolls off the tongue. Charles talks about how in college he had to design systems in VSDL with transistors and silicon. How do you get from that to JavaScript Development First job was at a swimming pool manufacturing company’s marketing department in West Virginia. He worked a lot in Dreamweaver until a man that started after him decided they were going to write all the markup and CSS by hand. From that Danny learned how websites were put together. He talks about a contact form that they wanted to animate. He knew that he could figure it out. He would use code snippets to figure out and build the animation. He started to do more and more JavaScript and teaching himself as much as he could. He did the CodeSchool JavaScript Road Trip. The first few episodes ease you into JavaScript and helps you learn where things lives. From that point he became obsessed with building things with JavaScript. Charles talks about how CodeSchool wasn’t around when he started. Modern code seem to be more complicated but it can be learned best by breaking it down into smaller bites. CodeSchool is good for that. Getting your start or foothold is the hardest part. It’s easy to skip over fundamentals. Charles talks about how that things like CLI came second nature for him and sometimes instructors dismiss that new students may get hung up on those sort of fundamental concepts and tools. Danny adds that there had been times where he would read articles on sites like StackOverflow that would be explaining something but even the baseline instructions has information in it that can something someone has skipped. Little pieces of information can really help pull things together. He talks about the dissociation that can happen for someone who only learned JavaScript and doesn’t know what CLI is and how hard it would be to explain the difference between JavaScript running in the browser and Node, or explaining what a package manager is, then a package , etc. Many people come into it not understanding any of it. He can remember copying commands into a terminal but not understanding what was going on. For learning JavaScript from a basic level, what do you suggest? Finding the beginner tutorials for stuff. CodeSchool is good, Code Academy as well. Do those first. Don’t skip it assuming you know too much to do them. After that just make something. From there you will figure out stuff that works and stuff that doesn’t. Twitter is a great resource for finding helpful people. Being in the environment helps to get exposed to the information. Mainly just write code. Charles mentions that people have grown to understand the concepts and lingo of web development by just listening. Danny also advises that if you learn the vocabulary before learning the concepts, you’ll be able to do things like Google your issues affectively as well as reading articles or talking with others. Complicated concepts end up be boiled down to single words. Ultimately you will need to be able to communicate with everyone on projects anyway. How did you get into Angular? While working at DualLink Digital, they started looking at a few different things, he started looking at Ember and found that he really enjoyed the concepts. One of his friends started messing around with angular and they started workshopping with it to make it work. Afterwards he started to like it, really the plain JavaScript objects. The more he worked with he, the more he started enjoying it compared to Ember. It’s interesting to see how people have moved from Backbone or React or Ember to things like Angular. One of Embers pluses is how large their community is. Charles talks about how the history of Ember is great and the people behind Ember are great. Also, the JavaScript community used to seem to have animosity against the different communities but now it’s more collaborative. Picking the right framework. Danny suggests that when trying to figure out what framework to go with, be able to describe in your own words why the framework you’ve picked is better. Making sure that you do understand the decisions that you are making is important. He uses the example of within the React community and the use of virtual DOM. There was a common misconception that the virtual DOM was faster than the regular DOM, which is just not true. Later the details had to be expressed to clear the misunderstanding. If you don’t talk about the specifics, you may believe something without knowing the facts behind it. Charles adds that its sort of like politics in that way. Tell us the work you’ve done with Web Standards. Danny talks about getting interested in web components through his friend Eric and actually interviewed at the company Eric worked at. He didn’t get the job but they stayed in touch and Eric introduced him into Polymer. He started to learn about Polymer, specifically custom elements. He remembers very early on wanting to make a custom HTML tag. He suggests that being able to do things without the framework has been a piece that has been missing. Having lower level building blocks to build off of is really exciting to Danny. He talks about using custom elements to build a familiar API surface to interact with. He talks about an example where he wrapped a bunch of HTML APIs, like the notification API and the fullscreen API, wrapping another element within it. He was trying to build things that the younger version of himself could use. He things that could be something we are heading towards more often. Danny adds that Web Components come with 4 major parts: Custom elements, HTML Imports (kind of), ShadowDOM, and templates. Custom elements allow you to create a unique piece of HTML and is the most widely accepted and supported. What are you working on now? Danny talks about how the Angular’s component model is very similar to Custom Element component model. Where you pass information in through properties and you listen for changes through events. You can use Custom Elements with very little setup. There is a specific Custom Elements Scheme that will let you use custom elements without any properties being thrown. You use the custom event in the exact same way and syntax as for any other component. The one issue with the source code where it parses the metadata, losing the friendly compiler messages out of the box. He is playing around with trying to find a way to whitelist different element names and properties. He wants to learn how the Framework is parsing potential data and make it easy to whitelist a set of custom elements. Picks Dannys Daemon by Daniel Suarez Bob’s Burgers CodeSchool Charles VR & Augmented Reality IoT Artificial Intelligence Veritone.com Coursera on Artificial Intelligence Artificial Intelligence with Python Machine Learning for Absolute Beginners Links Twitter Blog on Medium
My Angular Story 015 Danny Blue On today’s episode we have a My Angular Story with Danny Blue. Danny is a Google Developer Expert for web technologies. In this episode we hear the story about how Danny first started coding, a method suggestion for picking a frameworks, and how vocabulary is vital for a new programmer to learn. It’s a good one, stay tuned. How did you get into programming? Didn’t get started until college. In school he was under the impression that you had to be a math genius to be a programmer. Didn’t even try until college. He wish he would have taken more in College. His first dive into code was ActionScript 2. He was offered a class that taught how to make Flash games and he took the class and made a few games, which he mentions were most likely awful. His game was an infinite runner with a robot. It taught him the basics like loops and storing variables.In his class he realized that as long as he understood some of the key concepts, he would be able to handle it.Soon he went out and just bought a book and after experiencing the code in action he got hooked. Managing memory in C Danny’s friend tried to teach him how to build a checkers game in C. He remembers the pains of manually managing memory. His feedback on malloc is that it’s one of his favorite words because it rolls off the tongue. Charles talks about how in college he had to design systems in VSDL with transistors and silicon. How do you get from that to JavaScript Development First job was at a swimming pool manufacturing company’s marketing department in West Virginia. He worked a lot in Dreamweaver until a man that started after him decided they were going to write all the markup and CSS by hand. From that Danny learned how websites were put together. He talks about a contact form that they wanted to animate. He knew that he could figure it out. He would use code snippets to figure out and build the animation. He started to do more and more JavaScript and teaching himself as much as he could. He did the CodeSchool JavaScript Road Trip. The first few episodes ease you into JavaScript and helps you learn where things lives. From that point he became obsessed with building things with JavaScript. Charles talks about how CodeSchool wasn’t around when he started. Modern code seem to be more complicated but it can be learned best by breaking it down into smaller bites. CodeSchool is good for that. Getting your start or foothold is the hardest part. It’s easy to skip over fundamentals. Charles talks about how that things like CLI came second nature for him and sometimes instructors dismiss that new students may get hung up on those sort of fundamental concepts and tools. Danny adds that there had been times where he would read articles on sites like StackOverflow that would be explaining something but even the baseline instructions has information in it that can something someone has skipped. Little pieces of information can really help pull things together. He talks about the dissociation that can happen for someone who only learned JavaScript and doesn’t know what CLI is and how hard it would be to explain the difference between JavaScript running in the browser and Node, or explaining what a package manager is, then a package , etc. Many people come into it not understanding any of it. He can remember copying commands into a terminal but not understanding what was going on. For learning JavaScript from a basic level, what do you suggest? Finding the beginner tutorials for stuff. CodeSchool is good, Code Academy as well. Do those first. Don’t skip it assuming you know too much to do them. After that just make something. From there you will figure out stuff that works and stuff that doesn’t. Twitter is a great resource for finding helpful people. Being in the environment helps to get exposed to the information. Mainly just write code. Charles mentions that people have grown to understand the concepts and lingo of web development by just listening. Danny also advises that if you learn the vocabulary before learning the concepts, you’ll be able to do things like Google your issues affectively as well as reading articles or talking with others. Complicated concepts end up be boiled down to single words. Ultimately you will need to be able to communicate with everyone on projects anyway. How did you get into Angular? While working at DualLink Digital, they started looking at a few different things, he started looking at Ember and found that he really enjoyed the concepts. One of his friends started messing around with angular and they started workshopping with it to make it work. Afterwards he started to like it, really the plain JavaScript objects. The more he worked with he, the more he started enjoying it compared to Ember. It’s interesting to see how people have moved from Backbone or React or Ember to things like Angular. One of Embers pluses is how large their community is. Charles talks about how the history of Ember is great and the people behind Ember are great. Also, the JavaScript community used to seem to have animosity against the different communities but now it’s more collaborative. Picking the right framework. Danny suggests that when trying to figure out what framework to go with, be able to describe in your own words why the framework you’ve picked is better. Making sure that you do understand the decisions that you are making is important. He uses the example of within the React community and the use of virtual DOM. There was a common misconception that the virtual DOM was faster than the regular DOM, which is just not true. Later the details had to be expressed to clear the misunderstanding. If you don’t talk about the specifics, you may believe something without knowing the facts behind it. Charles adds that its sort of like politics in that way. Tell us the work you’ve done with Web Standards. Danny talks about getting interested in web components through his friend Eric and actually interviewed at the company Eric worked at. He didn’t get the job but they stayed in touch and Eric introduced him into Polymer. He started to learn about Polymer, specifically custom elements. He remembers very early on wanting to make a custom HTML tag. He suggests that being able to do things without the framework has been a piece that has been missing. Having lower level building blocks to build off of is really exciting to Danny. He talks about using custom elements to build a familiar API surface to interact with. He talks about an example where he wrapped a bunch of HTML APIs, like the notification API and the fullscreen API, wrapping another element within it. He was trying to build things that the younger version of himself could use. He things that could be something we are heading towards more often. Danny adds that Web Components come with 4 major parts: Custom elements, HTML Imports (kind of), ShadowDOM, and templates. Custom elements allow you to create a unique piece of HTML and is the most widely accepted and supported. What are you working on now? Danny talks about how the Angular’s component model is very similar to Custom Element component model. Where you pass information in through properties and you listen for changes through events. You can use Custom Elements with very little setup. There is a specific Custom Elements Scheme that will let you use custom elements without any properties being thrown. You use the custom event in the exact same way and syntax as for any other component. The one issue with the source code where it parses the metadata, losing the friendly compiler messages out of the box. He is playing around with trying to find a way to whitelist different element names and properties. He wants to learn how the Framework is parsing potential data and make it easy to whitelist a set of custom elements. Picks Dannys Daemon by Daniel Suarez Bob’s Burgers CodeSchool Charles VR & Augmented Reality IoT Artificial Intelligence Veritone.com Coursera on Artificial Intelligence Artificial Intelligence with Python Machine Learning for Absolute Beginners Links Twitter Blog on Medium
Web Components Remote Conference is a two day conference all about Web Components. Jordan Last (@lastmjs) will be delivering a very interesting talk “Universal Web Components” which takes the idea of Web Components for GUIs, throws it out the window and then uses Web Components to control a drone instead! With the Custom Elements and Shadow DOM specifications settled on V1 and greater browser support than ever now is the perfect time to be investing in Web Components. This episode covers why Web Components are important, what challenges people face and some very interesting use cases for Web Components you probably never thought of. Resources Jsdom - https://github.com/tmpvar/jsdom AFrame - https://aframe.io/ Web Components Remote Conference - https://wcremoteconf.com/ Guests Jordan Last (@lastmjs) Panel Danny Blue (@dee_bloo) Leon Revill (@RevillWeb) Justin Ribeiro (@justinribeiro)
Rodney, Schepp und Stefan widmen sich heute inoffiziellen und halbgar implementierten Standards um einen Ausblick in eine erstaunliche Zukunft zu bekommen, die jetzt schon zum Greifen nah ist. Schaunotizen [00:00:15] Accessibility Object Model Das AOM erlaubt Lese- und Schreibzugriff auf Accessibility-Daten im Browser. Damit können Applikationen den Status verändern, Tools entsprechende Dinge auswerten, man kann […]
Schepp, Stefan und Peter debattierten Web Components und verteilten die allwöchentliche Ladung Links. Schaunotizen [00:00:10] Web Components und Gremlin.js Angeregt durch das Erscheinen der Minimal-Web-Components-Library Gremlin.js (nicht zu verwechseln mit dem Test-Tool Gremlins.js) plaudern wir über Web Components allgemein. Neben Web Components in unserem Alltag (nicht existent) geht es um Custom Elements, WAI-ARIA, Mutation Observers, […]
Summary Atlassian leaders Trey Shugart (@treshugart) and Jonathon Creenaune (@jcreenaune) chat with us about how and why they created Skate.js. Skate is a lightweight Web Components wrapper created to help the needs of a large and diverse technology stack while providing simplicity and almost no-barrier-to-entry. Only focusing on Custom Elements, Skate has made its code base easy for companies to buy into. O'Reilly Media Partner Discounts The Web Platform Podcast is a proud O'Reilly Media Partner. As such, one of the benefits we provide our listeners are special discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices. Your Latest O'Reilly Discounts Free eBook: Data-Informed Product Design http://www.oreilly.com/pub/cpc/1220 Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why. Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now. Design Sprint: A fast start to creating a great digital product http://www.oreilly.com/pub/cpc/1221 October 20 | 10:00am PT | Banfield, Lombardo, & Wax The Design Sprint is the first, and for some projects the most significant, phase of a design thinking process. It gets the entire product design and development team on the same page, reduces the risk of downstream mistakes, and generates vision-lead goals for the team to measure their success. Join Richard Banfield, C. Todd Lombardo, and Trace Wax as they explain why and how Design Sprints work and how you can use Design Sprints to enhance your own design process. Resources Skate.js - https://github.com/skatejs/skatejs Custom Elements Polyfill - https://github.com/polymer/CustomElements skate.js website - http://skate.js.org/ Skating with Web Components - http://slides.com/treshugart/skating-with-web-components#/ Skate on Hipchat - https://www.hipchat.com/gB3fMrnzo Contributions file- https://github.com/skatejs/skatejs/blob/master/CONTRIBUTING.md Panelists Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding Hangout link. You decide
Daniel Buchner (@csuwildcat), Product Manager at Target & former Mozillian, talks with The Web Platform Podcast on x-tag, the Custom Elements library competitor to Polymer that he created alongside former Mozillian & Kraken Developer, Arron Schaar (@pennyfx). X-tag is a interesting way to work with web components that takes a totally imperative approach to creating Web Components as opposed to the declarative way of building with Polymer. Some features include legacy browser support, optional mixins to share across components, & functional pseudos to assist in delegation. Daniel has worked on the W3C specs for Web Components and is now updating x-tag to meet the demands of developers to have more flexibility with Shadow DOM, Templates, and HTML Imports. Daniel is very active on github and would love to have more contributors help build the future of the x-tag projects as well as all projects that help make the web better. Resources x-tag - http://www.x-tags.org x-tag documentation -http://x-tag.readme.io/v1.0/docs x-tag input - https://github.com/x-tag/input/blob/master/src/input.js x-tag on Github - https://github.com/x-tag web search - https://github.com/web-services/web-search A Quantum Leap into Web Development - http://slides.com/danielbuchner/wc-qconf#/ Daniel at SFHTML Meetup - https://www.youtube.com/watch?v=iPmN4CvLGJc What's next for x-tag - http://webcomponents.org/articles/interview-with-daniel-buchner/ Daniel's Github - https://github.com/csuwildcat Target - http://www.target.com
Today, Web Components have emerged from cutting edge technologies to technologies we can implement in our small scale production. It won't be long before we are building large scale applications with Custom Elements, HTML Imports, Template Tags, and the infamous Shadow DOM. In embracing this type of developer environment, with it's flexibility and compositional nature, consider interoperabilty as a core concept. If you need a custom element for a card layout, as an example, you should be able to use any Web Component out there in the ecosystem regardless of which library or toolchain it comes from. If the component provides the desired functionality and styling you would require it should work seamlessly in your application. Furthermore, toolsets should not limit the the extending and composition of these custom elements. In practice, this may or may not always be the case and library & toolchain creators will need to be aware of these concerns. Rob Dodson (@rob_dodson), Developer Advocate on the Google Chrome team, talks about his thoughts on the subject. Rob is helping to educate developers, not just about Google's Polymer Library built on top of Web Components, but across the entire Web Components community. Rob goes through many of the changes made to Polymer 0.4.2, including accessibility and performance that help in making applications more integrated and how Google is working to share what the Blink Team has learned from implementing Web Components in Chrome with other browser vendors and developers. Working closely with Mozilla developers on his SFHTML 5 Meetup talk on Web Components Mashups, Rob was able to collaborate and share ideas so that Web Components could alleviate many of the concerns we had when migrating from one JavaScript library to another. It is painful for developers to have to remake components every time they switch libraries or frameworks. Web Components aims to make that a thing of the past and Rob has done much more on this topic since that talk. Have a listen and hear what he has to say. Resources Rob's Blog - http://robdodson.me/ I/O Presentation - http://webcomponents.org/presentations/unlock-the-next-era-of-ui-development-with-polymer-at-io/ Accessible Web Components Part 1 -https://www.polymer-project.org/articles/accessible-web-components.html SFHTML Mashup Video -https://www.youtube.com/watch?v=75EuHl6CSTo The Web Platform Status for IE - https://status.modern.ie/ IE Beta Channel - http://www.microsoft.com/en-us/download/details.aspx?id=43360 Polytechnic Events - http://itshackademic.com/ Polycast Playlist - https://www.youtube.com/playlist?list=PLOU2XLYxmsII5c3Mgw6fNYCzaWrsM3sMN Custom Elements on GitHub - https://twitter.com/polymer/status/464103568392200193 IE Platform Voting -https://wpdev.uservoice.com/forums/257854-internet-explorer-platform customelements.io - http://customelements.io/ Webcomponents.org -http://webcomponents.org/ Bosonic Shadow DOM Issue (#4) - https://github.com/bosonic/bosonic/issues/4 The Bower Package Manager - http://bower.io/ Divshot - http://divshot.io Divshot Blog - https://divshot.com/blog/ BuiltWithPolymer - http://builtwithpolymer.org/ Divshot's Web Component Playground - https://ele.io/ Angular 2 Web Components Data Binding Document - https://docs.google.com/document/d/1kpuR512G1b0D8egl9245OHaG0cFh0ST0ekhD_g8sxtI/edit?hl=en&forcehl=1&pli=1#heading=h.xgjl2srtytjt ReadTheSource - http://hangouts.readthesource.io/hangouts/divshot-superstatic/ RailsCasts -http://railscasts.com/ PhantomJS -https://github.com/ariya/phantomjs/wiki/PhantomJS-2 saucelabs -https://saucelabs.com/ People Alex Russel -https://twitter.com/slightlylate Alice Boxhall -https://twitter.com/sundress Raphael Rugeron - https://twitter.com/goldoraf Jonathon Sampson -https://twitter.com/jonathansampson Arron Schaar - https://github.com/pennyfx Michael Bleigh - https://twitter.com/mbleigh Scott Corgan - https://twitter.com/scottcorgan Projects Reactive Elements -https://github.com/PixelsCommander/ReactiveElements X-Tags Imports - https://github.com/x-tag/x-tag-imports Enyo -http://enyojs.com/ React.js -http://facebook.github.io/react/ Famo.us -http://famo.us/ Chromium Blink -http://www.chromium.org/blink Polymer 0.4.2 -https://github.com/Polymer/polymer/releases/tag/0.4.2 Brick 2.0 -http://brick.mozilla.io/ X-Tags -http://www.x-tags.org/ Polymer -https://www.polymer-project.org/ Bosonic -https://bosonic.github.io/ Vulcanize - https://github.com/polymer/vulcanize generator-element -https://github.com/webcomponents/generator-element Firefox OS - https://www.mozilla.org/en-US/firefox/os/ web-component-tester -https://github.com/Polymer/web-component-tester Topeka -https://github.com/polymer/topeka Jquery UI -http://jqueryui.com/ Components core-a11ykeys -https://github.com/Polymer/core-a11y-keys core-list -https://github.com/Polymer/core-list core-animated-pages -https://github.com/Polymer/core-animated-pages Brick Components -http://brick.mozilla.io/v2.0/docs WinJS Polymer Samples -https://github.com/banguero/winjs-polymer-samples core-ajax - https://github.com/polymer/core-ajax google-map - https://github.com/GoogleWebComponents/google-map core-shared-lib - https://github.com/Polymer/core-shared-lib google-apis - https://github.com/GoogleWebComponents/google-apis core-selector - https://github.com/polymer/core-selector paper-menu-button - https://github.com/Polymer/paper-menu-button paper-tabs - https://github.com/Polymer/paper-tabs paper-elements - https://www.polymer-project.org/docs/elements/paper-elements.html core-signals -https://github.com/Polymer/core-signals
Raphael Rougeron joins us from Toulouse, France to talk about The Bosonic Project. Raphael and his team of developers mostly focus their development efforts working in the Financial Industry, building out secure and robust applications as well as intricate cross browser UI Components. The UI components part of his work is especially interesting in that it led him to create The Bosonic Project. Raphael was frustrated, like most of us, with having to constantly rewrite all of his components every time his team shifted technologies so he created The Bosonic Project. Bosonic, deriving its name from the word Boson, which is a subatomic particle that has zero or integral spin, is a philosophy and supporting tool chain to assist in building better UI components as the standardized Web Component specs (Custom Elements, HTML Imports, Shadow DOM, Templates, and CSS Decorators) describe them. This approach shields components against potential spec changes and provides support for “not-so-modern” browsers like Internet Explorer 9 (IE9). Resources https://bosonic.github.io/ https://github.com/bosonic/grunt-bosonic https://github.com/bosonic/bosonic https://bosonic.github.io/getting-started.html https://raw.githubusercontent.com/bosonic/bosonic/master/dist/bosonic-polyfills.js https://github.com/bosonic/transpiler http://blog.raphael-rougeron.com/ https://twitter.com/goldoraf
In Episode 9, ‘Web Accessibility for JavaScript Components and Custom Elements'. Steve Faulkner (@stevefaulkner) from The Paciello Group and Marcy Sutton (@marcysutton) from Substantial discuss the lack of focus in product development today in building accessible applications & services. Many times web accessibility becomes an afterthought in creating a software product, having little prioritization from the business side until it is a problem. Retrofitting such an important part of our development can make web accessibility seem more like a chore with low ROI for the the time taken to implement it. It can be easy if developers know how to do it and hardly any work when it is successfully incorporated into a development process and it's valued at the business level. With recent advances in the past few years in JavaScript MV* frameworks like Angular, React, & Ember we are seeing the need for web accessibility more and more. Heavy JavaScript applications tend to provide little or wrong functionality for things we take for granted like keyboard access. Examples on modifying these to better attend to user experience traditionally meant lots of overhead in development by forking the framework and updating it constantly. Based on the resources developers typically find in online searches & Roles the lack of good developer examples, WAI ARIA & even simple accessibility is easy to misunderstand. Many newer client side frameworks focus on componentization of HTML elements. Angular Directives, Ember Components, React Classes and Web Components. Componentization gives developers a chance to build much faster and easier Web Accessibility using various tools like WAI ARIA roles at a much more focused & reusable level. What is the future of Web Accessibility with these technologies? Why are we so concerned about Web Accessibility? References: https://github.com/marcysutton/accessibility-of-mvcs http://www.w3.org/TR/wai-aria/appendices#a_schemata https://www.youtube.com/watch?v=BgvDZZ8Ms8c https://www.youtube.com/watch?v=ZPsb-RR8SC0 http://w3c.github.io/aria-in-html/ https://www.youtube.com/watch?v=_IBiXfxhF-A http://www.polymer-project.org/articles/accessible-web-components.html http://marcysutton.com/target-corporate-website/ http://www.w3.org/TR/2013/WD-components-intro-20130606/#decorator-section http://www.paciellogroup.com/blog/ http://www.paciellogroup.com/resources/wat/ http://www.w3.org/WAI/intro/aria http://webaim.org/ https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA
A little over a year ago at JSConf EU, Angelina tried to inspire developers to take an interest in Web Components, which includes Shadow Dom, HTML Templates, HTML Imports, and Custom Elements. In this talk we'll take a look at how far we've come in a year: what has been implemented, what hasn't, the current state of the relevant specifications, and discuss various frameworks and libraries that have emerged either with patterns similar to web components or embracing the technology completely. We will take a look at these changes, and also dive into some code for a comprehensive overview of 'the state of things' - spoiler: it's still always changing. More info at: https://fronteers.nl/congres/2013/sessions/web-components
A little over a year ago at JSConf EU, Angelina tried to inspire developers to take an interest in Web Components, which includes Shadow Dom, HTML Templates, HTML Imports, and Custom Elements. In this talk we'll take a look at how far we've come in a year: what has been implemented, what hasn't, the current state of the relevant specifications, and discuss various frameworks and libraries that have emerged either with patterns similar to web components or embracing the technology completely. We will take a look at these changes, and also dive into some code for a comprehensive overview of 'the state of things' - spoiler: it's still always changing. More info at: https://fronteers.nl/congres/2013/sessions/web-components
Zend Screencasts: Video Tutorials about the Zend PHP Framework (iphone)
This is part in my litte series on Zend_Form will cover how to prep our composite form element for standardized Zend_Form validators. This will help lead us into building a Zend_Form validator for our phone element. It might help to start with episode 49. Grab a copy of the project or browse the repository. ServerGrove…
© 2020-2025 Ivy Podcast Discovery LLC
