Modern Web

Topic The What, Why and How of Web Analytics   Summary Calvin French-Owen, CTO of Segment, and Andy Elliott, business analyst at Google, join us to discuss analytics. We talk about what business metrics to measure and how to select analytics vendors for businesses large and small. We also discuss the technical challenges of analytics instrumentation, such as measuring web apps vs. websites, automation and data schema design.   Panelists Calvin French-Owen @calvinfo http://calv.info Andy Elliott https://www.linkedin.com/in/andrewwelliott   Host Ray Shan @rayshan https://shan.io   Links   Segment https://segment.com/   Google Analytics https://www.google.com/analytics/#?modal_active=none   Mixpanel pushing for meaningful metrics beyond pageviews http://allthingsd.com/20121217/andreessen-and-mixpanel-call-for-an-end-to-bullshit-metrics/   Adobe Analytics (Omniture) http://www.adobe.com/marketing-cloud/web-analytics.html   Amplitude https://amplitude.com/   Customer.io https://customer.io/   Amazon Redshift https://aws.amazon.com/redshift/   Google BigQuery https://cloud.google.com/bigquery/   Automated instrumentation   Google Analytics autotrack https://github.com/googleanalytics/autotrack   Heap https://heapanalytics.com   Coverage on “data lake” https://martinfowler.com/bliki/DataLake.html http://www.pwc.com/us/en/technology-forecast/2014/cloud-computing/features/data-lakes.html

Topic The What, Why and How of Web Analytics   Summary Calvin French-Owen, CTO of Segment, and Andy Elliott, business analyst at Google, join us to discuss analytics. We talk about what business metrics to measure and how to select analytics vendors for businesses large and small. We also discuss the technical challenges of analytics instrumentation, such as measuring web apps vs. websites, automation and data schema design.   Panelists Calvin French-Owen @calvinfo http://calv.info Andy Elliott https://www.linkedin.com/in/andrewwelliott   Host Ray Shan @rayshan https://shan.io   Links   Segment https://segment.com/   Google Analytics https://www.google.com/analytics/#?modal_active=none   Mixpanel pushing for meaningful metrics beyond pageviews http://allthingsd.com/20121217/andreessen-and-mixpanel-call-for-an-end-to-bullshit-metrics/   Adobe Analytics (Omniture) http://www.adobe.com/marketing-cloud/web-analytics.html   Amplitude https://amplitude.com/   Customer.io https://customer.io/   Amazon Redshift https://aws.amazon.com/redshift/   Google BigQuery https://cloud.google.com/bigquery/   Automated instrumentation   Google Analytics autotrack https://github.com/googleanalytics/autotrack   Heap https://heapanalytics.com   Coverage on “data lake” https://martinfowler.com/bliki/DataLake.html

In this episode, Stephen Fluin (@stephenfluin), Angular core team member and Tracy Lee (@ladyleet) interview Alex Castillo (@castillo__io) and Uri Shaked (@urishaked) on unique and interesting projects utilizing Angular (2). With these two pushing the edge on what is possible with JavaScript and as speakers on the upcoming ngcruise, listen in to hear about IoT, neurojavascript, and Angular. Guests Alex Castillo (@castillo__io) Uri Shaked (@urishaked) Hosts Tracy Lee (@ladyleet) Stephen Fluin (@stephenfluin) Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @moderndotweb.

In this episode, Stephen Fluin (@stephenfluin), Angular core team member and Tracy Lee (@ladyleet) interview Alex Castillo (@castillo__io) and Uri Shaked (@urishaked) on unique and interesting projects utilizing Angular (2). With these two pushing the edge on what is possible with JavaScript and as speakers on the upcoming ngcruise, listen in to hear about IoT, neurojavascript, and Angular. Guests Alex Castillo (@castillo__io) Uri Shaked (@urishaked) Hosts Tracy Lee (@ladyleet) Stephen Fluin (@stephenfluin) Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @moderndotweb.

