The Web Platform Podcast: Recent Episodes
The Web Platform Podcast
A weekly show covering the latest in browser features, standards, and the tools developers use to build for the Web of today and beyond. Each week, hosts Danny, Amal, Leon, and Justin are joined by a special guest to discuss the latest developments and features that you may just want to use in your next project.
Danny takes to the virtual road and conducts and investigative report while Erik and Justin contemplate the nature of lantern hanging in the post-interview follow-up.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/207-qwik
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
In this investigative report, Erik interview Fred K. Schott, CEO of Astro Inc and founder of the Astro, an all-in-one web framework for building fast, content-focused websites.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/206-astro
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
It's not you it's me. Danny, Erik, and Justin discuss the problem with web dev interviews, the questions, the horror stories, and why they root for everyone who walks into their office looking for a job.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/205-the-sad-state-of-job-interviews
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
The Man with No Name Returns! Well, not so much. For Erik, Danny, and Justin, the discussion turns to the love and hate relationship of design systems.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/204-the-good-the-bad-the-design-systems
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Do developers still learn the foundational aspects of the Web Platform? Justin and Erik dates themselves and argue about what them there whippersnappers are learning about building on the web platform today.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/203-learning-losses-for-the-web-platform
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Danny returns from an meditating in the woods and of a discussion around microfrontends emerges.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/202-meditations-on-microfrontends
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
To say the way we use and write JavaScript has evolved since the launch of ES2015 is an understatement. Atomics, TypedArrays, globalThis, and function generators are just a few ways JavaScript has grown up to meet the needs of a growing web platform. But it's not just language that has evolved, it's our entire toolchain as we have come to rely on compiled JavaScript as the "new normal". Join for a very special episode of The Web Platform podcast as we discuss all this and more with our invited expert on all things ECMA - Jordan Harband at OpenJS World 2020.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/201-evolution-of-modern-javascript-live-@-openjs-world-2020
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Episode 200 marks the return of Amal Hussein back to the panel! Amal, Danny, and Erik chat with Fred K. Schott about Pika, Snowpack, and the future of web development and tooling. Snowpack is an innovative approach to creating fast dev environments without crazy reloading times and complications. That is only the tip of the iceberg for Pika. A plethora of tools for modern web development is here and ready for you.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/200-pika-and-snowpack
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Deno is a secure runtime for JavaScript & TypeScript created by the creator of Node.js (Ryan Dahl). David Else, software developer at Else Web Development, has been working with the project for a while aND talks with Danny and Erik about the latest Deno release.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/199-deno
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
000003E5 000003E5 00008C87 00008C87 002293A2 002293A2 00007F45 00007F45 000CF8B6 000CF8B6
Dave Rupert, podcaster and web developer, talks with us about modern HTML practices. In a world full of JavaScript where does HTML & CSS fit in? What are the roles of Web Components and web standards?
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/197-modern-html
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
It is a “wild web” out there and with all the complicated tooling and frameworks for web developers building web applications can be complex and obtuse. Chris Ferdinandi talks about simplifying our developer experience while focusing on the end user. Chris is a teacher, author, and practical web developer who "believes there’s a simpler, more resilient way to make things for the web."
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/196-lean-web-dev
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Brian Kardell, Developer Relations at Igalia, talks us through specs and features in standards and why those get prioritized or deprioritized. What is the ‘special sauce’ that goes into getting a feature pushed into standards and then implemented across browsers? What can developers do to get a better idea of these features and when to expect them in browsers. Also, how can developers contribute to these features? Brian has been working a long time in the developer community and browser standards.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/195-platforms-and-priorities
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
For a lot of software developers running code in separate threads is a common tool to reach for. On the web they are not nearly as widely used but can be just as powerful. Join us this week as Surma talks us through just how useful workers can be and some of the challenges they can help developers solve.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/194-off-the-main-thread
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
What is a web developer toolchain? It seems that, like most web development questions, it depends on many factors. There are build tools, testing, CI, and much more. Danny and Erik go through some of their current tools they use for development and explain how these have evolved over time.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/193-modern-web-toolchains
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
In 2019, when developers think of Ionic and particularly the Ionic Framework they might think of Angular and Stencil. What about that VDOM thing called React? That’s on the other side of web developers minds...right? Actually…..it’s everywhere and now it’s part of Ionic. Mike Hartington (@mhartington) joins The Web Platform podcast again. This time Mike discusses Ionic’s latest incarnation of its framework using powerful React Components. React developers only need to know React and a few extra bits. Listen in to get the gritty details and some news on upcoming Ionic ventures as well.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/192-ionic-and-react-are-friends
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Web component have been a favorite topic here on the Web Platform Podcast for a while now. After years of waiting Web components finally seem like they are ready for prime time. Browser support is great and only getting better and more and more frameworks have an excellent inter-op story. Join us this week as we chat with Ben Farrell all about how web components may have finally arrived.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/191-the-state-of-webcomponents
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
As a treat for the start of your summer Angular is has a new major release. Angular version 8 brings some exciting features to both the core libraries as well as the Angular CLI. Stephen Fluin joins us this week to talk all about what is new in Angular version 8 as well as a tiny bit about what is coming for Angular in future. Pull up a lawn chair, crack a beverage and enjoy learning about Angular. (unless the weather is bad or it isn't summer where you live)
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/190-all-the-angular
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
VSCode has become incredibly popular, very quickly. We're joined this week by Ahmad Awais, the creator of vscode.pro and the insanely popular VSCode theme Shades of Purple and learn about the VSCode extension ecosystem and how beneficial it can be to have your editor written with the technologies you know and love.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/189-developing-with-vscode
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Kyle Simpson, the author of the extremely popular "You Don't Know JS?" book series has been a JavaScript developer for 20 years which is a long time considering JavaScript is only 24. Join us this week and witness Kyles obvious passion for the language, hear about his past experiences (like creating a compiler with PHP) and what it's like to be part of the JS community from the beginning.
Visit the website for This Week in Web, 15% off conference tickets, resources & more: https://thewebplatformpodcast.com/188-you-dont-know-js?
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Get an update on everything that is happening in the wonderful world of WebRTC. WebRTC powers a staggering number of applications most of us use every day and has some exciting use cases you probably never even thought of. As a developer WebRTC is certainly one of those technologies you should be taking a look at. In this weeks episode get the latest from one of WebRTCs leading authorities Tsahi Levent-Levi. Check out This Week in Web for a 15% discount on Amsterdam JSNation conference tickets!
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/187-an-update-on-webrtc
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
We all got here somehow. This week Danny Blue and Leon Revill share how they got into web development. The web is a big place so how did those who do this as a career end up here?
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/186-how-did-you-get-into-web-development?
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Houdini is a set of specs and APIs which expose low-level CSS capabilities allowing developers to break the mould and capitalize on performance gains. Surma who is a web advocate at Google joins us this week to enlighten us on the use-cases and capabilities of these APIs and how they are going to impact the web.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/185-houdini
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Finding documentation about the web and its various platform APIs used to be a fragmented experienced across a wide range of sites with not quite the right information. When all hope seemed lost, Mozilla Developer Network (MDN) Web Docs became the clearinghouse for not only Mozilla related docs but also the web in general. In this episode, we talk with Mozilla's Ali Spivak (@Ali Spivak) and Kadir Topal (@atopal), as well as MDN Product Advisory Board member and ex-Mozilla/current Googler Robert Nyman (@robertnyman) about the ongoing growth of MDN and how the browser vendors and developers alike are beginning to bring better web platform documentation to all.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/184-mdn-web-docs
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Since Visual Studio Code burst onto the code editor scene, the steady improvements have made a number of web-related development tasks easier to handle. In this episode, we speak with web standards contributor and PM on the Visual Studio Code Kenneth Auchenberg (@auchenberg) on a wide range of topics. From VS Code's beginnings and current open source model, to Kenneth's recent experiments with Chrome headless in VS Code via browser-preview extension, this is an episode not to miss.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/183-visual-studio-code
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
With an ever-expanding array of devices, connectivity, and growing usage in new markets, the need for web performance has never been stronger. Beyond single testing for a given metric, how do you achieve and monitor your progress? To help us learn more about performance, Ben Schwarz (@benschwarz), founder of Calibre, joins us to discuss various facets of web performance, how monitoring can help achieve your goals, and just why he thinks performance budgets aren't an end-all solution for most developers.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/182-calibre-and-web-performance-monitoring
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
For many developers, design can be a mystifying topic. For many designers, writing code isn't their daily task. In this episode designer and developer Erik Kennedy walks through common approaches and talks about who designers and developers can better work together to bring forth happiness inducing products.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/181-learning-design
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
web.dev is a new developer resource released at Chrome Dev Summit last year to help developers with topics such as fast load times, network resilience, SEO and more. With integrated lighthouse, the automated performance auditing tool, it can analyse your sites and provide deep insight into what you can do to improve. Join us this week with Rob Dodson to talk all about how web.dev came about, why it is so important, all its great features and what could be coming in the future. Oh! and listen for a chance to WIN a FREE ticket to React Amsterdam, the largest React conference worldwide!
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/180-webdev
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Voice interfaces are more common than ever and devices like the Google Home and Amazon's Echo are becoming deeply ingrained in our day-to-day lives. This week we talk about developing for voice both for the web and beyond. We discuss how developing voice-based applications differs from traditional UI based applications and the challenges involved. Dustin Coates shares plenty of tips and resources to help you get stuck into developing for voice.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/179-developing-for-voice
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
This week we cover many of the great things announced at Chrome Dev Summit 2018. We talk about some of the exciting new things coming to the web, the new resource for web developers (web.dev) how the Squoosh app brings together all of the latest modern best practices including web workers, web assembly and PWA techniques to deliver a great experience and Justin opens with a priceless Santa impression - what more could you need to kick off your December?
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/178-chrome-dev-summit-recap
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Tyler McGinnis joins us this week to talk about the importance of community outreach, how he got into teaching and what keeps him going. We talk about how publishing content like blog posts and other training material can generate exciting opportunities and learn how Tyler makes a living doing what he loves without the need for complicated marketing campaigns.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/177-community-outreach
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Feeling empowered to design on the web can be a challenge. With the recently demoed Project VisBug by Adam Argyle (@argyleink) at Chrome Dev Summit, that's changing. VisBug allows any website to become an artboard to be shaped, allowing designers and developers alike a new set of freedom to find joy with designing on the web. In this episode, we dive into the challenges of designing for the web, how VisBug helps alleviate some of the pain points, and just what's next for the latest in punk rock web development tools.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/176-visbug
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Gatsby brings together React, Webpack and modern JavaScript in a way that makes a performant experience the default experience. In this weeks episode join us with Jason Lengstorf and learn how Gatsby can do this and some of the other great products that Gatsby are working on.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/175-gatsby
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Brave is a modern browser that puts the user first. This week learn all about Brave, find out why it's faster than Chrome and Safari and how it uses blockchain technology to pay users for their attention and content creators for their work.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/174-brave-browser
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Nuxt.js is a framework for creating Vue.js applications, you can choose between Universal, Static Generated or Single Page application. Vue.js has exploded in popularity and along with it, some excellent tools have been created. This week on the Web Platform podcast our hosts chat with Sébastien Chopin (@Atinux) to learn about Nuxt.js, the challenges of universal applications and how Nuxt.js can help.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/173-nuxtjs
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Babel, a build tool that has enabled web developers to build tomorrows JavaScript today, has finally hit it’s version 7 release. It’s been a long 3 years and Henry Zhu (@left_pad) along with the Babel core team have a lot to share with us. In this episode, Henry discusses the process of building Babel 7 as well as the new features we have long awaited from TypeScript integration to Macros and much more.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/172-behind-the-scenes-of-babel-7
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
CSS can seem like magic sometimes, but it really isn't! Join us with Aimee Knight and take an in-depth look at how the browser actually uses CSS. We talk about performance, hardware acceleration, debugging CSS issues, common pitfalls and all the things to make working with CSS easier.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/171-css-indepth
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
This week learn why performance testing is so important, how to sell it to the business and which are Justin's favourite tools for getting the job done. Performance testing is a big topic but it's never been easier to get started thanks to simple and easy to use tools. Justin has considerable experience in this area and he shares his methodology and experience so we can all get started to ensure the apps and sites we build are fast and provide a top-notch user experience.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/170-performance-testing-tools
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
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 we discuss the important topic of SEO and how JavaScript impacts what search bots are able to crawl on your sites. Learn what developers can do to improve SEO for their sites which rely on JavaScript along with some tips and tricks from SEO expert Tomasz Rudzki.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/168-javascript-seo
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Alex Russell has been around, he has seen some things, and now he wants to share it with us! Come join our hosts as we dive into Alex's background and learn how he came to hold some of his views on many things. Browsers, JavaScript and web frameworks, he has insight into all of these things and many more on this week's episode.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/167-pwas-with-alex-russell
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
This week our panel chats with Ada Rose Cannon (@lady_ada_king) all about Samsung Internet. Haven’t heard of Samsung Internet? You may not be alone but that doesn’t mean there aren’t some very cool things happening. Learn more about how Samsung is contributing back to the community as well as some very cool hardware integrations on this week’s episode of the Web Platform Podcast.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/166--samsung-internet
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Join Danny, Leon, and Amal for a discussion on unit testing modern web applications. Amal has recently taught a pilot testing workshop in Boston with Gleb from Cypress who was on the show last week. She is excited to evangelize the importance of unit testing. Unit tests are the vegetables of the JavaScript world - cooked properly, they are absolutely delicious, and you'll never want to stop eating them!
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/165-js-unit-testing-tools-best-practices
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Guests Brian Mann and Gleb Bahmutov join our hosts to discuss Cypress, and open source test runner that's built for the modern web. With fast, easy and reliable testing for anything that runs in a browser, the show discusses how cypress utilizes the platform and the ease of use for end developers.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/164-cypressio
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
This week on the Web Platform Podcast our panel talks with Tracy Lee (@ladyleet) and Ben Lesh (@BenLesh) about RxJS. We find out just what these fancy sounding Observables are and how they help solve problems. Our panel and guests also discuss the importance of documentation in open source and good ways to start contributing.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/163-rxjs
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
This week on the Web Platform Podcast our panel chats about WebAssembly and the future of the web. What exactly is WebAssembly? Is it a replacement for JavaScript? Do I need to learn C++ if I want to use it? Sooooo many questions about this very cool technology. Come listen to Thomas Nattestad and Ben Smith give answers to all of these questions and many more!
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/162-webassembly
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
This week on the Web Platform Podcast Amal, Danny & Justin talk with Michael Jackson about his project UNPKG and how it can help make front-end development easier. Our panel also chats about the current state of front-end tooling including the JavaScript module spec and how things have led up to where it is now.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/161-unpkg
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Ng-conf has happened! There were a bunch of excellent talks and and excellent people. Jeff Whelpley was one of them! Jeff helps us dive into what is coming in Angular. Angular 6, the new Angular CLI, RxJs 6 and more! There is a ton to unpack in this week’s episode.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/160-ngconf-2018
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
This week we chat with lit-html creator Justin Fagnani. Lit-html is a framework agnostic library that uses new JavaScript features to efficiently render HTML templates. In this episode, you’ll learn what lit-html is in detail and why it was created. We compare the lit-html approach to VDOM in terms of performance and also how it compares to JSX structurally. We also discuss some of the upcoming proposals for standardising HTML template instantiation.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/159-lithtml-html-templates-via-javascript-template-literals
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
The world of web standards can be complicated and confusing, Jory Burson joins us to help make things clearer! We discuss the different standards organisations, why standards are important and why it's good for developers to get involved.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/158-a-developers-guide-into-the-world-of-web-standards
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Ionic has focused on Angular for many years, but the recent move to Web Components has opened up new and exciting framework agnostic possibilities. Leon, Danny and Justin talk to Mike Hartington from Ionic about this and a new project called Capacitor a cross-platform API for building desktop, mobile and progressive-web apps.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/157-crossplatform-development-with-ionic-and-capacitor
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
In the past few years React has become a mainstay in the front end development community and React 16 has more to offer than ever. This week our hosts chat with Andrew Clark of the React core team about some of React’s history as well as some of the new exciting things in React 16 and beyond.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/156-react-16-fiber-and-beyond
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Infrastructure is hard, that is one of the big reasons "the cloud" has become such a popular option, but it can still be difficult. As the website says: "WeDeploy helps you build from simple to complex applications. We give you predefined services that can speed up your development process." Our hosts welcome back Zeno Rocha and discuss the platform, what it can do and how it can improve your process.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/155-wedeploy
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Modern web development has a lot of cool stuff, but that cool stuff can come at a cost. Getting a development environment set up can be a task even for folks that know what they are doing. Enter StackBlitz, a way to get up and running with Angular, Ionic or React (with others on the way). This week our hosts talk to Eric Simons about the benefits of such a platform as well as some of the challenges with building it.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/154-stackblitz
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
This week we are joined by Patrick Kettner to find out what's new with Microsoft Edge. We ask about Web Component support, speak about the PWA story for Edge and learn a lot about how browsers decide which specifications to implement next. Also, find out what the Edge team are doing to improve DevTools and the development experience.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/153-microsoft-edge-in-2018
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
You've seen the ads, you've heard the name, now let's take a dive into all things Firefox and Firefox Quantum. Our hosts talk with Matthew Claypotch about where Firefox is and where it is going in the future. Web Components, Progressive Web apps and performance improvements are only some of the things you can expect to hear about this week on the Web Platform Podcast.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/152-firefox-whats-new-whats-coming-in-2018
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.
Episode 150, we made it! This week on The Web Platform Podcast our hosts Justin Ribeiro, Amal Hussein and Leon Revill chat with Jeff Posnick and Matt Gaunt about WorkBox. Service workers are becoming more and more important to the web in the world of progressive web apps and WorkBox makes it easy. So tune in and learn how you can up your service worker game and how WorkBox can help.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/150-workbox-a-developer-toolkit-for-service-workers-and-beyond
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
This week Michael Prentice and Stephen Fluin join Danny Blue and Amal Hussein to chat about the current state of Angular. They go over the path to get to the Angular as it is now as well as the new features available in the latest version (5.1.1 as of this recording). Compilers, template, and Observables are discussed as well as build tools & schematics. Come listen about the Angular Platform on the Web Platform!
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/149-angular-a-platform-for-the-modern-web
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Chad Hart joins us for this episode to discuss what's happening in the world of WebRTC. We start with an introduction to the technology, what it can do and who is using it right now. We then discuss how WebRTC handles low-grade devices and connections and some parts of the technology which you may not have known about. WebRTC is driving many of the top real-time comms apps, this episode is a great overview of the technology with many useful resources and will surely get you excited about its many practical applications.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/148-what’s-new-in-the-world-of-webrtc
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Henry Zhu (@left_pad), a maintainer for Babel, sits down to discuss the ins and outs of what's happening with the worlds most used JavaScript compiler. Henry takes us through what Babel does, how Babel works and describes some of its many features, some you may not have known existed. Henry also explains the TC39 staging process and how that applies to Babel and discusses the risks of using stage 0-1 features in production.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/147-next-generation-javascript-today-with-babel
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Software engineer, author, and Google Developer Expert Allen Firstenberg (@afirstenberg) visits the show to discuss what exactly identity for a user is. From pitfalls with our current thinking in identifying users to the latest technology in helping users sign in across multiple devices and platforms.
Visit the website for This Week in Web, resources & more: https://thewebplatformpodcast.com/146-web-authentication-with-google-identity
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Summary
Hosts Amal, Danny, Leon, and Justin kick of the start of the holiday season by taking a moment to reflect on what they're thankful for when it comes to the web. From platform APIs like Service Worker, to the latest ECMAScript features like arrow functions, to a healthy warning of the impending FCC vote on net neutrality, this episode touches on a wide set of varied topics that every developer just might enjoy.
Resources
- Fight for Net Neutrality
- Electronic Frontier Foundation
- Babel
- RxJs
- TC39 Proposal - Observable
- TC39 - Proposal Stages
- Arrow functions
- Function.prototype.bind()
- Workbox
- Polyfills and the Evolution of the Web
- Babel Preset Env
- Test/262 - Official ECMAScript Conformance Test Suite
- Hour of Code
Panel
- Justin Ribeiro (@justinribeiro)
- Danny Blue (@dee_bloo)
- Leon Revill (@revillweb)
- Amal Hussein (@nomadtechie)
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Summary
Amahdy AbdelAziz from Vaadin joins us to share stories of where Vaadin got its name and awesome logo! We also talk about some decisions Vaadin made when creating its latest set of components including why they chose Web Components and Polymer.
This Week in Web News * VueJS 2.5.3 released which includes a nice list of bug fixes * Apple has recently put forward a proposal for HTML Template Instantiation which will allow developers to instantiate HTML templates with variable content in a similar way to how Angular templating works with curly braces * Another pre-release of Babel 7 is now available, that’s 7-beta.31 * TPAC 2017 happened last week where lots of people from W3C Working groups and other committees got together face-to-face to talk about the web platform - will be very interesting to see what came out of those discussions * DotJS - Paris, France (30th November) * FrontConf - Munich, Germany (8th December) * The Rich Web Experience - Florida, U.S.A (5th December)
Resources
- Vaadin GitHub
- Vaadin Elements
Guests
- Amahdy AbdelAziz (@amahdy7)
Panel
- Justin Ribeiro (@justinribeiro)
- Leon Revill (@revillweb)
- Amal Hussein (@nomadtechie)
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Summary
This week our panel talks with Ken Wheeler all about ReasonML. What is it? Why does it exist? Why should you care? Taking a systems language like OCaml and using it as a base for writing web applications might sound intimidating but Ken assuages our fears and discusses the benefits of the language and his experience with it.
This Week in Web News * Angular 5 and Angular-cli 1.5 released * React 16.1.0-beta released * Typescript 2.6 released * Node 9 released Node 8 becomes LTS * Super Mario Odyssey is out and it’s awesome
Guests
- Ken Wheeler (@ken_wheeler)
Panel
- Danny Blue (@dee_bloo)
- Amal Hussein (@nomadtechie)
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Summary
This week Mark Erikson a Redux maintainer joins us to talk about Redux and its Ecosystem. Discover what Redux is, where it came from, who should use it, answers to common questions and so much more.
This Week in Web News * TypeScript 2.6 RC available on GitHub which includes new features such as strict function types, localized diagnostics and more * The popular testing tool Cypress is now in public beta for the first time and has been made Open Source * PayPal open sources a suite of cross-domain JavaScript tools * Node 8.7.0 released which includes “a fancy new macOS installer” and more * Babel 7 is getting closer with the release of v7.0.0-beta.3 * GitHub have open sourced the accessibility scanner that they use to check websites for accessibility issues with elements
Resources
- Redux Documentation
Guests
- Mark Erikson (@acemarke)
Panel
- Justin Ribeiro (@justinribeiro)
- Amal Hussein (@nomadtechie)
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Summary
Rachel Nabors joins us to chat all about the Web Animations API. Learn what benefits this API provides developers and when to use the Web Animations API instead of CSS or third-party JavaScript libraries. Find out how Rachel still delivers great web experiences to platforms which don’t yet support the API and much more.
This Week in Web News * Minor version of TypeScript released: 2.5.3 which includes a long list of bug fixes * Angular 5.0.0-rc.0 has been made available on GitHub * The tc39 String#matchAll proposal has moved from stage 1 to stage 2: Checkout the link in the show notes to find out what it’s all about * React v16 released with features such as the ability to return strings and arrays from render and improved error handling * Facebook to re-licence projects to MIT which previously had the BSD + Patents licence that caused outrage in the open source community
Resources
- Rachel Nabors Courses on Animations & Cartooning
- Resources on the Web Animations API
- Web Animation Weekly
- Animation at Work Slack
- Animation at Work the Book
- CSS Animations and Transitions Course
- Awwwards site for awesome example of animations
- Greensock -- the jQuery of Web Animations
- Airbnb Lottie, Bodymovin’
- Houdini Project
Guests
- Rachel Nabors (@rachelnabors)
Panel
- Justin Ribeiro (@justinribeiro)
- Leon Revill (@revillweb)
- Amal Hussein (@nomadtechie)
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Summary
This week Nic Raboy and Matt Groves talk to us about the history and future of the popular Open Source Couchbase project. Learn about some of the great features the noSQL database has to offer and how you can get started with Couchbase today.
Resources
- Developer Portal
- Couchbase Dev Twitter
- Couchbase Blog
- The NoSQL Database Podcast
- Couchbase Server Editions
Guests
- Nic Raboy (@nraboy)
- Matt Groves (@mgroves)
Panel
- Justin Ribeiro (@justinribeiro)
- Danny Blue (@dee_bloo)
- Amal Hussein (@nomadtechie)
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Summary
This week Erik Meyer joins us to talk about the past, present and future of CSS. Delving into some web history, discussing why CSS can be overlooked in regards to app development and the reasons people can be off-put by CSS this episode is a delightful insight into the mind of a web legend.
Resources
- Angular 4.4.X released. Be sure to update to the latest patch in 4.4 as there was an issue with the initial release
- Quick shoutout to the npm package ng-packagr for making it simple to package angular modules for npm
- As of Firefox 57.0a1, U2F is sitting behind a flag, which hopefully land soon the ability to use YubiKeys and the related security keys
- Polymer 2.1.0 landed, which now allows the setting of Polymer.passiveTouchGeastures to enable better scroll performance
- iOS 11 begins rolling out today, which means that Safari 11 has a new set of fixes and features, including more standards compliant flexbox, flags to enable experimental features, WebRTC and Media Capture for real-time video/audio, and much more
- The upcoming iPhone X “notch” does seem to have workarounds for the web which is good news
Guests
- Eric Meyer (@meyerweb)
Panel
- Justin Ribeiro (@justinribeiro)
- Danny Blue (@dee_bloo)
- Amal Hussein (@nomadtechie)
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Summary
This week Justin Willis and Adam Bradley join us to talk about Stencil a new tool for building Web Components. We talk about how Stencil came about and what problems it solves and we get into how Stencil works its magic to provide features such as pre-rendering.
This Week in Web News * Safari Technology Preview 39 includes updates to the Beacon API, Directory Upload and the Fetch API * Google Chrome 61 has dropped into stable with support for JavaScript Modules, Payment Request API, Web Share API, Web USB and more! * The Yarn package manager has now hit version 1.0 which adds new features such as workspaces and auto-merging of lock files * A new minor version of Vue.js has been released 2.4.3 with a range of bug fixes * Babel v7.0.0 is now available as beta with a host of new features and bug fixes
Resources
- srcgraph
- Stencil Website
Guests
- Justin Willis (@justinwillis96)
- Adam Bradley (@adamdbradley)
Panel
- Justin Ribeiro (@justinribeiro)
- Leon Revill (@revillweb)
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Summary
This week is a special episode! Recorded face-to-face at GDD Europe Amal Hussein interviews Wendy Ginsberg about life working on Polymer and what’s next for the project.
Resources
- Polymer 3.0 preview: npm and ES6 Modules
- Hands-on with the Polymer 3.0 preview
- Polymer 3.0 Preview — Building a mini card game
Guests
- Wendy Ginsberg (@wmginsberg)
Panel
- Amal Hussein (@nomadtechie)
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.
Summary
This week Andrea Giammarchi joins us to talk about his latest project hyperHTML! A lightweight Virtual DOM alternative. Andrea talks us through what the project is all about and what he discovered about template literals to make it happen. We talk about how hyperHTML compares to Virtual DOM implementations and the similarities between hyperHTML and the newly announced lit-html.
This Week in Web News * TypeScript 2.5 RC is now available which includes a new ECMAScript feature allowing you to omit the error variable in catch statements * Only a couple of days left to submit talk proposals for NationJS a full stack developer conference happening in Washington, DC on December 1st this year * A new site created by Rob Dodson called Custom Elements Everywhere has been released which scores popular JavaScript frameworks on their compatibility with Custom Elements * The Polymer team announced lit-html at the Polymer summit, lit-html allows you to write HTML templates with template literals and efficiently render and re-render them to the DOM - more on this later in the episode! * Another update from the Polymer Summit: Polymer has announced support for npm and JavaScript modules
Resources
- hyperHTML
- viperHTML
- nativeHTML
- Template Literals
- hyperHTML & DB Monster
- viperHTML example
- hyperMVC
Guests
- Andrea Giammarchi (@WebReflection)
Panel
- Justin Ribeiro (@justinribeiro)
- Leon Revill (@revillweb)
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Summary
This week Paul Kinlan the lead for Chrome developer relations talks to us about Modern Web APIs including Web Share and Shape Detection! Paul talks us through the origin trials process which allows new APIs such as these to get into developers hands early, allowing platform developers to get all important feedback. We then get stuck into what Web Share is and how it works and chat about the possibilities of the Shape Detection API.
This Week in Web News * Service Worker has moved into the development phase in WebKit! * Axe-core the accessibility testing engine now supports ShadowDOM! * FireFox 55 Released last week which includes Windows support for WebVR * React Day Berlin which is happening on the 2nd December is now accepting talk proposals * Chrome Beta 61 is now available including awesome features such as JS modules, WebShare & WebUSB * Safari Technology Preview Release 37 is now available with initial support for sendBeacon among other things * Chrome Team has released puppeteer, a modern Node API for controlling headless chrome
Resources
- Introducing the Web Share API
- Web Share API: Chrome Status
- Creating a share button web component
- Shape Detection: Chrome Status
- Mozilla Web APIs
- Running an origin trial
- Signing up for an origin trial
- Status for new Chrome Web APIs
- Following with Chrome Dev Group
Guests
- Paul Kinlan (@Paul_Kinlan)
Panel
- Justin Ribeiro (@justinribeiro)
- Leon Revill (@revillweb)
- Amal Hussein (@nomadtechie)
Follow The Web Platform podcast on Twitter for regular updates @TheWebPlatform.
Justin Willis from Ionic joins us this week to talk about hybrid app development with Ionic and some amazing work they have been doing with Web Components. Justin gives us an overview of the Ionic project, its background and how it makes building hybrid apps super easy. We then move on to talk about why Ionic have chosen to rebuild their components as Web Components and the benefits they are seeing from making this move.
- Mozilla moves the Shadow DOM feature backward from ASSIGNED to NEW signalling that we might have to wait even longer to get full Web Components support in FireFox:
-
- https://bugzilla.mozilla.org/show_bug.cgi?id=1205323
- The ability to import JavaScript modules via a script tag is available behind a flag in Chrome 60 and will be enabled by default in Chrome 61 due for release at the beginning of september
-
- https://www.chromestatus.com/feature/5365692190687232
- React 16 beta is now available which contains significant updates including a rewrite of React core
-
- https://github.com/facebook/react/issues/10294
- Safari Technology Preview is now available which implements the JavaScript Object Spread feature, WebRTC fixes and much more - check it out
-
- https://webkit.org/blog/7833/release-notes-for-safari-technology-preview-36/
- Most of you out there have probably aware of the popular message app Slack, recently it was announced Slack is now valued at $5 billion dollars
-
- https://www.inc.com/business-insider/slack-new-funding-round-250-million-5-billion-valuation-2017.html
- Summits abound for web devs everywhere. Upcoming summits include, Polymer Summit (Aug 22/23, Copenhagen), Microsoft Edge Web Summit (Sept 13, Seattle), Chrome Dev Summit (Oct 23/24, San Francisco)
- CSS Working Group is meeting at Mozilla Paris, where discusses of Houdini, frame animations, additive animations and Fonts Level 4 working draft have been topics of discussion.
| Guests Justin Willis (@justinwillis96) | Panel Leon Revill (@revillweb) * Justin Ribeiro (@justinribeiro) * Danny Blue (@dee_bloo) |
This week we talk about the exciting JavaScript framework Vue.js! Chad Campbell the author of the training course "Vue.js: Getting Started" educates us on the benefits of Vue.js which includes simplicity and performance. We talk about the tooling story for Vue, comparing it to other frameworks such as Angular and learn about Vue’s powerful plugin system which allows developers to add core functionality as it’s needed.
Resources
- https://github.com/vuejs/vue-rx
- https://vuejs.org/v2/guide/typescript.html
- Integration with Web Components example: https://vaadin.com/vaadin-fw8-documentation-portlet/elements/integrations/integrations-vuejs.html
- https://vuejs.org/v2/guide/ssr.html
- Chad's Blog: https://www.ecofic.com/
- Chad's training course's: Vue.js: Getting Started & Vue.js: Going Deeper (Coming Soon)
| Guests Chad Campbell (@chadcampbell) | Panel Leon Revill (@revillweb) * Justin Ribeiro (@justinribeiro) * Danny Blue (@dee_bloo) |
Danny, Justin & Amal get together with Kenneth Christiansen to talk about this year’s Google I/O. With everyone having attended I/O the show is packed full of great content with discussions on AI, Shape detection, PWAs, Polymer, Kotlin and so much more!
Resources
- New site comparing frameworks: hnpwa.com
- bit.ly/mustaches-io really shows how nice Shape Detection API and Media Capture has become!
- Web AR: https://uploadvr.com/google-chrome-getting-ar-api-daydream-support/ https://github.com/googlevr/chromium-webar https://t.co/PyhQiChW2i?amp=1
- V8 JavaScript Language Survey: https://docs.google.com/a/revillweb.com/forms/d/e/1FAIpQLSegrt21-vrtT10OsZgSF5THwz8s30JNi6lrm_WoNigUjmZvzA/viewform
| Guests Kenneth Christiansen | Panel Amal Hussein (@nomadtechie) * Justin Ribeiro (@justinribeiro) * Danny Blue (@dee_bloo) |
This week on The Web Platform Podcast your hosts ask the question “Why aren’t Web Workers more widely adopted”? Your hosts talk about what problems can be solved by Web Workers providing some interesting use cases and talk about their own experiences in past projects.
Resources
- https://nolanlawson.com/2015/09/29/indexeddb-websql-localstorage-what-blocks-the-dom/
Around the Web in Two Minutes
- Chrome Canary gets JavaScript Modules
-
- https://jakearchibald.com/2017/es-modules-in-browsers/
- TypeScript 2.3 Released
-
- https://blogs.msdn.microsoft.com/typescript/2017/04/27/announcing-typescript-2-3/
- Firefox 53 arrives with new themes, separate graphics process
-
- https://venturebeat.com/2017/04/19/firefox-53-arrives-with-new-themes-separate-graphics-process-on-windows-and-compact-tabs-on-android/
- Node.js 8.0.0 has been delayed until the end of May
-
- https://medium.com/the-node-js-collection/node-js-8-0-0-has-been-delayed-and-will-ship-on-or-around-may-30th-cd38ba96980d
- Published “A Practical Guide to Vanilla Web Components” my first Pluralsight course all about my favourite topic; Web Components.
-
- https://www.pluralsight.com/courses/vanilla-web-components-practical-guide
- | Guests
- None | Panel
- Leon Revill (@RevillWeb)
- Justin Ribeiro (@justinribeiro)
- Danny Blue (@dee_bloo) |
In this episode, Leon and Justin sit down with Jan Miksovsky and Rob Bearman of of the recently released Elix Project. Elix is a community-driven collection of high-quality web components for common user interface patterns such as lists, menus, dialogs, carousels, and so on. The modular nature of web components let you easily incorporate them into your web apps, and their standard definition ensures good results across all mainstream browsers.
Resources
- https://elix.org/
- https://github.com/elix/elix
Around the Web in Two Minutes
- Preact 8.0 Beta Release
-
- https://github.com/developit/preact/releases/tag/8.0.0
- Apple updates Safari Technology Preview to Release 27 with Web Inspector updates
-
- https://9to5mac.com/2017/04/05/safari-technology-preview-release-27/
- Firefox Will Add a Settings Section That Lets You Control "Performance"
-
- https://www.bleepingcomputer.com/news/software/firefox-will-add-a-settings-section-that-lets-you-control-performance-/
- Google Chrome update should prevent webpages skipping back to the top as you scroll farther down the page as it progressively loads new content
-
- http://www.theverge.com/2017/4/11/15260994/google-chrome-update-fixes-page-jumps-scroll-anchoring
- Work continues to bring the certificate viewer link back into Chrome’s Page info window, with a code review ongoing for the update hopefully landing in M59.
-
- https://codereview.chromium.org/2737413004/
- https://bugs.chromium.org/p/chromium/issues/detail?id=663971#c64
- Twitter has been writing a series of informational posts on their path to Twitter Lite, a progressive web app at scale. One of the posts this week from Paul Armstrong dives into high performance and React:
-
- https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3
- Microsoft Edge 15 has shipped to stable and brings a host of new features including Payment Request API, Brotli compression support, WebRTC v1, and CSS Custom Properties (among many more)
-
- https://blogs.windows.com/msedgedev/2017/04/11/introducing-edgehtml-15/#khMRm5zgmPDmllbl.97
- https://www.pwastats.com/ is a new a community-driven list of stats and news around Progressive Web Apps and their ability to be better for end users.
| Guests Rob Bearman (@robbearman) * Jan Miksovsky (@JanMiksovsky) | Panel Leon Revill (@RevillWeb) * Justin Ribeiro (@justinribeiro) |
Developer bias is something all developers deal with either knowingly or not. Trey Shugart the creator of SkateJS joins us this week to discuss the advantages and disadvantages of developer bias. Following up on his talk at Web Componente Remote Conference we look at what problems developer bias causes us in our day to day lives and Trey provides some tips on how to step back and look at problems more objectively.
Around the Web in Two Minutes
-
- Safari 10.1 Release
-
- Includes Fetch, CSS Grid Layout, ES2016-2017 Support & Custom Elements V1!
- This release also includes support for ES6 modules making Safari the first browser to ship this feature!
- https://webkit.org/blog/7477/new-web-features-in-safari-10-1/
- Chrome DevTools landed JS/CSS coverage moved out of experiments
-
- Currently in Canary M59
- Useful for identifying code which would be split/ or lazy loaded
- https://twitter.com/addyosmani/status/848907772318015488
- Edge confirms that an updated CSS Grid implementation is in development
-
- https://twitter.com/MSEdgeDev/status/848997331567497216
- Interesting Blink Intent to Ship’s of the week:
-
- Writable Streams
-
- https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/qpY1dj_ND-Q
- Animated PNGs
-
- https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/xEOyu8QFCr0/3oqSlHBxCwAJ
- InputEvent
-
- https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/W-Q1yWW-zas
- Firefox added experimental support for async iteration into Firefox nightly
-
- https://groups.google.com/forum/#!topic/mozilla.dev.platform/4--twpqTrMY
- Engineers gathered in Japan for two days of Service Worker standards meetings covering potential version2 updates.
| Guests Trey Shugart (@treshugart) | Panel Danny Blue (@dee_bloo) * Leon Revill (@RevillWeb) * Justin Ribeiro (@justinribeiro) |
Nolan Lawson a PM at Microsoft Edge joins us today to talk about PouchDB a popular open source project he’s a maintainer of. PouchDB is an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser. In this episode we get into what PouchDB is good at and what type of projects would benefit from using PouchDB for their persistence layer (turns out, many!). PouchDB is framework agnostic but plays very well with many popular frameworks and libraries. Nolan gets into the performance of PouchDB and also what storage mechanisms it supports which include IndexedDB, WebSQL, LevelDB and many more. The episode takes a very unexpected turn leaving Justin, Danny and Leon wrapping up with some of their own PouchDB experiences.
Resources
- https://pouchdb.com
- nolan lawson blog
- The cost of small modules
- IndexedDB, WebSQL, LocalStorage – what blocks the DOM?
- PouchDB custom builds
- PouchDB: a better build system with Rollup
- PouchDB map/reduce
- pouchdb-find
- PouchDB replication
Around the Web in Two Minutes
- Friday 10th March - Password Rules are BS
-
- Co-founder of Stack Overflow Jeff Atwood publishes an article raging about how stupid password rules are.
- Very insightful article
- TLDR; Just use a long password, it’s totally fine to use memorable words as long as it’s long enough
- https://blog.codinghorror.com/password-rules-are-bullshit/
- Wednesday 15th March - Chrome 57 throttles background tabs to increase battery life
-
- http://www.theverge.com/2017/3/15/14932718/google-chrome-browser-battery-life-tab-throttling
- Tuesday 21st March - Mozilla Proposes “Obsidian” Web Graphics API
-
- Obsidian is a low-level API intended to provide a maximum feature set of the GPU to web applications. Similar to Vulkan, it's designed for WebAssembly, modern GPUs, and a multi-threaded environment.
- https://www.gamedev.net/news/index.html/_/programming/mozilla-proposes-obsidian-web-graphics-api-r62
- Tuesday 21st March - Android O Announced
-
- Multi-process mode for WebView is enabled by default and API to let your app handle errors and crashes
- https://android-developers.googleblog.com/2017/03/first-preview-of-android-o.html
- The “Option to mark an event listener to fire only once” feature is now under development in Microsoft Edge https://developer.microsoft.com/en-us/microsoft-edge/platform/status/eventlisteneronceoption/?q=event%20listener
| Guests Nolan Lawson (@nolanlawson) | Panel Danny Blue (@dee_bloo) * Leon Revill (@RevillWeb) * Justin Ribeiro (@justinribeiro) |
This week we are joined with special guests Jan Miksovsky and Rob Bearman from Component Kitchen to talk about their work on the Web Component Gold Standard. The Gold Standard is an open source project which outlines best practices for creating Web Components. The Gold Standard presents developers with a checklist they can use to ensure their Web Components are of exceptional high quality matching that of native elements. The episode goes into where the requirement for the Gold Standard came from and why it is such an invaluable resource for Web Component developers. This includes discussion on why code reuse on the web is so difficult and how Web Components and the Gold Standard can help. We also talk about the future of the Gold Standard and how the community can help make it even better.
Resources
- Gold Standard: https://github.com/webcomponents/gold-standard/wiki
Around the Web in Two Minutes
- Friday: webcomponents.js V1 polyfills got merged into master!
-
- https://github.com/webcomponents/webcomponentsjs
- Monday: Universal Web Components by Jordan Last:
-
- A follow up from Jordan’s talk at Web Component Remote Conference
- All about using Web Components for more than UI in the browser - even as far as building a Node Express server with them
- https://scotch.io/bar-talk/universal-web-components
- Episode 123 http://thewebplatformpodcast.com/123-universal-web-components
- Monday: WebAssembly is now ready for browser to use
-
- Gone into MVP status
- Should be turned on by default in Firefox and Chrome by the end of the month, with Edge and Safari to follow
- http://www.infoworld.com/article/3176681/web-development/webassembly-is-now-ready-for-browsers-to-use.html
- Tuesday: FireFox 52 Release
-
- Added Support for WebAssembly
- https://www.mozilla.org/en-US/firefox/52.0/releasenotes/
- AMP Conf New York is in full swing.
-
- Alex Russell said this morning, “AMP is the most successful web components library in the world”. https://twitter.com/cramforce/status/839488945364807682
- Catch the live stream and talks at https://www.ampproject.org.
- Samsung Internet released into beta their Progressive Web Indication Badge.
-
- When the page you are viewing supports this feature, an indication badge will appear in the URL bar.
- https://www.sammobile.com/apk/samsung-internet-beta/samsung-internet-beta-5-4-00-3/
| Guests Jan Miksovsky (@JanMiksovsky) * Rob Bearman (@robbearman) | Panel Danny Blue (@dee_bloo) * Leon Revill (@RevillWeb) * Justin Ribeiro (@justinribeiro) |
Tooling is an ever important topic in the world of web development. In this episode, Danny explains to Justin and Leon the upcoming features in Angular CLI, a tool that makes it easy to create an application that already works, right out of the box.
Resources
- https://cli.angular.io/
- https://github.com/angular/angular-cli
- https://github.com/angular/angular-cli/wiki
| | Panel Danny Blue (@dee_bloo) * Leon Revill (@RevillWeb*) * Justin Ribeiro (@justinribeiro) |
Web Components Remote Conference is a two day conference all about Web Components. Kito Mann (@kito99) will be delivering a very interesting talk “Beautiful Web Apps with Polymer and TypeScript”. 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
- https://github.com/Draccoz/twc (newer)
- http://www.typescriptlang.org/
- http://virtua.tech
- http://knowesis.io/web/webcomponents
- https://github.com/google/uniflow-polymer
- https://github.com/Polymer/polymer/tree/2.0-typescript
- https://github.com/nippur72/PolymerTS (what Kito has been using)
- Web Components Remote Conference - https://wcremoteconf.com/
| Guests Kito Mann (@kito99) | Panel Danny Blue (@dee_bloo) * Amal Hussein () * Justin Ribeiro (@justinribeiro) |
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) |
Static Web Applications have evolved quite a bit over the past few years. They are now longer just a flat file with scripts added. Now they are fully functional application stacks. This might sound strange to some but the truth is out there. Listen to Brian Douglas (@BdougieYo) from Netlify chat about their structure and vision for Static Apps known as JAMStack.
Resources
- JAMStack - https://jamstack.org/
- https://www.quora.com/What-is-the-concept-behind-JAMstack
- https://vimeo.com/163522126
- Static site CMS - https://snipcart.com/blog/jamstack-clients-static-site-cms
- Netlify - https://www.netlify.com/
- Prerender.io - https://prerender.io/
- Top Static Generators - http://www.staticgen.com/
- JAMStack Radio -
- Launch Darkly - https://launchdarkly.com/
- GItShifter.io -
- DraftJS - https://facebook.github.io/draft-js/
- JAM Stack Radio - https://www.heavybit.com/library/podcasts/jamstack-radio/ep-5-graphql-at-github/
| Guests Brian Douglas (@bdougieYO) | Panel Amal Hussein (@nomadtechie) * Erik Isaksen (@eisaksen)** |
WebComponents.org have long been a great resource for learning and understanding web components. Recently, Google along with several other developers have worked hard to make the site a place not only to consume information on web components, but to share your own components as well consume others.
Resources
- WebComponents - https://webcomponents.org
- Web Components Remote Conference - https://wcremoteconf.com
| Guests Taylor Savage (@TaylorTheSavage) * Sam Li (@samdotli) | Panel Danny Blue (@dee_bloo) * Leon Revill (@RevillWeb**) |
Justin Searls chats with us on testing Asynchronous JavaScript as well as best practices for Continuous Integration, Unit testing vs. Integration testing, and tools we can use to help us understand how to test code.
Resources
- Test Double - https://testdouble.com
- Talks & articles by Justin:
-
- http://blog.testdouble.com/posts/2016-06-05-happier-tdd-with-testdouble-js.html
- http://blog.testdouble.com/posts/2015-11-16-how-to-stop-hating-your-tests.html
- http://blog.testdouble.com/posts/2016-09-16-surgical-refactors-with-suture.html
- http://blog.testdouble.com/posts/2016-12-01-a-creativity-talk.html
- Justin on JSJ - https://devchat.tv/js-jabber/226-jsj-test-doubles-with-justin-searls
- Supertest - https://github.com/visionmedia/supertest
- Pretender - https://github.com/pretenderjs/pretender
- Sinon - http://sinonjs.org/
- Testim - https://www.testim.io/
- Cabybara - http://teamcapybara.github.io/capybara/
- TestDouble's alternative to Sinon - http://blog.testdouble.com/posts/2016-03-13-testdouble-vs-sinon.html
- Testem - https://github.com/testem/testem
| Guests Justin Searls (@searls) * Jan Tenpas (@jtp4) | Panel Danny Blue (@dee_bloo) * Erik Isaksen (@eisaksen**) |
Danny, Erik, & Mark discuss their experiences and current challenges in testing code across their applications and services.
Resources
- Panic - https://github.com/gundb/panic-server
- Aphyr, Kyle Kingsbury, testing network partitions - https://aphyr.com/posts/281-call-me-maybe-carly-rae-jepsen-and-the-perils-of-network-partitions
- Lighthouse
-
- Github - https://github.com/GoogleChrome/lighthouse
- Chrome Plugin - https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=en
- Jeff Posnick at PWA Conference - https://developers.google.com/web/shows/pwa-devsummit/amsterdam-2016/to-the-lighthouse-progressive-web-app-summit-2016
- Benchmarkjs - https://benchmarkjs.com/
- Mocha - https://mochajs.org/
- Tape - https://github.com/substack/tape
- Qunit - https://qunitjs.com/
- Jasmine - https://jasmine.github.io/
- Sinon - http://sinonjs.org/
- Enzyme - https://github.com/airbnb/enzyme
- Chai - http://chaijs.com/
- Selenium - http://www.seleniumhq.org/projects/webdriver/
- PTSD (tech talk) - https://youtu.be/BEqH-oZ4UXI
- JSPerf replacement: http://jsbench.github.io/
- Travis (automate tests on push to GitHub) - https://travis-ci.org/
Corey Speisman (@cdspeis) & Ben Wilson (@benwilson512) talk with the panel about the Facebook API Query Language known as GraphQL and it’s various implementations including the FOSS Github project - Absinthe.
Resources
- GraphQL - http://graphql.org/
- Github API - https://developer.github.com/early-access/graphql/
- Draft RFC Specification - https://facebook.github.io/graphql/
- Using Node.js & GraphQL - https://blog.risingstack.com/graphql-overview-getting-started-with-graphql-and-nodejs/
- Learn GraphQL - https://learngraphql.com/
- JamStack Radio Podcast - https://www.heavybit.com/library/podcasts/jamstack-radio/ep-5-graphql-at-github/
- Reactive GraphQL - http://info.meteor.com/blog/reactive-graphql
- Absinthe GraphQL - http://absinthe-graphql.org/
- Facebook GraphQL Github - https://github.com/graphql
- Contentful - https://www.contentful.com
- Jsonapi - http://jsonapi.org/
- ExCheck - https://github.com/parroty/excheck
- Graph IQL - https://github.com/graphql/graphiql
- GraphQL Swapi - http://graphql-swapi.parseapp.com/
Vivaldi is a new browser that focuses on user customization and experience. In this episode, designer Atle Mo (@subtlepattern) and developer / designer Henrik Helmers (@helmers) chat with us about what this might mean for web developers and what technologies Vivaldi leverages to achieve its approach to be “Feature rich, powerful, secure and fun” .
Resources * Vivaldi - https://vivaldi.com/ * Vivaldi Forum - https://forum.vivaldi.net/ * Submit Vivaldi Bugs - https://vivaldi.com/bugreport/ * Vivaldi on Reddit - https://www.reddit.com/r/vivaldibrowser/
**Guests**
- Atle Mo (@subtlepattern)
- Henrik Helmers (@helmers)
Panel
- Justin Ribeiro (@justinribeiro)
- Erik Isaksen (@eisaksen)
Chris Coyier (@chriscoyier) returns to the show to chat about his most recent publication ‘Practical SVG’. Chris walks us through the ins and outs of working with SVG (Scalable Vector Graphics). Chris is most known for on the web for masterminding codepen.io (an in-browser social code application), creating & maintaining css-tricks.com, and podcasting on ShopTalk Show & CodePen Radio.
Resources * Practical SVG - https://abookapart.com/products/practical-svg * About the Practical SVG book - https://css-tricks.com/wrote-book-practical-svg/ * ShopTalk Show - http://shoptalkshow.com/
- CodePen Radio - https://blog.codepen.io/radio/
- CodePen - http://codepen.io/
- The Web Platform Podcast 27 - http://thewebplatformpodcast.com/27-building-codepen
- The Web Platform Podcast 58 - http://thewebplatformpodcast.com/58-scalable-vector-graphics
- GruntIcon - https://github.com/filamentgroup/grunticon
- IcoMoon - https://icomoon.io/
- SVGO - https://github.com/svg/svgo
- SVG Reference Cheat Sheet - https://developer.mozilla.org/en-US/docs/Web/SVG/Element
- D3 - https://d3js.org/
- Sara Soueidan SVG articles - https://sarasoueidan.com/tags/svg/
Cornel Stefanache (@_cstefanache, @isMonkeyUser) talks about Monkeyuser.com,, laughter, and finding happiness at work & home.
Resources
- Monkeyuser - http://www.monkeyuser.com/
- Xkcd - http://xkcd.com/
- What If? (Randall Munroe) - http://what-if.xkcd.com/
- ReadTheSource (RTS) - https://www.youtube.com/readthesource
Erik Isaksen(@eisaksen) & Mark Nadal (@marknadal) talk about trends in web development as an industry. They discuss technology communities and how they got involved. Mark grills Erik on how technology has changed over the years & what patterns he’s seen across his career. Mark predicts the future of web technology…machine learning on AST’s. Do not resist, the future is already written.
Resources * Web Components Remote Conf - https://wcremoteconf.com * GunDB - http://gun.js.org/ * Brett Victor - http://worrydream.com/ * Non Zero - https://en.wikipedia.org/wiki/Nonzero:_The_Logic_of_Human_Destiny * Esprima AST visualizer - http://resources.jointjs.com/demos/javascript-ast
Tal Ater (@TalAter), creator of Annyang, a powerful speech recognition library for the web, has now created UpUp, an Offline First library using the power of Service Workers. UpUp is an incredible asset for web developers wanting to build Progressive Web Applications (PWA’s)
Resources * UpUp - https://www.talater.com/upup/ * UpUp (Github) - https://github.com/TalAter/UpUp * Are Service Workers Ready? - https://jakearchibald.github.io/isserviceworkerready/ * Offline First Slack Channel - http://offlinefirst.org/chat/ * Tal’s new book - https://pwabook.com * cache.adderall(⚡) - https://www.talater.com/adderall/ * The Changelog 183 : The Offline First Revolution and Speech Recognition with Tal Ater - https://changelog.com/podcast/183 * Jeremy Keith’s Service Worker link collection - https://adactio.com/links/tags/serviceworkers
A summary of the second Polymer Summit, a two day Web Component conference focused on Polymer. Chris Lorenzo (@chiefcll) & John Riviello (@johnriv), spoke on day 2 of the Summit on Comcast’s Polymer experiences. They share their thoughts with us on the event and much more.
Resources
- The Polymer Summit 2016 - https://www.polymer-project.org/summit
- Talks - https://www.polymer-project.org/summit/schedule
- Codelabs - https://codelabs.developers.google.com/polymer-summit-2016
- Polymer in Practice at Comcast w/ Chris & John - https://www.youtube.com/watch?v=dZo7Tqr2lqI&list=PLNYkxOF6rcICc687SxHQRuo9TVNOJelSZ&index=29
- John’s Lynda.com course - https://www.lynda.com/CSS-tutorials/CSS-Sass-Converting-Existing-Site/434463-2.html
Jeremy Keith (@adactio), web guru & co-founder of ClearLeft, talks with us about the potential pitfalls and hopes on Progressive Enhancement with Web Components.
Resources
- Extensible Web Components (2016) - https://adactio.com/journal/11052
- Responsible Web Components (2014) - https://adactio.com/journal/7967
- Adam Onishi’s article - http://adamonishi.com/2016/08/web-components-and-progressive-enhancement/
- Eric Bidelman on Web Components in PWA (specifically on JavaScript class extension as Progressive Enhancement) - https://www.youtube.com/watch?v=pBCDdeqzUlY&feature=youtu.be&t=6m34s
- Polymer Shop Demo - https://shop.polymer-project.org/
- Polymon - https://polymon.polymer-project.org/
- Gold Standard - https://github.com/webcomponents/gold-standard/wiki
- The Extensible Web Manifesto - https://extensiblewebmanifesto.org/
- Alex Russell’s response to Keith - https://infrequently.org/2014/09/uncomfortably-excited/
- Sturgeon’s Law - https://en.wikipedia.org/wiki/Sturgeon%27s_law
- Soledad’s Lightning Talk - https://soledadpenades.com/2014/09/19/extensible-web-summit-berlin-2014-my-lightning-talk-on-web-components/
- Bruce Lawson blog post on the Extensible Web Summit -http://www.brucelawson.co.uk/2014/extensible-web-summit-berlin/
Paul Bakaus (@pbakaus), Google Engineer, has recently been leading the AMP Project which is an open source initiative to optimize content for mobile devices using the web. AMP is heavily supported by several global news & media groups and has the SEO community in an uproar. Paul takes us through the core concepts of project and the reasoning behind it. Additionally, AMP leverages many newer technologies such as Service Workers, ES2015, and Custom Elements (One of the four Web Component pillars) making it an exciting project for developers to contribute to.
Resources
- AMP by example - https://ampbyexample.com/
- How does it work? - https://www.ampproject.org/learn/how-amp-works/
- AMP on Github - https://github.com/ampproject
- AMP HTML - https://github.com/ampproject/amphtml
- Creating your first AMP page - https://www.ampproject.org/docs/get_started/create.html
- AMP Validator
-
- General info - https://github.com/ampproject/amphtml/blob/master/validator/README.md
- Guide - https://www.ampproject.org/docs/guides/validate
- AMP Docs & Reference - https://www.ampproject.org/learn/about-amp/
- CLI validator (unofficial) - https://www.npmjs.com/package/amp-validator
- Trumping Responsive Design? - http://searchengineland.com/amp-one-year-old-growing-fast-will-ultimately-trump-responsive-design-260691
- AMP Cache - https://www.ampproject.org/learn/about-amp/#google-amp-cache
- Supported Platforms - https://www.ampproject.org/learn/who/
- Case Studies - https://www.ampproject.org/case-studies/
- AMP Cache API: https://developers.google.com/amp/cache/overview
- AMP Validator Extension: https://chrome.google.com/webstore/detail/amp-validator/nmoffdblmcmgeicmolmhobpoocbbmknc?hl=en
- AMP Chrome Extension - https://chrome.google.com/webstore/detail/amp-validator/nmoffdblmcmgeicmolmhobpoocbbmknc
- Wordpress Extension - https://wordpress.org/plugins/amp/
- AMPBench - http://ampbench.appspot.com/
Summary
Harry Roberts (@CSSWizardry) talks with us about scaling CSS in code and across large teams. We also discuss the CSS in the Web Platform standards, the history of CSS, refactoring code, as well as projects like Houdini which aims ‘to jointly develop features that explain the “magic” of Styling and Layout on the web.’
Resources
- Harry’s website - http://csswizardry.com/
- Github - https://github.com/csswizardry
- The 3 I’s of refactoring - http://csswizardry.com/2016/08/refactoring-css-the-three-i-s/
- Mixins better for performance - http://csswizardry.com/2016/02/mixins-better-for-performance/
- Houdini W3C Drafts Wiki - https://github.com/w3c/css-houdini-drafts/wiki
- What is Houdini? - https://www.smashingmagazine.com/2016/03/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of/
- Jen Simmons on Feature Queries in CSS - https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/
- CSS Triggers - https://csstriggers.com/
- The languages that were almost CSS - https://eager.io/blog/the-languages-which-almost-were-css/
- Image issues with Base64 article - https://99designs.com.au/tech-blog/blog/2016/07/14/real-world-http-2-400gb-of-images-per-day/
Summary
It’s been awhile since we have chatted about Elm Lang. Richard Feldman (@rtfeldman), Developer at No Red Ink, returns to the podcast with Conner Ruhl (@connerruhl), Developer Operations at Carfax, in his podcast debut. The two Elm fanatics chat about their experiences with Elm and how it’s made their productivity exponentially better.
Resources
- Elm - http://elm-lang.org/
- Richards Github - https://github.com/rtfeldman
- Elm in Action - https://www.manning.com/books/elm-in-action?a_aid=elm_in_action&a_bid=b15edc5c
- JSAir: Typed Functional Programming in JS - http://audio.javascriptair.com/e/034-jsair-typed-functional-programming-in-javascript-with-alfonso-garcia-caro-richard-feldman-phil-freeman-and-jordan-walke/
- JSJ 175: https://devchat.tv/js-jabber/175-jsj-elm-with-evan-czaplicki-and-richard-feldman
- JSJ 229: https://devchat.tv/js-jabber/229-jsj-elm-with-richard-feldman
Daniel X Moore (@STRd6) and Pirijan (@pketh) join our panel to discuss Hyperdev, A web based code editor aimed at making developers as productive as possible as quickly as possible. Is a web based IDE really a viable option for full stack production apps? Can Hyperdev be built with Hyperdev!? These questions and many more are on this week’s episode of The Web Platform Podcast.
Resources
- HyperDev - https://hyperdev.com
- FogCreek - http://www.fogcreek.com/
Brian Kardell (@briankardell) joins Erik, Justin, and Danny on the panel along with our guest Marcy Sutton (@MarcySutton) in a discussion on WAI ARIA attributes & how we should or shouldn’t be using these in the context of our applications.
Resources
- Marcy’s EggHead.io class - https://egghead.io/courses/start-building-accessible-web-applications-today
- AXE 2.0 - http://www.deque.com/blog/introducing-axe-2-0/
- Best practices - https://w3c.github.io/aria-practices/#toc
- Examples - https://www.w3.org/TR/2009/WD-wai-aria-practices-20090224/#aria_ex
- Smashing article from 2014 - https://www.smashingmagazine.com/2014/07/the-wai-forward/
- Getting started - http://a11yproject.com/posts/getting-started-aria/
- Harvard University guide to online accessibility - http://accessibility.huit.harvard.edu/use-accessible-design-patterns
- Marcy’s performance post - https://marcysutton.com/accessibility-and-performance/
- Free course on Web Accessibility - https://www.udacity.com/course/web-accessibility--ud891
- Chrome A11y Inspector - http://bit.ly/chrome-a11y
- JSAir on Axe - https://javascriptair.com/episodes/2016-07-13/
- Accessibility API’s by Leonie Watson - https://www.smashingmagazine.com/2015/03/web-accessibility-with-accessibility-api/
- Web AIM screen reader survey - http://webaim.org/projects/screenreadersurvey6/
- What does accessibility supported mean? https://www.paciellogroup.com/blog/2016/08/what-does-accessibility-supported-mean/
Kenneth Christiansen (@kennethrohde) and Alexis Menard (@darktears) the creators of the crosswalk project talk to us about creating hybrid mobile apps using a consistent and powerful runtime environment across mobile, TV, desktop and IoT devices. We talk in detail about what benefits Crosswalk can bring to the table, general features, its extension system and its compatibility with Cordova/PhoneGap projects. We also talk about how hybrid app development promises to maximize code reuse (“write once deploy everywhere”) and the reality of this promise. Finally we talk about Progressive Web Apps and how Crosswalk can be used to extend PWA exposure by also quickly getting them within the app store.
Resources
- Crosswalk - https://crosswalk-project.org/
- PhoneGap - http://phonegap.com/
- Cordova - https://cordova.apache.org/
Paul Lewis (@aerotwist) talks with us about how we can better optimize web page speeds as well as how to avoid glaring light on videos caused by bald headed smoothness...or something to that degree. With the rise of web traffic on mobile devices, developers have had to rethink web performance over the past decade. Bandwidth & Latency have become much larger challenges than ever thought possible. The old ways to optimize performance on web pages just don’t work. The high level RAIL (Responsive, Animated, Idle, Load) & the lower level PRPL (Push, Render, Precache, Lazy Load) patterns are but many strategies Google is using to enable developers to deliver better User Experiences in an ever evolving internet,
Resources
- RAIL - https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/rail?hl=en
- PRPL - https://www.polymer-project.org/1.0/toolbox/server
- Polymer Shop - https://www.polymer-project.org/1.0/toolbox/case-study
- Speed Gun - http://speedgun.io/
- Site Speed - https://www.sitespeed.io/
- Page Speed Tools - https://developers.google.com/speed/pagespeed/
- Page Speed Insights -https://developers.google.com/speed/pagespeed/insights/
- Mobile Friendly Test - https://www.google.com/webmasters/tools/mobile-friendly/
- Lighthouse - https://github.com/GoogleChrome/lighthouse
- Web Page Test - https://www.webpagetest.org/
- AMP - https://www.ampproject.org/
- CSS Triggers - https://csstriggers.com/
- New Relic article on HTTP/2 - https://blog.newrelic.com/2016/02/09/http2-best-practices-web-performance/
- New Relic -https://newrelic.com/
- Ilya Grigorik’s book on High Performance Browser Networking - https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#safe=off&q=High+Performance+Browser+Networking&stick=H4sIAAAAAAAAAOPgE-LSz9U3iDfOqoo3VYKys5PzcrSkspOt9JPy87P1E0tLMvKLrEDsYoX8vJxKAHpHdSg2AAAA
- Free Udacity Courses
-
- Paul Lewis on Browser Rendering Optimization - https://www.udacity.com/course/browser-rendering-optimization--ud860
- Ilya Grigorik on Web Site Performance Optimization - https://www.udacity.com/course/website-performance-optimization--ud884
This week on the Web Platform Podcast Danny Blue and Amal Hussein chat with Tom Greever (@tomgreever), Author of ”Articulating Design Decisions”. Tom helps our hosts learn how to help communicate more effectively and we learn that maybe Danny is a jerk. Learn how design and dev can work together, how to avoid the “CEO button” and more!
Resources
- Articulating Design Decisions: https://www.amazon.com/gp/product/1491921560/ref=as_li_ss_tl?ie=UTF8&linkCode=sl1&tag=tgcom-20&linkId=84214e9d9eb43548e949ad37c2e43f6c
- Articulating Design Decisions video series, training: https://player.oreilly.com/videos/9781491921579
- Tom speaking at Mad+UX last year https://www.youtube.com/watch?v=x-FYe53LRA4
- Style Guide Driven Development: http://blog.bitovi.com/style-guide-driven-development/ && https://www.smashingmagazine.com/2016/06/designing-modular-ui-systems-via-style-guide-driven-development/
- Tom on Twitter: https://twitter.com/atomgroom
Mark Nadal (@marknadal) joins Danny Blue, Justin RIbeiro and Leon Revil to chat about GunDB and all the challenges of developing a database, concurrency, and distributed systems. Our hosts and guest dive into these topics and even journey to space in the newest episode of the Web Platform Podcast.
Resources
- GunDB - http://gun.js.org/
- Readthesource.io episode on GunDB - https://www.youtube.com/watch?v=70dn1oZQFCk
- 15 minute ToDo list tutorial - http://gun.js.org/think.html
- Enterprise - http://gunDB.io/
- Repo - https://github.com/amark/gun
- NodeJS
npm install gun && cd node\_modules/gun && npm start
Brian Kardell (@briankardell) chats with us on Web Development and how it has evolved over the years. We discuss the beginnings of HTML, Web standards bodies, the inception of The Extensible Web Manifesto, Chapters.io, and more.
Resources
- Brians recent presentation on Chapters.io & Web Standards - https://www.youtube.com/watch?v=rwWEQPc5GRE
- Web Incubator Group - https://www.w3.org/community/wicg/
- Chapters.io - http://chapters.io/
- SGML > HTML > XML
-
- https://www.youtube.com/playlist?list=PLzH6n4zXuckqTQBIEuBTyjsO-Ef7562_Z
- Brians Blog - https://briankardell.wordpress.com/
Jacob Rossi (@jacobrossi) & Travis Leithead (@TravisLeithead) join us to discuss the current state and roadmap of the Microsoft Edge Platform.
Resources
- Microsoft Edge Resources
-
- Developer Resources - https://dev.microsoftedge.com
- Platform Data - https://developer.microsoft.com/en-us/microsoft-edge/platform/data/
- Web Platform public status - https://status.microsoftedge.com
- Blog - https://blog.microsoftedge.com
- Virtual Machines - https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/
- Changelog - https://changelog.microsoftedge.com
- Dev tooling - https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/f12-devtools-guide/
- User Voice - https://uservoice.microsoftedge.com
- Web Components Interview w/ Travis - http://webcomponents.org/articles/interview-with-travis-leithead/
- Github - https://github.com/MicrosoftEdge, https://github.com/microsoft/chakracore
- PWAs on Windows - https://blogs.windows.com/msedgedev/2016/07/08/the-progress-of-web-apps/
- Protocols article - https://kenneth.io/blog/2016/07/05/introducing-remotedebug-compatibility-tables/
- Web Platform Incubator Community Group - https://www.w3.org/community/wicg/
Denis Radin (@PixelsCommander), Web Component advocate, has started work on a project called Polymer Native to enable developers to create part-hybrid, part-native applications using Web Components.
This project aims to make it easier to get device specific look and feel in your applications by leveraging native elements on devices. Currently, the project supports iOS and it is hoped that more people will come onboard to help the open source project grow to other platforms such as Android and even TV platforms.
Resources
- Polymer Native - https://github.com/PixelsCommander/polymer-native
- Polymer - https://github.com/Polymer/polymer
- Cordova SW Plugin - https://www.npmjs.com/package/cordova-plugin-service-worker
- HTML-GL - https://github.com/PixelsCommander/HTML-GL
Software developer at Softwire, Tim Perry (@pimterry), has created a set of “Server Components”. These are simple, lightweight tools for “composable HTML rendering in Node.js, broadly following the Web Components browser specification, but on the server side”. Rob Dodson (@rob_dodson), Google Developer Advocate & Polymer Legend & Trey Shugart (@treshugart), Atlassian superstar & SkateJS creator, round out the the guests for this episode discussing the reality & the possibilities of using Web Components on the server. Additionally, we look at other projects like the ‘Express Web Components’ by Jordan Last that take a different approach to this by running Chromium on the server side.
Resources
- SS rendering for Web Components - https://scotch.io/tutorials/server-side-web-components-how-and-why
- Server Components
-
- Info - https://pimterry.github.io/server-components/
- Code - https://github.com/pimterry/server-components
- Scram.js - https://github.com/scramjs
- WebComponentsJS Polyfills - https://github.com/webcomponents/webcomponentsjs/tree/v0.7.22
- Angular Universal - https://github.com/angular/universal
Express Web Components - https://github.com/scramjs/express-web-components
| The views expressed by Eric Knudtson on The Web Platform Podcast episode 97 do not necessarily represent the views of GE |
Eric Knudtson (@vikingux) from GE Digital walks us through their Predix User Interface (Predix UI) Web Components library built on top of Google’s Polymer Project. Predix is a cloud platform built to assist developers build for the ‘Industrial Internet’. Under the Predix family or resources is Predix UI, a set of UI components that “enable designers and developers to quickly and easily create Industrial Internet web applications that run on top of Predix services and data.” Eric also discusses challenges and best practices for managing a component based UI architecture, as well as GE’s new open source initiatives.
Resources
- InnerSource Book - http://www.oreilly.com/programming/free/getting-started-with-innersource.csp
- NvD3 Charting Library - https://github.com/novus/nvd3
- Predix Site - https://predixdev.github.io/predix-ui/
- Predix Family - https://www.predix.io/
Nathen Harvey (@nathenharvey), VP of Community Development at Chef Software, joins us to discuss modern devops culture, tools, and practices as well as how Chef Software can help teams automate, scale, and reproduce tasks, and environments. Nathen defined devops as how to build high velocity organizations by reducing build and deployment cycles. Topics includes how to manage your infrastructure like code, devops community, Chef cookbooks and recipes, and improving your devops knowledge and processes as web developer.
Resources
Chef & Habitat
- http://www.chef.io - Main Website
- http://learn.chef.io - Tutorials and such for getting started with Chef & DevOps
- DevOps Kung Fu - A talk from ChefConf 2015 that describes and defines the Principles, Forms, and Application of DevOps. It’s also where I get my definition of DevOps from:
-
- https://www.youtube.com/watch?v=_DEToXsgrPc - YouTube video of the talk
- https://github.com/chef/devops-kungfu - GitHub repository of the talk
- http://chef.github.io/devops-kungfu/#/ - slides from the talk
- http://chef.github.io/devops-kungfu/#/15 - definition of DevOps - A cultural and professional movement, focused on how we build and operate high velocity organizations, born from the experiences of its practitioners.
- Open source Chef maintenance policy - https://github.com/chef/chef-rfc/blob/master/rfc030-maintenance-policy.md
- https://www.habitat.sh/ - Habitat website which includes an overview of Habitat, online demo, and tutorials
Podcasts
- Food Fight Show - http://foodfightshow.org
- Arrested DevOps - https://www.arresteddevops.com/
- DevOps Cafe - http://devopscafe.org/
- The Ship Show - http://theshipshow.com/
Conferences
- DevOpsDays - http://www.devopsdays.org/
- ChefConf - https://chefconf.chef.io/
- Surge - https://surge.omniti.com/2016
- Velocity - http://conferences.oreilly.com/velocity
- DevOps Enterprise Summit - http://events.itrevolution.com/
Puppet - https://github.com/puppetlabs/puppet
Sean Fioritto (@sfioritto) talks with the panel on building large web applications in JavaScript. Sounds easy enough? This episode goes into building with large teams, large codebases, legacy migration, team building, frameworks & libraries, code smells and much more.
Resources
- Sean’s homeland - http://www.planningforaliens.com
- Sean’s awesome blog post ‘Why Javascript Development is Crazy’ - http://www.planningforaliens.com/blog/2016/04/11/why-js-development-is-crazy/
- Strangular Application - http://www.martinfowler.com/bliki/StranglerApplication.html
- Atlassian on The Web Platform Podcast - http://thewebplatformpodcast.com/77-project-management-and-git-workflows
- Sketching with CSS - http://www.sketchingwithcss.com/
Gleb Bahmutov (@bahmutov) chats with the panel on Reactive Programming in JavaScript. What is Reactive Programming? Join Gleb and the panel to learn about event streams, sequences over time, and how these help developers build complex JavaScript applications.
Resources
- Gleb’s 2016 OSConf Talk on Reactive Programming - http://conferences.oreilly.com/oscon/open-source-us/public/schedule/detail/49290
- The talk is mostly how to train anyone coming to JavaScript in different techniques, each more powerful than the previous one.
- Slides, video and all links to futher information in https://glebbahmutov.com/blog/oscon/
- I posted the list of interesting things from OSCON at https://glebbahmutov.com/blog/oscon/#interesting-things-i-saw-at-oscon
- Companion code repo showing the same simple example (literally multiply numbers then print them) implemented using different styles https://github.com/bahmutov/javascript-journey - from imperative to FRP and beyond.
- The long and evolving blog post https://glebbahmutov.com/blog/journey-from-procedural-to-reactive-javascript-with-stops/ that I have been updating for the past two years.
- Feathersjs - http://feathersjs.com/
- Horizon.js from RethinkDB team - https://horizon.io/
- Most.js stream library - https://github.com/cujojs/most
- Cycle.js - pure reactive web framework - http://cycle.js.org/
- Xstream - tiny stream library targeted at Cycle.js https://github.com/staltz/xstream
Rachel Andrew (@RachelAndrew) , Managing Director and founder of edgeofmyseat.com (currently working exclusively on CMS Perch), talks withe panel on the mysterious ways of CSS Layout. Rachel has been speaking quite a lot on the subject in the developer speaking circuit for a while now. Join us as she shares her stylish insights on Grid, Flexbox, Floats, Bootstrap, Regions, and much more.
Resources
- http://gridbyexample.com - where I keep CSS Grid Layout stuff, info about browser support, code samples, inks to other resources I dig up.
- http://csslayout.news - weekly newsletter on CSS Layout.
- http://www.slideshare.net/zomigi/using-flexbox-today-frontend-united-2016 - Zoe Gillenwater slides, Using Flexbox Today
- https://rachelandrew.co.uk/archives/2016/03/30/should-i-use-grid-or-flexbox/ “Should I Use Grid or Flexbox?” Here is which to use and when.
- http://caniuse.com/#feat=flexbox
- https://github.com/w3c/csswg-drafts CSS Working Group drafts on GitHub
- https://rachelandrew.co.uk/archives/2016/03/25/css-grid-and-css-regions/ Grid plus Regions
- https://rachelandrew.co.uk/archives/2016/03/16/css-exclusions-and-grid-layout/ Grid plus Exclusions
- Solved By Flexbox - https://philipwalton.github.io/solved-by-flexbox/
This week our panel talks with Kenneth Christiansen (@kennethrohde) about reactions and responses to Google I/O 2016. Listen to the goings on of I/O including news about Google products such as Android as well as their web products. The panel digs into Progressive Web Applications (PWA’s) and discusses some of the community response to Google’s approach on them. Firebase is another hot I/O topic, becoming an umbrella for different Google services and has gone through a major rebranding. Is Firebase still the same service so many fell in love with before the Google acquisition? These topics plus many more on Episode 92.
Resources
- https://events.google.com/io2016/
- https://firebase.google.com/
- https://developers.google.com/web/progressive-web-apps/
This week on the Web Platform Podcast Sam Quayle (@samquayle), Senior UX designer and front-end consultant at Valtech, joined us to discuss Lean UX with hosts Danny Blue, Justin Ribeiro, and Amal Hussein. Lean UX is a design approach which is fits the highly evolving needs of development teams creating products for the modern web. It allows for rapid iteration and user driven design. Sam shares best practices tips and his positive experiences with clients. A very interesting case study is the UK Government Digital Service adoption process, and the benefits they have seen from embracing Lean UX.
Show links: Slides from Sam’s talk on Lean UX , the Lean UX book that started it all, and this awesome article
Resources
- Lean creative presentation - http://www.slideshare.net/SamQuayle/lean-creative-beyond-user-needs
- http://shop.oreilly.com/product/0636920021827.do
- https://www.smashingmagazine.com/2011/03/lean-ux-getting-out-of-the-deliverables-business/
Michael Glukhovsky (@mglukhovsky), co-founder of the innovative Rethink brand, chats with us about two core free open source projects that are changing the ways we think of data in our web applications. Join us as we dive into the unique database known as RethinkDB. We also talk in depth about Horizon, a realtime JavaScript backend used to build powerful web & mobile apps that scale utilizing the power of RethinkDB.
Resources
- RethinkDB - http://rethinkdb.com/
- Horizon - https://horizon.io/
- Rethink on GitHub - https://github.com/rethinkdb/rethinkdb
- Horizon on GitHub - https://github.com/rethinkdb/horizon
- Who to follow on Twitter:
-
- Mike Glukhovsky: http://twitter.com/mglukhovsky
- Annie Ruygt (resident artist at RethinkDB): https://twitter.com/annieruygt
- Horizon: http://twitter.com/horizonjs
- RethinkDB: http://twitter.com/rethinkdb
- JSJ Ng-Conf - https://devchat.tv/js-jabber
This week on The Web Platform Podcast, Erik Isaksen, Danny Blue, and Leon Revill talk with Mano Marks (@ManoMarks) all about Docker and how containerized deployments can help you from the time you start your web project all the way to the time you need it to scale up. Is Docker good for small applications, large applications, or both? Is it all just and adorable excuse to put a whale mascot on merchandise? Likely not. Mano Marks informs three primarily front end developers on the exciting ways your can use Docker, from simple push button server solutions to creating Quake...yes, Quake.
Resources
- Docker on Github - https://github.com/docker/docker
- Docker main site - http://www.docker.com/
- Docker Hub - https://hub.docker.com/
- CodeShip Docs - http://pages.codeship.com/docker
- Digital Ocean docs - https://www.digitalocean.com/community/tutorials/how-to-use-the-digitalocean-docker-application
Summary Cypress.io is geared toward making testing easy and painless. Gleb Bahmutov (@bahmutov) and Brian Mann (@be_mann) chat with us on this upcoming project. Cypress eliminate the need for PhantomJS and Selenium. It aims to provide developers with instant feedback, reliable automation, and painless debugging, It is an interesting and different way of approaching how we think about testing code.
Show Links * Cypress.io - https://www.cypress.io/ * Gitter - https://gitter.im/cypress-io/cypress * Docs - https://docs.cypress.io * Gleb’s blog post: https://glebbahmutov.com/blog/web-testing-nirvana-with-cypress/
A chat with Amal Hussein (@nomadtechie) andLeon Revill (@RevillWeb) on JSPM & System.js. Amal has been using these technologies in her workplace for a long time. Now she shares her insights, experience, and knowledge with us. Leon has used JSPM for his vanilla Web Components he has built and he discusses to his experiences with JSPM & System.js.
Show Links * JSPM - http://jspm.io/ * Angular 2 - http://angular.io * Why is SystemJS necessary? - https://www.reddit.com/r/javascript/comments/3tcgak/why_is_systemjs_necessary/ * A SystemJS Oddyssey - https://www.codeschool.com/blog/2015/12/11/es2015-a-systemjs-odyssey/ * Using browserify/webpack? Why not try jspm and SystemJS - http://nervosax.com/2015/08/05/why-not-try-jspm-and-systemjs/ * Loader - https://whatwg.github.io/loader/ * SystemJS - https://github.com/systemjs/systemjs * Angular Air with Guy Bedford - https://www.youtube.com/watch?v=zrLeLxcU64M
The Beta Guide to JSPM - http://jspm.io/0.17-beta-guide/index.html
Aimee Knight (@Aimee_Knight) , SoftwareEngineeratKuali & Developer hero chats with us about herexperienceslearning the React ecosystem. Coming from a primarilyAngularbackground can make learning React very different. Aimeeshares herfeelings on how developers can get started efficiently,the toolsand practices she has found useful, and making learningexcitingand fun again.
Show Links* Facebook’s React JavaScript ViewLayer-https://facebook.github.io/react/ * ES6Classes in React - https://medium.com/@dan_abramov/how-to-use-classes-and-sleep-at-night-9af8de78ccb4#.twjz2ivg5 * Testing for React - https://github.com/airbnb/enzyme * Chrome Dev Tools for React - https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en * Functional Programming w/ React-https://medium.com/@chetcorcos/functional-programming-for-javascript-people-1915d8775504#.11jdzoi9m * Aminimal React setup - https://github.com/djsmith42/react-minimal-es6-starter-project * FrontEnd Masters Training - https://frontendmasters.com/ * Kuali, Simplifying higher edadministrationwithinnovative open source products -https://www.kuali.co/ * JavaScript Jabber Podcast - https://devchat.tv/js-jabber
The Google DeveloperExperts(GDE) program is a community of developers outside of Googlethatknow one or several Google developer products well.AdditionallyGDE's are leaders in the community that typically blog,speak atevents, or work on open source projects. MartinOmander(@martinomander) & LizPadilla(@justepadilla)fromGoogle's Developer Expert program share talk with us abouttheprogram and how one becomes a GDE. GloriaBueno(@globitss)&Danny Blue (@dee_bloo), new Web TechnologiesGDE'stalk about their recent experiences as well.
Show Links* TheGoogle Developer Experts -https://developers.google.com/experts/\ * WomenTech Maker Program - https://www.womentechmakers.com/
PWA's, or Progressive Web Applications are on the rise. Justin,Erik, & Danny talk about what we need to know as developersabout these apps
An Intro to Riot.js with core contributors GianlucaGuarini(@gianlucaguarini) & Richard Bondi.
This episode is a follow up on episode 59 'Are Web Components Ready Yet?'. Leon, Justin & Erik chat about where we are in Web Component development today and what's happened over the past 6 months.
An every day use tool, Chrome DevTools offers a significant amount of power for web developers to debug and make the web better. In this episode, Konrad Dzwinel sits down with Justin Ribeiro to discuss building tools for DevTools to expand your development horizons.
Resources and Links
* Betwixt - https://github.com/kdzwinel/betwixt
* SnappySnippet - https://github.com/kdzwinel/SnappySnippet
* kdzwinel/DOMListenerExtension
https://github.com/kdzwinel/DOMListenerExtension
* Chrome DevTools frontend - https://github.com/ChromeDevTools/devtools-frontend
* npm-publish-devtools-frontend - https://github.com/paulirish/npm-publish-devtools-frontend
* ChromeDevTools/debugger-protocol-viewer https://github.com/ChromeDevTools/debugger-protocol-viewer
* Getting started building Chrome Extensions - https://developer.chrome.com/extensions
* Contributing to Chromium: an illustrated guide, Monica Dinculescu - http://meowni.ca/posts/chromium-101/
On This Episode Konrad Dzwinel (@kdzwinel)
Justin Ribeiro (@justinribeiro)
Offline, replication, and conflict detection is hard for the web. CouchDB makes life a easier. In this episode, we explore how CouchDB embraces the web, how to get started, and just what makes CouchDB tick.
Resources and Links * http://couchdb.apache.org * http://pouchdb.com * https://twitter.com/couchdb
On This Episode Jan Lehnardt (@janl)
Garren Smith (@garrensmith)
Sharon DiOrio (@sharondio)
Justin Ribeiro (@justinribeiro)
There is more than one set of custom elements out there. In this episode, we speak with Jan Miksovsky about basic web components, a comprehensive set of high-quality web components for common user interface patterns.
Resources and Links * Component Kitchen - https://component.kitchen/ * Basic Web Components project - https://github.com/basic-web-components/basic-web-components * Gold Standard Checklist for Web Components - https://github.com/webcomponents/gold-standard/wiki * A new release of Basic Web Components based on plain JavaScript component mixins https://component.kitchen/blog/posts/a-new-release-of-basic-web-components-based-on-plain-javascript-component-mixins
On This Episode Jan Miksovsky (@janmiksovsky)
Raphaël Rougeron (@goldoraf)
Leon Revill (@revillweb)
Justin Ribeiro (@justinribeiro)
Sometimes you need the low level primitive building blocks that JavaScript can't handle. For that, the upcoming specification for WebAssembly or wasm is a new, portable, size- and load-time-efficient format suitable for compilation to the web.
In this episode, we discuss what WebAssembly is, where the specification is headed, and the current goings on of the growing WebAssembly community.
Resources and Links * W3C WEBASSEMBLY COMMUNITY GROUP https://www.w3.org/community/webassembly/ * Specification https://github.com/WebAssembly/spec * Compiling to WebAssembly: It’s Happening! - https://hacks.mozilla.org/2015/12/compiling-to-webassembly-its-happening/ * Design Document - https://github.com/WebAssembly/design
On This Episode
JF Bastien @jfbastien, compiler engineer on Chrome
Luke Wagner, research engineer at Mozilla
Brian Terlson, Program Manager - Chakra Team, ECMAScript Editor, Microsoft
Gaurav Seth, Principle PM Manager, Microsoft
Louis Lafreniere, Principle Software Engineer, Microsoft
Abhijith Chatra, Software Engineer, Microsoft
Danny Blue (@dee_bloo)
Justin Ribeiro (@justinribeiro)
Sharon (DiOrio) Shalno (@sharondio)
Workflows for source control and project management can seem daunting. In this episode, Danny Blue and Justin Ribeiro sit down with Tim Pettersen, Senior Developer & Git Evangelist at Atlassian and Ralph Whitbeck, developer evangelist for Atlassian ecosystem to discuss just how to handle git and workflows.
Resources and Links * Getting Git Right guide - https://www.atlassian.com/git/ * Pro-Git book - https://progit.org/ * Tim’s Git workflows webinar - https://www.youtube.com/watch?v=O4SoB3TFkjA * Bitbucket & JIRA integration - https://www.youtube.com/watch?v=M-u8-Ga6if0 * Atlassian - https://www.atlassian.com * Bitbucket - https://bitbucket.org * Jira - https://www.atlassian.com/software/jira * Run, Bucket, Run (Tim’s Git platform game) - https://run-bucket-run.aerobatic.io/
On This Episode Tim Pettersen - Senior Developer & Git Evangelist at Atlassian
Ralph Whitbeck - Developer Evangelist for the Atlassian Ecosystem
Danny Blue (@dee_bloo)
Justin Ribeiro (@justinribeiro)
The beauty of the web is being able to write in a language you love that'll compile down into JavaScript. In this episode, Justin Ribeiro sits down with web developer and Elm pro Richard Feldman (@rtfeldman) to talk about Elm, a functional programming language that compiles to JavaScript and offers many feature you just may love.
Resources and Links http://elm-lang.org/
http://elm-lang.org/try
On This Episode Richard Feldman (@rtfeldman)
Justin Ribeiro (@justinribeiro)
There are many paradigms and approaches when it comes to writing JavaScript but how to choose?. In this episode, Danny Blue talks with JavaScript Jedi Masters Dr. Axel Rauschmayer (@rauschma) & Nicolas Bevacqua (@nzgb) about best practices and JavaScript
Resources and Links
Suggestions (Axel):
Tree-shaking and small modules
https://github.com/rollup/rollup
http://www.2ality.com/2015/12/webpack-tree-shaking.html
Mixins via ES6 classes:
https://github.com/angus-c/es6-react-mixins
https://github.com/justinfagnani/mixwith.js
Suggestions (Nico):
State of front-end tooling/libraries / where it might be going
https://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4
On This Episode Dr. Axel Rauschmayer (@rauschma)
Nicolas Bevacqua (@nzgb)
Danny Blue (@dee_bloo)
The web platform continues to expand into new regions, not only controlling the Internet of Things but also powering a new set of devices. In this episode, Justin Ribeiro talks with Jan Jongboom about Jan OS, an alternative operating system for mobile phones designed to run on devices without their screen attached and FirefoxOS.
Resources and Links http://janos.io
GPIO blog post
http://blog.telenor.io/gonzo/hardware/2015/02/10/gpio.html
Firefox OS as an IoT platform blog post: http://blog.telenor.io/gonzo/hardware/2014/12/16/firefox-os-iot.html
Presentation I gave about sub-GHz networks and IoT connectivity: http://presenter.qbrick.com/?pguid=cb3beeba-fe2f-43a9-9e4d-690ec3572476
http://www.bunniestudios.com/blog/?p=4297
On This Episode Jan Jongboom (@janjongboom)
Justin Ribeiro (@justinribeiro)
Summary Google Developer Expert (GDE) & Ionic Developer Relations Code Crafter MIke Hartington (@mhartington) joins the panel to discuss Ionic and the future of the project with AngularJS & Cordova. Ionic is “The beautiful open source front-end SDK for developing hybrid mobile apps using web technologies.”
Once upon a time embedding web views in native apps was considered a bad practice in development by many. Now that the hybrid technologies have advanced much further than imagined, is there still a ‘war’ between the hybrid & native approaches? Have we reached a point where it doesn’t really matter which you choose?
Simple enough to wrap your head around...right? Mike talks about the different types of applications you would create for mobile experiences and why you would choose these approaches in your applications. He further goes on to talk more in detail about the framework and how it is being used today.
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 20% Discount to FluentConf http://conferences.oreilly.com/fluent-javascript-html-ca/ Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.
Free eBook: Data-Informed Product Designhttp://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.
Resources * Angular 2 - https://angular.io * Ionic Framework - http://ionicframework.com/ * Hockey App - http://hockeyapp.net/ * Angular 1.x - https://angularjs.com
Panelists * Danny Blue (@dee_bloo) - Senior Engineer at Deloitte Digital * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding our Hangout link
Summary Kent C. Dodds (@kentcdodds) & Shai Reznik (@shai_reznik) join us for episode 72 about teaching and learning the popular Angular JavaScript Framework. These two veteran technologists provide great insights into how they teach code, what you need to know to start coding, and insider pro techniques on how they have had success in training. How do they keep up to date on web technology? What is important to know?
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 20% Discount to FluentConf http://conferences.oreilly.com/fluent-javascript-html-ca/
Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.
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.
Resources * Angular - https://angular.io * PluralSight - * HiRez.io - http://www.hirez.io * thoughtram.io - http://blog.thoughtram.io
Panelists * Danny Blue (@dee_bloo) - Senior Engineer at Deloitte Digital * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding our Hangout link * Pascal Precht (@PascalPrecht) - Web Technologies Google Developer Expert specializing in Angular, Inspiration Engineering Blogger, & Trainer at thoughtram
Christoph Burgdorf (@cburgdorf) - Thought leader, blogger, and thoughtram mastermind
Summary
Danny Blue and Justin Ribeiro chat with Manolo Carrasco (@dodotis) and Moñino Jouni Koivuviita (@jouni) from Vaadin about their work with Web Components in the enterprise world. Vaadin has begun to create enterprise ready web components ‘ready for production’ usage. Built on top of Polymer, Vaadin Elements are helping to push new web technologies to larger companies.
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 20% Discount to FluentConf http://conferences.oreilly.com/fluent-javascript-html-ca/
Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount
when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.
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.
Resources
- Vaadin Elements - https://vaadin.com/elements
Panelists * Danny Blue (@dee_bloo) - Senior Engineer at Deloitte Digital * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding our Hangout link
Summary
Daniel Buchner (@csuwildcat), former Mozillian & Program Manager at Microsoft takes us through the plans for Web Components at Microsoft. Daniel is the creator of the Web Components free open source library, X-Tag which Microsoft is now officially supporting and using as of release 1.5. How are the teams at Microsoft using Web Components now and what is the plan for the future?
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 20% Discount to FluentConf http://conferences.oreilly.com/fluent-javascript-html-ca/
Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.
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.
Resources
- X-Tag - http://x-tag.github.io/
- X-Tag on Github - https://github.com/x-tag/core
- Manifold.js - http://manifoldjs.com/
- Vorlon.js - http://vorlonjs.com/
- Microsoft Edge - http://www.microsoft.com/en-us/windows/microsoft-edge
- Modern.ie Platform Status for Web Components - https://dev.windows.com/en-us/microsoft-edge/platform/status/?filter=f3f0000bf&search=webcomponents
- Facebook React - https://facebook.github.io/react/
- Jake Archibald & Daniel on Twitter chatting about React - https://twitter.com/jaffathecake/status/663011382468612096
- Polymer Micro - https://github.com/Polymer/polymer/blob/master/polymer-micro.html
- Component.kitchen article - https://component.kitchen/blog/page/1
- Steal.js - http://stealjs.com/
- Babel.js - https://babeljs.io/
- Webpack - https://webpack.github.io/
- Erik’s slides from NationJS - https://docs.google.com/presentation/d/1HxPQNMtoTM_CBLjkC-khiQ_o556WRHj6XkQ2FZXJlL4/edit?usp=sharing
- Microsoft User Voice - https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer
Panelists * Erik Isaksen (@eisaksen) - Google Developer Expert in Web Technologies * Wilson Page (@wilsonpage) - Senior Engineer at Mozilla & Web Components Champion
Summary
Oren Rubin (@Shexman) goes through why it’s important to not only test the back-end code of our applications but also to test our Front End code, the integration points, and the full user experience. Oren also goes through reasons why you would test, what should be tested, best practices, and when you should not test.
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 20% Discount to FluentConf http://conferences.oreilly.com/fluent-javascript-html-ca/
Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.
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.
Resources
- Unit Tests
- QUnit - Basic unit tesing https://qunitjs.com/
- Sinon - Unit test spies, stubs and mocks library http://sinonjs.org/
- Jasmine - all-in-one unit testing http://jasmine.github.io/
- Karma - front end test runner http://karma-runner.github.io/0.13/index.html
-
istanbul - https://github.com/gotwarlost/istanbul
-
End to end testing
- Selenium WebDriver - http://www.seleniumhq.org/
- Protractor - https://angular.github.io/protractor/#/
-
phantomjs - headless WebKit “browesr” with JS API http://phantomjs.org/
-
Testim.io - a new to write end-to-end tests using dynamic locators https://testim.io/
- mocha - https://mochajs.org/
- Integrated tests are a scam - http://blog.thecodewhisperer.com/2010/10/16/integrated-tests-are-a-scam/
- Selenium Grid - https://github.com/SeleniumHQ/selenium/wiki/Grid2
- Visual validations
- Open source: Huxley, Wraith
-
Commercial: applitools, percy.io
-
Sauce Labs - Browser in the cloud service provider https://saucelabs.com/
Panelists * Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding our Hangout link
Summary
Ember community leaders Audrey Listochkin (@listochkin) & Robert Jackson (@rwjblue) talk with us about the long awaited Ember 2 release and the Ember community across the globe. The future of Ember is larger than this 2.x release and because of it’s dedicated community much more than was planned originally has surfaced and new features are underway already! Learn how you can get involved and improved the Ember ecosystem.
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 20% Discount to FluentConf http://conferences.oreilly.com/fluent-javascript-html-ca/ Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.
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.
Resources
- Ember.js - http://emberjs.com/
- Ember 2.0 Blog Posts
- Ember 2.0 Announcement
-
Transition to Ember 2.0
-
Ember Community Slack
-
https://ember-community-slackin.herokuapp.com/
-
Accessibility in Ember
- http://emberobserver.com/addons/a11y-announcer - route changing support that Robert talked about
-
http://emberobserver.com/addons/ember-axe - a11y checker to use during development
-
Ember Pair Programming - http://pair-with-me.herokuapp.com/ember
- Ember Community chat for Russian, Ukrainian and Belarusian - https://gitter.im/dev-ua/ember
- I talk about Ember 2.0 and Ember ecosystem in Russian - http://frontflip.me/2015/06/18/ember2-andrey-listochkin.html
Panelists * Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding Hangout link. You decide
Summary
How do you keep up with the vast amounts of web technology released daily? It can be a losing battle for some and a opportunity for others. One person in our community that comes to mind is Peter Cooper (@peterc) from Cooper Press.
Join us as we learn how his work at O'Reilly has shaped some of his strategies for this as well as what Cooper Press provides and Conferences like OSCon & Fluent
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 20% Discount to FluentConf http://conferences.oreilly.com/fluent-javascript-html-ca/
Call for proposals is done, registration is open, and O’Reilly Fluent Conf is back in just a few months. Fluent, The Web Platform conference will be held in San Francisco, CA on March 7-10 2016. Get practical Training in JavaScript, HTML5, CSS and the latest web development technologies and frameworks. The Web Platform Podcast listeners receive a 20% discount when registering for the conference. Make sure you use the promotional code PCWPP20 to receive your discount.
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
- Fluent - http://conferences.oreilly.com/fluent-javascript-html-ca
- Cooper Press - https://cooperpress.com/
Panelists * Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies * Chetan Karande (@karande_c) - Senior Software Engineer at Omgeo LLC, FluentConf Speaker, & Creator of OWASP Node Goat
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
Summary MediaMath (@MediaMath) has created an open source project built on top of Web Components & Polymer (@Polymer) called Strand. It was created for their internal web product Terminal One but is available and easy to get on Github. Daniel Lasky (@aerolith), Justin Moore (@jcmmit), & Anthony Koerber (@DrDooganMeister) chat with us about the pains of migrating from Polymer 0.5 to 1.0 as well as what it has been like to drive an open source Web Components library with Polymer Elements ranging from basic buttons to complex grids. Check out Strand’s documentation for further detail
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
- MediaMath Strand Library - https://mediamath.github.io/strand/ http://strand.mediamath.com
- Strand on Github - https://github.com/MediaMath/strand/
- Strand Docs -http://mediamath.github.io/strand/article_getting_started.html
- Polymer Project - https://www.polymer-project.org/1.0/
- MediaMath - http://www.mediamath.com/
- Backbone.js - http://backbonejs.org/
- Steal.js - http://stealjs.com/
- How should I name my element? - http://webcomponents.org/articles/how-should-i-name-my-element/
Panelists * Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding Hangout link. You decide
Summary Val Head (@vlh), animation expert, talks with us about interaction design for the web. She discusses how developers and teams can work together to design & build motion & static interfaces as well as the some strategies and tactics for software product design in regards to the UX and UI of interfaces.
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
- Val’s web site - http://valhead.com/
- Bret Victor - Inventing on Principle - https://vimeo.com/36579366
- The UI Animation Newsletter - http://uianimationnewsletter.com
- Motion and Meaning Podcast with Cennydd - http://motionandmeaning.io
- A possibly interesting based on our discussion of overuse of parallax - http://alistapart.com/article/designing-safer-web-animation-for-motion-sensitivity
- After Effects - http://www.adobe.com/products/aftereffects.html
- Flash - http://www.adobe.com/products/flash.html
- After Effects Motion Graphic Tutorials by Dean Velez (@theanvel) - http://theanvel.com/
Panelists * Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies * Danny Blue (@dee_bloo) - Sr 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
Summary Dan Wahlin (@DanWahlin) , Angular JS GDE & Software Engineer, chats on TypeScript & ES6 in Angular applications. He tells us about how he leverages the power of these tools to improve his applications. He goes into a few of his debugging stories and even about how he uses docker to quickly deploy these applications.
Resources
- Wahlin Consulting - http://www.codewithdan.com
- Blog - http://weblogs.asp.net/dwahlin
- TypeScript EdX course - https://www.edx.org/course/introduction-typescript-microsoft-dev201x-0
- TypeScript Pluralsight course - https://app.pluralsight.com/library/courses/typescript/table-of-contents
- Docker - https://www.docker.com/
- Flipboard Magazines:
- AngularJS - https://flipboard.com/@dwahlin/the-angularjs-magazine-f66o0fd8y
- JavaScript - https://flipboard.com/@dwahlin/the-javascript%2C-html5-and-css-magazine-r54fkughy
- Node - https://flipboard.com/@dwahlin/the-node.js-magazine-aa4fu4jsy
-
Docker - https://flipboard.com/@dwahlin/the-docker-magazine-vp93fvnry
-
TypeScript - http://www.typescriptlang.org/
- ES6 - http://www.ecma-international.org/ecma-262/6.0/
- Traceur - https://github.com/google/traceur-compiler
- Angular - https://angularjs.org/ | https://angular.io/
- Babel - https://babeljs.io
- Danny Blue’s generator based on John Papa’s Style Guide - https://github.com/deebloo/generator-angular-blueprint
Panelists * Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies * Sharon DiOrio (@sharondio) - Angular JS Google Developer Expert & Full Stack Engineer
Summary
Timmy Willison (@TimmyWil) , lead developer at The JQuery Foundation & Senior Engineer at Open Table, joins us to discuss what is new with the most popular JavaScript library of all time- JQuery. We discuss what is new in version 3, struggles and implementation decisions, performance and much more.
Resources
- jQuery - https://jquery.com/
- jQuery Foundation - https://jquery.org/
- builtwith.com - http://builtwith.com/
- jQuery Blog - http://blog.jquery.com/
- jQuery Core Source and Issues Tracker - https://github.com/jquery/jquery
- New York Developor Summit - http://events.jquery.org/2015/developer-summit/
- jQuery’s Code of Conduct - https://jquery.org/conduct/
- jQuery Usage Statistics - http://trends.builtwith.com/javascript/jQuery
- Mootools - http://mootools.net/
- Prototype.js - http://prototypejs.org/
- The DoJo Toolkit - https://dojotoolkit.org/
- Timmy on Github - https://github.com/timmywil
- Average Page Weight Statistics - http://www.sitepoint.com/average-page-weights-increase-32-2013/
- Web Page Performance Analysis - http://www.webpagetest.org/
Angular Remote Conf
Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend.
The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings
Panelists
- Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies
- Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures
- Danny Blue (@dee_bloo) - Sr. Front End Engineer at Deloitte Digital
Summary Raphaël Rougeron (@goldoraf), one of the Web Components pioneers, along with his team created the Bosonic Project some while back. It was a very different approach to working with Web Components than x-tag and Polymer and it involved a required build step to create Web Components as close to specs as possible with minimal abstractions at runtime. The approach gained a small but respectable following and unfortunately was overshadowed by Polymer Project, the Web Component library by Google. During that time Raphaël began to lose faith in Web Components and went through many personal trials. Now he has been inspired to revisit Bosonic and breathe new life into the project. Let’s welcome the return of Bosonic!
Resources
- The Bosonic Project - http://bosonic.github.io/
- Bosonic Core Web Components - https://github.com/bosonic/core-elements
- Bosonic DND Web Components - https://github.com/bosonic/dnd-elements
- Bosonic Data Web Components - https://github.com/bosonic/data-elements
Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend.
The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings
Panelists * Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures * Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital
Summary The Offline First Heroes, Jan Lehnardt (@janl), John Kleinschmidt (@jkleinsc), Alex Russell (@slightlylate), and Jake Archibald (@jaffathecake) join forces to chat on why web developers should be designing and building with offline capabilities in mind from the beginning. From emerging standards like ServiceWorker to well thought out web frameworks like Hood.ie & UpUp, there are many differnt approaches and reasons why we would develop with an offline first mentality. There are so many gotchas and so many pro tips that have come out of the lessons learned by these offline web evangelists. For better or worse the technical marvels of development in this engineering arena are hard to visualize demo much like the features of good security or performance. Offline is vital and integral to the web just as security and performance are vand it should not be an afterthought in our designs.
Resources
- Offline First - http://offlinefirst.org/
- The Original Offline First Article: http://hood.ie/blog/say-hello-to-offline-first.html
- Hood.ie - http://hood.ie/
- Offline First on IBM Cloudant - https://www.youtube.com/watch?v=PEHGSiC9_ck
- Beyond Offline - https://medium.com/@slsoftworks/beyond-offline-bf5c013ec8e7
- Building Offline mobile apps - http://www.mobilitytechzone.com/topics/4g-wirelessevolution/articles/2015/07/06/406205-how-build-an-offline-ready-mobile-app-why.htm
- A List Apart article - http://alistapart.com/article/offline-first
- UpUp - https://www.talater.com/upup/
- Application Cache - http://www.html5rocks.com/en/tutorials/appcache/beginner/
- ServiceWorker Spec - https://github.com/slightlyoff/ServiceWorker
- ServiceWorker Explainer Document - https://github.com/slightlyoff/ServiceWorker/blob/master/explainer.md
- Is ServiceWorker Ready Yet? - https://jakearchibald.github.io/isserviceworkerready/
- ServiceWorker W3C Spec - http://www.w3.org/TR/service-workers/
- Service Worker Explained on MDN - https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
- ServiceWorker News - https://twitter.com/service_workers
- Service Worker Platinum Polymer Elements - https://github.com/PolymerElements/platinum-sw
- Offline Cookbook - https://jakearchibald.com/2014/offline-cookbook/
- Safari is the new IE - http://nolanlawson.com/2015/06/30/safari-is-the-new-ie/
- Service Worker Toolbox - https://github.com/GoogleChrome/sw-toolbox
- ServiceWorkerWare - https://github.com/gaia-components/serviceworkerware
- Capability Reporting with ServiceWorker - https://www.igvita.com/2014/12/15/capability-reporting-with-service-worker/
- HospitalRun - http://hospitalrun.io/
Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend.
The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings
DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others.
Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now!
Panelists * Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures * James Duvall (@JamesDuvall) - Director of Technology at Stickman Ventures
Summary Brandon Jones (@tojiro) of Google & Joshua Carpenter (@joshcarpenter) of Mozilla talk with the Web Platform Podcast about the emerging Web VR (Web Virtual Reality) specification which encampasses both AR (Augmented Reality) & VR for the Web Platform. Valve, Microsoft, Facebook, and others have put a lot of effort into changing the way we interact with computers using VR & AR on the native platforms. Now we can share this experience on the web and build the interfaces of tomorrow and the holodecks of the next generation.
Resources * mozvr - http://mozvr.com/ * web vr - http://webvr.info * shadertoy - https://www.shadertoy.com/ (BEWARE - this may crash your browser if your GPU is poor) * OSVR - http://www.razerzone.com/osvr * Web VR Spec - http://mozvr.github.io/webvr-spec/webvr.html * Oculus Rift Dev Kit - https://www.oculus.com/en-us/dk2/ * Project Tango Dev Kit - https://store.google.com/product/project_tango_tablet_development_kit * Tango G+ Community - https://plus.google.com/communities/114537896428695886568 * Google Cardboard - https://www.google.com/get/cardboard/ * Web VR Mailing List for Contributing - https://mail.mozilla.org/listinfo/web-vr-discuss * The Web Ahead with the MozVR team -http://thewebahead.net/upcoming/web-vr-with-josh-carpenter-and-vladimir-vukicevic * JSARToolkit & WebRTC article - http://www.html5rocks.com/en/tutorials/webgl/jsartoolkit_webrtc/ * janusvr -http://www.janusvr.com/ * Vive - http://www.htcvr.com/ * Rift Sketch - https://github.com/brianpeiris/RiftSketch/ * WebVR Boilerplate - https://github.com/borismus/webvr-boilerplate * WebVR polyfill - https://github.com/borismus/webvr-polyfill * OpenVR - https://github.com/ValveSoftware/openvr * WebVR Builds for Tango - https://drive.google.com/folderview?id=0BzudLt22BqGRbW9WTHMtOWMzNjQ&usp=sharing#list * MS Edge User Voice - Vote for WebVR - https://windows.uservoice.com/forums/285214-microsoft-edge?query=webvr
Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend.
The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings
DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others.
Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now!
Panelists * Danny Blue (@dee_bloo) - Senior Front End Engineer at Deloitte Digital * Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures
Summary Sara Soueidan (@SaraSoueidan) has been traveling the world talking about SVG (Scalable Vector Graphics) over the past year. Since then, we’ve learned a lot more about the power of this declarative graphical language. Now that many projects have dropped support for Internet Explorer 8 (IE8) and older mobile browsers, SVG has become a staple for non-bitmap art, visualization, and other graphical web development. Sara has recently shared many of the ‘gotchas’ and best practices in talks at Beyond Tellerand in Düsseldorf & Microsoft Edge Web Summit. Together, we take a closer look at how developers can leverage her advice in our web projects today.
Resources * SVG W3C Working Group - http://www.w3.org/Graphics/SVG/ * MDN documentation - https://developer.mozilla.org/en-US/docs/Web/SVG * SVG 1.1 - http://www.w3.org/TR/SVG/ * SVG 2 - http://www.w3.org/TR/SVG2/ * browser support - http://caniuse.com/#feat=svg * SVG Effects Taskforce - http://www.w3.org/Graphics/fx/ * Scaling check for IE9-IE11 - http://codepen.io/tomByrer/pen/qEBbzw?editors=110 * Sara Soueidan – SVG Lessons I Learned The Hard Way – beyond tellerrand DÜSSELDORF 2015 - https://vimeo.com/135466848 * MS Edge Web Summit 2015 - https://channel9.msdn.com/Events/WebPlatformSummit/2015/On-the-Edge-with-SVG * CSS Conf AU 2015 - https://www.youtube.com/watch?v=lMFfTRiipOQ * Overview of SVG Sprite Creation Techniques: https://24ways.org/2014/an-overview-of-svg-sprite-creation-techniques/ * Inline SVG vs Icon Fonts [CAGEMATCH] http://css-tricks.com/icon-fonts-vs-svg/?utm_content=buffer2b75f&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer * Structuring, Grouping and Referencing in SVG: The , , and Elements http://sarasoueidan.com/blog/structuring-grouping-referencing-in-svg/ * clipping in svg - https://css-tricks.com/building-a-circular-navigation-with-css-clip-paths/ * styling content with CSS - http://tympanus.net/codrops/2015/07/16/styling-svg-use-content-css/ * art direction for embedding - http://sarasoueidan.com/blog/art-directing-svg-object/ * All about viewBox :: http://sarasoueidan.com/blog/svg-coordinate-systems/ * The State of SVG Animation - http://blogs.adobe.com/dreamweaver/2015/06/the-state-of-svg-animation.html#.VXGQW1yqqkq * Some SVG Tools - http://sarasoueidan.com/tools.html * Sara on Github - https://github.com/SaraSoueidan * Codrops on Github - https://github.com/codrops * Smashing Book 5 http://www.smashingmagazine.com/2015/03/real-life-responsive-web-design-smashing-book-5/ * complete guide to SMIL https://css-tricks.com/guide-svg-animations-smil/ * CSS Motion Path module http://www.w3.org/TR/motion-1/ * d3.js http://d3js.org * Weighing SVG Animation Techniques (with Benchmarks) https://css-tricks.com/weighing-svg-animation-techniques-benchmarks/ * The GreenSock Animation Platform (GSAP) http://greensock.com * Snap.svg http://snapsvg.io/ * Firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=891074 (UPDATE: Fixed by @jwatt) Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend.
The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings
DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others.
Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now!
Panelists+ Danny Blue (@dee_bloo) - Senior Front End Engineer at Deloitte Digital + Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies + Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures
Summary Jay Oster (@KodeWerx), Core Engineer at PubNub talks with us about working with Web Crypto as well as the landscape of Cryptography today. What is on the horizon for client side security & Web Crypto?
Resources * PubNub - http://www.pubnub.com/ * Web Crypto - http://www.w3.org/TR/WebCryptoAPI/ * Netflix Polyfill - https://github.com/Netflix/NfWebCrypto * Stanford Polyfill - https://github.com/bitwiseshiftleft/sjcl/tree/version-0.8 * melonJS - http://melonjs.org/ * The interface for all WebCrypto functions - https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto * PubNub Cryptography Demo - http://pubnub.github.io/pubnub-api/crypto/ * PubNub blog post on Cryptography - http://www.pubnub.com/community/discussion/17/cryptography-and-encryption-of-data-streams-like-websockets-and-http-streaming * PubNub blog post on PKI and message authentication - http://www.pubnub.com/blog/chat-security-user-identification-with-digital-signature-message-verification/
Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend.
The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings
DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others.
Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now!
Panelists * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures * Erik Isaksen (@eisaksen) - Google Developer Expert in Web Technologies * Chetan Karande (@karande_c) - Senior Software Engineer at Omgeo
Summary Charles Max Wood (@cmaxw) guides us through his thoughts and processes for building out personal & business branding for developers. Learning from his experiences in podcasting and other content creation, Chuck talks with us about why branding is so important today for developers to position themselves in the market today.
Resources * DevChat.tv - http://devchat.tv/ * DevChat.tv Entities + Ruby Rogues - http://devchat.tv/ruby-rogues + JavaScript Jabber - http://devchat.tv/js-jabber + Freelancers Show - http://devchat.tv/freelancers + IPhreaks - http://devchat.tv/iphreaks + Teach Me To Code - http://teachmetocode.com/ + Rails Clips - http://devchat.tv/rails-clips + Adventures in Angular - http://devchat.tv/adventures-in-angular + Web Security Warriors - http://devchat.tv/web-security-warriors + JS Remote Conf - https://jsremoteconf.com/ + Ruby Remote Conf - https://rubyremoteconf.com/ + Angular Remote Conf - https://angularremoteconf.com/ + Rails Remote Conf (in the works)
- The Ruby Freelancers Show 019 - http://devchat.tv/freelancers/the-ruby-freelancers-show-019-branding
- Chuck on Twitter - https://twitter.com/cmaxw
- Podcast Movement 2015 - http://podcastmovement.com/
- Podcast Answer Man - http://podcastanswerman.com/
- “10 Ideas For Building A Better Relationship With Your Existing Audience” - http://podcastanswerman.com/414/
- Toast Masters - https://www.toastmasters.org/
- Rails Conf 2015 - http://railsconf.com/
- Calendly - https://calendly.com/
- Meet Edgar - http://meetedgar.com/
DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others.
Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now!
Panelists * Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures * Erik Isaksen (@eisaksen) - Google Developer Expert in Web Technologies
Summary Andrew Gerrand (@enneff), Developer Advocate at Google & Go core contributor, talks about GoLang and how it is being used in Web Development today as well as the plans for the future of the Go as a platform for the web.
Resources * Go - https://golang.org/ * A Tour of Go - https://tour.golang.org/ (great starting point!) * Godoc.org - https://godoc.org/ (Go package index) * Go Search package search engine - http://go-search.org/ * GoLang on Twitter - https://twitter.com/golang * Web programming toolkits and frameworks: + The standard HTTP package + Gorilla Web Toolkit + Revel + BeeGo
- Hugo - a static site generator
- AJ’s articles on Go
- https://coolaj86.com/articles/getting-started-with-golang-and-vim/
- https://coolaj86.com/articles/how-to-test-if-a-port-is-available-in-go/
-
https://coolaj86.com/articles/today-i-became-a-golang-dev-with-vim-and-caddy/
-
“Learn Go in One Video” - https://www.youtube.com/watch?v=CF9S4QZuV30
- GopherCon - http://www.gophercon.com/
- GopherCon india - http://www.gophercon.in/
- Go on Slack - gopher slack channel
- Go intro talks:
-
Go: code that grows with grace
-
Go concurrency talks:
- Go Concurrency Patterns
-
Advanced Go Concurrency Patterns
-
Ruby Learning Slack Channel for Go Courses - https://gocourse.slack.com/
- The next Go class for Ruby Learning - https://docs.google.com/forms/d/1WXO68p3gH4b-4S3dOS_MUbvoe7uaRNT9tii1syTznYA/viewform
Panelists * Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital * Christian Smith (@anvilhacks) - Founder of Anvil Research, hacker, musician, & startup enthusiast * Erik Isaksen (@eisaksen) - Google Developer Expert in Web Technologies * AJ O’Neal (@coolAJ86) - Podcaster & JavaScript Developer
Summary An honest & candid talk about what we learned since the beginning of Web Components; a hard look at the good, the bad, and the ugly. Christian Heilmann (@codepo8), Wilson Page (@wilsonpage), & Rob Eisenberg (@eisenbergeffect) talk with us on development with these technologies in today's production environments. Developers need to to know what they can expect from the future of Web Components & what they mean to us today in order to make better decisions in their choosing technologies for their engineering efforts.
Resources * The State of Web Components - https://hacks.mozilla.org/2015/06/the-state-of-web-components/ * Web Components and you - http://christianheilmann.com/2014/04/18/web-components-and-you-dangers-to-avoid/ * Over The Edge - http://christianheilmann.com/2015/07/01/over-the-edge-web-components-are-an-endangered-species/ * aurelia.io - http://aurelia.io/ * x-tag - http://www.x-tags.org/ * Polymer - https://www.polymer-project.org/ * Mozilla Articles on Web Components - https://hacks.mozilla.org/category/web-components/ * Konrad Dwinzel’s DOM Listener - https://chrome.google.com/webstore/detail/domlistener/jlfdgnlpibogjanomigieemaembjeolj?hl=en
Panelists * Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert * Daniel Buchner (@csuwildcat) - Microsoft Program Manager & creator of x-tag * Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures * Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital
Summary Pascal Precht (@PascalPrecht), Senior Software Engineer at Thoughtram & creator of ng-translate, chats with us about the Angular 2 and how developers can get ready today.
Resources * Angular 2 - http://angular.io * TypeScript - http://www.typescriptlang.org/ * Definitely Typed - https://github.com/DefinitelyTyped * Quick Start - https://angular.io/docs/js/latest/quickstart.html * Upgrade App - https://github.com/angular/ngUpgrade * Angular Meeting Notes - https://docs.google.com/document/d/150lerb1LmNLuau_a_EznPV1I1UHMTbEl61t4hZ7ZpS0/edit * Angular Universal - https://github.com/angular/universal * System.js - https://github.com/systemjs/systemjs * Pascal’s Decorator article - http://blog.thoughtram.io/angular/2015/05/03/the-difference-between-annotations-and-decorators.html * Typescript & Angular 2 - http://victorsavkin.com/post/123555572351/writing-angular-2-in-typescript * Routing in Angular + http://blog.thoughtram.io/angular/2015/06/16/routing-in-angular-2.html + http://blog.thoughtram.io/angularjs/2015/02/19/futuristic-routing-in-angular.html
- Change Detection - http://victorsavkin.com/post/110170125256/change-detection-in-angular-2
- Thoughtram - http://thoughtram.io/
- Angular & Git blog at Thoughtram - http://blog.thoughtram.io/
Panelists * Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert * Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital
Summary First we review some of the technologies we’ve shown over our first year of podcasting and talk about what is relevant still and what we need to look towards in the future. Additionally we take a look at what is no longer something we need to use in of development today.
Next, Lead Consultant at Thoughtworks, Patrick Turley (@patrick_turley) joins us to talk about what technologies web developers should be concerned with. The tools, languages, frameworks, platforms, and processes we use everyday can change so rapidly in our industry. It’s hard to say what is the right technology for the right job. Knowing that, Thoughtworks, a leading custom software consulting company, started publishing a Technology Radar that attempts to access technology on a quarterly basis. The Technology Radar is based on the research of the worldwide company and is a guide for other companies and digital builders to understand and keep up with the pros & cons of tech in the development industry.
Resources * Thoughtworks Tech Radar - http://www.thoughtworks.com/radar * Postman - https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop?hl=en * RubyNation - http://www.rubynation.org/ * Thoughtworks - http://www.thoughtworks.com * Our Evan Light (@elight) Episode - http://thewebplatform.libsyn.com/measures-of-success-in-pair-programming
Panelists * Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert * Justin Ribeiro (@justinribeiro) - Wearables & Chrome HTML5 Google Developer Expert
Summary Brad Frost (@brad_frost), web designer astronaut & creator of Atomic Design, talks with us about how we can better componentize our Front End Development with small composable parts using Atomic Design.
Resources * Atomic Design - http://bradfrost.com/blog/post/atomic-web-design/ * Atomic Design Book Preorder - http://shop.bradfrost.com/products/atomic-design-ebook * Atomic Design Book on Github - https://github.com/bradfrost/atomic-design * PHP pattern lab - https://github.com/bradfrost/patternlab * Atomic Design Patterns - https://github.com/Atomic-Design/patterns * Nuclide - https://github.com/jkymarsh/nuclide * Node Pattern Lab - https://github.com/bmuenzenmeyer/patternlab * Pattern Lab on the web - http://patternlab.io/ * This is Responsive - http://bradfrost.github.io/this-is-responsive/ * Styleguides.io - http://styleguides.io/ * WTF Mobile - http://wtfmobileweb.com/ * Atomic Design at Webdagene https://vimeo.com/109130093 * Styleguide Generators - https://github.com/davidhund/styleguide-generators * Ian Feather on their Styleguide -http://ianfeather.co.uk/a-maintainable-style-guide/ * Styleguides.io Podcast - http://styleguides.io/podcasts.html
Panelists * Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert * Justin Ribeiro (@justinribeiro) - Wearables & Chrome HTML5 Google Developer Expert
Summary In episode 50 we talk with CSS master Tab Atkins Jr. (@tabatkins) about the history of Cascading Style Sheets (CSS) & how they have evolved into what we use today. We also cover preprocessors, lesser known specs, css as a programming language, and more.
Resources * Tab Atkin’s personal site - http://www.xanthir.com/ * Tab on Github - https://github.com/tabatkins * Tab at CSSConf 2014 - https://www.youtube.com/watch?v=ad1Wq0qZrMQ * History of CSS - http://www.w3.org/Style/LieBos2e/history/Overview.html * Houdini - https://github.com/w3c/css-houdini-drafts * Parse CSS - https://github.com/tabatkins/parse-css * CSS Working Group News - http://www.w3.org/Style/CSS/current-work * How to read CSS specifications - http://www.w3.org/Style/CSS/read * Lesser known CSS Specs + Ruby - http://www.w3.org/TR/css3-ruby/ + Scoping Module - http://www.w3.org/TR/css-scoping-1/ + Speech Module - http://www.w3.org/TR/css3-speech/ + Writing Modes - http://www.w3.org/TR/css3-writing-modes/ + Line Grid - http://www.w3.org/TR/css-line-grid-1/ + Page Fragmentation - http://www.w3.org/TR/css3-break/
- Do we even need CSS anymore ? - https://css-tricks.com/the-debate-around-do-we-even-need-css-anymore/
- CSS1 Spec - http://www.w3.org/TR/CSS1/
- Selectors Level 4 - http://www.w3.org/TR/selectors4/
- Values & Units - http://www.w3.org/TR/css3-values/
- Image Values / Replaced Content - http://www.w3.org/TR/css3-images/
- Device Adaptation - http://www.w3.org/TR/css-device-adapt/
- Web Animations - http://www.w3.org/TR/web-animations/
- SASS- http://sass-lang.com\
- animate.css - https://daneden.github.io/animate.css/
- myth.io - http://myth.io
- bikeshed - https://github.com/tabatkins/bikeshed
- CSS Grid By Example - http://gridbyexample.com/
Panelists * Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert * Justin Ribeiro (@justinribeiro) - Wearables & Chrome HTML5 Google Developer Expert * Nick Niemeir (@nickniemeir) - Partner at Good News Everyone
Summary In episode 49 Danny Blue (@dee_bloo) has a one-on-one talk with Web Application Master & JavaScript Guru Eric Elliott (@_ericelliott). Danny & Eric cover several exciting development topics including event based development, functional programming, Web Assembly, teaching JavaScript, helping to stop homelessness with code, & more.
Resources * Learn JavaScript with Eric Elliott - https://ericelliottjs.com/ * Eric on Web Assembly - https://medium.com/javascript-scene/what-is-webassembly-the-dawn-of-a-new-era-61256ec5a8f6 * StampIt 2.0 - https://github.com/stampit-org/stampit/releases/tag/v2.0.3 * Campaign to fight Homelessness - + Kickstarter - https://www.kickstarter.com/projects/ericelliott/learn-javascript + Blog - https://medium.com/the-backer-army/fighting-poverty-with-code-d1ed3ebd982d
- react-stampit - https://github.com/stampit-org/react-stampit
- nodeschool.io functional programming (on runnable) - http://code.runnable.com/VQuZjvia8Gxcqkpy/nodeschool-io-s-functional-programming-in-javascript-course-available-in-your-browser-for-node-js-and-freecodecamp
- jsx - https://facebook.github.io/react/docs/jsx-in-depth.html
- Tim Oxley’s Functional Programming workshop - https://github.com/timoxley/functional-javascript-workshop
- TC-39 - http://ecma-international.org/memento/TC39.htm
- Jafar Husain - https://twitter.com/jhusain
- Event Machine - https://github.com/eventmachine/eventmachine
- Twisted - https://github.com/twisted/twisted
Host Danny Blue (@dee_bloo) - Sr. Front End Engineer at Deloitte Digital
In episode 48 we chat with Chrome team member & Accessibility champion Alice Boxhall (@sundress) and Polymer team #a11y heroes, Chris Joel (@RoboDynamo) & Daniel Freedman (@danfreedman) about the Polymer 1.0 and what is new in web accessibility of the library as well as what we should expect looking forward. Chris & Joel work a lot on the testing and managing of elements and their compliance with web accessibility features.
Resources * Polymer - https://www.polymer-project.org/ * Gold Repository - https://github.com/webcomponents/gold-standard/wiki * Screenreader Marketshare - http://webaim.org/projects/screenreadersurvey5/ * Axe Core - https://github.com/dequelabs/axe-core * Total.ly - http://khan.github.io/tota11y/ * Chrome tooling - https://github.com/GoogleChrome/accessibility-developer-tools * Webcomponent-tester - https://github.com/Polymer/web-component-tester * voiceover - http://www.apple.com/accessibility/ios/voiceover/ * talkback - http://www.androidcentral.com/what-google-talk-back * saucelabs - https://saucelabs.com/ * atomic design - http://bradfrost.com/blog/post/atomic-web-design/
Panelists * Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital * Justin Ribeiro - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures
Summary Danny Blue (@dee_bloo), Erik Isaksen (@eisaksen), and Tyler McGinnis (@tylermcginnis33) talk to Daniel Buchner (@csuwildcat) about the X-Tag project and some if its interesting features, such as mixins. We discuss the Web Component spec as well as the features that have been agreed upon and which ones may still need some work. Big companies like Google have thrown their full support behind the Web Components technology umbrella. Will others such as Microsoft follow suit? and what will it take for browser vendors to implement web components natively.
Resources * X-Tag on Github - https://github.com/x-tag * X-Tag documentation - http://x-tag.readme.io/v1.0/docs * X-Tag Boilerplate - https://github.com/webcomponents/xtag-boilerplate * Mixin Example - https://github.com/x-tag/mixin-value/blob/master/src/main.js * Web Components Bi-monthly Meetings - * WinJS - https://dev.windows.com/en-us/develop/winjs * Vorlon.js - http://vorlonjs.com/
Panelists * Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital * Danny Blue - Front End Engineer at Deloitte Digital * Tyler McGinnis - Firebase Expert & Lead Instructor / Software Engineer at DevMtn * Justin Ribeiro - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures
Summary Polymer 1.0 is here! Lean mean and production ready. On episode 46 we talk to a Proverbial Packed Panel of Professional Polymer People. Polymer has grown a ton since its developer preview and has been streamlined for performance. A big show where we talk to a panel of both GDE’s and members of the Polymer team to get a better idea of just how this project has grown and why Polymer and web components as a whole are important for the modern and future web platform.
Guests * Matt McNulty (@mattsmcnulty) - Technical Lead on The Google Polymer Team * Taylor Savage (@TaylorTheSavage) - Product Manager on The Google Polymer Team * Kevin Schaaf (@kevinpschaaf) - Engineer on the Google Polymer Team * Justin Ribeiro (@justinribeiro) - Wearables & Chrome HTML5 Google Developer Expert * Mauro Solicia (@smokybob84) - Google Developer Expert for Apps / Drive * Uri Shaked (@UriShaked) - Angular.js Google Developer Expert * Jarom McDonald (@jarommcdonald) - YouTube Google Developer Expert * Erik Isaksen (@eisaksen) - Chrome HTML5 Google Developer Expert
Host * Danny Blue - Front End Engineer at Deloitte Digital
Resources * Polymer 1.0 - https://www.polymer-project.org/1.0/ * What is the Shady DOM ? - https://www.polymer-project.org/1.0/articles/shadydom.html * ES6 & Polymer coming soon ? - https://twitter.com/aerotwist/status/605526323033833472 * Slack Channel - polymer-slack.herokuapp.com * Eric’s io Web App - https://github.com/GoogleChrome/ioweb2015 * generator-polymer - https://github.com/yeoman/generator-polymer * polymer seed - https://github.com/PolymerElements/seed-element * generator-element - https://github.com/webcomponents/generator-element * Polymer Element Catalog - https://elements.polymer-project.org/ * Polymer Starter Kit - https://developers.google.com/web/tools/polymer-starter-kit/index?hl=en * Polymer Migration Guide - https://www.polymer-project.org/1.0/docs/migration.html * Polymer Summit - https://polymer.eventfarm.com/tokens/sessionAllocate?tr=gRnW3sDWgovcgB3mmCEEx2aJlCdqtqT9HGwbzzxfotR5ulRgoWklpV
Identity is the missing link that connects all your users, apps, services, and devices to each other and the rest of the world. Christian Smith (@anvilhacks) is founder of Anvil Research (@AnvilResearch) and the creator of Anvil Connect, an open source authorization server built with Node.js to authenticate your users and protect your APIs.
Anvil Connect simplifies security when you have many apps and services to integrate. It acts as a broker between your apps, APIs, and a long list of OAuth providers like Google, Facebook, Twitter, and GitHub. The server works with apps written in any programming language that speaks HTTP. The code is MIT licensed and implements open standards like OAuth 2.0, OpenID Connect, and JSON Web Tokens.
Resources * Open ID - http://openid.net/ * Anvil Connect - https://github.com/anvilresearch/connect * Anvil - http://anvil.io/ * Anvil Gitter Channel - https://gitter.im/christiansmith/anvil-connect * Open ID Connect - http://en.wikipedia.org/wiki/OpenID_Connect * Single Sign on - http://en.wikipedia.org/wiki/Single_sign-on * OAuth3 - https://oauth3.org * JWT (JSON Web Token) - http://jwt.io/ * Let’s Encrypt - https://letsencrypt.org * Web Crypto - https://developer.mozilla.org/en-US/docs/Web/API/Window/crypto * Storm Path - https://stormpath.com/ * Auth0 - https://auth0.com/ * Service Worker - http://www.w3.org/TR/service-workers/ * Ketboot - https://github.com/substack/keyboot * scramble.io - https://scramble.io/ * AJ’s article on creating a CSR for Https (tls/ssl) RSA Pems - https://coolaj86.com/articles/how-to-create-a-csr-for-https-tls-ssl-rsa-pems/ * keybase.io - https://keybase.io/
Panelists * Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital * Nick Niemeir - Partner at Good News Everyone * AJ O’Neal - JavaScript Engineer
It can be overwhelming and, in some cases, downright scary to speak at events for many developers. Aaron Frost, co-organizer of ng-conf & Google Developer Expert, (@js_dev) talks with us about his experiences, mistakes, and triumphs while speaking at developer events as well as organizing them.
Resources * JavaScript Jabber 124 : The Origin of JavaScript with Brendan Eich - http://devchat.tv/js-jabber/124-jsj-the-origin-of-javascript-with-brendan-eich * JavaScript Jabber 105 : JsConf and Organizing Conferences with Chris Williams - http://devchat.tv/js-jabber/105-jsj-jsconf-and-organizing-conferences-with-chris-williams * JavaScript Jabber 131 : Conferences & Meetups with Dave Nugent - http://devchat.tv/js-jabber/131-jsj-conferences-meetups-with-dave-nugent * Writing proposals for speaking at conferences - http://weareallaweso.me/for_speakers/how-to-write-a-compelling-proposal.html * One reason Raquel Velez rocks - https://twitter.com/rockbot/status/555163826400661505 * Adventures in Angular 002 : Angular Meetups with Matt Zabriskie and Sharon Diorio - http://devchat.tv/adventures-in-angular/angular-meetups-with-matt-zabriskie-and-sharon-diorio * Conference Organiser’s Handbook - http://www.quirksmode.org/coh/ * Loop Conf - https://loopconf.io/ * Ng-Conf - http://www.ng-conf.org/ * React Rally - http://www.reactrally.com/ * JS Remote Conf - https://jsremoteconf.com/ * Ruby Remote Conf - https://rubyremoteconf.com/ * Meetup.com - http://www.meetup.com/ * Call For Proposals on Lanyard - http://lanyrd.com/calls/
Panelists * Danny Blue - Front End Engineer at Deloitte Digital * Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital
Summary The world of JavaScript is a large one. AJ O’Neal (@coolAJ86), Podcaster & JavaScript Developer along with Netflix UI Architect & TC-39 Member, Jafar Husain (@jhusain) take us through opinions & facts about the state of the ubiquitous JavaScript language. Modern application development can daunting for developers just coming into web technology & JavaScript. Utilizing the latest & greatest in the language is not as easy as one might think and in some case it may be possible.
Then there are the transpilers & package managers. So many tools to polyfill or shim and features seems like more work than we’d want for a fast production project. Is it worth utilizing the benefits of ES6 & ES7? AJ & Jafar share with us what they think.
Resources * ES6 Support Table - http://kangax.github.io/compat-table/es6/ * ES7 Support Table - http://kangax.github.io/compat-table/es7/ * ES Discuss - https://esdiscuss.org/ * Subscribe to the ES Summaries Mailing List - https://mail.mozilla.org/listinfo/es-discuss * Some features explained - https://github.com/lukehoban/es6features * ESFiddle - http://www.es6fiddle.net/ * One of the best blogs on JavaScript - http://www.2ality.com/ * Using ES6 is io.js - https://iojs.org/en/es6.html * TC-39 - http://www.ecma-international.org/memento/TC39-M.htm * Jafar’s talk on ES7 - https://www.youtube.com/watch?v=DqMFX91ToLw * JSJ on ES6 (older but good) - http://devchat.tv/js-jabber/068-jsj-es6-with-aaron-frost * Adventures in Angular ES6/TypeScript episode - * http://devchat.tv/adventures-in-angular/041-aia-typescript-with-dan-wahlin * The Extensible Web Manifesto = https://extensiblewebmanifesto.org/ * Jafar’s Ng-Conf Falcor talk -https://www.youtube.com/watch?v=WiO1f6h15c8 * HTML5DevConf : Asyncronous JavaScript at Netflix - https://www.youtube.com/watch?v=5uxSu-F5Kj0 * Douglas Crockford - http://javascript.crockford.com/ * daplie.com - https://daplie.com/ * DotNet Rocks 1099 Digging into Javascript 6 with Jafar Husain - http://www.dotnetrocks.com/default.aspx?showNum=1099 * JSJ The Koa Framework with Gerred Dillon and Will Conant - http://devchat.tv/js-jabber/117-jsj-the-koa-framework-with-gerred-dillon-and-will-conant * Dev Mountain - https://devmounta.in/
Panelists * Danny Blue - Front End Engineer at Deloitte Digital * Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital
What is Social Engineering (SE) and why should developers care? It is the ability to manipulate. It is the power to influence, elicit, and misdirect. It is a means hackers can use, for better or worse, to breach or protect companies, start or stop cyber wars, commit or prevent cyber crimes, and steal or secure your data.
Social Engineer, hacker, & author Chris Hadnagy (@humanhacker) discusses the dangers technology companies & developers are exposed to everyday. Social Engineering has become an art form. It can be used to help or hinder others. Those that help prevent SE attacks like Chris are known as White Hats. Those that seek to harm and take from others with malicious intent are known as Black Hats.
To Black Hats, we are just obstacles standing in the way of their goals. These individuals will do whatever they must to get us to reveal our secrets. Most times we even do this willingly, without ever realizing we have been hacked until it’s too late. Seemingly trivial information to us may just be the last crucial piece of information a Black Hat needs.
All the firewalls & countermeasures in the world can’t protect us from ourselves. We can’t afford to have our applications, our money, our lives hacked to bits because of our human nature. Chris talks with us on how we can prevent this from happening to us and our teams.
Upcoming Events with Chris Hadnagy * DEF CON 23 SECTF - http://www.social-engineer.org/ctf/def-con-23-sectf-rules-registration/ * Black Hat USA 2015 in Las Vegas - https://www.blackhat.com/us-15/training/advanced-practical-social-engineering.html * SE Training in Baltimore, MD - https://www.social-engineer.com/store/#!/5-9-October-2015-Advanced-Practical-Social-Engineering-Baltimore-MD/p/43984300/category=3286162
Resources * Books by Chris + Social Engineering : The Art of Human Hacking + Unmasking The Social Engineer + Phishing Dark Waters: The Offensive and Defensive Sides of Malicious Emails
- Books by Kevin Mitnick
- The Art of Deception: Controlling the Human Element of Security
-
The Art of Intrusion: The Real Stories Behind the Exploits of Hackers, Intruders and Deceivers
-
Social-engineer.org - http://www.social-engineer.org/
- Social-engineer.com - http://www.social-engineer.com/
- Paul Ekman Group - http://www.paulekman.com/
- The Social Engineering Podcast - http://www.social-engineer.org/category/podcast/
- @SocEngineerInc Twitter account - https://twitter.com/SocEngineerInc
- The Social Engineer Podcast episode 64 - http://www.social-engineer.org/podcast/ep-064-official-john-mcafee-social-engineer/
- The Social Engineering Framework - http://www.social-engineer.org/framework/general-discussion/
- Archive.org - https://archive.org/
Panelists * Danny Blue - Front End Engineer at Deloitte Digital * Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital
Jen Simmons (@JenSimmons), full stack designer & host of The Web Ahead Podcast (@TheWebAhead), takes us through what is means to contribute to and shape the ever changing landscape of the web. Jen produces an immense amount of free content from speaking engagements & training to podcasting that have reached all over the globe.
The Web Ahead guests have included some of the most influential people in web technology & design to date. Jen has had a major impact in the way we build and design for the web. Her uncanny abilities are almost akin to a unicorn in that she is extremely knowledgeable in both development & design. Good thing for us that Jen knows how to share her knowledge and help everyone have a chance to shape the future of the web.
Upcoming Events with Jen Simmons * San Francisco HTML5 Meetup - http://www.meetup.com/sfhtml5/events/219966720/ * An Event Apart - San Diego: aneventapart.com/event/san-diego-2015 * An Event Apart - Washington, DC: http://aneventapart.com/event/washington-dc-2015 * An Event Apart - Chicago: aneventapart.com/event/chicago-2015
Resources * The Web Ahead - http://thewebahead.net/ * Jen’s blog - http://jensimmons.com/ * Jen’s Github - https://github.com/jensimmons * CSS Layouts with Rachel Andrew - http://thewebahead.net/49 * Changing the Shapes with Sara Soueidan - http://thewebahead.net/81 * autoprefixer - https://github.com/postcss/autoprefixer * Drupal - https://www.drupal.org/ * Jen’s Bartik theme for Drupal - https://www.drupal.org/project/bartik * Jen’s Drupal work - https://www.drupal.org/u/jensimmons * SASS - http://sass-lang.com/ * Git Tower - http://www.git-tower.com/ * Square Space - http://www.squarespace.com/ * Grid Layout - https://css-tricks.com/snippets/css/complete-guide-grid/ * CSS Shapes 101 - http://alistapart.com/article/css-shapes-101 * multicolumn layout - https://css-tricks.com/almanac/properties/c/columns/ * CSS Shapes Chrome Extension - https://chrome.google.com/webstore/detail/css-shapes-editor/nenndldnbcncjmeacmnondmkkfedmgmp?hl=en-US * Media work by Jen on an Opera about Nikolas Tesla - http://www.violetfireopera.com/ * Tim Berners-Lee article using Multicolumn Layout - http://www.w3.org/DesignIssues/Security-NotTheS.html
Panelists * Danny Blue - Front End Engineer at Deloitte Digital * Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital * Nick Niemeir - Partner at Good News Everyone * Rachel Nabors - Master Web Animation Wizard, speaker & her own boss at Tin Magpie
Dan Shaw, Co-founder and President of NodeSource, and Mikeal Rogers, Creator & Curator of NodeConf & JSFest, join us to talk about io.js and node.js. It’s been awhile since the the forking of the Node project last Thanksgiving. Now, version 2.0 of io.js is about to release and many of us have more questions about the project.
Will the two projects reconcile or will they become separate entities? What future do we look to? Find out what we need to know and what we need to do to get ready.
Resources * io.js - https://github.com/iojs/io.js * node.js - https://github.com/joyent/node * io.js Goverance - https://github.com/iojs/io.js/blob/v1.x/GOVERNANCE.md#readme * IRC - #io.js * Proposal for reconciliation https://github.com/iojs/io.js/issues/1416 * API docs - https://iojs.org/api/ * nodesource - https://nodesource.com/ * NG - https://github.com/iojs/NG * The roadmap - http://roadmap.iojs.org * Node.js Advisory on Github - https://github.com/joyent/nodejs-advisory-board * Node.js Advisory - http://nodeadvisoryboard.com/
Panelists * Danny Blue - Front End Engineer at Deloitte Digital * Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital * Nick Niemeir - Partner at Good News Everyone * Tyler McGinnis - Firebase Expert & Lead Instructor / Software Engineer at DevMtn
Steve Newcomb, CEO at Famo.us, joins us for a second time with software engineer Michael O’Brien to talk about the changes in the framework. Moving toward what Famo.us calls “MIxed Mode”, which will debut in the upcoming framework 0.4 release, will allow developers to utilize the power of WebGL combined with the DOM. Essentially this means using the right tool for the right render target. “Mixed Mode” is not the only news Famo.us has to share.
As we know from episode 17 of our podcast, Famo.us is always pushing the boundaries of imagination and what is possible. The 0.4 release will also have front end containers very similar to Flash but with editing capabilities. Famo.us Hub, a new service being released, Famo.us JQuery Wdgets, and so much more is almost at our developer fingertips.
Release 0.4 will be 25kb minified and provide an extremely versatile set of tools for us to use as developers. The biggest announcement though is quite simpler but very relevant….Famo.us is now MIT licensed!
Resources * Famous Framework - http://famo.us * JQuery SF Conference - https://appdevelopermagazine.com/2585/2015/3/28/Famo.us-and-jQuery-Foundation-to-host-jQuery-SF-2015-Conference-June-22-and-23/ * Widgetize the Web - http://www.forbes.com/sites/anthonykosner/2015/01/15/famo-us-joins-jquery-to-widgetize-the-evolution-of-web-development/ * Infoworld Article - http://www.infoworld.com/article/2906318/web-browsers/javascript-experts-microsofts-new-spartan-browser-rocks.html
Panelists * Danny Blue - Front End Engineer at Deloitte Digital * Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital * Nick Niemeir - Partner at Good News Everyone
Rachel Nabors - Master Web Animation Wizard, speaker & her own boss at Tin Magpie
Rob Eisenberg (@EisenbergEffect) recently released a framework that focuses on standardization & swappable modules. Rob is no stranger to framework building, having created the popular JavaScript framework Durandal.js and more recently having helped develop Angular 2.
Aurelia has a great story. It uses ES6/ES7 JavaScript standards so you are coding with raw JavaScript. Templates use the template HTML tag and bindings are handled by pure JavaScript Template Strings. The framework itself is very barebones and can easily work with other libraries, frameworks, or modules outside Aurelia. This approach is very different than what we’ve seen from todays application or component frameworks.
Rob talks with us about this ‘spiritual successor’ project of Durandal, why it was created, and how it can be used today.
Resources * Aurelia.io - http://aurelia.io/ * Aurelia Github Organization - https://github.com/aurelia * Aurelia Framework - https://github.com/aurelia/framework * Introduction Video - https://vimeo.com/117778145 * Gitter - https://gitter.im/Aurelia/Discuss * Basic tutorial - http://aurelia.io/get-started.html * Documentation - http://aurelia.io/docs.html * Adaptive Binding - http://blog.durandal.io/2015/04/03/aurelia-adaptive-binding/ * Latest release news - http://blog.durandal.io/2015/03/25/aurelia-0-10-0-release-status/ * Durandal - http://durandaljs.com/ * Rob’s Github page - https://github.com/EisenbergEffect * The Aurelia Router - https://github.com/aurelia/router * React & Aurelia - http://ilikekillnerds.com/2015/03/aurelia-vs-react-js-based-on-actual-use/ * Using React in Aurelia - http://ilikekillnerds.com/2015/03/how-to-use-react-js-in-aurelia/ * Aurelia vs Angular - http://ilikekillnerds.com/2015/01/aurelia-vs-angularjs-round-one-fight/ * Rob on DotNetRocks - http://www.dotnetrocks.com/default.aspx?showNum=1097
Panelists * Danny Blue - Front End Engineer at Deloitte Digital * Erik Isaksen - HTML5 Google Developer Expert & Front End Engineer at Deloitte Digital * Nick Niemeir - Partner at Good News Everyone * Tyler McGinnis - Firebase Expert & Lead Instructor / Software Engineer at DevMtn
Special Thanks to our community friends Webbear1000, Souldrinker, and zewa666 for their questions and contributions on Gitter.
John O’Nolan (@johnonolan), founder of Ghost, and Hannah Wolfe (@ErisDS), Ghost CTO talk about blogging and how the Ghost Project can make a difference in the blogging community. John gives a great overview of blogging and how Wordpress, the blogging giant, had become something totally different than what it had originally set out to be. Ghost was a response to the frustration of Wordpress and has since taken blogging to where, according to John, Wordpress should have gone.
Hannah & John share the project’s user experience and underlying concepts that can potentially aid developers in using Ghost to its full potential. They takes us through the technical details developers would need to get started as well as tips and great resources we can take advantage of.
Resources * The Ghost Blogging Platform - https://ghost.org/ * The 2012 post by John O’ Nolan - http://john.onolan.org/project-ghost/ * Ghost vs. Wordpress - http://www.elegantthemes.com/blog/resources/wordpress-vs-ghost * Open Source Business - http://john.onolan.org/open-source-business/ * Github - https://github.com/tryghost/Ghost * Ghost Vagrant Setup - https://github.com/TryGhost/Ghost-Vagrant * Ghost for beginners - http://www.ghostforbeginners.com/ * Ghost on Google+ - https://plus.google.com/114465948129362706086 * Install Ghost on Digital Ocean in under 3 minutes - https://www.youtube.com/watch?v=jYnMoV3emKg * Some Themes - http://themeforest.net/category/blogging/ghost-themes * Vote for Ghost Features - http://ideas.ghost.org/forums/285309-wishlist * Ghost Themes - http://marketplace.ghost.org/ * Ghost Dev - http://dev.ghost.org/ * Public Roadmap: https://trello.com/b/EceUgtCL/ghost-roadmap
Panelists * Danny Blue - Front End Engineer at Deloitte Digital * Erik Isaksen - Front End Engineer at Deloitte Digital
Brian Leroux (@brianleroux), Adobe Phonegap Team Member & open source software developer, spends lots of time on the Apache Cordova and Adobe PhoneGap projects. Hailing from Canada, he loves his hockey and beer- maybe even more than coding. He has spoken at many conferences and is an expert in delivering & teaching mobile web development.
Brian goes into depth on the Phonegap project. Brian discusses how developers can get started building great mobile experiences with Phonegap. He also details the benefits / downfalls of different approaches to mobile development using web technologies as well as tooling, testing, and automation.
Resources * PhoneGap - https://phonegap.com * PhoneGap Build - https://build.phonegap.com/ * Ionic Framework - http://ionicframework.com/ * Cordova - https://cordova.apache.org/ * Introduction to PhoneGap Build - http://tv.adobe.com/watch/building-mobile-apps-with-phonegap-build/introduction-to-phonegap-build-building-your-first-app/ * Kony - http://www.kony.com/ * ReApp - http://reapp.io/ * Appcelerator - http://www.appcelerator.com/ * Sencha Touch - http://www.sencha.com/products/touch * JQuery Mobile - http://jquerymobile.com/ * Kendo UI - http://www.telerik.com/kendo-ui * Onsen UI - http://onsen.io/ * Famo.us - https://famo.us/ * Firefox OS - https://www.mozilla.org/en-US/firefox/os/ * Crosswalk - https://crosswalk-project.org/ * ReApp - http://reapp.io/ * Phonegap Experts (company) - ` http://phonegapexperts.com/?gclid=CjwKEAjw876oBRCYr86w6KGfpkgSJAACIidwP41ihwn_EWhsPDM_3QAL5hG3imgiVfqIRK4tAhUtnBoCF6rw_wcB * Brian Brock’s App Adventure - https://www.youtube.com/watch?v=HgNGJosQ6BE * Touchstone.js (React Hybrid Apps)- http://touchstonejs.io/ * Appguyver - http://www.appgyver.com/ * Phonegap mobile accessibility - https://github.com/phonegap/phonegap-mobile-accessibility * Article on modules in JavaScript - https://medium.com/@brianleroux/es6-modules-amd-and-commonjs-c1acefbe6fc0
Panelists * Erik Isaksen - UX Engineer at3Pillar Global * Danny Blue - Front End Engineer at Deloitte Digital * Rachel Nabors - Web Animation Developer Advocate & Founder of TinMagpie
React’s Virtual DOM (Document Object Model) & the browser DOM are very different in their approach. Virtual DOM prefers to keep it’s logic and changes in JavaScript and eventually optimizes output to the browser DOM at the most critical moment that provides performance boosts while the browser DOM utilizes the traditional way of working with the document, accessing HTML directly, working with browser events, and manipulating state. The performance gains from a Virtual DOM approach are outstanding despite the fact that events, css, markup, and ‘all-of-the-things’ are stubbed, recreated, or handled in some way inside the JavaScript. Browser DOM, on the other hand, handles everything in the global document and leverages JavaScript, CSS, and other resources directly. Surely these approaches are not good to use together.
Wrong!
Andrew Rota (@AndrewRota) & Denis Radin (@PixelsCommander) talk about the ways you can leverage both Web Components & React.js together in a symbiotic fashion. Denis, creator of Reactive Elements, starts us off explaining how his library came to be and why he chose to marry these two technologies in his work. Andrew, who spoke at ReactConf 2015 talks about his experiences with Web Components & React.
Resources * Reactive Elements - https://github.com/PixelsCommander/ReactiveElements * Component Interop With React And Custom Elements - http://addyosmani.com/blog/component-interop-with-react-and-custom-elements/ * Pros/Cons of React vs. Web Components - http://programmers.stackexchange.com/questions/225400/pros-and-cons-of-facebooks-react-vs-web-components-polymer * Combining React, Flux & Web Components - http://futurice.com/blog/combining-react-flux-and-web-components * Complementarity of React and Web Components - http://webcomponents.org/presentations/complementarity-of-react-and-web-components-at-reactjs-conf/ * React vs. Polymer - https://news.ycombinator.com/item?id=8050649 * React Demystified - http://blog.reverberate.org/2014/02/react-demystified.html * Rob Dodson’s experiments with React & Web Components - https://github.com/robdodson/react-polymer * Front End Tower of Babylon - http://www.slideshare.net/DenisRadin/frontend-tower-of-babylon
- React vs. Web Components article - https://www.pandastrike.com/posts/20150311-react-bad-idea
Panelists * Erik Isaksen - UX Engineer at3Pillar Global * Nick Niemeir - JavaScript Agent Engineer at New Relic
Accessibility for web applications typically gets added at the end of development cycles with different tools and low priority. This ruins the experience for many users and generally causes a huge impact on the quality of code. Because many companies are not held to supporting the standards of Section 508, Web AIM best practices, and WCAG by their clients and the impact in ROI is hard to measure it usually doesn’t happen.
Karl Groves (@karlgroves), Accessibility Consultant at The Paciello Group , creator of Tenon.io, & viking web developer leads by example, being an unstoppable developer community advocate for integration of accessibility over supplementation. Tenon takes a very interesting approach in that it integrates with tools we already use. Karl goes through developer resources. Tenon, and how we can make Web Accessibility a ‘first class’ citizen in our applications by making it part of our workflow and a fully integrated part of our process.
Resources * Tenon - http://tenon.io/ * Tenon Chrome Plugin - https://chrome.google.com/webstore/detail/tenon-check/bmibjbhkgepmnehjfhjaalkikngikhgj?hl=en-US * grunt-tenon - https://github.com/babaskate/grunt-tenon * gulp-tenon-client - https://github.com/egauci/gulp-tenon-client * Tenon Node - https://github.com/poorgeek/tenon-node * tenon for Silverstripe - https://github.com/joshkosmala/silverstripe-tenon * React & Tenon demo - https://bitbucket.org/tenon-io/tenon-demo-javascript-reactjs * Modern Web Toolsets & The Next Generation of Accessibility Testing Tools (warning - content explicit)- https://www.youtube.com/watch?v=_uq6Db47-Ks&t=247 * Karl’s Viking Site - http://www.karlgroves.com/ * Karl’s Sandbox - http://www.karlgroves-sandbox.com/ * Marcy Sutton’s Protractor Plugin - http://marcysutton.com/angular-protractor-accessibility-plugin/ * Chrome Vox - https://chrome.google.com/webstore/detail/chromevox/kgejglhpjiefppelpmljglcjbhoiplfn?hl=en-US * Steve Faulkner’s Web Accessibility Toolbar - https://github.com/ThePacielloGroup/WebAccessibilityToolbar/releases/tag/2015-02-04 * Tenon Visual Studio plugin - https://visualstudiogallery.msdn.microsoft.com/0ad320bc-80e4-402a-bf2b-d6c23a3a6730 * MDN Docs - https://developer.mozilla.org * Accessible Wordpress Templates - https://wordpress.org/themes/tags/accessibility-ready/ * Microsoft Accessibility Resources for Developers - http://social.technet.microsoft.com/wiki/contents/articles/28725.accessibility-resources-for-developers.aspx?Sort=MostRecent&PageIndex=1
Panelists * Erik Isaksen - UX Engineer at3Pillar Global * Danny Blue - Senior Front End Developer at Deloitte Digital * Adi Chikara - Advanced Technology Group Lead at 3Pillar Global
React Week (reactweek.com) is the premiere week long workshop focused solely on learning how to build applications in React.js taught by Ryan Florence. React is just the "V in MVC" so attendees will learn all about how to build full applications around React with the Flux architecture, React Router, Webpack, and Firebase.
Ryan isn’t the only top developer teaching at React Week. Lead Instructor, Tyler McGinnis (@tylermcginnis33) , chats with us about the React Week event, Firebase, Webpack, React and more. Tyler is no slouch when it comes to thought leadership. Not only is he joining our podcast for this episode but he is doing an episode of the JavaScript Jabber podcast and speaking at both Mountain West JavaScript, and ng-conf conferences….all in the next two weeks.
Resources * React Week - http://reactweek.com * React Week on Twitter - https://twitter.com/reactweek * Tyler’s personal site - http://tylermcginnis.com/ * Mountain West JS - http://mtnwestjs.org/ * ng-conf - http://www.ng-conf.org/ * Javascript Jabber - http://devchat.tv/js-jabber/ * Dev Mountain - https://devmounta.in/ * Firebase Experts Program - https://www.firebase.com/experts.html * JavaScript is Sexy - http://javascriptissexy.com/ * egghead.io - https://egghead.io/
Panelists * Erik Isaksen - UX Engineer at3Pillar Global * Nick Niemeir - JavaScript Agent Engineer at New Relic * Christian Smith - Open Source Developer & Startup Enthusiast * Rob Simpson - Senior Front End Developer & host of The Watercooler Web Dev Show * Rachel Nabors - Web Animation Developer Advocate & Founder of TinMagpie
The Internet Explorer team at MIcrosoft are making waves in the developer community. The Internet Explorer browser (AKA IE or Internet Exploder) has a long and jaded history. Newer developers may not recall, but fifteen years ago Internet Explorer was arguably THE best browser experience we had. IE had some basic developer tools, it practically invented AJAX with its ActiveX Technology, and it was the standard that corporate web development was measured by. Then, something happened. Firefox was born.
The Firefox browser, created by Mozilla, in contrast to IE was rapidly developed and it worked with standards bodies to guide feature implementation. One key success factor for Mozilla was that Firefox was an open source community driven project. Microsoft did not follow the same philosophies as Mozilla in their development. They opted to continue using proprietary technologies and continued on the path that led them to success for so many years.
The community began to resent Microsoft & Internet Explorer because Internet Explorer was, and as of today, stil is the default browser for its Windows Operating System. Since its creation, Windows has the majority market share in the corporate & government spaces. For better or for worse, the most successful development companies traditionally have targeted these markets and related sub markets because they typically yield the most profits comparatively to their costs.
The Safari & Opera browsers also fell in line with Firefox as far as standards implementation. Some extra code is needed to make everything work the same across browsers & devices but it’s minimal in effort. This ‘cross-browser’ coding is not as insignificant with Internet Explorer. Developers now had to build extra code and spend extra time needed to support Internet Explorer which cost companies a ton of money.
Something happened to Microsoft in recent years that slowly changed the way they looked at the business of web & mobile development. Microsoft decided to invest in open source. They created Microsoft Open Tech. They adopted JQuery as an officially supported JavaScript framework in their products. They began taking an active role in standards bodies and implementation of open standards. Microsoft also started doing something that surprised the developer community. They started telling the public what they were building into Internet Explorer as well as the development status of those features.
The IE team began adding support & tooling for popular open source projects for their .NET platform. One of the most surprising moves by Microsoft is that The Internet Explorer team publically empowered developers & users to voice the features they want in the next versions of the Internet Explorer Platform experience.
Jacob Rossi, Charles Morris, & Adrian Bateman join The Web Platform Podcast to chat about the future of the web and how Microsoft is returning to its former glory and, arguably, leading the way in developer happiness. Microsoft is making massive improvements in the experience of Internet Explorer. On top of that they are actively assisting companies with the upgrade process and involving users in a Technical Preview Program of Windows 10 where users can help improve the product before the official release. This preview has a new browser alongside the modern Internet Explorer. This new browser, code named ”Project Spartan”, is free of the old Internet Explorer legacy and ushers in a new way to think about MIcrosoft’s Web Platform..
Resources * Asm.js on IE - http://blogs.msdn.com/b/ie/archive/2015/02/18/bringing-asm-js-to-the-chakra-javascript-engine-in-windows-10.aspx * IE Blog - http://blogs.msdn.com/b/ie/ * IE on Twitter - @IEDevChat * Smashing Magazine article on Spartan - http://www.smashingmagazine.com/2015/01/26/inside-microsofts-new-rendering-engine-project-spartan/ * Modern IE - https://www.modern.ie/ * Free Windows Virtual Machines for Mac & Linux - https://www.modern.ie/en-us/virtualization-tools#downloads * Public Platform Status - https://status.modern.ie/ * Remote IE - https://remote.modern.ie/subscribe * User Voice Post - https://wpdev.uservoice.com/forums/257854-internet-explorer-platform * Rethinking Microsoft's Browser with Rey Bango - http://www.thewebahead.net/94 * EcmaScript 6 (ES6) Compatibility Tables - http://kangax.github.io/compat-table/es6/ * Sitepoint article - http://www.sitepoint.com/microsoft-spartan-future-internet-explorer/
Panelists * Erik Isaksen - UX Engineer at3Pillar Global * Nick Niemeir - JavaScript Agent Engineer at New Relic * Rob Simpson - Senior Front End Developer & host of The Watercooler Web Dev Show * Rachel Nabors - Web Animation Developer Advocate & Founder of TinMagpie
What is Facebook’s React.js project? When it was announced at JSConf US 2013 it met mixed reviews. One question that might enter your mind is...as developer today in 2015, do I really need to know another framework? The short answer is “yes”. In episode 31 “Building with React.js” we talk with Facebook developer and TC39 member, Sebastian Markbage (@sebmarkbage) on building apps with React, React Native, React Conf 2015, what’s new in the framework, what the core concepts are, what the hype is all about, and much more.
Resources * Sebastian Markbage: Minimal API Surface Area | JSConf EU 2014 - https://www.youtube.com/watch?v=4anAwXYqLG8 * React - https://github.com/facebook/react * Sebastian’s Github - https://github.com/sebmarkbage * React blog - http://facebook.github.io/react/blog/ * v.0.13.0 Beta update - http://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html
Panelists * Erik Isaksen - UX Engineer at3Pillar Global * Danny Blue - Front End Engineer at Deloitte Digital * Nick Niemeir - JavaScript Agent Engineer at New Relic
We, as developers, consume so much information. We read blogs, use our social media to get the latest happenings, follow startup & corporate companies in the news, and we pull in so many libraries and frameworks that power our applications and reduce the amount of work we need to do. Many of us take it for granted that the libraries, frameworks, gists, codepens, blog posts, screencasts, podcasts, & books we consume are all someone elses hard work. That work probably required a lot of time & energy but more importantly, those community contributors took the mindset that others could benefit from their work. Why would they make it a priority to spend the extra time and effort doing this when they have their own deadlines & their own struggles? Surely these people must be crazy, right? Perhaps this is true...but what if it's not?
Who are the people that create for us? Why do they do it? What can we gain in our own work by delivering our own content to others? How can we help contribute? These are only a few of the questions that tend to surface when we discuss the topic of contributing to the community. Episode 30 takes a strong & hard look at the reasons why we produce content and why we consume it. More importantly, we talk to the benefits developers can gain by both producing & consuming code and content in their own work.
Levent Gurses (@gursesl), mobile developer and founder of Movel, talks with us about his experiences running meetups, building software in the open, and sharing with the community. Movel is a mobile product & services company that specializes in building scalable corporate
Resources * Github - https://github.com * Anvil Connect Id Server - http://anvil.io * CodePen - http://codepen.io * Assembly - https://assembly.com/ * Gist - https://gist.github.com/ * The Web Animation Newsletter - http://webanimationweekly.com * Movel - http://movel.co * Mobile DC - http://www.meetup.com/mobile-dc/ * Code For DC - http://codefordc.org/ * Code School - https://www.codeschool.com * Code Academy - http://www.codecademy.com/ * Khan Academy - https://www.khanacademy.org/ * Rails Girls - http://railsgirls.com/ * Hack Reactor - http://www.hackreactor.com/ * Girl Develop It - http://www.girldevelopit.com/ * egghead.io - http://egghead.io * Lets Code Javascript - http://www.letscodejavascript.com/
Panelists * Erik Isaksen - UX Engineer at3Pillar Global * Christian Smith - Open Source Developer & Startup Enthusiast * Danny Blue - Front End Engineer at Deloitte Digital * Rachel Nabors - Web Animation Developer Advocate & Founder of TinMagpie
The Reactive Extensions (Rx) is a library for building async and event-based programs using observable sequences & query operators. Developers can use Rx to represent asynchronous data streams with Observables and query those data streams using LINQ operators. Rx can utilize Schedulers to parameterize concurrency asynchronous data streams.
Simply put, Rx = Observables + LINQ + Schedulers.
Rx comes in many flavors and there are a lot of resources out there. Microsoft has open sourced this interesting and powerful way to work with async data streams so that we can all contribute and benefit from its strengths & weaknesses.Matthew Podwysocki (@mattpodwysocki), Microsoft ‘Open Sourcerer’, demystifies the Rx realm and opens our minds to new ideas.
Resources * Reactive Extensions on Codeplex - https://rx.codeplex.com/ * Reactive Extensions on Github - https://github.com/Reactive-Extensions/ * Intro To Rx Book - http://www.amazon.com/dp/B008GM3YPM/ * React and Rx Examples - https://github.com/Reactive-Extensions/RxJS/tree/master/examples/ * community resources - http://reactivex.io/community.html * reactivex.io - http://reactivex.io/ * tutorials - http://reactivex.io/tutorials.html * stock server - https://github.com/Reactive-Extensions/RxJS/tree/master/examples/stockserver * Rx twitter - https://twitter.com/ReactiveX * Microsoft Github List - https://microsoft.github.io/
Panelists
- Erik Isaksen - UX Engineer at3Pillar Global
- Rob Simpson - Senior Front End Developer atCapco
- Nick Niemeir- JavaScript Agent Engineer atNew Relic
- Danny Blue - Front End Engineer at Deloitte Digital
Gary McGraw (@cigitalgem), CTO of the security giant Cigital, chats with us about how web developers, and software engineers in general, can best secure applications we are building today. We dive into best practices, team collaboration techniques, where to go for further information, and what companies like Cigital are doing for the web security community.
Resources * Cigital- http://www.cigital.com/ * The Silver Bullet Podcast - http://www.cigital.com/silver-bullet/ * Web Application Security Consortium - http://www.webappsec.org/ * Software Security - Building Security In - http://www.amazon.com/Software-Security-Building-In/dp/0321356705 * NodeGoat - http://nodegoat.herokuapp.com/login * RailsGoat - http://railsgoat.cktricky.com/ * Gary’s books - http://www.cigital.com/~gem/books/ * Charlie Miller Interview - http://www.cigital.com/silver-bullet/show-095/ * OWASP - https://www.owasp.org/
Panelists * Adi Chikara - ATG Lead at3Pillar Global * Christian Smith - Open Source developer & Startup Enthusiast * Chetan Karande - Senior Software Engineer at Omgeo * Erik Isaksen - UX Engineer at3Pillar Global * Rob Simpson - Senior Front End Developer atCapco * Nick Niemeir - JavaScript Agent Engineer at New Relic
Chris Coyier (@chriscoyier), creator of CSS-Tricks & Codepen speaks with The Web Platform Podcast of buiding the Real Time Code Editor based on CodeMirror, Codepen.io. We go into what designers, educators,and developers are doing with this service and how we can best utilize codepen in our own work. We also focus on the UX and features of the service that have led to it’s success on various levels. Chris is a well known author, speaker and is the podcast host of ShopTalk Show. Resources * Codepen.io - http://codepen.io * Contribute to the Open Source parts of CodePen - https://github.com/CodePen * Chris’s Twitter - https://twitter.com/chriscoyier * Rachel Smith’s Story - http://codepen.io/rachsmith/blog/last-year-i-joined-codepen-what-happened-next-will-blow-you-away * Shop Talk Show - http://shoptalkshow.com/ * CSS Tricks - http://css-tricks.com/ * The Lodge - http://css-tricks.com/lodge/ * A video intro to Codepen - http://vimeo.com/66335155 * CodeMirror API - http://codemirror.net/ * ACE Editor - http://ace.c9.io/ * PubNub -http://www.pubnub.com/ * Ana Tudor’s Pens - http://codepen.io/thebabydino/ * Chris Coyier’s Pens - http://codepen.io/chriscoyier/ * Rachel Nabors Pens - http://codepen.io/rachelnabors/ * Rachel Smith’s Pens - http://codepen.io/rachsmith/
Panelists * Rachel Nabors - Master Web Animation Wizard, speaker & her own boss at Tin Magpie * Rob Simpson- Senior Front End Developer at Capco * Danny Blue - Front End Developer at Deloitte Digital * Erik Isaksen - UX Engineer at 3Pillar Global
Sponsors
- Sticker Mule (@stickermule)
Custom Stickers that stand out above the rest - NovaAngular (@NovaAngular)
The Angular JavaScript Meetup in Herndon, VA. Contact them for speaking engagements online or in person - novaangular@gmail.com
While working to secure Rails applications in a truly Agile development environment, it became clear to Ken Johnson (@cktricky), CTO of nVisium Security, and Mike McCabe (@mccabe615) that the Rails community needed attention to security in the form of free and open training. The events that have transpired this past year have only reinforced that belief. RailsGoat, an OWASP project, is an attempt to bring attention to both the problems that most frequently occur in Rails, solutions for remediation, and common attack scenarios. Ken, Mike, and their contributors built a vulnerable Rails application that aligns with the OWASP Top 10 and can be used as a training tool for Rails-based development shops.
Resources * Brakeman - http://brakemanscanner.org/ * RailsGoat - http://railsgoat.cktricky.com/ * OWASP - https://www.owasp.org/ * OWASP NoVA - http://www.meetup.com/OWASP-Northern-Virginia-Chapter/ * Rails Security Guide - http://guides.rubyonrails.org/security.html * RoR Security Google Group - https://groups.google.com/forum/#!forum/rubyonrails-security * DevOops Video - https://www.youtube.com/watch?v=1kPw3tHt2oo * DevOops Slides - http://www.slideshare.net/chrisgates/lascon-2014-devooops * Ensnare Gem - https://github.com/ahoernecke/ensnare
Our guests Michael Bleigh, Divshot CEO, and Kevin Chau, Director of Business Development at Divshot, talk about the importance of Static Applications, Hosting Static Apps, & Hackathons. Static Showdown is a worldwide 48 hour hackathon featuringstatic web apps. Divshot, a company born of a hackathon, is a leader in Static App Hosting. They are Community Builders and lovers of the web.
This year, Divshot brings us it’s 2nd incarnation of the Static Showdown competition that will be held online Jan 24th through Jan 25th. Registered teams will be provided with a private github repo & Divshot Static App hosting for the hackathon. Some prizes include Chrome Books, Moto 360’s, $300 Apple Gift cards, $500 Amazon gift cards, cold hard cash and more.
This Serverless coding event is sponsored by some of the top companies & projects in the web development industry. Past Judges have included Yehuda Katz, Eric Bidelman, Alex McCaw, Mark Otto, Zach Holman, and many others. Sign ups end on Jan 22nd so hurry and get your team ready ASAP for a solid 48 hours of fun, creativity, & excitement. Register at http://staticshowdown.comnow! Hosts:
- Erik Isaksen - UX Engineer at3Pillar Global
- Christian Smith- Open Source Developer & Startup Enthusiast
- Danny Blue - Senior Front End Developer at Deloitte Digital
- Nick Niemeir- JavaScript Agent Engineer atNew Relic
This episode is also available on our YouTube channel
Links * StaticShowdown 2015 - http://www.staticshowdown.com/ * Divshot Static App Hosting - http://divshot.com * ReadTheSource.ioSuperStatic walkthrough with Scott Corgan - http://hangouts.readthesource.io/hangouts/divshot-superstatic/ * Divshot’s Blog - https://divshot.com/blog/ * ele.io (ellie) Web Components Playground - https://ele.io * Built With Polymer - http://builtwithpolymer.org/ * Web Components LA - http://www.meetup.com/Web-Components-LA/ * Erik’s quick intro to Divshot (15 min) - https://www.youtube.com/watch?v=5DXme0_dfK4 * Creating Webpages using Bootstrap and Divshot (73 min) - https://www.youtube.com/watch?v=SLYZ7ZVwnvk
Static Apps Org - http://www.staticapps.org/
Offline access for applications is becoming more and more necessary for web development today due to increasing client usability demands. The HTML AppCache are a partial solution but is very sticky, often provides stale data and is not dynamic or adaptable. Developers can easily find themselves doing hacks with the deprecated Web SQL API, IndexedDB, & localStorage or a framework like Hood.ie to achieve a fully supported offline application.
Jake Archibald (@jaffathecake), Google software engineer, wrote an infamous article on A List Apart about the inadequacies of AppCache. This turned into the beginnings of ServiceWorker, an API for offline access that provides “scriptable primitives that make it possible for application developers to build URL-friendly, always-available applications in a sane and layered way.” ServiceWorkers allow developers to to make sites work faster and/or offline and also use network intercepting as a basis for other 'background' features such as push messaging and background sync
Jake, along with Google Engineer, Alex Russell (@slightlylate) & Mozilla engineers Anne Van Kesteren (@annevk) & Ben Kelly (@wanderview) talk about ServiceWorker’s current state and how we will use it in our applications.
Resources * The spec - https://slightlyoff.github.io/ServiceWorker/spec/service_worker/index.html * How to build with ServiceWorkers - https://github.com/slightlyoff/ServiceWorker/blob/master/explainer.md * The Offline Cookbook - http://jakearchibald.com/2014/offline-cookbook/ * ServiceWorker Cache Polyfill - https://github.com/coonsta/cache-polyfill * ServiceWorker Github - https://github.com/slightlyoff/ServiceWorker * The article that started it all - http://alistapart.com/article/application-cache-is-a-douchebag * Offline First Organization - http://offlinefirst.org/ * Potential Resource Implications - https://hacks.mozilla.org/2014/12/mozilla-and-web-components/ * Understanding ServiceWorker Cache in Firefox - http://blog.wanderview.com/blog/2014/12/08/implementing-the-serviceworker-cache-api-in-gecko/ * Intro to Service Worker - http://www.html5rocks.com/en/tutorials/service-worker/introduction/ * Using Service Workers - https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorker_API/Using_Service_Workers * Web Spec Framework - https://github.com/slightlyoff/web-spec-framework * Brendan Eich Quote - https://annevankesteren.nl/2014/09/tc39-api-design * The early state of ServiceWorker - http://devchat.tv/js-jabber/069-jsj-the-application-cache-with-jake-archibald
Support in browsers - https://jakearchibald.github.io/isserviceworkerready/
- Rachel Nabors (@rachelnabors) adventures around the world to speak at conferences about animation, interaction, and storytelling. Based in Portland, Oregon, she works at her own company Tin Magpie, training folk to use web animation and publishing interactive stories.
Rachel guides us through her interaction development process using the Web Animation API, CSS, HTML, JavaScript and more. We chat with her about training designers & developers animation techniques & fundamentals and the valuer of baked goods.
Links + Tin Magpie - https://twitter.com/tinmagpie / http://tinmagpie.com/ + Rachel Nabor’s site - http://rachelnabors.com/ + Training - http://rachelnabors.com/training/ + Alice In Videoland - http://rachelnabors.com/alice-in-videoland/book/ + Alice in Videoland code explained - http://webdesign.tutsplus.com/articles/how-they-did-it-alice-in-videoland--webdesign-16411 + Alice in Videoland design explained - http://www.adobe.com/inspire/2013/12/interactive-html5-storybook.html?trackingid=KJGDU&PID=7114730 + Github - https://github.com/rachelnabors + state of the animation - http://www.tuicool.com/articles/ABbQ73n + Inventing on Principle - http://vimeo.com/36579366 + homestuck - http://www.mspaintadventures.com/
A discussion on Open Source technologies with open source contributors & interested developers. We tackle topics such as how to get started contributing, resources that developers might need, starting a project of your own, understanding licenses, monetization strategies, and the darker sides of open source.
Our panelists:
- Rob Simpson, Senior Engineer at AgileX & Host of The WaterCooler Web Dev Show
- Joe Barnes, Senior Architect at Mentor Graphics & Lift web framework contributor
- Matt Creager - Developer Advocate at Heroku
- Erik Isaksen - UX Engineer at3Pillar Global
- Christian Smith - Open source developer and startup enthusiast
- Nick Niemeir- JavaScript Agent Engineer atNew Relic
This episode is also available on our YouTube channel
Links * Open Source Jerks - http://readwrite.com/2014/12/15/open-source-avoid-the-jerks * What is open source? - http://en.wikipedia.org/wiki/Open-source_software_development * The Open Source Initiative - http://opensource.org/ * Open Source is innovation - http://www.infoworld.com/article/2607921/application-development/the-open-source-way-of-being.html * Github - https://github.com * Bitbucket - https://bitbucket.org * Gitlab - https://gitlab.com * LiftWeb - http://liftweb.net/ & https://github.com/lift * Free as in Freedom - https://static.fsf.org/nosvn/faif-2.0.pdf * The Cathedral and the Bazaar - http://www.catb.org/esr/writings/cathedral-bazaar/ * The Magic Cauldron - http://www.catb.org/esr/writings/magic-cauldron/magic-cauldron.html * Is npm worth 2.6MM? - http://words.steveklabnik.com/is-npm-worth-26mm * Contributing on GitHub - https://guides.github.com/activities/contributing-to-open-source/ * Various Licenses and Comments - https://www.gnu.org/licenses/license-list.html * Design & development in Open Source - http://open-karma.com/
Gitter - https://gitter.im/
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
Matt Claypotch (@potch), Mozilla Apps Engineer & Lead on Mozilla Brick Project and Soledad Penades(@supersole), GIF Hacktivist & Mozilla Apps Engineer, join us for Episode 20, “Mozilla Brick, ‘UIKit’ for The Web”, where we talk about building UI focused Web Components for the Mobile First Web Development.
Mozilla Brick is a set of ‘Mobile First’ focused Web Components built as close to the specs as possible. It is not a library built on top of web components but a collection of elements with as little abstraction as possible. Brick's goal has been to make building the interface of web applications easier. UI is not as easy for many developers to build from scratch and it can be difficult to get performant, usable, and attractive widgets.
“Just as native platforms have UI toolkits, Brick aims to provide a 'UIKit for the Web' using the latest standards to make authoring webapp UI easier than ever before.”
The Mozilla Brick Team
Resources * MozBrick - http://mozbrick.github.io/ * MozBrick Blog - http://mozbrick.github.io/blog/ * MozBrick Github - https://github.com/mozbrick/brick * Sole’s Website - http://soledadpenades.com/ * Matt’s Github - https://github.com/potch * Sole’s Github - https://github.com/sole * Matt’s personal site - http://potch.me/ * x-tag - http://www.x-tags.org/ * generator-brick - https://github.com/mozbrick/generator-brick * generator-element - https://github.com/webcomponents/generator-element * yeoman - http://yeoman.io/ * webcomponentsjs - https://github.com/webcomponents/webcomponentsjs * Polymer Project - https://www.polymer-project.org/ * Firebase Polymer Example at Web Components LA - https://www.youtube.com/watch?v=gErWcBdd-F8 * Soledad’s Audio Components talk - https://www.youtube.com/watch?v=SCBbd5N4fho * gulp - http://gulpjs.com/ * grunt - http://gruntjs.com * vulcanize - https://github.com/polymer/vulcanize * webdriver.io - http://webdriver.io/ * saucelabs - https://saucelabs.com/ * appmaker - https://github.com/mozilla-appmaker/appmaker * Steve Newcomb on The Web Platform - http://thewebplatform.libsyn.com/the-famous-vision-of-mobile-first * Marcy Sutton - http://marcysutton.com * Marcy Sutton’s Taco talk - https://www.youtube.com/watch?v=BgvDZZ8Ms8c * Firefox OS - https://www.mozilla.org/en-US/firefox/os/ * Hacker News Post - https://news.ycombinator.com/item?id=8386897 * Infoworld Article - http://www.infoworld.com/article/2690275/html5/build-better-html5-uis-mozillas-brick-library.html * Sitepoint Article - http://www.sitepoint.com/introducing-appmaker-teaching-coding-app-design/ * Screenshots of Elements - http://potch.github.io/proto/screenshots/
Firefox OS Marketplace example app - https://marketplace.firefox.com/app/firesea-irc?src=search
Chetan Karande (@karande_c), talks about Node.js App security and ways developers can prevent attacks. He goes into detail about working with Express.js in particular, NodeGoat, & his work with OWASP. Chetan is a team lead and senior software engineer at Omgeo and frequently speaks at conferences about JavaScript, Front End Technologies, Java, & Node.js.
Resources:
- Chetan’s Twitter - https://twitter.com/karande_c
- Chetan’s G+ - https://plus.google.com/103318808082524392883
- FluentConf Interview - https://www.youtube.com/watch?v=BLd5xLXSz1A&index=29&list=PL055Epbe6d5bab7rZ3i83OtMmD-d9uq2K
- FluentConf Slides - https://speakerdeck.com/ckarande/top-overlooked-security-threats-to-node-dot-js-web-applications
- jssummit - http://environmentsforhumans.com/2014/javascript-summit/
- omgeo- https://www.omgeo.com/
- node.js vulnerabilities http://blog.nodejs.org/vulnerability/
- Express vulnerabilities - http://expressjs.com/advanced/security-updates.html
- node security project - https://nodesecurity.io/advisories
- node-goat - https://www.owasp.org/index.php/OWASP_Node_js_Goat_Project
- retire.js - http://open.bekk.no/retire-js-what-you-require-you-must-also-retire
- OWASP ZAP Proxy - https://www.owasp.org/index.php/OWASP_Zed_Attack_Proxy_Project
- grunt-zap - https://www.npmjs.org/package/grunt-zaproxy
- chetan github - https://github.com/ckarande
- CVSS (Common vulnerability Scoring System) - http://nvd.nist.gov/cvss.cfm?calculator&version=2
- ReDos RegEx Test Tools -
- RXRR - http://www.cs.bham.ac.uk/~hxt/research/rxxr-download.shtml)
- SDL RegEX Fuzzer - http://www.microsoft.com/en-us/download/details.aspx?id=20095
We covered the basics of WebRTC (Web Real Time Communication) & Real Time Application Development in episode 7 of the podcast with Agility Feat and now, with the recent news that Microsoft has decided to start implementing ORTC (Object Real Time Communication), we felt it was time to get a closer look at this ‘peer-to-peer’ technology and how we can start using it today. ORTC is an ‘evolution’ of WebRTC (AKA Web RTC 1.1) and it changes a few things to the underlying way Web RTC works. Despite this, ORTC seems to retain all of its previous API’s and functionality.
Our guest Tsahi Levent-Levi (@tsahil) goes through the API's associated with ORTC, sharing his experiences with each piece of the technology. He takes us through possible client strategies ,deployment 'gotchas', what is relevant and working today, the misconceptions, and the power of peer-to-peer communication & media interactivity.
Resources
- ORTC news - http://www.infoq.com/news/2014/08/ortc-webrtc
- Skype article - http://bloggeek.me/microsoft-ie-ortc-webrtc-skype-h-264/
- REST & Web RTC - http://bloggeek.me/rest-webrtc-api/
- Tsahil’s Web RTC & VOIP Blog - http://bloggeek.me/
- Web Socket Throw back - http://www.joelonsoftware.com/items/2012/01/06.html
- ORTC - http://ortc.org/
- Web RTC - http://webrtc.org
- Sign up for DevFest 2014 - http://devfestdc.org
Defender of Magic, wizardry and the web, and CEO of Famo.us, Steve Newcomb (@stevenewcomb), walks us through the current state of Famo.us. Steve talks about how they are innovating the web and what we can expect in the future of “mobile first” web development from Famo.us.
Famo.us utilizes the power of a Virtual DOM combined with several engines that optimize the power of “cpu bound” performance. Famo.us claims to have mobile performance improvements that eliminate ‘janky’ animations and blur the lines between native device apps and mobile web apps.
Steve goes on to talk about how in April Famo.us will be releasing several features that will enable designers to easily pair with developers and also a new way of building with the framework that will “marry” native and web technology. “Mixed Mode” is a breakthrough for the team and apps built with this new feature will likely have native or even better than native UX & performance.
Resources * Famo.us Crunchbase - http://www.crunchbase.com/organization/famo-us * Famo.us Angular - http://www.famo.us/integrations/angular/#/intro * Famo.us - http://famo.us * Famo.us University - http://famo.us/university/home/#/ * Steve NewComb Twitter - https://twitter.com/stevenewcomb * ASM.js - http://asmjs.org/ * “3D Physics for DOMies” - https://www.youtube.com/watch?v=83MX4wsoMzU * Polymer - https://www.polymer-project.org * React - http://facebook.github.io/react/ * Angular - https://angularjs.org/ * Famo.us YouTube Channel - https://www.youtube.com/channel/UCiFhuK7AExmfhl8iUzw2g4w * Ionic Framework - http://ionicframework.com/ * Elm - http://elm-lang.org/ * Release 0.3.0 - https://github.com/Famous/famous/releases/tag/0.3.0 * Browserify - http://browserify.org/
Pair Programming is an agile software development technique in which two programmers work together on the same development work at the same time. Many variants exist for this practice, each having there own merits and drawbacks.
From a business perspective, many companies are skeptical and critical of this practice because it incurs cost. Whether that cost is measured by time or by labor hours, determining a measure of success for pair programming is not an easy thing to do. In a world where metrics and numbers define ‘the bottom line’ it is no surprise that pair programming is not used everywhere.
What does it provide for the business of product & software development? The benefits definitely outweigh the drawbacks from a developer perspective. Our Evan Light talks about the aspects of testing practices in pairing, tools, and many other secrets to unlocking the power pairing.
Evan Light (@elight) is a software developer with nearly 20 years of professional experience. Having a passion for community service, Evan has spent several years as a volunteer EMT. In 2008 Evan founded the Ruby DCamp “unconference” which he continues to organize and run each year. He is a respected member of the Ruby programming community and has spoken at several Ruby-related conferences over the years.
Evan has an extensive background in remote pair programming and recently spoke at RubyNation in Silver Springs, Maryland on the subject. Evan’s talk was titled “Remote Pairing From the Comfort of Your Own Shell” where he spoke about his challenges & experiences in pair programming over the years and what has tools he uses today. Resources eXtreme Programming Explained - http://www.amazon.com/Extreme-Programming-Explained-Embrace-Change/dp/0201616416
Pomodoro technique -
Agile Definition of Pair Programming - http://en.wikipedia.org/wiki/Pair_programming
PairWithMe - http://www.pairprogramwith.me/
Ruby DCamp - http://rubydcamp.org and http://evan.tiggerpalace.com/articles/2012/10/06/the-dcamp-manifesto/
Vagrant - https://www.vagrantup.com/
Tmux - http://tmux.sourceforge.net/
Tmate - http://tmate.io/
Vimux - https://github.com/benmills/vimux
My .emacs.d - https://github.com/elight/.emacs.d
Pomodoro Technique - http://en.wikipedia.org/wiki/Pomodoro_Technique
RubyMine - https://www.jetbrains.com/ruby/
Readme Driven Development - https://oncletom.io/talks/2014/okfestival/#/
J.B. Rainsberger “Integration Tests are a Scam” - http://vimeo.com/80533536
nitrous.io - https://www.nitrous.io/
Screen Hero - https://screenhero.com/
RubyNaition - http://www.rubynation.org/schedule/index
Pairing Staircase - http://itnaut.com/pairing_staircase
Evan on Twitter - https://twitter.com/elight: @elight
Evan’s Site - http://tripledogdare.net or http://evan.tiggerpalace.com
Episode 15 deep dives into the programming experiences of Adam Solove (@asolove), Head of Engineering at Pagemodo. Adam has spent the last ten years building web interfaces various technologies such as CGI, Flash, DHTML, RJS, jQuery, and many MVC JavaScript frameworks. Adam has found over his career that working with a more functional style of programming is much more rewarding in many ways.
Functional programming and FRP (Functional Reactive Programming) provides improvements in performance and purposely avoids changing-state and mutable data. This can be an extremely effective technique in web application development because of the stateful nature of DOM (Document Object Model) implementations in the browser. Adam evangelizes and works with several languages and tools to provide incredible functional style applications including, but not limited to, Elm, ClojureScript, OM, & React.js.
Facebook’s React.js, met with mixed reviews when it was first released in 2013. Since then it has been stirring up support in droves within the JavaScript development community do to it’s high UI performance output in browsers. It’s Virtual DOM and ways of solving data & DOM performance problems have been highly criticized but hard to ignore. React has an effective unorthodox way of thinking about UI.
Elm, a functional reactive language for interactive applications, combines core features of functional languages like immutability & type inference with FRP to Create highly interactive applications without callbacks or shared state. Elm is similar in syntax to Haskell and it compiles to HTML, CSS, and JavaScript that uses a Virtual DOM model similar in concepts to that of react.js. According to Elm’s internal benchmarks, using it’s compiled JavaScript code is actually faster than any JavaScript framework tested by a extreme margin.
ClojureScript, is a new compiler for Clojure that targets JavaScript. It is designed to emit JavaScript code which is compatible with the advanced compilation mode of the Google Closure optimizing compiler. David Nolen, has taken ClojureScript and created an interface for react.js called OM. Om allows for simple represention of Web Application User Interfaces as an EDN. ClojureScript data is immutable data, which means that Om can always rapidly re-render the UI from the root. According to the project description, UIs created with Om are inherently able to create & manage historical snapshots with no implementation complexity and little overhead.
Resources * Why use Functional Style? - http://stackoverflow.com/questions/36504/why-functional-languages * Lambda: the ultimate syntax-semantics interface - http://okmij.org/ftp/gengo/NASSLLI10/ * Haskell -http://www.haskell.org/haskellwiki/Haskell * Adam Solove - http://adamsolove.com/ * Adam’s talk on ClojureScript/OM - http://adamsolove.com/js/clojure/2014/05/08/react-js-and-om.html
Elm * Elm’s Virtual DOM - http://elm-lang.org/blog/Blazing-Fast-Html.elm * Elm’s Time Travelling Debugger - http://debug.elm-lang.org/
ClojureScript & OM * ClojureScript Intro 2011 - http://clojure.com/blog/2011/07/22/introducing-clojurescript.html * A feature comparison to JavaScript - http://himera.herokuapp.com/synonym.html * David Nolen - https://twitter.com/swannodette/ * David Nolen’s Benchmarks - http://swannodette.github.io/2013/12/17/the-future-of-javascript-mvcs/ * Todo MVC - https://github.com/swannodette/todomvc/tree/gh-pages/labs/architecture-examples/om/src/todomvc
React.js * Reactjs - http://facebook.github.io/react/ * Secrets of The Virtual DOM - http://fluentconf.com/fluent2014/public/schedule/detail/32395 * React Demystified - * React Diff Algorithm - http://calendar.perfplanet.com/2013/diff/
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
Connectivity and ubiquity will play a huge role in how web development for connected devices evolves. The rise of makers & builders in the development community is sparking innovation as well as curiosity in the business world. From connected cars & living spaces to fashion and novelty, The Internet of Things (#IoT) stretches far and wide. We are seeing more and more that our clients and users are demanding applications that integrate seamlessly not just w/ their phones, tablets, and computers but with their tv’s, security systems. Many companies are now seeing the viability & market for connected IoT. Many of these companies want to unify product experiences and blur the lines between the physical and digital worlds. With that said, how can we start building our skills and becoming the experts in this development arena?
Whether you are interested in building assembly line robotics, medical technology solutions, or even a simple product with blinking LED’s, developers will need to know many things. The security, product development cycles, how to connect devices to together, & how to share and assimilate firmware & software packages are very important. Standardization and assimilation of devices in a secure manner is critical for businesses.
JavaScript’s ubiquity & evented I/O model lends itself well to easily build IoT devices. Other languages are just as viable and debatably better at many aspects of IoT but JavaScript makes it easier, approachable, and portable.
NPM (@npmjs), the Node Package Manager, is used across the world as the standard JavaScript package manager for Node.js JavaScript primarily for the web. NPM, Inc. aims to change that and be more than a web tool. I aims to be the JavaScript ecosystem package manager for all development platforms from front end development to IoT and more. Raquel Velez (@rockbot), Software Engineer at NPM, Inc., speaks to this, the impact of NodeBots on the development community, education of IoT, and robotics & web technologies in IoT.
Chris Matthieu (@chrismatthieu), Co-founder & CTO of Octoblu (@Octoblu), discusses Octoblu’s platform and specifically #MeshBlu (AKA SkyNet.im), the scalable & universal cloud-based MQTT & CoAP-powered network for smart devices, sensors, cloud resources, drones, Arduinos, Raspberry Pis, and more.
Mike Schwartz(@nynymike), CEO of Gluu, shares his feelings on IoT security, open security standards, development practices and the pitfalls of a connected platform for IoT devices.
Kenal Shah (@KenalShah), Product Manager at 3Pillar Global, talks to the product side of IoT and how the business side of developing for connected devices impacts the development practices.
Standards are constantly debated and the rise of the machines is upon us. We need to decide as a community what these standards are so our clients can trust us to develop their IoT integration products. It is “The Wild Wild West” of IoT yet production and shipping capablities are here with tools like Node.js, NPM, and Octoblu. Once we solidify the standards, will you be ready to deliver?
https://twitter.com/chrismatthieu/status/458381648816377857
Upcoming Related Events
http://hangouts.readthesource.io/hangouts/octoblu-meshblu/
Resources
http://www.smartthings.com/
http://openinterconnect.org/
http://2014.robotsconf.com/
https://www.docker.com/
http://iot.sys-con.com/node/3178979
http://webrtc.sys-con.com/node/3123286
https://allseenalliance.org/sites/default/files/AllSeen-Alliance-DataSheet-09092014-8x11.pdf
https://allseenalliance.org/developer-resources/alljoyn-open-source-project
https://localmotors.com/awest/connected-car-project-internet-of-things/
http://javascriptjabber.com/103-jsj-robots-with-raquel-velez/
https://www.spark.io/
https://tessel.io/
http://www.arduino.cc/
http://www.raspberrypi.org/
http://www.intel.com/content/www/us/en/intelligent-systems/alliance-overview.html
http://nodebots.io/
http://www.3pillarglobal.com/
All Seen Alliance
https://allseenalliance.org/
NPM
http://rckbt.me/
https://twitter.com/rockbot
https://www.npmjs.org/
Octoblu
http://chrismatthieu.com
https://twitter.com/chrismatthieu
https://github.com/chrismatthieu
http://www.octoblu.com/
https://twitter.com/octoblu
https://github.com/octoblu
https://developer.octoblu.com/
https://plus.google.com/u/0/+ChrisMatthieu
https://github.com/octoblu/meshblu
https://itunes.apple.com/us/app/mobiblu/id915566405?mt=8
Gluu
http://www.gluu.org/blog/
http://www.gluu.org/blog/nstic-announce/
http://www.gluu.org/gluu-server/overview/
“Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code.” - Facebook’s Flux Architecture Home Page -
Bill Fisher (@fisherwebdev), Facebook Software Engineer & Lead Developer of the Flux Documentation, joins The Web Platform Podcast for ‘Episode 12: Flux Application Architecture & ReactJS.’
Bill talks with hosts Nick Niemeir (@nickniemeir) & Erik Isaksen (@eisaksen) about Flux, an application architecture similar in ideas to CQRS & Data Flow Programming. It was created to alleviate the performance & scalability problems that Facebook encountered in building Facebook Messenger (Watch ‘Hacker Way: Rethinking Web App Development at Facebook’ - a presentation by Jing Chen, Software Engineer at Facebook, for further information). Flux promotes a unidirectional data flow model through an application. In contrast to MVC, Flux mainly consists of Stores, a central Dispatcher, and Controller-Views.
Facebook has React.js as its view layer and and Flux is quickly becoming the architectural design of choice for many of its other web applications. The support, power, and marketing behind the Angular.js and Ember.js frameworks is undeniable and when Facebook released React.js many developers misunderstood its Virtual DOM approach because it was not like the frameworks developers are used too. Despite that, Facebook has proved itself a ‘contender’ in the eyes of many in the development community and many developers and engineering teams are switching their ‘framework of choice’ to React.js.
Flux combined with React.js offers many appealing possibilities but it is not limited to use with just React.js. Flux is an application architecture and it can be used as a pattern in almost any technology stack for web application development.
Flux & React Resources
- Introduction - http://facebook.github.io/react/docs/flux-overview.html
- Github Source Code - https://github.com/facebook/flux
- Chat Example Tutorial -http://facebook.github.io/flux/docs/chat.html#content
- ReactiveElement Article - http://addyosmani.github.io/react-interop/demo.html
- Flux Home Page - http://facebook.github.io/flux/
- PropTypes - https://github.com/facebook/react/blob/master/src/core/ReactPropTypes.js
- Testing Article - http://facebook.github.io/react/blog/2014/09/24/testing-flux-applications.html
- Facebook’s Jest - http://facebook.github.io/jest/
- OM ClojureScript Interface to React - https://github.com/swannodette/om
- React.js - http://facebook.github.io/react/
- Roundup - http://facebook.github.io/react/blog/2014/09/12/community-round-up-22.html
- Hacker Way: Rethinking Web App Development at Facebook - https://www.youtube.com/watch?v=nYkdrAPrdcw&list=PLb0IAmt7-GS188xDYE-u1ShQmFFGbrk0v
Flux Projects In Progress
- Adobe Brackets - http://brackets.io/
- Yahoo Mail - http://mail.yahoo.com
Flux Implementations
- Reactive Elements - http://pixelscommander.com/polygon/reactive-elements/example/#.VCVD7yldXkR
- ReFlux - https://github.com/spoike/refluxjs
- Fluxxor - http://fluxxor.com/
- Fluxie - https://github.com/jmreidy/fluxy
- DeLorean - http://deloreanjs.com/
React Channels
- Facebook Support - http://facebook.github.io/flux/support.html
- Stackoverflow - http://stackoverflow.com/search?q=flux+react
- IRC - irc://chat.freenode.net/reactjs
- Google Group - https://groups.google.com/forum/#!forum/reactjs
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 the future, CSS visualizations will dramatically change. How they will change is debatable but they will enable developers to do a lot more than they may think. We may see custom properties like variables to further improve DRY (Don’t Repeat Yourself) code & on-the-fly cascading calculations, CSS Extensions to create our own custom selector properties, custom functions, & custom selector combinations. Some of these rules are even starting to be implemented in browsers today like “will-change” to pre-optimize changes in DOM structures and CSS Shapes. These will further help us define display, flow, & wrapping of content and it’s containers. CSS is moving rapidly and this is just the tip of what is to come for web development in the coming years or even months in some cases.
It used to be to create powerful visualizations in a browser you needed to use Flash or some non-standard tool to get the performance & consistency you needed from complicated animations. Today we have help in bridging the gaps of today and tomorrow. CSS Preprocessors given us powerful features in our CSS code. Some of the more notable ones are loops, conditionals, variables, custom mixins/functions, and heavy grade math calculations. While these are extremely useful, they only help us, currently, before we even see CSS in the browser. Online tools like Codepen.io help us quickly build and view CSS, HTML, & JavaScript that can be easily shared and updated without the overhead of understanding setup, build processess, or dependency management.
Although extremely powerful, this means that the tools we have only have the ability to allow CSS to react to change in the DOM in a limited capacity. Looking at todays standard CSS, we now have ways of doing some dynamic calculations and conditions in the browser and device viewers. Directives like @supports and @media give us powerful conditionals. We have several types units of measurement, such as viewport units, frequency units, time units, & resolution units. Rules like ‘calc’ give us the ability to computationally react to mutations in the DOM tree. Keyframe Directives give us robust animation, the ‘transform’ rule yields great power to setup and animate DOM structures and also dynamically change rotation, skewing, scaling, and translation both 2D and 3D space, all without needing one line of JavaScript.
Resources
http://davidwalsh.name
http://codepen.io/thebabydino/live/08634ee35593c97bd8cfb2ddd9324c24
http://davidwalsh.name/css-supports
http://www.w3.org/TR/css3-values/
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_transforms
http://css-tricks.com/five-questions-with-david-walsh/
http://codepen.io/collection/wHune/
http://codepen.io/thebabydino/pen/jgtof
http://codepen.io/thebabydino/
http://techblog.rga.com/math-driven-css/
http://davidwalsh.name/css-flip
http://css-tricks.com/a-couple-of-use-cases-for-calc/
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_animations
http://stackoverflow.com/users/1397351/ana
http://davidwalsh.name/svg-animation
http://stackoverflow.com/users/1397351/ana
http://stackoverflow.com/help/badges/17/necromancer?userid=1878132
http://sass-lang.com/
http://www.myth.io/
http://dev.w3.org/csswg/css-extensions/
http://sarasoueidan.com/
http://shoptalkshow.com/episodes/129-sara-soueidan/
http://5by5.tv/webahead/81
http://www.sitepoint.com/css-variables-can-preprocessors-cant/
http://codepen.io/shankarcabus/pen/jcyDA
http://daneden.github.io/animate.css/
http://codepen.io/thebabydino/tag/calc()/
http://figures.spec.whatwg.org/
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
Dart was originally a Google language revealed in 2011 and is now an ECMA Standard known as TC52. When Dart first came into being it was annoounced it's purpose was to "ultimately to replace JavaScript as the 'lingua franca' of web development on the open web platform". It's a far stretch from JavaScript's flexible dynamic scripting approach in that It is statically typed and relies on source-to-source compilation. Now that Dart has evolved into a platform with it's own package manager, tooling, full stack implementations, & libraries, it's community is growing and moving closer and closer toward it's original purpose.
Combined with powerful libraries like “polymer.dart”, a Dart port of Polymer to build structured, encapsulated, client-side web apps with Dart and web components, can Dart become a first class browser language & the platform of choice for our development?
Chris Strom (@eee_c), our guest in this episode and owner of EEE Computes LLC, is a code explorer, daily blogger, and community leader in JavaScript, Ruby, & Dart. He is the author of3D Game Programming for Kids,Patterns in Polymer,Dart for Hipsters,The SPDY Book and Co-author ofRecipes with Backbone. He prefers to code with Dart but also builds with JavaScript, Ruby, Go and more.
Chris uses his ICE Code Editor project, written in Dart & Polymer, to teach kids how to code. Lately, he pair programs nightly and blogs daily on Dart, Polymer, and mentoring. Chris talks with Christian(@anvilhacks) & Erik (@eisaksen) about his writings, pairing experiences, teaching, and thoughts on Dart, Polymer, and the current state and possible futures of Dart as a platform of choice.
Resources:
https://www.dartlang.org/
http://japhr.blogspot.com
https://github.com/lvivski/start
http://pragprog.com/book/csdart/dart-for-hipsters
http://pragprog.com/book/csjava/3d-game-programming-for-kids
http://recipeswithbackbone.com/
http://spdybook.com/
https://github.com/eee-c/ice-code-editor
http://eeecomputes.com
Patterns in Polymer
http://www.sitepoint.com/client-server-dart-app-getting-started/
http://www.ecma-international.org/memento/TC52.htm
http://en.wikipedia.org/wiki/Dart_(programming_language)
https://www.dartlang.org/polymer/
http://www.polymer-project.org
http://designpatternsindart.com/
In episode 7 of the web platform podcast, ‘’Web RTC and Designing Realtime Experiences”, we talk with Agility Feat (http://agilityfeat.com/), a design and development firm in the US, Costa Rica, Nicaragua, and Honduras. Agility Feat has been not only building out real-time apps for a while now but they are also actively contributing back to the community around it as well by speaking at events, distributing a RealTime.com newsletter, and more.
Web RTC (http://www.webrtc.org/) is “a free, open project that enables web browsers with Real-Time Communications (RTC) capabilities via simple JavaScript APIs”. It is a peer-to-peer communication tool and its been around for a while. Contrary to popular belief Web RTC is not just video & chat in the browser. It is more than just that, it has data channels, screen sharing, streaming, and much more.
Web RTC is an evolving standard for realtime app development and is gaining popularity quickly in the realtime web community. More browsers are starting to implement it and Agility Feat has seen the capabilities & usefulness of Web RTC to assist in developing the user experience of realtime applications. In this episode Agilty Feat discusses how they approach designing for browsers that don’t support it and how they use Web RTC effectively in their applications.
Christian Smith (@anvilhacks) and Erik Isaksen (@eisaksen) host this episode with guests Allan Naranjo (@OrangeSoftware), Mariana Lopez (@nanalq), & Arin Sime (@ArinSime) The AgilityFeat team talks with us about the user experience considerations in building realtime applications and the technologies involved.
Allan Naranjo (@OrangeSoftware) is a core member of the development team at AgiltyFeat. He is a leader in creating detailed mobile experiences with heavy client side frameworks. Allan was the winner of ‘The Access Innovation Prize’ in 2012 for one of his Facebook Applications.
Mariana Lopez (@nanalq) is the UX lead at AgilityFeat. She designs real-time applications for clients across a variety of industries. Mariana studied Human Computer Interaction at Carnegie Mellon University, and is also a professor of Interaction Design at the Universidad Veritas (Costa Rica) and Universidad de Costa Rica.
Arin Sime (@ArinSime) is co-founder of AgilityFeat. Arin has over 16 years of experience as a developer, entrepreneur, consultant, and trainer for everything from small startups to Fortune 100′s and federal agencies.
Resources
http://www.realtimeweekly.com
http://agilityfeat.com/blog
http://iswebrtcreadyyet.com
http://techcrunch.com/2014/06/27/google-hangouts-will-no-longer-require-a-plugin-for-chrome-users/
http://www.agilityfeat.com/blog/2014/05/real-time-ux-design-video/
http://www.nojitter.com/post/240168527/webrtc--the-good-and-the-bad
https://plus.google.com/u/0/communities/106044262972906929746/stream/8faf729a-47a6-48d5-810f-e3f261ff585a
https://www.accessnow.org/blog/2012/12/11/first-annual-access-innovation-awards-prize-winners-announced
http://bloggeek.me/amazon-fire-phone-webrtc/
http://www.realtimeweb.co/
http://youtu.be/vvg_uFEu9Kk
http://webrtchacks.com/
http://learnfromlisa.com/learn-webrtc/
http://www.html5rocks.com/en/tutorials/webrtc/basics/
http://www.html5rocks.com/en/tutorials/webrtc/infrastructure/
http://www.html5rocks.com/en/tutorials/webrtc/datachannels/
https://developer.mozilla.org/en-US/docs/Web/Guide/API/WebRTC/Peer-to-peer_communications_with_WebRTC
https://github.com/html5rocks/www.html5rocks.com/tree/master/content/tutorials/webrtc
Agile is a buzzword that, for better or worse, has caused emotional reactions that are both negative and positive. It is a highly overused and misunderstood term in our industry but it has shaped the way web software has been built for years. Agile is a flexible set of tools and practices that enable businesses to rapidly produce software that is extremely versatile to change. It has spawned many variants in its implementation and has endured much scrutiny. Agile strives to create quality software that embraces collaboration & individuals over interactions.
James Shore (@JamesShore), creator of LetsCodeJavaScript.com (http://www.letscodejavascript.com/) and co-author of the book ‘The Art of Agile Development’ (http://shop.oreilly.com/product/9780596527679.do), talks with us in our 6th episode - ‘What Agile Brings to Products & Teams -Why TDD is Not Dead’.
This episode, at its core, is about Agile software development and how Test Driven Development (TDD) can help us, as programmers, build better quality software products & services. Development is not just about coding, it’s about people and working together to build software that can easily change and adapt over time. The way we build products & services varies in techniques & implementation depending on the project. By using one or many Agile methodologies such as TDD we may be able to get there faster and with a better degree of maintainability, quality, and user experience.
James is an author, thought leader, and software testing guru. He believes that great software development teams consistently deliver market success, technical success, and personal success for team members and stakeholders. He is one of the early pioneers of Agile software development and an incredible mentor.
Web Components are a set of emerging and rapidly changing technologies alter the way many developers are starting to build web applications. Zeno Rocha (@zenorocha), a dominant force in the front end development community talks with hosts Erik Isaksen (@eisaksen) & Christian Smith(@anvilhacks) on how developers can get started building with these technologies today & how to build their own components, tooling & using the Github & Bower communities, and other front end developer goodness.
Zeno, began a small project, CustomElements.io ( http://customelements.io/), that was meant to track his and others Web Components. CustomElements.io, now used by Mozilla as their X-Tags (http://www.x-tags.org/) registry, has become much more than that and is now a central place for developers to share, publish, and maintain their Web Components. The project spawned an incredible amount of support from the web development community that grew into several other related projects such as ‘WebComponents.org’ ( http://webcomponents.org/ ) & the boilerplate Yeoman project ‘generator-element’ ( https://github.com/webcomponents/generator-element ).
“The Rise of BAAS : Static Application Hosting & All Things Firebase”, episode 4, is the second of our exploration into Backend As A Service (BAAS) and how it’s changing how we build applications today.
Static Application development is on the rise & the tools that help us quickly host and iterate on these applications are emerging rapidly. With the exit of GoInstant as a BAAS, can we safely rely on these services as dedicated backends or do we solely use BAAS for real time interaction, prototyping, or something else? Ossama Alami, VP of Developer Happiness, at Firebase talks with us about the recent Firebase Hosting service, deploy tools, open data sets, static hosting & BAAS applications and everything Firebase.
Firebase, a young but influential player in BAAS was founded in 2012. At it’s core, it is a backend that lets developers store and sync data in real time. Ossama has dedicated himself to empowering developers and ensuring Firebase remains a force for good in the developer community.
“The Rise of BAAS : GoAngular & The GoInstant (@GoInstant) Platform”, episode 3, is the first of our exploration into Backend As A Service (BAAS) and how it’s changing how we build applications today. Matt Creager (@Matt_Creager), lead developer on the GoAngular project, talks with us about GoInstant, a powerful BAAS. The rise of BAAS has caused mixed feelings in the developer community. Static application development is rapidly increasing and evolving & the toolsets to build these are getting more detailed. This is due to many factors and static applications are quickly being recognized as solving more & more problems & pain points in application development today. Why would you build your applications with BAAS & how can you leverage the developer tools / frameworks out there? Matt tells his perspective in this episode.
Episode #2 features Engineers Adi Chikara (@adi_ads) & Pam Selle (@pamasaur) on Prototyping strategies and goals. Building HTML, CSS, JavaScript prototypes is becoming more and more prevalent in our work. The fast development time and information yielded by a prototype can save your clients so much time, money, and headaches. Much of our discussion focuses on why & when you would want to prototype, strategies for purposeful prototype construction, and how all of this could impact business outcomes.
This is Episode #1 featuring live interviews from RubyNation 2014, a regional Ruby Conference in Silver Springs, MD. It showcases the importance of building meaningful digital experiences, development culture & community, & the value sharing knowledge.