Summary James Long, Mozilla, speaks to us about developer tooling in this podcast. What is the state of firefox tooling? How was the migration of firefox developer tools to react? What are some upcoming features in firefox like reverse debugging? We discuss other topics such as browsers standardizing on the chrome debugging protocol, redux-observable, redux middleware, error trapping issues with promises, and implications in the observable spec. Panelists James Long @jlongster Ben Lesh @benlesh Tracy Lee @ladyleet  

Summary James Long, Mozilla, speaks to us about developer tooling in this podcast. What is the state of firefox tooling? How was the migration of firefox developer tools to react? What are some upcoming features in firefox like reverse debugging? We discuss other topics such as browsers standardizing on the chrome debugging protocol, redux-observable, redux middleware, error trapping issues with promises, and implications in the observable spec. Panelists James Long @jlongster Ben Lesh @benlesh Tracy Lee @ladyleet  

Summary Benoit Marchant, create of the Montage Framework, and Andy Matuschak, UIKit engineer, researcher and head of mobile engineering at Khan Academy, join us to discuss UI components. We reminisce Benoit and Andy’s extensive history of web and native engineering at Apple. We debate various challenges and best practices of component reusability, encapsulation, gestures, data binding, and collaboration between engineers and designers. Panelists Benoit Marchant @benoitmarchant Andy Matuschak @andy_matuschak https://andymatuschak.org/ Host Ray Shan @rayshan https://shan.io Links  WebObjects https://en.wikipedia.org/wiki/WebObjects  Montage Framework http://montagestudio.com/montagejs/ UIKit gesture recognizers https://developer.apple.com/library/content/documentation/EventHandling/Conceptual/EventHandlingiPhoneOS/GestureRecognizer_basics/GestureRecognizer_basics.html Gestures in React Native https://facebook.github.io/react-native/docs/handling-touches.html https://facebook.github.io/react-native/docs/gesture-responder-system.html WebComponents http://webcomponents.org/ Elm http://elm-lang.org/ Khan Academy Long-Term Research http://klr.tumblr.com/

Summary Benoit Marchant, create of the Montage Framework, and Andy Matuschak, UIKit engineer, researcher and head of mobile engineering at Khan Academy, join us to discuss UI components. We reminisce Benoit and Andy’s extensive history of web and native engineering at Apple. We debate various challenges and best practices of component reusability, encapsulation, gestures, data binding, and collaboration between engineers and designers. Panelists Benoit Marchant @benoitmarchant Andy Matuschak @andy_matuschak https://andymatuschak.org/ Host Ray Shan @rayshan https://shan.io Links  WebObjects https://en.wikipedia.org/wiki/WebObjects  Montage Framework http://montagestudio.com/montagejs/ UIKit gesture recognizers https://developer.apple.com/library/content/documentation/EventHandling/Conceptual/EventHandlingiPhoneOS/GestureRecognizer_basics/GestureRecognizer_basics.html Gestures in React Native https://facebook.github.io/react-native/docs/handling-touches.html https://facebook.github.io/react-native/docs/gesture-responder-system.html WebComponents http://webcomponents.org/ Elm http://elm-lang.org/ Khan Academy Long-Term Research http://klr.tumblr.com/

In this episode of the Modern Web podcast - Ben Lesh stars as the Jerry Springer of JavaScript stirs things up with the Polymer team Monica Dinculescu and Fred Schott with hard questions about louder voices representing Polymer on twitter and the reasoning behind perceived abrasiveness. Thankfully, no one gets pregnant in this episode and hard conversations are all in jest. The meat of this podcast is centered around the difference between Polymer and web components, composable components nested inside svg, where browsers are in supporting native custom elements, web components versus frameworks, the concept of using the platform, using Polymer in frameworks like Angular 2, the progression of the polymer-cli. Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.

In this episode of the Modern Web podcast - Ben Lesh stars as the Jerry Springer of JavaScript stirs things up with the Polymer team Monica Dinculescu and Fred Schott with hard questions about louder voices representing Polymer on twitter and the reasoning behind perceived abrasiveness. Thankfully, no one gets pregnant in this episode and hard conversations are all in jest. The meat of this podcast is centered around the difference between Polymer and web components, composable components nested inside svg, where browsers are in supporting native custom elements, web components versus frameworks, the concept of using the platform, using Polymer in frameworks like Angular 2, the progression of the polymer-cli. Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.

We talk to Shirley Wu and Nadieh Bremer, long-time members of the D3 and data visualization communities, about their latest collaboration DataSketches and building data visualization using web technologies.   Panelists Shirley Wu @sxywu http://sxywu.com/ Nadieh Bremer @NadiehBremer http://www.visualcinnamon.com/   Hosts Tracy Lee @ladyleet Ray Shan @rayshan https://shan.io   Links Data Sketches http://www.datasketch.es/ Bay Area d3 User Group http://www.meetup.com/Bay-Area-d3-User-Group/ D3.unconf, an annual D3-focused conference http://visfest.com/d3unconf-2016/ Using Pinterest to collect inspiration https://www.pinterest.com/nadiehbremer/ R for data processing https://www.r-project.org/ Linear Digressions podcast - What's the biggest #bigdata? http://lineardigressions.com/episodes/2016/7/30/whats-the-biggest-bigdata Create React App to quickly bootstrap a data visualization project using React https://github.com/facebookincubator/create-react-app Mike Bostock, author of D3, and his visualization work on New York Times https://bost.ocks.org/mike/ D3 4.0 with improved force layout and modularity https://github.com/d3/d3/releases/tag/v4.0.0 Charting libraries Highcharts http://www.highcharts.com/ NVD3, built on top of D3 http://nvd3.org/

Michael Jackson, Stephen Rivas Jr, and Jay Phelps discuss React and other front end frameworks at React Rally.  Topics covered:  - Create-react-app - How using ember prior to react has affected the thinking behind working on react - React trainings - Building complex react apps - Webpack vs Rollup  - HistoryJS (react history) - How you should approach open source projects - React Router v4 - Early mistakes in the early router - Previews some of the changes happening with react router and react history.  -Integration of redux with react router and react history - React Router 4 - Sate management in react Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.

Tracy Lee interviews Ben Lesh at React Rally. They discuss the React community compared to other JavaScript communities, which they boil down to being very similar to a “choose-your-own-adventure”. Important things to note in this podcast: The benefits and costs of new ES2015 features, Node’s position in the JavaScript ecosystem and how TC39 standards are affecting the node ecosystem, senior developers mentoring and making junior developers feel comfortable, the promises spec and cancellation tokens with observables. Other topics: how React trainings differ from Angular or Ember trainings, the new create-react-app and why it’s so amazing, the new screencast site Yolobrolo, and why @godtributes is the most amazing twitter bot ever. Ben also might have said that Dan Abramov is a React superstar, but you’ll have to listen to be sure. Tracy called out Ben on not wearing the hat that Sam Saccone’s mother purchased him. Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.

Modern Web sits down with Devon Lindsey (@devonbl), Sarah Drasner (@sarah_edo), James Kyle (@thejameskyle), and Katherine Poulter (@katpoulter) at React Rally (@reactrally).  Our main goal was to put them in power ranger outfits, but you’ll have to watch that on Youtube. Listen as they discuss the benefits of being an individual technical contributor versus taking the management route. The four share their views on the excitement of being a JavaScript developer, learning new technologies and how the trend of openly sharing code has helped speed up the evolution of OSS and technology. Other topics discussed are companies giving engineers time for open source projects, how awesome the React community is at being nice to each other, and how conferences help you get to know community leaders better. Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.

Ben Lesh and Tracy Lee interview Ben Halpern, the "voice" behind the famous twitter handle, @ThePracticalDev.  Did you know you can tweet The Practical Dev about your javascript homework? This podcast gives us a fun and quick view into what it's like behind the scenes as The Practical Dev. Learn about the organization and its the future.  Hear stories about run-ins with Tim O'Reilly, the JavaScript community, and how why Sebastian McKenzie once blocked Jay Phelps on Twitter. Hint: It was Sam Saccone's fault. Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @modernweb_.