Podcast appearances and mentions of mike hartington

Play Episode Listen Later Oct 22, 2019 40:13

In this episode of My JavaScript Story is Charles talks to Mike Hartington. Mike Hartington is a Developer Advocate for Ionic Framework and a Google Developer Expert, but he is most famous in the developer community because of his beard. Charles asks how Mike got introduced to development. Mike tried to code Tic-Tac-Toe and that was a challenge because knowing the rules to the game and trying to tell a computer the rules are two very two different things. Mike then majored in Graphic Design at Rhode Island College, and started learning Flash and ActionScript. Mike talks about what kind of projects he created with Flash and ActionScript and then the process of teaching himself JavaScript. Host: Charles Max Wood Joined by Special Guest: Mike Hartington Links Mike's Twitter Ionic Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Adventures in DevOps Adventures in Blockchain CacheFly Picks Mike Hartington Star Wars: The Rise of Skywalker Trailer Charles Max Wood: Atomic Habits by James Clear Superfans by Pat Flynn

MJS 128: Mike Hartington

My JavaScript Story

Play Episode Listen Later Oct 22, 2019 40:13

In this episode of My JavaScript Story is Charles talks to Mike Hartington. Mike Hartington is a Developer Advocate for Ionic Framework and a Google Developer Expert, but he is most famous in the developer community because of his beard. Charles asks how Mike got introduced to development. Mike tried to code Tic-Tac-Toe and that was a challenge because knowing the rules to the game and trying to tell a computer the rules are two very two different things. Mike then majored in Graphic Design at Rhode Island College, and started learning Flash and ActionScript. Mike talks about what kind of projects he created with Flash and ActionScript and then the process of teaching himself JavaScript. Host: Charles Max Wood Joined by Special Guest: Mike Hartington Links Mike's Twitter Ionic Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Adventures in DevOps Adventures in Blockchain CacheFly Picks Mike Hartington Star Wars: The Rise of Skywalker Trailer Charles Max Wood: Atomic Habits by James Clear Superfans by Pat Flynn

MJS 128: Mike Hartington

Play Episode Listen Later Oct 22, 2019 40:13

In this episode of My JavaScript Story is Charles talks to Mike Hartington. Mike Hartington is a Developer Advocate for Ionic Framework and a Google Developer Expert, but he is most famous in the developer community because of his beard. Charles asks how Mike got introduced to development. Mike tried to code Tic-Tac-Toe and that was a challenge because knowing the rules to the game and trying to tell a computer the rules are two very two different things. Mike then majored in Graphic Design at Rhode Island College, and started learning Flash and ActionScript. Mike talks about what kind of projects he created with Flash and ActionScript and then the process of teaching himself JavaScript. Host: Charles Max Wood Joined by Special Guest: Mike Hartington Links Mike's Twitter Ionic Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Adventures in DevOps Adventures in Blockchain CacheFly Picks Mike Hartington Star Wars: The Rise of Skywalker Trailer Charles Max Wood: Atomic Habits by James Clear Superfans by Pat Flynn

MJS 128: Mike Hartington

Play Episode Listen Later Oct 22, 2019 40:13

In this episode of My JavaScript Story is Charles talks to Mike Hartington. Mike Hartington is a Developer Advocate for Ionic Framework and a Google Developer Expert, but he is most famous in the developer community because of his beard. Charles asks how Mike got introduced to development. Mike tried to code Tic-Tac-Toe and that was a challenge because knowing the rules to the game and trying to tell a computer the rules are two very two different things. Mike then majored in Graphic Design at Rhode Island College, and started learning Flash and ActionScript. Mike talks about what kind of projects he created with Flash and ActionScript and then the process of teaching himself JavaScript. Host: Charles Max Wood Joined by Special Guest: Mike Hartington Links Mike's Twitter Ionic Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Adventures in DevOps Adventures in Blockchain CacheFly Picks Mike Hartington Star Wars: The Rise of Skywalker Trailer Charles Max Wood: Atomic Habits by James Clear Superfans by Pat Flynn

MJS 128: Mike Hartington

mobile native hybrid musings javascript web development electron ionic cross platform mike hartington

Play Episode Listen Later Oct 22, 2019 40:13

In this episode of My JavaScript Story is Charles talks to Mike Hartington. Mike Hartington is a Developer Advocate for Ionic Framework and a Google Developer Expert, but he is most famous in the developer community because of his beard. Charles asks how Mike got introduced to development. Mike tried to code Tic-Tac-Toe and that was a challenge because knowing the rules to the game and trying to tell a computer the rules are two very two different things. Mike then majored in Graphic Design at Rhode Island College, and started learning Flash and ActionScript. Mike talks about what kind of projects he created with Flash and ActionScript and then the process of teaching himself JavaScript. Host: Charles Max Wood Joined by Special Guest: Mike Hartington Links Mike's Twitter Ionic Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Adventures in DevOps Adventures in Blockchain CacheFly Picks Mike Hartington Star Wars: The Rise of Skywalker Trailer Charles Max Wood: Atomic Habits by James Clear Superfans by Pat Flynn

MJS 128: Mike Hartington

My JavaScript Story

Play Episode Listen Later Oct 22, 2019 40:13

In this episode of My JavaScript Story is Charles talks to Mike Hartington. Mike Hartington is a Developer Advocate for Ionic Framework and a Google Developer Expert, but he is most famous in the developer community because of his beard. Charles asks how Mike got introduced to development. Mike tried to code Tic-Tac-Toe and that was a challenge because knowing the rules to the game and trying to tell a computer the rules are two very two different things. Mike then majored in Graphic Design at Rhode Island College, and started learning Flash and ActionScript. Mike talks about what kind of projects he created with Flash and ActionScript and then the process of teaching himself JavaScript. Host: Charles Max Wood Joined by Special Guest: Mike Hartington Links Mike's Twitter Ionic Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Adventures in DevOps Adventures in Blockchain CacheFly Picks Mike Hartington Star Wars: The Rise of Skywalker Trailer Charles Max Wood: Atomic Habits by James Clear Superfans by Pat Flynn

192: Ionic and React are Friends

The Web Platform Podcast

Play Episode Listen Later Sep 15, 2019 53:36

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.

friends web react angular ionic stencil web platform ionic framework mike hartington vdom

Musings on Electron and building cross platform

Bet on the Web

Play Episode Listen Later Sep 11, 2019 40:01

Mike Hartington chats with community member Michael Callaghan about building apps cross platform and how that has changed in his time as a developer.

The Future of the Web

No Fluff Just Stuff

Play Episode Listen Later Aug 7, 2019 32:21

This week I'm joined by Mike Hartington to talk about some of the new developments from the Ionic community. Ionic support for Vue and React, Stenciljs, Capacitor as well as his thoughts on PWAs and Webassembly.

react vue ionic webassembly capacitors pwas mike hartington

JSJ 378: Stencil and Design Systems with Josh Thomas and Mike Hartington

Play Episode Listen Later Jul 30, 2019 55:12

Sponsors Datadog Sentry use code “devchat” for 2 months free Panel Aimee Knight Chris Ferdinandi Joe Eames AJ O’Neal Charles Max Wood With Special Guests: Josh Thomas and Mike Hartington Episode Summary Today’s guests Josh Thomas and Mike Hartington are developers for Ionic, with Josh working on the open source part of the framework on Ionic. They talk about their new compiler for web components called Stencil. Stencil was originally created out of work they did for Ionic 4 (now available for Vue, React, and Angular) and making Ionic 4 able to compliment all the different frameworks. They talk about their decision to build their own compiler and why they decided to open source it. Now, a lot of companies are looking into using Stencil to build design systems The panel discusses when design systems should be implemented. Since Ionic is a component library that people can pull from and use themselves, Jeff and Mike talk about how they are using Stencil since they’re not creating a design system. The panel discusses some of the drawbacks of web components. They discuss whether or not Cordova changes the game at all. One of the big advantages of using Stencil is the code that is delivered to a browser is generated in such a way that a lot of things are handled for you, unlike in other systems.The panelists talk about their thoughts on web components and the benefits of using a component versus creating a widget the old fashioned way. One such benefit of web components is that you can change the internals of how it works without affecting the API. Josh and Mike talk about some of the abilities of Stencil and compare it to other things like Tachyons. There is a short discussion of the line between frameworks and components and the dangers of pre optimization. If you would like to learn more about Stencil, go to stenciljs.com and follow Josh and Mike @Jtoms1 and @mhartington. Click here to cast your vote NOW for JavaScript Jabber - Best Dev Podcast Award Links Building Design Systems book Stencil Cordova Shadow DOM Tachyons Ionic 4 Follow DevChat on Facebook and Twitter Picks Aimee Knight: What Does Debugging a Program Look Like? AJ O’Neal: Legend of Zelda: Link’s Awakening Neon Genesis Evangelion soundtrack Prettier Chris Ferdinandi: Kindle Paperwhite Company of One Charles Max Wood: Ladders with feet Lighthouse Acorns Joe Eames: Moment.js How To Increase Your Page Size by 1500% article Day.js Josh Thomas: Toy Story 4 Mike Hartington: Building Design Systems Youmightnotneed.com

JSJ 378: Stencil and Design Systems with Josh Thomas and Mike Hartington

JavaScript Jabber

Play Episode Listen Later Jul 30, 2019 55:12

Sponsors Datadog Sentry use code “devchat” for 2 months free Panel Aimee Knight Chris Ferdinandi Joe Eames AJ O’Neal Charles Max Wood With Special Guests: Josh Thomas and Mike Hartington Episode Summary Today’s guests Josh Thomas and Mike Hartington are developers for Ionic, with Josh working on the open source part of the framework on Ionic. They talk about their new compiler for web components called Stencil. Stencil was originally created out of work they did for Ionic 4 (now available for Vue, React, and Angular) and making Ionic 4 able to compliment all the different frameworks. They talk about their decision to build their own compiler and why they decided to open source it. Now, a lot of companies are looking into using Stencil to build design systems The panel discusses when design systems should be implemented. Since Ionic is a component library that people can pull from and use themselves, Jeff and Mike talk about how they are using Stencil since they’re not creating a design system. The panel discusses some of the drawbacks of web components. They discuss whether or not Cordova changes the game at all. One of the big advantages of using Stencil is the code that is delivered to a browser is generated in such a way that a lot of things are handled for you, unlike in other systems.The panelists talk about their thoughts on web components and the benefits of using a component versus creating a widget the old fashioned way. One such benefit of web components is that you can change the internals of how it works without affecting the API. Josh and Mike talk about some of the abilities of Stencil and compare it to other things like Tachyons. There is a short discussion of the line between frameworks and components and the dangers of pre optimization. If you would like to learn more about Stencil, go to stenciljs.com and follow Josh and Mike @Jtoms1 and @mhartington. Click here to cast your vote NOW for JavaScript Jabber - Best Dev Podcast Award Links Building Design Systems book Stencil Cordova Shadow DOM Tachyons Ionic 4 Follow DevChat on Facebook and Twitter Picks Aimee Knight: What Does Debugging a Program Look Like? AJ O’Neal: Legend of Zelda: Link’s Awakening Neon Genesis Evangelion soundtrack Prettier Chris Ferdinandi: Kindle Paperwhite Company of One Charles Max Wood: Ladders with feet Lighthouse Acorns Joe Eames: Moment.js How To Increase Your Page Size by 1500% article Day.js Josh Thomas: Toy Story 4 Mike Hartington: Building Design Systems Youmightnotneed.com

JSJ 378: Stencil and Design Systems with Josh Thomas and Mike Hartington

Play Episode Listen Later Jul 30, 2019 55:12

Sponsors Datadog Sentry use code “devchat” for 2 months free Panel Aimee Knight Chris Ferdinandi Joe Eames AJ O’Neal Charles Max Wood With Special Guests: Josh Thomas and Mike Hartington Episode Summary Today’s guests Josh Thomas and Mike Hartington are developers for Ionic, with Josh working on the open source part of the framework on Ionic. They talk about their new compiler for web components called Stencil. Stencil was originally created out of work they did for Ionic 4 (now available for Vue, React, and Angular) and making Ionic 4 able to compliment all the different frameworks. They talk about their decision to build their own compiler and why they decided to open source it. Now, a lot of companies are looking into using Stencil to build design systems The panel discusses when design systems should be implemented. Since Ionic is a component library that people can pull from and use themselves, Jeff and Mike talk about how they are using Stencil since they’re not creating a design system. The panel discusses some of the drawbacks of web components. They discuss whether or not Cordova changes the game at all. One of the big advantages of using Stencil is the code that is delivered to a browser is generated in such a way that a lot of things are handled for you, unlike in other systems.The panelists talk about their thoughts on web components and the benefits of using a component versus creating a widget the old fashioned way. One such benefit of web components is that you can change the internals of how it works without affecting the API. Josh and Mike talk about some of the abilities of Stencil and compare it to other things like Tachyons. There is a short discussion of the line between frameworks and components and the dangers of pre optimization. If you would like to learn more about Stencil, go to stenciljs.com and follow Josh and Mike @Jtoms1 and @mhartington. Click here to cast your vote NOW for JavaScript Jabber - Best Dev Podcast Award Links Building Design Systems book Stencil Cordova Shadow DOM Tachyons Ionic 4 Follow DevChat on Facebook and Twitter Picks Aimee Knight: What Does Debugging a Program Look Like? AJ O’Neal: Legend of Zelda: Link’s Awakening Neon Genesis Evangelion soundtrack Prettier Chris Ferdinandi: Kindle Paperwhite Company of One Charles Max Wood: Ladders with feet Lighthouse Acorns Joe Eames: Moment.js How To Increase Your Page Size by 1500% article Day.js Josh Thomas: Toy Story 4 Mike Hartington: Building Design Systems Youmightnotneed.com

27: Ionic Framework With Mike Hartington

To App or Not To App

Play Episode Listen Later Jun 27, 2019 24:40

Mike Hartington is the Lead Developer Advocate for Ionic Framework. Which is the premier mobile framework for building or converting your front end JavaScript code into a mobile App. Ionic has tools ranging from low code solutions (Ionic Creator) to build and deployment tools (Capacitor). In this interview you can learn about these tools, frameworks […] The post 27: Ionic Framework With Mike Hartington appeared first on Jeremy Callahan.

app javascript ionic capacitors ionic framework mike hartington jeremy callahan ionic creator

MAS 080: Ely Lucas and Mike Hartington

My Angular Story

Play Episode Listen Later Jun 4, 2019 28:20

Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Triplebyte offers a $1000 signing bonus CacheFly Host: Charles Max Wood Joined By Special Guests: Ely Lucas and Mike Hartington Episode Summary Coming to you live from the podcast booth at ng-conf 2019 is Charles Max Wood with Ely Lucas and Mike Hartington. Ely and Mike both work at Ionic, an app developer platform that helps developers build and deploy cross-platform apps. A heated discussion on who had the beard first (Jeff Cross or Mike Hartington) ensues, (spoiler alert it's Jeff Cross because he is OLDER than Mike Hartington) as they try to find out who is running the @HartingtonBeard Twitter account. Ely and Mike talk about what they have been working on at Ionic, and the 4.0 release of Ionic Framework. This is Ely's first time at ng-conf and Mike's first time giving a talk at it. They talk about how the conference has evolved for the better and what their favorite parts of the conference are. Links My JavaScript Story 080: Ely Lucas My Angular Story 053: Ely Lucas Adventures in Angular 226: Ionic with Mike Hartington Views on Vue 034: Mike Hartington & Michael Tintiuc : “Ionic and Vue” My Angular Story 050: Mike Hartington Adventures in Angular 150: What’s New with Ionic with Mike Hartington My Angular Story 003 Mike Hartington Ionic Ely Lucas’ Twitter Ely Lucas’ LinkedIn Ely Lucas’ GitHub Mike Hartington's Twitter Mike Hartington's LinkedIn Mike Hartington's Website Ionic 4.0 @HartingtonBeard @JeffCrossBeard ng-conf 2019

adventures views older github vue angular sentry ely ionic cachefly charles max wood triplebyte ionic framework mike hartington jeff cross my angular story my javascript story ely lucas

MAS 080: Ely Lucas and Mike Hartington

Play Episode Listen Later Jun 4, 2019 28:20

Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Triplebyte offers a $1000 signing bonus CacheFly Host: Charles Max Wood Joined By Special Guests: Ely Lucas and Mike Hartington Episode Summary Coming to you live from the podcast booth at ng-conf 2019 is Charles Max Wood with Ely Lucas and Mike Hartington. Ely and Mike both work at Ionic, an app developer platform that helps developers build and deploy cross-platform apps. A heated discussion on who had the beard first (Jeff Cross or Mike Hartington) ensues, (spoiler alert it's Jeff Cross because he is OLDER than Mike Hartington) as they try to find out who is running the @HartingtonBeard Twitter account. Ely and Mike talk about what they have been working on at Ionic, and the 4.0 release of Ionic Framework. This is Ely's first time at ng-conf and Mike's first time giving a talk at it. They talk about how the conference has evolved for the better and what their favorite parts of the conference are. Links My JavaScript Story 080: Ely Lucas My Angular Story 053: Ely Lucas Adventures in Angular 226: Ionic with Mike Hartington Views on Vue 034: Mike Hartington & Michael Tintiuc : “Ionic and Vue” My Angular Story 050: Mike Hartington Adventures in Angular 150: What’s New with Ionic with Mike Hartington My Angular Story 003 Mike Hartington Ionic Ely Lucas’ Twitter Ely Lucas’ LinkedIn Ely Lucas’ GitHub Mike Hartington's Twitter Mike Hartington's LinkedIn Mike Hartington's Website Ionic 4.0 @HartingtonBeard @JeffCrossBeard ng-conf 2019

adventures views older github vue angular sentry ely ionic cachefly charles max wood triplebyte ionic framework mike hartington jeff cross my angular story my javascript story ely lucas

MJS 110: Phil Hawksworth

Play Episode Listen Later Jun 4, 2019 50:06

Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan CacheFly Host: Charles Max Wood Joined By Special Guest: Phil Hawksworth Episode Summary Currently the Head of Developer Relations at Netlify, Phil has been a developer for 20 years. Even though he was interested in computers from an early age, he started studying Civil Engineering in university before changing course and switching to Computer Science. Though he didn't particularly enjoy studying Computer Science, he really liked working with HTML where he didn't have to compile any code and that's when he started thinking about a career in web development. Phil talks about his favorite projects he has worked on using JAMstack and JavaScript. He works remotely out of London, UK and as head of developer relations he spends a lot of time traveling for conferences for work. He doesn't have a 'typical' work day, but when he is not traveling for work he enjoys catching up on conversations on Slack and Twitter about JAMstack and collaborating with the rest of is team in San Francisco. Links JavaScript Jabber 347: JAMstack with Divya Sasidharan & Phil Hawksworth Eleventy JAMstack Phil’s Medium Phil's Twitter Phil's GitHub Phil's LinkedIn Phil's Website https://www.thenewdynamic.org/ Netlify https://www.facebook.com/javascriptjabber https://twitter.com/JSJabber https://www.facebook.com/DevChattv Picks Phil Hawksworth: Rich Harris - Rethinking reactivity Charles Max Wood: EverywhereJS JavaScript Community

head san francisco united kingdom medium slack computer science github javascript html originalsubdomain civil engineering sentry developer relations netlify jamstack cachefly eleventy charles max wood javascript jabber mike hartington devchattv phil hawksworth divya sasidharan jsjabber

MJS 110: Phil Hawksworth

Play Episode Listen Later Jun 4, 2019 50:06

Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan CacheFly Host: Charles Max Wood Joined By Special Guest: Phil Hawksworth Episode Summary Currently the Head of Developer Relations at Netlify, Phil has been a developer for 20 years. Even though he was interested in computers from an early age, he started studying Civil Engineering in university before changing course and switching to Computer Science. Though he didn't particularly enjoy studying Computer Science, he really liked working with HTML where he didn't have to compile any code and that's when he started thinking about a career in web development. Phil talks about his favorite projects he has worked on using JAMstack and JavaScript. He works remotely out of London, UK and as head of developer relations he spends a lot of time traveling for conferences for work. He doesn't have a 'typical' work day, but when he is not traveling for work he enjoys catching up on conversations on Slack and Twitter about JAMstack and collaborating with the rest of is team in San Francisco. Links JavaScript Jabber 347: JAMstack with Divya Sasidharan & Phil Hawksworth Eleventy JAMstack Phil’s Medium Phil's Twitter Phil's GitHub Phil's LinkedIn Phil's Website https://www.thenewdynamic.org/ Netlify https://www.facebook.com/javascriptjabber https://twitter.com/JSJabber https://www.facebook.com/DevChattv Picks Phil Hawksworth: Rich Harris - Rethinking reactivity Charles Max Wood: EverywhereJS JavaScript Community

head uk san francisco medium slack computer science github javascript html originalsubdomain civil engineering sentry developer relations netlify jamstack cachefly eleventy charles max wood javascript jabber mike hartington devchattv phil hawksworth divya sasidharan jsjabber

MJS 110: Phil Hawksworth

My JavaScript Story

Play Episode Listen Later Jun 4, 2019 50:06

Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan CacheFly Host: Charles Max Wood Joined By Special Guest: Phil Hawksworth Episode Summary Currently the Head of Developer Relations at Netlify, Phil has been a developer for 20 years. Even though he was interested in computers from an early age, he started studying Civil Engineering in university before changing course and switching to Computer Science. Though he didn't particularly enjoy studying Computer Science, he really liked working with HTML where he didn't have to compile any code and that's when he started thinking about a career in web development. Phil talks about his favorite projects he has worked on using JAMstack and JavaScript. He works remotely out of London, UK and as head of developer relations he spends a lot of time traveling for conferences for work. He doesn't have a 'typical' work day, but when he is not traveling for work he enjoys catching up on conversations on Slack and Twitter about JAMstack and collaborating with the rest of is team in San Francisco. Links JavaScript Jabber 347: JAMstack with Divya Sasidharan & Phil Hawksworth Eleventy JAMstack Phil’s Medium Phil's Twitter Phil's GitHub Phil's LinkedIn Phil's Website https://www.thenewdynamic.org/ Netlify https://www.facebook.com/javascriptjabber https://twitter.com/JSJabber https://www.facebook.com/DevChattv Picks Phil Hawksworth: Rich Harris - Rethinking reactivity Charles Max Wood: EverywhereJS JavaScript Community

head san francisco united kingdom medium slack computer science github javascript html originalsubdomain civil engineering sentry developer relations netlify jamstack cachefly eleventy charles max wood javascript jabber mike hartington devchattv phil hawksworth divya sasidharan jsjabber

MAS 080: Ely Lucas and Mike Hartington

Play Episode Listen Later Jun 4, 2019 28:20

Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Triplebyte offers a $1000 signing bonus CacheFly Host: Charles Max Wood Joined By Special Guests: Ely Lucas and Mike Hartington Episode Summary Coming to you live from the podcast booth at ng-conf 2019 is Charles Max Wood with Ely Lucas and Mike Hartington. Ely and Mike both work at Ionic, an app developer platform that helps developers build and deploy cross-platform apps. A heated discussion on who had the beard first (Jeff Cross or Mike Hartington) ensues, (spoiler alert it's Jeff Cross because he is OLDER than Mike Hartington) as they try to find out who is running the @HartingtonBeard Twitter account. Ely and Mike talk about what they have been working on at Ionic, and the 4.0 release of Ionic Framework. This is Ely's first time at ng-conf and Mike's first time giving a talk at it. They talk about how the conference has evolved for the better and what their favorite parts of the conference are. Links My JavaScript Story 080: Ely Lucas My Angular Story 053: Ely Lucas Adventures in Angular 226: Ionic with Mike Hartington Views on Vue 034: Mike Hartington & Michael Tintiuc : “Ionic and Vue” My Angular Story 050: Mike Hartington Adventures in Angular 150: What’s New with Ionic with Mike Hartington My Angular Story 003 Mike Hartington Ionic Ely Lucas’ Twitter Ely Lucas’ LinkedIn Ely Lucas’ GitHub Mike Hartington's Twitter Mike Hartington's LinkedIn Mike Hartington's Website Ionic 4.0 @HartingtonBeard @JeffCrossBeard ng-conf 2019

adventures views older github vue angular sentry ely ionic cachefly charles max wood triplebyte ionic framework mike hartington jeff cross my angular story my javascript story ely lucas

205 – Mike Hartington ⚡️ VueConf US 2019

Thunder Nerds

Play Episode Listen Later Apr 4, 2019 27:06

https://us.vuejs.orghttps://twitter.com/mhartington Ionic & Vue for Fast Mobile Apps Vue as a framework prides itself for providing an excellent developer experience...

vue ionic mike hartington vueconf us

ngAir 194 - Ionic V4 with Mike Hartington

Play Episode Listen Later Mar 13, 2019 58:19

--- Support this podcast: https://anchor.fm/angularair/support

ionic mike hartington

AiA 226: Ionic with Mike Hartington

Play Episode Listen Later Feb 12, 2019 28:28

Sponsors Sentry use the code "devchat" for $100 credit Angular Bootcamp Panel: Alyssa Nicoll Charles Max Wood Special Guest - Mike Hartington In this episode of Adventures in Angular, the panelists talk with Mike Hartington, who is a Developer Advocate at Ionic. They talk in depth about the recently released version of Ionic, future projects the Ionic team is working on and what’s out there for Angular developers. Show Notes: 0:22 - Advertisement - Sentry - Use code “devchat” to get two months free on Sentry’s small plan. 1:21 - Mike introduces himself briefly and explains what exactly Ionic is. 3:15 - Charles asks about the new features of the recently released Ionic version 4.0. Mike explains that even though they love Angular, they wanted to decouple from any full framework like that and ship the components as JavaScript web components and then provide wrappings from any available framework. They spent a year on working on it and tried to double down on framework specific tooling. 5:50 - Charles asks if Alyssa has worked on Ionic. She answers that she hasn’t but has heard a lot of good things about it. She asks Mike if Ionic is the same as NativeScript. While explaining the difference, Mike replies that the team likes to work on the web technologies’ side, so even if Ionic is deployed on any available OS, everything is rendered in the browser. Charles also talks about the differences between NativeScript and Ionic. 7:38 - Alyssa asks if there is any specific popular framework or groups of people using Ionic. Mike answers that a lot of their user base consists of Angular developers, but they are seeing growth elsewhere too. 8:40 - Charles mentions that people like the fact they don’t have to learn different technologies for different platforms while developing apps, and prefer to do it by porting work from one platform to another. Mike agrees while saying that Ionic is a great option for that and it comes with a decent UI. 9:30 - Charles asks about Electron, if it’s the same codebase. Mike answers that Electron is quite new to them, but they are building an option for the native compiler that solves many technical issues and introduces new ideas on how to work with common APIs for IOS, Android and Electron. 12:02 - Alyssa asks how does Ionic compare to various UI themes and whether it can be customized. Mike answers that they have two themes - an iOS theme and a default material design theme. He says that they also have an option of creating custom themes using CSS variables. 13:30 - Charles asks if they have an update to the UI builder as well. Mike answers in affirmative and explains that they are working on a tool called Studio and proceeds to give some historical background on how they got there. He elaborates on the features of Studio. 15:40 - Alyssa asks if the tool is still under development or they are ready to start using it. Mike answers that a small group of users is using it and they are focusing on enterprise users currently. 16:50 - Charles asks about the next steps after Ionic 4.0. Mike explains in detail says that they want to work on some Angular tooling and on maintaining an update schematic. 18:17 - They discuss on how having different options help developers and users make flexible decisions leading to better products. 19:15 - Mike says that he is going to be at VueConf in Florida in March and Ng-Conf in Salt Lake City, and he is active on Twitter, Reddit and Instagram. 22:36 - Charles asks if there is any tutorial on Ionic for beginners. Mike asks users to search for “Ionic 4 Crash Course” - a 15-minute video encapsulating everything that they need to get it up and running. 22:35 - Advertisement - Angular Bootcamp 24:20 - Picks! 28:04 - END - Advertisement - CacheFly! Picks: Alyssa dto Charles Modern Medicine Keeping perspective on things in general Mike Tidying Up with Marie Kondo

adventures os android reddit studio panel ios salt lake city ui marie kondo apis crash course javascript css advertisement tidying up angular sentry electron modern medicine developer advocate ionic cachefly charles max wood nativescript mike hartington ng conf vueconf alyssa nicoll angular boot camp end advertisement

AiA 226: Ionic with Mike Hartington

Play Episode Listen Later Feb 12, 2019 28:28

Sponsors Sentry use the code "devchat" for $100 credit Angular Bootcamp Panel: Alyssa Nicoll Charles Max Wood Special Guest - Mike Hartington In this episode of Adventures in Angular, the panelists talk with Mike Hartington, who is a Developer Advocate at Ionic. They talk in depth about the recently released version of Ionic, future projects the Ionic team is working on and what’s out there for Angular developers. Show Notes: 0:22 - Advertisement - Sentry - Use code “devchat” to get two months free on Sentry’s small plan. 1:21 - Mike introduces himself briefly and explains what exactly Ionic is. 3:15 - Charles asks about the new features of the recently released Ionic version 4.0. Mike explains that even though they love Angular, they wanted to decouple from any full framework like that and ship the components as JavaScript web components and then provide wrappings from any available framework. They spent a year on working on it and tried to double down on framework specific tooling. 5:50 - Charles asks if Alyssa has worked on Ionic. She answers that she hasn’t but has heard a lot of good things about it. She asks Mike if Ionic is the same as NativeScript. While explaining the difference, Mike replies that the team likes to work on the web technologies’ side, so even if Ionic is deployed on any available OS, everything is rendered in the browser. Charles also talks about the differences between NativeScript and Ionic. 7:38 - Alyssa asks if there is any specific popular framework or groups of people using Ionic. Mike answers that a lot of their user base consists of Angular developers, but they are seeing growth elsewhere too. 8:40 - Charles mentions that people like the fact they don’t have to learn different technologies for different platforms while developing apps, and prefer to do it by porting work from one platform to another. Mike agrees while saying that Ionic is a great option for that and it comes with a decent UI. 9:30 - Charles asks about Electron, if it’s the same codebase. Mike answers that Electron is quite new to them, but they are building an option for the native compiler that solves many technical issues and introduces new ideas on how to work with common APIs for IOS, Android and Electron. 12:02 - Alyssa asks how does Ionic compare to various UI themes and whether it can be customized. Mike answers that they have two themes - an iOS theme and a default material design theme. He says that they also have an option of creating custom themes using CSS variables. 13:30 - Charles asks if they have an update to the UI builder as well. Mike answers in affirmative and explains that they are working on a tool called Studio and proceeds to give some historical background on how they got there. He elaborates on the features of Studio. 15:40 - Alyssa asks if the tool is still under development or they are ready to start using it. Mike answers that a small group of users is using it and they are focusing on enterprise users currently. 16:50 - Charles asks about the next steps after Ionic 4.0. Mike explains in detail says that they want to work on some Angular tooling and on maintaining an update schematic. 18:17 - They discuss on how having different options help developers and users make flexible decisions leading to better products. 19:15 - Mike says that he is going to be at VueConf in Florida in March and Ng-Conf in Salt Lake City, and he is active on Twitter, Reddit and Instagram. 22:36 - Charles asks if there is any tutorial on Ionic for beginners. Mike asks users to search for “Ionic 4 Crash Course” - a 15-minute video encapsulating everything that they need to get it up and running. 22:35 - Advertisement - Angular Bootcamp 24:20 - Picks! 28:04 - END - Advertisement - CacheFly! Picks: Alyssa dto Charles Modern Medicine Keeping perspective on things in general Mike Tidying Up with Marie Kondo

adventures os android reddit studio panel ios salt lake city ui marie kondo apis crash course javascript css advertisement tidying up angular sentry electron modern medicine developer advocate ionic cachefly charles max wood nativescript mike hartington ng conf vueconf alyssa nicoll angular boot camp end advertisement

AiA 226: Ionic with Mike Hartington

Play Episode Listen Later Feb 12, 2019 28:28

Sponsors Sentry use the code "devchat" for $100 credit Angular Bootcamp Panel: Alyssa Nicoll Charles Max Wood Special Guest - Mike Hartington In this episode of Adventures in Angular, the panelists talk with Mike Hartington, who is a Developer Advocate at Ionic. They talk in depth about the recently released version of Ionic, future projects the Ionic team is working on and what’s out there for Angular developers. Show Notes: 0:22 - Advertisement - Sentry - Use code “devchat” to get two months free on Sentry’s small plan. 1:21 - Mike introduces himself briefly and explains what exactly Ionic is. 3:15 - Charles asks about the new features of the recently released Ionic version 4.0. Mike explains that even though they love Angular, they wanted to decouple from any full framework like that and ship the components as JavaScript web components and then provide wrappings from any available framework. They spent a year on working on it and tried to double down on framework specific tooling. 5:50 - Charles asks if Alyssa has worked on Ionic. She answers that she hasn’t but has heard a lot of good things about it. She asks Mike if Ionic is the same as NativeScript. While explaining the difference, Mike replies that the team likes to work on the web technologies’ side, so even if Ionic is deployed on any available OS, everything is rendered in the browser. Charles also talks about the differences between NativeScript and Ionic. 7:38 - Alyssa asks if there is any specific popular framework or groups of people using Ionic. Mike answers that a lot of their user base consists of Angular developers, but they are seeing growth elsewhere too. 8:40 - Charles mentions that people like the fact they don’t have to learn different technologies for different platforms while developing apps, and prefer to do it by porting work from one platform to another. Mike agrees while saying that Ionic is a great option for that and it comes with a decent UI. 9:30 - Charles asks about Electron, if it’s the same codebase. Mike answers that Electron is quite new to them, but they are building an option for the native compiler that solves many technical issues and introduces new ideas on how to work with common APIs for IOS, Android and Electron. 12:02 - Alyssa asks how does Ionic compare to various UI themes and whether it can be customized. Mike answers that they have two themes - an iOS theme and a default material design theme. He says that they also have an option of creating custom themes using CSS variables. 13:30 - Charles asks if they have an update to the UI builder as well. Mike answers in affirmative and explains that they are working on a tool called Studio and proceeds to give some historical background on how they got there. He elaborates on the features of Studio. 15:40 - Alyssa asks if the tool is still under development or they are ready to start using it. Mike answers that a small group of users is using it and they are focusing on enterprise users currently. 16:50 - Charles asks about the next steps after Ionic 4.0. Mike explains in detail says that they want to work on some Angular tooling and on maintaining an update schematic. 18:17 - They discuss on how having different options help developers and users make flexible decisions leading to better products. 19:15 - Mike says that he is going to be at VueConf in Florida in March and Ng-Conf in Salt Lake City, and he is active on Twitter, Reddit and Instagram. 22:36 - Charles asks if there is any tutorial on Ionic for beginners. Mike asks users to search for “Ionic 4 Crash Course” - a 15-minute video encapsulating everything that they need to get it up and running. 22:35 - Advertisement - Angular Bootcamp 24:20 - Picks! 28:04 - END - Advertisement - CacheFly! Picks: Alyssa dto Charles Modern Medicine Keeping perspective on things in general Mike Tidying Up with Marie Kondo

adventures os android reddit studio panel ios salt lake city ui marie kondo apis crash course javascript css advertisement tidying up angular sentry electron modern medicine developer advocate ionic cachefly charles max wood nativescript mike hartington ng conf vueconf alyssa nicoll angular boot camp end advertisement

Episode 10: Mobile/Web Apps Using Ionic with Mike Hartington

Real Talk JavaScript

Play Episode Listen Later Dec 4, 2018 55:34

Recording date: 2018-11-01 Tweet John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Dan Wahlin https://twitter.com/danwahlin Mike Hartington https://twitter.com/mhartington Notes (0:01:59) MailBag question from Jon Mayhew: Is it possible to have one code base for Android, iOS, PWA, and Web? Would you just deploy the PWA as a web app? Or would I need to have a separate Angular app that would look better on the web? (0:03:50) Ward asks "Why go down the road of Ionic" (0:04:20) Mike talks about user expectations and how you choose your mobile solution. (0:05:58) Ward asks if what works on the web also works on mobile (0:07:02) Ward asks how you can take a web app and move to Ionic? (0:08:30) Mike talks about how you can replce an airplane while flying (0:09:10) Mike and John talk about Ionic v4 (0:09:31) John asks Mike where he sees Ionic as a good choice compared to the field (0:10:20) Mike talks about how you can ask yourself if you need device features (0:12:12) Mike alks about what you can do on the Web today cmopared to mobile (0:12:45) John asks Mike if low wifi or no wifi are good scenarios for Ionic, native mogile, or PWAs (0:14:15) Mike talks about how Ionic fits in with the web frameworks (0:15:30) Mike compares mobile dev to baking a cake (0:16:30) Ward talks about Easy Bake Ovens https://en.wikipedia.org/wiki/Easy-Bake_Oven (0:18:30) Apache Cordova: https://cordova.apache.org/ (0:18:38) Mike talks about capacitor https://capacitor.ionicframework.com/ (0:19:35) "Can i use" https://caniuse.com (0:20:01) Mike recommends how to store offline data in mobile (0:20:50) IndxedDB https://developer.mozilla.org/en/docs/Web/API/IndexedDB_API and SqlLite https://www.sqlite.org/ (0:22:01) Data on mobile and sensitive info (0:26:14) Mobile iron and hockeyapp https://hockeyapp.net/ (0:27:12) Stencil: https://stenciljs.com/ (0:28:44) Mr. Peabody and the "Wayback Machine" https://en.wikipedia.org/wiki/WABAC_machine (0:30:33) Mike talks about how Ionic works https://ionicframework.com/docs/components/ (0:31:31) Mike mentions a productivity talk by Scott Hanselman https://www.hanselman.com/blog/ItsNotWhatYouReadItsWhatYouIgnoreVideoOfScottHanselmansPersonalProductivityTips.aspx (0:32:45) RxJS https://rxjs-dev.firebaseapp.com/ (0:35:00) Mike talks about the frameworks handles events (0:36:02) Mike shares a story of a mobile app he built and its challenges (0:39:42) Ward talks about customers he talks to who are just starting to get into mobile (0:40:48) Mike talks about cordova vs not cordova (0:43:11) Ward talks about "CIO Magazine" syndrome (0:45:50) Mike talks about examples of apps built with Ionic (0:50:38) Someone to follow: CodeNewbie community https://www.codenewbie.org/ (0:51:11) Someone to follow: Craig Shoemaker https://twitter.com/craigshoemaker (0:52:07) Someone to follow: Refactr Tech https://twitter.com/RefactrTech

data web android mobile recording ios ward javascript mailbag html peabody css web development angular wayback machine web apps pwa ionic cio magazine pwas craig shoemaker stencil scott hanselman easy bake oven mobile web codenewbie rxjs john papa mike hartington apache cordova ward bell wabac

VoV 034: Mike Hartington & Michael Tintiuc : "Ionic and Vue"

Play Episode Listen Later Oct 23, 2018 74:38

Panel: Charles Max Wood Chris Fritz Divya Sasidharan Joe Eames John Papa Special Guest: Mike Hartington and Michael Tintiuc In this episode, the panel talks with Mike and Michael who are developers of Ionic. The panel and the guests talk about the ins-and-outs of the framework and talk about the pros and cons, too. Listen to today’s episode to hear how they discuss how Ionic is compatible with Vue and Angular. Finally, they talk about various topics, such as Cordova and Capacitor. Show Topics: 1:19 – Mike H. gives his background. He uses JavaScript every day. 1:30 – Michael T. gives his background. 1:53 – Chuck: Yes, today we are talking about Ionic. Why are we talking about that on a Vue Podcast? 2:08 – Let’s talk about what Ionic is first? 2:16 – Guest gives us the definition / background of what IONIC is. 2:32 – Guest: We have been tied to Angular (back in the day), which were Ember and jQuery bindings. We have come a far way. (He talks about web components.) Guest: We spent a year diving into web components and interweaving that with Angular. Now we are exploring other framework options. Now we are looking at Ionic with Vue. 3:34 – Chuck: I have played with Ionic, and it’s fairly to use. It’s exciting to see it come this way. I’m curious what does that look like b/c Angular and Vue aren’t the same. 4:10 – Guest explains and answers Chuck’s question. 4:50 – Chuck: Is it like using...under the hood? 4:58 – Guest: No. (He goes into detail.) 5:08 – I didn’t know that Stencil was built by that team. 5:19 – Guest: We built a 2nd project. 5:28 – Guest: There are 24 hours in a day. 5:39 – Panel: How is Ionic different than other options? 5:59 – Guest: It’s comparable to Frameworks 7. The components that you generate are all web0based. The component that you put in is the same for the web or Android. You can have 100% code reuse. 6:35 – Panel: It’s actual CSS? 6:41 – Guest: It’s full-blown CSS. If you wanted to do CSS animations then whatever the browser can support. 6:56 – Panel: Advantages or disadvantages? 7:04 – Guest: It’s easier to maintain. If you are making the next Photo Shop...(super heavy graphics) maybe web and web APIs aren’t the right way to go. 8:23 – You have access to less intense stuff? 8:34 – Guest: Yes. 8:39 – Question. 8:46 – Guest: 2 different approaches to this. 1 approach is CORDOVA and the other is CAPACITOR. 9:42 – Anything that has been built with Ionic? 9:47 – Guest: App called Untapped? Or the fitness app, SWORKIT! MarketWatch is another one. We have a whole showcase page that you can check out. 10:57 – Few apps out there that use Ionic for everything. 11:06 – Panel: I have done work with Ionic in the past. I found a sweet spot for business apps. There are things behind enterprise walls that customers can use but necessarily others. We have decided to go native and found that Ionic wasn’t a good fit. How do you feel? 11:51 – Guest: We do hear that a lot. People want to make a quick app and then... 12:20 – Panel: We chose Ionic in this project b/c we had to get it out in less than 6 weeks and the team knew JavaScript. Nobody knew Ionic besides me. After that, nothing broke and that’s a huge praise. 12:55 – Guest: I will take that good praise. 13:01 – Panel: How is it used with Vue? 13:07 – Guest: The Vue work that we’ve been doing...here are the core components. Recently we have been working with Michael and integration. They have been working on opensource. 13:45 – Michael: It was one of the first apps in Beta and Vue. It all started out as a passionate project for the opensource initiative. We wanted to build something new and use the emerging Vue.js. At the time I had no idea. It sounded cool, though, and at the time I wrote a small CUI program. I decided to make an app out of that. I wanted to meet the clients’ needs and the new tech. I went online and I saw some tutorials and I thought they had figured it out. I thought we were screwed but I guess not. Most of the things are out of the box. But the problem is that the routing was sketchy and it wouldn’t update the URL and it had to be delegated to the framework. The app is called BEEP. I cannot disclose what it means. Joking. I added to the state that everything... I tore through the screen to figure out how it works. Then it clicked. You have to extend the Vue’s official router...and then you’re done. You do a MPM install and then you call a couple of APIs and then you are done. Not even a single line of code. You have Ionic’s out of the box animations, and in our app we have a dancing... You spend a week and you’re done so I won’t use anything else. 17:35 – Panel: That’s an impressive turnaround! 17:42 – Panel: It just goes to show you that the code in Vue is so approachable to anyone. If you know a little bit of JavaScript then you know what is kind of going on. It’s pretty clean. Especially the Vue Router. 18:11 – Panel: Vue Core – some parts that can be hairy. 18:43 – We are component authors. We just need to know here is a component and here are some methods that it needs to know. 19:04 – Oh yeah, totally – I was talking more about... 19:14 – That’s what I thought for those 2 weeks cause I was looking at... 19:24 – Chuck: How do you get the Vue stuff in that and not the Angular? 19:41 – Guest answers the question. 20:20 – Panel: What was the hardest part to integrate? 20:28 – Michael: I wrote my own router. It was too much for me to write. I thought it was going to take me ages. So it took the longest to come to the idea to extending Vue’s router. I thought writing less code is the best. It took me 2 weeks to come to that conclusion. It was related to how... 22:21 – Question. 22:28 – Michael: You can use Vue router like if you used a different package. 22:40 – Panel: It is using the other router history or if you are using Hash API; since it’s all web technology? 23:03 – Guest: People don’t see the URL. 23:10 – We can teach them to pass... 23:25 – Panel: I have been interested in Ionic...when you sprinkle in some native stuff. Local databases. Getting that wasn’t too bad to work. The trick was testing that. 24:04 – Guest: A lot of manual work, unfortunately. It’s a lot of set-up work. You can do test functions but actually have that end-to-end test...can I make sure that is working correctly? A lot of manual testing. There are some cloud base platforms but I haven’t checked them out for an easier way. 25:06 – It was an Ionic issue it was... I think some of the Cloud services to better nowadays. 25:25 – Guest: It was painful to get it setup. Why do I need Clouds? 25:42 – Advertisement – Get A Coder Job! 26:19 – Let’s talk about native features. How does one do that in Vue? 26:29 – Guest talks about Vue, Capacitor, and Cordova. 27:27 – Guest: Let’s talk back to the Beep app. Lots of this stuff is really easy, as Mike was saying. That’s what I like to do – being a both a developer and a library writer. 28:00 – Panel: Imagine Slash from Guns and Roses. 28:14 – Chuck: They get this idea that it’s Java so I can share. Chuck asks a question. 28:30 – Guest: All of it. You might want to change some of the UIs. If it looks good on mobile then you can adapt that as the main app and swap that out for the traditional designs and something else. 29:03 – Panel: I can’t just drop in the same dibs for my styles on my desktop and magically look like a mobile app. 29:23 – Guest: That’s where you are wrong. Ionic does this really well. We have painstakingly made this be a thing. The guest talks about screen width, layouts, and other topics. 30:10 – Guest: It’s the same code. 30:18 – Panelist gives a hypothetical situation for the guests. 30:36 – Guest answers the question. Guest: You will have to refactor from desktop to mobile. 31:54 – Chuck. 32:10 – Michael: It’s about continuity. 32:39 – Panel: Building a Vue app we can use the Ionic Vue project to reuse that work that you did to get that back button working. 32:59 – Michael: That’s the whole point. So you guys don’t even have to think about it. So you don’t have to fiddle around with bugs. 33:17 – Panelist. 33:22 – Michael. 33:33 – Mike: Eventually we want to do a full fledge Vue project they just install Ionic Vue and it will integrate the package. 33:55 – Michael: You use the UPI and that’s it. 34:03 – Panel: Beyond the hardcore 3D sky room games are there any other reasons why I wouldn’t want to use Ionic? 34:30 – Mike: I can’t think of anything. More important question is what is your team’s experience? I wouldn’t go to a bunch of C+ devs and say: Here ya go! I wouldn’t do that. You have to figure out the team that knows Java and they don’t know native, so they will be able to reuse those skills. 35:25 – Panel: I am wondering if there is anything technically impossible because of the way Ionic works? 36:00 – Guest: If there are, I haven’t seen it, yet. There are 20,000,000 downloads so far, so I don’t think so. 36:28 – Panel: When people report an issue what do they complain about? 36:39 – Guest: Being a couple pixels off (CSS), API signatures, etc. We are seeing fewer issues on the... People are looking at functionality issues. Whenever there are issues we take care of it right away. 37:26 – Panelist asks a question. 37:32 – It’s really done well. 37:46 – Panel: Are people able to drop that into an Ionic app? 38:09 – Guest: I haven’t tried that, yet. 38:20 – Panel: I have another question: How big are Ionic apps compared to other native apps. When you are using C+ or writing in Java or Swift. 39:09 – Guest: Twitter native was a couple 100 MB app. But the apps built with Ionic are 50 MB category. They can be small or full native apps with plugins. 40:00 – Panel: Does that mean that in some cases users will have to be connected to the Internet to use the app? 40:29 – Guest answers. 41:02 – Guest: I have some good news for you all. (Guest goes into detail.) 41:39 – Chuck. 41:44 – Guest: Another comparison is my app I use for my Home Goods store is 80 MB and it’s not doing a whole lot. 42:21 – Chuck: Let’s talk data for a minute. You can get large that way if you are DL files through the app – how do you manage memory? 42:42 – Guest: That is run by the browser run-time. Sometimes too good of a job. When you are doing production cases your... 43:27 – Panel: Do you have access to Sequel Light or do you have to use in-browser storage? 43:27 – Guest: Either one. 44:16 – Sequel Light. 44:20 – Guest. 44:24 – Within Ionic you can use Sequel Light there is a plugin. 44:55 – Panelist comments. 45:23 – Michael: I want to add some clarification. You can write your own propriety files... 45:23 – I like that it sounds like it’s different than other frameworks. Instead of there being a framework way to do it there is a lot of different pieces you can plugin to different parts that is agnostic to Ionic. 46:10 – Guest talks about batteries included. 46:42 – Panel: I really like that b/c it’s the Vue approach, too. 47:21 – The guest talks about transitions. 48:07 – Chuck: If I get stuck what is the community around it? 48:25 – Guest: It’s still early right now. If you went to the code base you wouldn’t see much. We are working on the code getting into the package. The good thing is that the way it’s structure, once their APIs are set then it’s the same through Angular and Vue. Once you have that API set it’s the same thing between those 3 things. 49:13 – Guest: Let me blow your minds guys... There are 7 controllers and 99% you would go to the Ionic site. The rest is identical and that’s the cool part. If you are coming from Angular you can reuse a lot of that knowledge. 50:00 – Panel: If they wanted to build an app right now what would you recommend as their first step? 50:16 – Guest: Ionic and Vue – check out the docs and the components overviews to see what the vanilla components are like. 50:52 – Panel: Is there an example repo? 50:59 – Guest: That would be the BEEP app. 51:08 – Panel: Vue specific docs? 51:18 – Guest: Files that you can drop into your browser. 51:27 – Panel: How soon is soon? 51:31 – Guest: Most likely within the next few months. Final touches that we want to complete. 52:11 – Chuck: What about testing? 52:17 – Guest: Same way you would test a Vue app there is nothing specific for Ionic (at least for the unit tests). If you are doing integration tests that would work the same way in typical Vue setup the only quirks are... 52:56 – Question: Does Ionic offer a collection of mocks for APIs? 53:11 – Guest: Yes, but just for Angular. It’s the only framework to support. This is a good call for community members to contribute. 53:35 – Panel: Would that be a new repo for Vue? 53:44 – Guest: Contribute to the Ionic Teams’ Main Repository and open an issue – and Ping me. 54:02 – Twitter names are given. 54:13 – Panel: How do they reach you? 54:19 – Michael: My whole name slurred together. 54:39 – Panel: Anything else they should know? 54:46 – Guest: Ping us and we will get you working with Ionic. 54:54 – Guest: The cookbook examples are a good starting part. We work very hard with Ionic. 56:01 – Panel: If they have questions where should they post them – chat, or form? 56:20 – Guest: Yes, ask away – any questions. 56:41 – Panel: How do you make money? 57:00 – Guest: If you want to build the Android portion, but you don’t want to take the time, we have a hosted platform that will handle that for you. Help you create your build so you don’t have to create all of the native stuff. 57:29 – Picks! 57:35 – Chuck: I have more stuff to play with – dang it! I am happy to outsource to you, Chris! 58:00 – Sarcasm. 58:26 – Chuck: Thank you for sharing your stories, Michael and Mike! 58:38 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue React Angular JavaScript DevChat TV Ionic – Vue Ionic Star Track Onsen UI Beep Have I been Pawned? Michael T.’s LinkedIn Mike H.’s Twitter Michael T.’s Twitter Sponsors: Fresh Books Cache Fly Kendo UI Picks: John NMP Library – DoteNV The 12 Factor App Divya Post by Sara S. Headspace – daily meditation Chris Library called CUID Library – MapBox Netflix – The Originals Chuck Friends of Scouting – good cause to give money Michael AIRBNB Lottie Steam Support Mike Blog Post – GitHub Integration Infinity War Joe Movie Peppermint Burn After Reading Goodbye Redux

netflix friends google internet local guns 3d android cloud panel library roses beta swift react clouds api scouting java infinity war headspace apis dl javascript ping mb frameworks panelists blog post originals css beeps marketwatch joking sarcasm advertisement vue angular divya cordova freshbooks upi jquery saras home goods ionic burn after reading uis cui capacitors mpm michael t cuid stencil cachefly mike h mapbox devchat michael you michael it charles max wood john papa star track sworkit mike hartington kendo ui devchattv joe eames chris fritz chuck how chuck is factor app divya sasidharan chuck let get a coder job us 2528sem 2529branded 257cexm chuck yes vue router chuck they panel it steam support vue podcast 255bfreshbooks 255d panel are panel anything

VoV 034: Mike Hartington & Michael Tintiuc : "Ionic and Vue"

Views on Vue

Play Episode Listen Later Oct 23, 2018 74:38

Panel: Charles Max Wood Chris Fritz Divya Sasidharan Joe Eames John Papa Special Guest: Mike Hartington and Michael Tintiuc In this episode, the panel talks with Mike and Michael who are developers of Ionic. The panel and the guests talk about the ins-and-outs of the framework and talk about the pros and cons, too. Listen to today’s episode to hear how they discuss how Ionic is compatible with Vue and Angular. Finally, they talk about various topics, such as Cordova and Capacitor. Show Topics: 1:19 – Mike H. gives his background. He uses JavaScript every day. 1:30 – Michael T. gives his background. 1:53 – Chuck: Yes, today we are talking about Ionic. Why are we talking about that on a Vue Podcast? 2:08 – Let’s talk about what Ionic is first? 2:16 – Guest gives us the definition / background of what IONIC is. 2:32 – Guest: We have been tied to Angular (back in the day), which were Ember and jQuery bindings. We have come a far way. (He talks about web components.) Guest: We spent a year diving into web components and interweaving that with Angular. Now we are exploring other framework options. Now we are looking at Ionic with Vue. 3:34 – Chuck: I have played with Ionic, and it’s fairly to use. It’s exciting to see it come this way. I’m curious what does that look like b/c Angular and Vue aren’t the same. 4:10 – Guest explains and answers Chuck’s question. 4:50 – Chuck: Is it like using...under the hood? 4:58 – Guest: No. (He goes into detail.) 5:08 – I didn’t know that Stencil was built by that team. 5:19 – Guest: We built a 2nd project. 5:28 – Guest: There are 24 hours in a day. 5:39 – Panel: How is Ionic different than other options? 5:59 – Guest: It’s comparable to Frameworks 7. The components that you generate are all web0based. The component that you put in is the same for the web or Android. You can have 100% code reuse. 6:35 – Panel: It’s actual CSS? 6:41 – Guest: It’s full-blown CSS. If you wanted to do CSS animations then whatever the browser can support. 6:56 – Panel: Advantages or disadvantages? 7:04 – Guest: It’s easier to maintain. If you are making the next Photo Shop...(super heavy graphics) maybe web and web APIs aren’t the right way to go. 8:23 – You have access to less intense stuff? 8:34 – Guest: Yes. 8:39 – Question. 8:46 – Guest: 2 different approaches to this. 1 approach is CORDOVA and the other is CAPACITOR. 9:42 – Anything that has been built with Ionic? 9:47 – Guest: App called Untapped? Or the fitness app, SWORKIT! MarketWatch is another one. We have a whole showcase page that you can check out. 10:57 – Few apps out there that use Ionic for everything. 11:06 – Panel: I have done work with Ionic in the past. I found a sweet spot for business apps. There are things behind enterprise walls that customers can use but necessarily others. We have decided to go native and found that Ionic wasn’t a good fit. How do you feel? 11:51 – Guest: We do hear that a lot. People want to make a quick app and then... 12:20 – Panel: We chose Ionic in this project b/c we had to get it out in less than 6 weeks and the team knew JavaScript. Nobody knew Ionic besides me. After that, nothing broke and that’s a huge praise. 12:55 – Guest: I will take that good praise. 13:01 – Panel: How is it used with Vue? 13:07 – Guest: The Vue work that we’ve been doing...here are the core components. Recently we have been working with Michael and integration. They have been working on opensource. 13:45 – Michael: It was one of the first apps in Beta and Vue. It all started out as a passionate project for the opensource initiative. We wanted to build something new and use the emerging Vue.js. At the time I had no idea. It sounded cool, though, and at the time I wrote a small CUI program. I decided to make an app out of that. I wanted to meet the clients’ needs and the new tech. I went online and I saw some tutorials and I thought they had figured it out. I thought we were screwed but I guess not. Most of the things are out of the box. But the problem is that the routing was sketchy and it wouldn’t update the URL and it had to be delegated to the framework. The app is called BEEP. I cannot disclose what it means. Joking. I added to the state that everything... I tore through the screen to figure out how it works. Then it clicked. You have to extend the Vue’s official router...and then you’re done. You do a MPM install and then you call a couple of APIs and then you are done. Not even a single line of code. You have Ionic’s out of the box animations, and in our app we have a dancing... You spend a week and you’re done so I won’t use anything else. 17:35 – Panel: That’s an impressive turnaround! 17:42 – Panel: It just goes to show you that the code in Vue is so approachable to anyone. If you know a little bit of JavaScript then you know what is kind of going on. It’s pretty clean. Especially the Vue Router. 18:11 – Panel: Vue Core – some parts that can be hairy. 18:43 – We are component authors. We just need to know here is a component and here are some methods that it needs to know. 19:04 – Oh yeah, totally – I was talking more about... 19:14 – That’s what I thought for those 2 weeks cause I was looking at... 19:24 – Chuck: How do you get the Vue stuff in that and not the Angular? 19:41 – Guest answers the question. 20:20 – Panel: What was the hardest part to integrate? 20:28 – Michael: I wrote my own router. It was too much for me to write. I thought it was going to take me ages. So it took the longest to come to the idea to extending Vue’s router. I thought writing less code is the best. It took me 2 weeks to come to that conclusion. It was related to how... 22:21 – Question. 22:28 – Michael: You can use Vue router like if you used a different package. 22:40 – Panel: It is using the other router history or if you are using Hash API; since it’s all web technology? 23:03 – Guest: People don’t see the URL. 23:10 – We can teach them to pass... 23:25 – Panel: I have been interested in Ionic...when you sprinkle in some native stuff. Local databases. Getting that wasn’t too bad to work. The trick was testing that. 24:04 – Guest: A lot of manual work, unfortunately. It’s a lot of set-up work. You can do test functions but actually have that end-to-end test...can I make sure that is working correctly? A lot of manual testing. There are some cloud base platforms but I haven’t checked them out for an easier way. 25:06 – It was an Ionic issue it was... I think some of the Cloud services to better nowadays. 25:25 – Guest: It was painful to get it setup. Why do I need Clouds? 25:42 – Advertisement – Get A Coder Job! 26:19 – Let’s talk about native features. How does one do that in Vue? 26:29 – Guest talks about Vue, Capacitor, and Cordova. 27:27 – Guest: Let’s talk back to the Beep app. Lots of this stuff is really easy, as Mike was saying. That’s what I like to do – being a both a developer and a library writer. 28:00 – Panel: Imagine Slash from Guns and Roses. 28:14 – Chuck: They get this idea that it’s Java so I can share. Chuck asks a question. 28:30 – Guest: All of it. You might want to change some of the UIs. If it looks good on mobile then you can adapt that as the main app and swap that out for the traditional designs and something else. 29:03 – Panel: I can’t just drop in the same dibs for my styles on my desktop and magically look like a mobile app. 29:23 – Guest: That’s where you are wrong. Ionic does this really well. We have painstakingly made this be a thing. The guest talks about screen width, layouts, and other topics. 30:10 – Guest: It’s the same code. 30:18 – Panelist gives a hypothetical situation for the guests. 30:36 – Guest answers the question. Guest: You will have to refactor from desktop to mobile. 31:54 – Chuck. 32:10 – Michael: It’s about continuity. 32:39 – Panel: Building a Vue app we can use the Ionic Vue project to reuse that work that you did to get that back button working. 32:59 – Michael: That’s the whole point. So you guys don’t even have to think about it. So you don’t have to fiddle around with bugs. 33:17 – Panelist. 33:22 – Michael. 33:33 – Mike: Eventually we want to do a full fledge Vue project they just install Ionic Vue and it will integrate the package. 33:55 – Michael: You use the UPI and that’s it. 34:03 – Panel: Beyond the hardcore 3D sky room games are there any other reasons why I wouldn’t want to use Ionic? 34:30 – Mike: I can’t think of anything. More important question is what is your team’s experience? I wouldn’t go to a bunch of C+ devs and say: Here ya go! I wouldn’t do that. You have to figure out the team that knows Java and they don’t know native, so they will be able to reuse those skills. 35:25 – Panel: I am wondering if there is anything technically impossible because of the way Ionic works? 36:00 – Guest: If there are, I haven’t seen it, yet. There are 20,000,000 downloads so far, so I don’t think so. 36:28 – Panel: When people report an issue what do they complain about? 36:39 – Guest: Being a couple pixels off (CSS), API signatures, etc. We are seeing fewer issues on the... People are looking at functionality issues. Whenever there are issues we take care of it right away. 37:26 – Panelist asks a question. 37:32 – It’s really done well. 37:46 – Panel: Are people able to drop that into an Ionic app? 38:09 – Guest: I haven’t tried that, yet. 38:20 – Panel: I have another question: How big are Ionic apps compared to other native apps. When you are using C+ or writing in Java or Swift. 39:09 – Guest: Twitter native was a couple 100 MB app. But the apps built with Ionic are 50 MB category. They can be small or full native apps with plugins. 40:00 – Panel: Does that mean that in some cases users will have to be connected to the Internet to use the app? 40:29 – Guest answers. 41:02 – Guest: I have some good news for you all. (Guest goes into detail.) 41:39 – Chuck. 41:44 – Guest: Another comparison is my app I use for my Home Goods store is 80 MB and it’s not doing a whole lot. 42:21 – Chuck: Let’s talk data for a minute. You can get large that way if you are DL files through the app – how do you manage memory? 42:42 – Guest: That is run by the browser run-time. Sometimes too good of a job. When you are doing production cases your... 43:27 – Panel: Do you have access to Sequel Light or do you have to use in-browser storage? 43:27 – Guest: Either one. 44:16 – Sequel Light. 44:20 – Guest. 44:24 – Within Ionic you can use Sequel Light there is a plugin. 44:55 – Panelist comments. 45:23 – Michael: I want to add some clarification. You can write your own propriety files... 45:23 – I like that it sounds like it’s different than other frameworks. Instead of there being a framework way to do it there is a lot of different pieces you can plugin to different parts that is agnostic to Ionic. 46:10 – Guest talks about batteries included. 46:42 – Panel: I really like that b/c it’s the Vue approach, too. 47:21 – The guest talks about transitions. 48:07 – Chuck: If I get stuck what is the community around it? 48:25 – Guest: It’s still early right now. If you went to the code base you wouldn’t see much. We are working on the code getting into the package. The good thing is that the way it’s structure, once their APIs are set then it’s the same through Angular and Vue. Once you have that API set it’s the same thing between those 3 things. 49:13 – Guest: Let me blow your minds guys... There are 7 controllers and 99% you would go to the Ionic site. The rest is identical and that’s the cool part. If you are coming from Angular you can reuse a lot of that knowledge. 50:00 – Panel: If they wanted to build an app right now what would you recommend as their first step? 50:16 – Guest: Ionic and Vue – check out the docs and the components overviews to see what the vanilla components are like. 50:52 – Panel: Is there an example repo? 50:59 – Guest: That would be the BEEP app. 51:08 – Panel: Vue specific docs? 51:18 – Guest: Files that you can drop into your browser. 51:27 – Panel: How soon is soon? 51:31 – Guest: Most likely within the next few months. Final touches that we want to complete. 52:11 – Chuck: What about testing? 52:17 – Guest: Same way you would test a Vue app there is nothing specific for Ionic (at least for the unit tests). If you are doing integration tests that would work the same way in typical Vue setup the only quirks are... 52:56 – Question: Does Ionic offer a collection of mocks for APIs? 53:11 – Guest: Yes, but just for Angular. It’s the only framework to support. This is a good call for community members to contribute. 53:35 – Panel: Would that be a new repo for Vue? 53:44 – Guest: Contribute to the Ionic Teams’ Main Repository and open an issue – and Ping me. 54:02 – Twitter names are given. 54:13 – Panel: How do they reach you? 54:19 – Michael: My whole name slurred together. 54:39 – Panel: Anything else they should know? 54:46 – Guest: Ping us and we will get you working with Ionic. 54:54 – Guest: The cookbook examples are a good starting part. We work very hard with Ionic. 56:01 – Panel: If they have questions where should they post them – chat, or form? 56:20 – Guest: Yes, ask away – any questions. 56:41 – Panel: How do you make money? 57:00 – Guest: If you want to build the Android portion, but you don’t want to take the time, we have a hosted platform that will handle that for you. Help you create your build so you don’t have to create all of the native stuff. 57:29 – Picks! 57:35 – Chuck: I have more stuff to play with – dang it! I am happy to outsource to you, Chris! 58:00 – Sarcasm. 58:26 – Chuck: Thank you for sharing your stories, Michael and Mike! 58:38 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue React Angular JavaScript DevChat TV Ionic – Vue Ionic Star Track Onsen UI Beep Have I been Pawned? Michael T.’s LinkedIn Mike H.’s Twitter Michael T.’s Twitter Sponsors: Fresh Books Cache Fly Kendo UI Picks: John NMP Library – DoteNV The 12 Factor App Divya Post by Sara S. Headspace – daily meditation Chris Library called CUID Library – MapBox Netflix – The Originals Chuck Friends of Scouting – good cause to give money Michael AIRBNB Lottie Steam Support Mike Blog Post – GitHub Integration Infinity War Joe Movie Peppermint Burn After Reading Goodbye Redux

netflix friends google internet local guns 3d android cloud panel library roses beta swift react clouds api scouting java infinity war headspace apis dl javascript ping mb frameworks panelists blog post originals css beeps marketwatch joking sarcasm advertisement vue angular divya cordova freshbooks upi jquery saras home goods ionic burn after reading uis cui capacitors mpm michael t cuid stencil cachefly mike h mapbox devchat michael you michael it charles max wood john papa star track sworkit mike hartington kendo ui devchattv joe eames chris fritz chuck how chuck is factor app divya sasidharan chuck let get a coder job us 2528sem 2529branded 257cexm chuck yes vue router chuck they panel it steam support vue podcast 255bfreshbooks 255d panel are panel anything

MAS 050: Mike Hartington

Play Episode Listen Later Sep 5, 2018 36:30

Panel Charles Max Wood Mike Hartington Mike is an Ionic Developer Advocate. He's been a guest in Adventures in Angular (Episode 64 and 109) and Java Script Jabber, and he spoke in Angular Remote Conference. Tune in to My Angular Story Mike Hartington to know more about how he started in programming. His first dive in programming was simply out of necessity. He took Intro to Computer Science in high school where he did visual basic. He really didn't think of pushing it through college, and he was into craft design courses instead. When he had his last semester course on web design, that was the first time he went back into programming and web technology after high school. He fell in love with Flash before JavaScript. He found it to be so awesome because it's interactive and it's so much fun. When he got out of school, he did marketing and design at a company. One of the requirements were to do interactive product demos and create resources for sales team. They were provided with iPads to do the task, but Flash doesn't run in iPads. Being the case, he had to relearn JavaScript. When he got hired in a company as a designer working with developers, he initially that it would look great. But eventually he didn't want to do the job because it would take him forever. He also had this boss who was very much of a visual person. When he showed him something in the computer, he was asked about how that particular thing would work. Not having Sketch back then, he didn't have the newer UI mockup tools. He recoded all the interactions, and his boss was pleased. Being a designer before has somewhat been an influence to Mike's life as a programmer. He helps other developers handle issues and figure better solutions just like how a designer would do. The main goal of designing is producing an output that appears as if it's done the only way it should. In the end, the product would seem to a natural fit. Charles agrees with Mike's idea in how to solve a problem. Using API for instance, Mike doesn't want to think over about how to use it. He wants to keep things simple. The API should be materialized the way it should have been done. To hear the rest of My Angular Mike Hartington, download and listen to the entire episode. Get in touch with Mike and learn more about him by following him on Twitter. Don't forget to let Mike know you heard about him on Devchat.tv's Adventures in Angular My Angular Story! Mike on Twitter If you're short on time, here are the highlights of My Angular Story Mike Hartington: How did Mike get into programming? (07:03) What led him back to programming? (09:50) How does designing influence programming? (12:21) How did Mike get into Angular? (14:06) Mike's other open source projects? (17:31) Mike's basis in deciding to contribute in a project? (19:17) How did he get into Ionic? (24:14) Picks: Mike Chuck from Angular Team for awesome language plugin, Westworld Charles ActiveCampaign, KSL Classifieds, Who book

adventures flash panel ipads computer science api westworld ui sketch javascript angular activecampaign ionic devchat charles max wood javascript jabber mike hartington angular team angular episode angular remote conference angular my angular story my angular story mike hartington

MAS 050: Mike Hartington

web api javascript angular cordova electron pwa ionic cross platform capacitors web components platform development mike hartington

Play Episode Listen Later Sep 5, 2018 36:30

Panel Charles Max Wood Mike Hartington Mike is an Ionic Developer Advocate. He's been a guest in Adventures in Angular (Episode 64 and 109) and Java Script Jabber, and he spoke in Angular Remote Conference. Tune in to My Angular Story Mike Hartington to know more about how he started in programming. His first dive in programming was simply out of necessity. He took Intro to Computer Science in high school where he did visual basic. He really didn't think of pushing it through college, and he was into craft design courses instead. When he had his last semester course on web design, that was the first time he went back into programming and web technology after high school. He fell in love with Flash before JavaScript. He found it to be so awesome because it's interactive and it's so much fun. When he got out of school, he did marketing and design at a company. One of the requirements were to do interactive product demos and create resources for sales team. They were provided with iPads to do the task, but Flash doesn't run in iPads. Being the case, he had to relearn JavaScript. When he got hired in a company as a designer working with developers, he initially that it would look great. But eventually he didn't want to do the job because it would take him forever. He also had this boss who was very much of a visual person. When he showed him something in the computer, he was asked about how that particular thing would work. Not having Sketch back then, he didn't have the newer UI mockup tools. He recoded all the interactions, and his boss was pleased. Being a designer before has somewhat been an influence to Mike's life as a programmer. He helps other developers handle issues and figure better solutions just like how a designer would do. The main goal of designing is producing an output that appears as if it's done the only way it should. In the end, the product would seem to a natural fit. Charles agrees with Mike's idea in how to solve a problem. Using API for instance, Mike doesn't want to think over about how to use it. He wants to keep things simple. The API should be materialized the way it should have been done. To hear the rest of My Angular Mike Hartington, download and listen to the entire episode. Get in touch with Mike and learn more about him by following him on Twitter. Don't forget to let Mike know you heard about him on Devchat.tv's Adventures in Angular My Angular Story! Mike on Twitter If you're short on time, here are the highlights of My Angular Story Mike Hartington: How did Mike get into programming? (07:03) What led him back to programming? (09:50) How does designing influence programming? (12:21) How did Mike get into Angular? (14:06) Mike's other open source projects? (17:31) Mike's basis in deciding to contribute in a project? (19:17) How did he get into Ionic? (24:14) Picks: Mike Chuck from Angular Team for awesome language plugin, Westworld Charles ActiveCampaign, KSL Classifieds, Who book

adventures flash panel ipads computer science api westworld ui sketch javascript angular activecampaign ionic devchat charles max wood javascript jabber mike hartington angular team angular episode angular remote conference angular my angular story my angular story mike hartington

MAS 050: Mike Hartington

My Angular Story

Play Episode Listen Later Sep 5, 2018 36:30

Panel Charles Max Wood Mike Hartington Mike is an Ionic Developer Advocate. He's been a guest in Adventures in Angular (Episode 64 and 109) and Java Script Jabber, and he spoke in Angular Remote Conference. Tune in to My Angular Story Mike Hartington to know more about how he started in programming. His first dive in programming was simply out of necessity. He took Intro to Computer Science in high school where he did visual basic. He really didn't think of pushing it through college, and he was into craft design courses instead. When he had his last semester course on web design, that was the first time he went back into programming and web technology after high school. He fell in love with Flash before JavaScript. He found it to be so awesome because it's interactive and it's so much fun. When he got out of school, he did marketing and design at a company. One of the requirements were to do interactive product demos and create resources for sales team. They were provided with iPads to do the task, but Flash doesn't run in iPads. Being the case, he had to relearn JavaScript. When he got hired in a company as a designer working with developers, he initially that it would look great. But eventually he didn't want to do the job because it would take him forever. He also had this boss who was very much of a visual person. When he showed him something in the computer, he was asked about how that particular thing would work. Not having Sketch back then, he didn't have the newer UI mockup tools. He recoded all the interactions, and his boss was pleased. Being a designer before has somewhat been an influence to Mike's life as a programmer. He helps other developers handle issues and figure better solutions just like how a designer would do. The main goal of designing is producing an output that appears as if it's done the only way it should. In the end, the product would seem to a natural fit. Charles agrees with Mike's idea in how to solve a problem. Using API for instance, Mike doesn't want to think over about how to use it. He wants to keep things simple. The API should be materialized the way it should have been done. To hear the rest of My Angular Mike Hartington, download and listen to the entire episode. Get in touch with Mike and learn more about him by following him on Twitter. Don't forget to let Mike know you heard about him on Devchat.tv's Adventures in Angular My Angular Story! Mike on Twitter If you're short on time, here are the highlights of My Angular Story Mike Hartington: How did Mike get into programming? (07:03) What led him back to programming? (09:50) How does designing influence programming? (12:21) How did Mike get into Angular? (14:06) Mike's other open source projects? (17:31) Mike's basis in deciding to contribute in a project? (19:17) How did he get into Ionic? (24:14) Picks: Mike Chuck from Angular Team for awesome language plugin, Westworld Charles ActiveCampaign, KSL Classifieds, Who book

adventures flash panel ipads computer science api westworld ui sketch javascript angular activecampaign ionic devchat charles max wood javascript jabber mike hartington angular team angular episode angular remote conference angular my angular story my angular story mike hartington

157: Cross-Platform Development with Ionic and Capacitor

The Web Platform Podcast

Play Episode Listen Later Mar 16, 2018 50:04

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.

AiA 150: What's New with Ionic with Mike Hartington

Play Episode Listen Later Aug 1, 2017 46:26

AiA 150: What’s New with Ionic with Mike Hartington In this episode of Adventures in Angular the panel is Ward Bell, Alyssa Nicoll, Joe Eames, and Charles Max Wood. The panel talks to special guest Mike Hartington about Ionic. Tune in to learn more! [00:02:02] Introduction to Mike Hartington Mike is a developer for the Ionic framework. He helps people succeed on Mobile. [00:02:40] What have you been working on lately? Ionic is currently going through an investigative phase. They are moving things to a vanilla JavaScript state and web component based architecture. [00:03:02] What do you mean by web component based architecture? Throughout all different frameworks (such as Angular, React, Ember) and libraries have a similar concept of a reusable thing. It is a custom element they can ship, which becomes limiting. It only works in their specific framework because the API capability isn’t there. Ionic wants to make something that works in all frameworks. [00:04:27] When you’re talking about web components, you’re talking about the idea of components? No, talking about the web standard itself. [00:05:25] What does this mean for people who are used to the way Ionic works with Angular? When implementing these experiments in new releases, it shouldn’t change for people who are currently using Ionic and Angular; everything pretty much stays the same. There is a slightly smaller payload, but that’s it. [00:06:32] As essentially as Angular developers, we will actually be interacting with an adapter? More or less. There would have a single Ionic Angular package. Everything it needs to have the web components talk to Angular would already be including as soon as you started the entire app. [00:07:16] If I became another kind of developer, we will be able to get the same experience because there will be a way to interact with other web components? Yes, that’s the vision. It was the idea when we first started Ionic. It is easier to implement now than when Ionic first started. [00:09:20] Do you think it is limiting to our creativity as developers? Can still create something new within Ionic and have something more custom to your needs. [00:12:26] If I have something that adapts to something else, is that going to impact performance? It shouldn’t. The code would not be heavy; it would be vanilla JavaScript. It would run outside of your framework. It could run faster because they are default APIs. It allows for an extra layer and everything Angular can do will still work with a web component. [00:15:15] Efficiency and simplicity of web components implementation frees you from having to carry the payload of a general application component framework. Is that where you’re going? Generally. The building time of an app is APIs Makes sense for application development but not controls. [00:16:25] Does this translate all the way up to desktop browsers? Becomes more useful because web components uses browsers own APIs. Overall payload ends up being smaller. Smaller network area users can take advantage and it can be faster if a large desktop application is used. [00:17:35] Is there a direction Ionic has? Ionic understands hybrid technology is going to be around. Some people want distribution through an app and some just want a website. Ionic is catering to both parties. At the end, browser will implement APIs that native devices have. [00:19:00] Do you see a move away from the phone gap approach towards PWAs or do you not know how it will play? Just released the numbers from a developer survey we sent out. There is a healthy mix between people who want a native binary and progressive web apps. [00:19:35] Will Ionic continue doing progressive web apps and splitting the difference? Ionic will continue pushing for progressive web apps. [00:21:00] Ionic and Augmented Reality He doesn’t know. Has seen a few people that has a HoloLens. In the future, Ionic could possibly use augmented reality. [00:26:54] Intro to Mike at Dev Summit Will speak about Ionic components across multitude of frameworks. How to take advantage of tools that Ionic has to use to create own custom components that work across all frameworks. Picks Alyssa: Sketch Joe: Dunkirk Everybody Lies: Big Data, New Data, and What the Internet Can Tell Us About Who We Really Are Ward: E-biking through Switzerland Rösti The Founder Charles: The Millionaire Mind by T. Harv Eke Mike: Diy Nils Spider-Man Homecoming

founders adventures mobile switzerland ward react efficiency api generally smaller augmented reality sketch apis spider man homecoming javascript dunkirk what's new aia new data angular hololens millionaire mind ionic pwas charles max wood mike hartington dev summit joe eames ward bell alyssa nicoll

AiA 150: What's New with Ionic with Mike Hartington

Play Episode Listen Later Aug 1, 2017 46:26

AiA 150: What’s New with Ionic with Mike Hartington In this episode of Adventures in Angular the panel is Ward Bell, Alyssa Nicoll, Joe Eames, and Charles Max Wood. The panel talks to special guest Mike Hartington about Ionic. Tune in to learn more! [00:02:02] Introduction to Mike Hartington Mike is a developer for the Ionic framework. He helps people succeed on Mobile. [00:02:40] What have you been working on lately? Ionic is currently going through an investigative phase. They are moving things to a vanilla JavaScript state and web component based architecture. [00:03:02] What do you mean by web component based architecture? Throughout all different frameworks (such as Angular, React, Ember) and libraries have a similar concept of a reusable thing. It is a custom element they can ship, which becomes limiting. It only works in their specific framework because the API capability isn’t there. Ionic wants to make something that works in all frameworks. [00:04:27] When you’re talking about web components, you’re talking about the idea of components? No, talking about the web standard itself. [00:05:25] What does this mean for people who are used to the way Ionic works with Angular? When implementing these experiments in new releases, it shouldn’t change for people who are currently using Ionic and Angular; everything pretty much stays the same. There is a slightly smaller payload, but that’s it. [00:06:32] As essentially as Angular developers, we will actually be interacting with an adapter? More or less. There would have a single Ionic Angular package. Everything it needs to have the web components talk to Angular would already be including as soon as you started the entire app. [00:07:16] If I became another kind of developer, we will be able to get the same experience because there will be a way to interact with other web components? Yes, that’s the vision. It was the idea when we first started Ionic. It is easier to implement now than when Ionic first started. [00:09:20] Do you think it is limiting to our creativity as developers? Can still create something new within Ionic and have something more custom to your needs. [00:12:26] If I have something that adapts to something else, is that going to impact performance? It shouldn’t. The code would not be heavy; it would be vanilla JavaScript. It would run outside of your framework. It could run faster because they are default APIs. It allows for an extra layer and everything Angular can do will still work with a web component. [00:15:15] Efficiency and simplicity of web components implementation frees you from having to carry the payload of a general application component framework. Is that where you’re going? Generally. The building time of an app is APIs Makes sense for application development but not controls. [00:16:25] Does this translate all the way up to desktop browsers? Becomes more useful because web components uses browsers own APIs. Overall payload ends up being smaller. Smaller network area users can take advantage and it can be faster if a large desktop application is used. [00:17:35] Is there a direction Ionic has? Ionic understands hybrid technology is going to be around. Some people want distribution through an app and some just want a website. Ionic is catering to both parties. At the end, browser will implement APIs that native devices have. [00:19:00] Do you see a move away from the phone gap approach towards PWAs or do you not know how it will play? Just released the numbers from a developer survey we sent out. There is a healthy mix between people who want a native binary and progressive web apps. [00:19:35] Will Ionic continue doing progressive web apps and splitting the difference? Ionic will continue pushing for progressive web apps. [00:21:00] Ionic and Augmented Reality He doesn’t know. Has seen a few people that has a HoloLens. In the future, Ionic could possibly use augmented reality. [00:26:54] Intro to Mike at Dev Summit Will speak about Ionic components across multitude of frameworks. How to take advantage of tools that Ionic has to use to create own custom components that work across all frameworks. Picks Alyssa: Sketch Joe: Dunkirk Everybody Lies: Big Data, New Data, and What the Internet Can Tell Us About Who We Really Are Ward: E-biking through Switzerland Rösti The Founder Charles: The Millionaire Mind by T. Harv Eke Mike: Diy Nils Spider-Man Homecoming

founders adventures mobile switzerland ward react efficiency api generally smaller augmented reality sketch apis spider man homecoming javascript dunkirk what's new aia new data angular hololens millionaire mind ionic pwas charles max wood mike hartington dev summit joe eames ward bell alyssa nicoll

AiA 150: What's New with Ionic with Mike Hartington

Play Episode Listen Later Aug 1, 2017 46:26

AiA 150: What’s New with Ionic with Mike Hartington In this episode of Adventures in Angular the panel is Ward Bell, Alyssa Nicoll, Joe Eames, and Charles Max Wood. The panel talks to special guest Mike Hartington about Ionic. Tune in to learn more! [00:02:02] Introduction to Mike Hartington Mike is a developer for the Ionic framework. He helps people succeed on Mobile. [00:02:40] What have you been working on lately? Ionic is currently going through an investigative phase. They are moving things to a vanilla JavaScript state and web component based architecture. [00:03:02] What do you mean by web component based architecture? Throughout all different frameworks (such as Angular, React, Ember) and libraries have a similar concept of a reusable thing. It is a custom element they can ship, which becomes limiting. It only works in their specific framework because the API capability isn’t there. Ionic wants to make something that works in all frameworks. [00:04:27] When you’re talking about web components, you’re talking about the idea of components? No, talking about the web standard itself. [00:05:25] What does this mean for people who are used to the way Ionic works with Angular? When implementing these experiments in new releases, it shouldn’t change for people who are currently using Ionic and Angular; everything pretty much stays the same. There is a slightly smaller payload, but that’s it. [00:06:32] As essentially as Angular developers, we will actually be interacting with an adapter? More or less. There would have a single Ionic Angular package. Everything it needs to have the web components talk to Angular would already be including as soon as you started the entire app. [00:07:16] If I became another kind of developer, we will be able to get the same experience because there will be a way to interact with other web components? Yes, that’s the vision. It was the idea when we first started Ionic. It is easier to implement now than when Ionic first started. [00:09:20] Do you think it is limiting to our creativity as developers? Can still create something new within Ionic and have something more custom to your needs. [00:12:26] If I have something that adapts to something else, is that going to impact performance? It shouldn’t. The code would not be heavy; it would be vanilla JavaScript. It would run outside of your framework. It could run faster because they are default APIs. It allows for an extra layer and everything Angular can do will still work with a web component. [00:15:15] Efficiency and simplicity of web components implementation frees you from having to carry the payload of a general application component framework. Is that where you’re going? Generally. The building time of an app is APIs Makes sense for application development but not controls. [00:16:25] Does this translate all the way up to desktop browsers? Becomes more useful because web components uses browsers own APIs. Overall payload ends up being smaller. Smaller network area users can take advantage and it can be faster if a large desktop application is used. [00:17:35] Is there a direction Ionic has? Ionic understands hybrid technology is going to be around. Some people want distribution through an app and some just want a website. Ionic is catering to both parties. At the end, browser will implement APIs that native devices have. [00:19:00] Do you see a move away from the phone gap approach towards PWAs or do you not know how it will play? Just released the numbers from a developer survey we sent out. There is a healthy mix between people who want a native binary and progressive web apps. [00:19:35] Will Ionic continue doing progressive web apps and splitting the difference? Ionic will continue pushing for progressive web apps. [00:21:00] Ionic and Augmented Reality He doesn’t know. Has seen a few people that has a HoloLens. In the future, Ionic could possibly use augmented reality. [00:26:54] Intro to Mike at Dev Summit Will speak about Ionic components across multitude of frameworks. How to take advantage of tools that Ionic has to use to create own custom components that work across all frameworks. Picks Alyssa: Sketch Joe: Dunkirk Everybody Lies: Big Data, New Data, and What the Internet Can Tell Us About Who We Really Are Ward: E-biking through Switzerland Rösti The Founder Charles: The Millionaire Mind by T. Harv Eke Mike: Diy Nils Spider-Man Homecoming

founders adventures mobile switzerland ward react efficiency api generally smaller augmented reality sketch apis spider man homecoming javascript dunkirk what's new aia new data angular hololens millionaire mind ionic pwas charles max wood mike hartington dev summit joe eames ward bell alyssa nicoll

AiA MAS 003 Mike Hartington: My Angular Story

Play Episode Listen Later Mar 30, 2017 35:11

Mike is an Ionic Developer Advocate. He's been a guest in Adventures in Angular (Episode 64 and 109) and Java Script Jabber, and he spoke in Angular Remote Conference. Tune in to My Angular Story Mike Hartington to know more about how he started in programming.

adventures javascript jabber mike hartington angular episode angular remote conference my angular story mike hartington angular story

AiA MAS 003 Mike Hartington: My Angular Story

My Angular Story

Play Episode Listen Later Mar 30, 2017 35:11

Mike is an Ionic Developer Advocate. He's been a guest in Adventures in Angular (Episode 64 and 109) and Java Script Jabber, and he spoke in Angular Remote Conference. Tune in to My Angular Story Mike Hartington to know more about how he started in programming.

adventures javascript jabber mike hartington angular episode angular remote conference my angular story mike hartington angular story

AiA MAS 003 Mike Hartington: My Angular Story

Play Episode Listen Later Mar 30, 2017 35:11

Mike is an Ionic Developer Advocate. He's been a guest in Adventures in Angular (Episode 64 and 109) and Java Script Jabber, and he spoke in Angular Remote Conference. Tune in to My Angular Story Mike Hartington to know more about how he started in programming.

adventures javascript jabber mike hartington angular episode angular remote conference my angular story mike hartington angular story

109 AiA Ionic 2 with Mike Hartington and Justin Willis

Play Episode Listen Later Sep 8, 2016 43:14

Angular Bootcamp Angular Remote Conference Panel: Joe Eames, John Papa, Jules Kramer, Lucas Reubelki, and Charles Max Wood 1:50 - Introducing Mike Hartington and Justin Willis Mike’s Github Mike’s Blog Mike’s Twitter Justin’s Twitter Justin’s Github 3:00 - Updates to Ionic Creator 5:00 - Choosing between Ionic 1 or Ionic 2 9:15 - Updating Ionic with Angular’s changes 11:25 - Using Ionic CLI to create projects 13:00 - Overlap between Angular CLI and Ionic CLI 15:20 - Progressive web apps vs Ionic 18:35 - Ionic with PWA’s and Ionic with Cordova 20:05 - What is a PWA? 22:30 - Dispelling the rumors around Ionic and Cordova Untappd social drinking app Sworkit workout app 24:50 - Gaming and Ionic 26:15 - Lessons learned from beta testing Angular 2 29:15 - Limitations to Cordova 31:10 - Coding and Platform 34:50 - Using RXJS and Promises 36:50 - Animations 37:40 - Testing Story for Ionic Picks: Ionic extension for VS Code (John) Gene Wilder and Young Frankenstein (Joe) ServiceWorker Cookbook (Justin) Reddit DIY (Mike)

lessons blog gaming diy promises platform progressive limitations coding github dispelling gene wilder young frankenstein angular cordova overlap animations vs code pwa ionic untappd charles max wood justin willis john papa sworkit angular cli mike hartington angular boot camp using rxjs ionic creator angular remote conference ionic cli

109 AiA Ionic 2 with Mike Hartington and Justin Willis

Play Episode Listen Later Sep 8, 2016 43:14

Angular Bootcamp Angular Remote Conference Panel: Joe Eames, John Papa, Jules Kramer, Lucas Reubelki, and Charles Max Wood 1:50 - Introducing Mike Hartington and Justin Willis Mike’s Github Mike’s Blog Mike’s Twitter Justin’s Twitter Justin’s Github 3:00 - Updates to Ionic Creator 5:00 - Choosing between Ionic 1 or Ionic 2 9:15 - Updating Ionic with Angular’s changes 11:25 - Using Ionic CLI to create projects 13:00 - Overlap between Angular CLI and Ionic CLI 15:20 - Progressive web apps vs Ionic 18:35 - Ionic with PWA’s and Ionic with Cordova 20:05 - What is a PWA? 22:30 - Dispelling the rumors around Ionic and Cordova Untappd social drinking app Sworkit workout app 24:50 - Gaming and Ionic 26:15 - Lessons learned from beta testing Angular 2 29:15 - Limitations to Cordova 31:10 - Coding and Platform 34:50 - Using RXJS and Promises 36:50 - Animations 37:40 - Testing Story for Ionic Picks: Ionic extension for VS Code (John) Gene Wilder and Young Frankenstein (Joe) ServiceWorker Cookbook (Justin) Reddit DIY (Mike)

lessons blog gaming diy promises platform progressive limitations coding github dispelling gene wilder young frankenstein angular cordova overlap animations vs code pwa ionic untappd charles max wood justin willis john papa sworkit angular cli mike hartington angular boot camp using rxjs ionic creator angular remote conference ionic cli

109 AiA Ionic 2 with Mike Hartington and Justin Willis

Play Episode Listen Later Sep 8, 2016 43:14

Angular Bootcamp Angular Remote Conference Panel: Joe Eames, John Papa, Jules Kramer, Lucas Reubelki, and Charles Max Wood 1:50 - Introducing Mike Hartington and Justin Willis Mike’s Github Mike’s Blog Mike’s Twitter Justin’s Twitter Justin’s Github 3:00 - Updates to Ionic Creator 5:00 - Choosing between Ionic 1 or Ionic 2 9:15 - Updating Ionic with Angular’s changes 11:25 - Using Ionic CLI to create projects 13:00 - Overlap between Angular CLI and Ionic CLI 15:20 - Progressive web apps vs Ionic 18:35 - Ionic with PWA’s and Ionic with Cordova 20:05 - What is a PWA? 22:30 - Dispelling the rumors around Ionic and Cordova Untappd social drinking app Sworkit workout app 24:50 - Gaming and Ionic 26:15 - Lessons learned from beta testing Angular 2 29:15 - Limitations to Cordova 31:10 - Coding and Platform 34:50 - Using RXJS and Promises 36:50 - Animations 37:40 - Testing Story for Ionic Picks: Ionic extension for VS Code (John) Gene Wilder and Young Frankenstein (Joe) ServiceWorker Cookbook (Justin) Reddit DIY (Mike)

lessons blog gaming diy promises platform progressive limitations coding github dispelling gene wilder young frankenstein angular cordova overlap animations vs code pwa ionic untappd charles max wood justin willis john papa sworkit angular cli mike hartington angular boot camp using rxjs ionic creator angular remote conference ionic cli

57 ngAir - Why Ionic 2 Is Going To Rock Your World

mobile apps hybrid angular ionic angularjs mike hartington

Play Episode Listen Later Mar 10, 2016 65:33

Why Ionic 2 is going to rock your world Panelists: Olivier Combe, PatrickJS, Josh Moont (fromAngularConnect) Guests: Adam Bradley, Brandy Carney, Tim Lancina, Mike Hartington#main-content Intro Ionic 2 Beta How is it going? Any numbers you can give us for adoption rates so far? https://www.npmjs.com/package/ionic-angular Just switched from ionic-framework npm to ionic-angular https://www.npmjs.com/package/ionic Any notable apps published with Ionic 2? Navigation Create own router How does it work on the web? Work with deep linking? Work with UI Router or Component Router in the future? Jeff note: mention working with universal Cool stuff Ionic team has been working on: Ionic Creator Started off with subset of functionality. How has it gottenbetter over the past 4 months? Works much better Cleaned up a lot of bugs Added more components and customizations Way better now than 4 months ago and more polished,stabilized Who is the target audience for this? Two target, drastically different Developers to speed up boilerplate code dev and focus oncoding hard stuff Designers/Marketers: Starting up an app to create aclickable prototype to hand off to devs In the future, can you create simple apps and publishwithout opening an editor? Ionic Playground Really awesome, but when will it be available for 2.0? Recent changes and Roadmap Agnosticism Initiative Why change name of package from ionic-framework toionic-angular? Will there bean ionic-react? Have you looked at Touchstone? Angular 1 bindings? How does Web Workers and Serverside Rendering fit in? Why change webpack to browserify? Has build complexity with webpack caused problems? What other types of issues have people run into? Ionic Market - brandy How is the adoption? Over 70k unique sessions/mo Ionic View - Tim What is the diff with TestFlight? Do you plan on supporting Windows Phone? What is the status of CodePush-like deployments? How does that work? Will Apple potentially crack down on this eventually? Themes / SASS Sweet spot for Ionic apps? Apps that require heavy use of the camera? Memory intensive apps? How do you compare yourself with NativeScript? (Olivier) Tips& Picks Jeff Whelpley (not a troll FYI, lots of Ionic love in this podcast) ReactNative Radio episode 6 - React Native vs Hybrid https://devchat.tv/react-native-radio/06-developing-with-react-native-vs-hybrid Josh Moont AngularConnect - just announced our workshops including anIonic workshop with Sani Yusuf called Building Mobile Apps With Ionic 2 - see www.angularconnect.comfor more info Olivier Combe Upgrading Your Application to Angular 2 with ng-upgrade: http://blog.rangle.io/upgrade-your-application-to-angular-2-with-ng-upgrade/ Universal Windows App + Angular 2 : https://github.com/preboot/angular2-universal-windows-app Angular 2 RC milestone: https://github.com/angular/angular/milestones Brandy Windows phone support https://github.com/driftyco/ionic/blob/2.0/CHANGELOG.md#windows-mode Mike ionicworldwide.herokuapp.com Adam Help contribute to Ionic Timionic-native --- Support this podcast: https://anchor.fm/angularair/support

work memory apps hybrid rc angular ionic react native rock your world changelog will apple mike hartington web workers ui router component router

Ionic 2, AngularJS 2 and the future of hybrid apps - Mike Hartington

No Fluff Just Stuff

Play Episode Listen Later Jan 25, 2016 19:33

Today we're joined by Mike Hartington, Ionic Developer advocate. We're discussing what's new in Ionic 2, Angular 2.0 along. Also, how to build you apps to ensure a smooth upgrade and even whether or not you should wait for the 2.0 release for your next web app. Full transcript

128 iPS JavaScriptCore with Cesare Rocchi

The iPhreaks Show

Play Episode Listen Later Nov 12, 2015 43:48

00:58 - Cesare Rocchi Introduction Twitter Studio Magnolia Ray Wenderlich Podrover 01:55 - JavaScriptCore asciiwwdc webkit.org/blog 04:15 - WKWebViews Web Assets: Local vs On The Web UIWebView The Ionic Framework Adventures in Angular Episode #064: Ionic with Matt Kremer and Mike Hartington JSContext MacOS and iOS Platforms Electron Cordova React 21:58 - Hybrid Apps 27:48 - Performance and Upgrades LLVM 32:17 - Organizing JS Code with Exports 33:47 - Background Processes in JavaScript Picks Highrise (Chuck) The Ionic Framework (Chuck) Podcasting (Cesare) Pick Up Podcasting (Chuck)

performance adventures react upgrades javascript macos exports high rise cordova electron ionic llvm ionic framework mike hartington ray wenderlich javascriptcore on the web podrover uiwebview cesare rocchi angular episode

128 iPS JavaScriptCore with Cesare Rocchi

Play Episode Listen Later Nov 12, 2015 43:48

00:58 - Cesare Rocchi Introduction Twitter Studio Magnolia Ray Wenderlich Podrover 01:55 - JavaScriptCore asciiwwdc webkit.org/blog 04:15 - WKWebViews Web Assets: Local vs On The Web UIWebView The Ionic Framework Adventures in Angular Episode #064: Ionic with Matt Kremer and Mike Hartington JSContext MacOS and iOS Platforms Electron Cordova React 21:58 - Hybrid Apps 27:48 - Performance and Upgrades LLVM 32:17 - Organizing JS Code with Exports 33:47 - Background Processes in JavaScript Picks Highrise (Chuck) The Ionic Framework (Chuck) Podcasting (Cesare) Pick Up Podcasting (Chuck)

performance adventures react upgrades javascript macos exports high rise cordova electron ionic llvm ionic framework mike hartington ray wenderlich javascriptcore on the web podrover uiwebview cesare rocchi angular episode

064 AiA Ionic with Matt Kremer and Mike Hartington

Play Episode Listen Later Oct 22, 2015 61:20

02:18 - Mike Hartington Introduction Twitter GitHub Blog 02:27 - Matt Kremer Introduction Twitter GitHub Blog 02:36 - The Ionic Framework and Ionic Creator Getting Started with Ionic 05:25 - ngCordova Apache Cordova 07:14 - Performance 10:29 - Cordova (Cont’d) 11:47 - Use Cases Sworkit 12:37 - Plugins ngCordova Plugins Overview 13:54 - What Ionic is NOT Ideal For 16:09 - Local Data Storage 17:27 - Fidelity of Interactions 20:54 - The Business Side of Ionic 23:13 - When should I go native? When should I go hybrid? Simon Reimler: Switching from native iOS to Ionic: Why Hybrid doesn't suck (anymore) Sharing Code 27:58 - Business Cases: Convincing Others to Use Ionic 32:44 - Tools for Apache Cordova (TACO) Overlap 36:34 - Deployment 38:58 - Ionic and Angular 2 John Papa’s Angular Style Guide Transitioning Your App from ES5 to TypeScript 45:06 - IDE Support Ionic Lab Electron Picks RAVPower 23000mAh Portable Charger Power Bank External Battery Pack (Joe) iZombie (Joe) Anglebrackets Conference (John) The Standing Athlete | Feat. Kelly Starrett | Ep. 274 | MobilityWOD (Lukas) Kelly Starrett’s Standing Desk Tips (Lukas) Charles Max Wood: Standing Desk and Upgrading My Health (Chuck) Thirsty Light Curve (Chuck) Beardr (Matt) Blab (Matt) Untappd (Mike)

performance tools blog ios getting started github interactions deployment use cases plugins angular overlap electron business side blab izombie typescript kremer ionic kelly starrett untappd mobilitywod john papa sworkit ionic framework es5 apache cordova mike hartington ionic creator angular style guide ngcordova

064 AiA Ionic with Matt Kremer and Mike Hartington

Play Episode Listen Later Oct 22, 2015 61:20

02:18 - Mike Hartington Introduction Twitter GitHub Blog 02:27 - Matt Kremer Introduction Twitter GitHub Blog 02:36 - The Ionic Framework and Ionic Creator Getting Started with Ionic 05:25 - ngCordova Apache Cordova 07:14 - Performance 10:29 - Cordova (Cont’d) 11:47 - Use Cases Sworkit 12:37 - Plugins ngCordova Plugins Overview 13:54 - What Ionic is NOT Ideal For 16:09 - Local Data Storage 17:27 - Fidelity of Interactions 20:54 - The Business Side of Ionic 23:13 - When should I go native? When should I go hybrid? Simon Reimler: Switching from native iOS to Ionic: Why Hybrid doesn't suck (anymore) Sharing Code 27:58 - Business Cases: Convincing Others to Use Ionic 32:44 - Tools for Apache Cordova (TACO) Overlap 36:34 - Deployment 38:58 - Ionic and Angular 2 John Papa’s Angular Style Guide Transitioning Your App from ES5 to TypeScript 45:06 - IDE Support Ionic Lab Electron Picks RAVPower 23000mAh Portable Charger Power Bank External Battery Pack (Joe) iZombie (Joe) Anglebrackets Conference (John) The Standing Athlete | Feat. Kelly Starrett | Ep. 274 | MobilityWOD (Lukas) Kelly Starrett’s Standing Desk Tips (Lukas) Charles Max Wood: Standing Desk and Upgrading My Health (Chuck) Thirsty Light Curve (Chuck) Beardr (Matt) Blab (Matt) Untappd (Mike)

performance tools blog ios getting started github interactions deployment use cases plugins angular overlap electron business side blab izombie typescript kremer ionic kelly starrett untappd mobilitywod john papa sworkit ionic framework es5 apache cordova mike hartington ionic creator angular style guide ngcordova

064 AiA Ionic with Matt Kremer and Mike Hartington

Play Episode Listen Later Oct 22, 2015 61:20

02:18 - Mike Hartington Introduction Twitter GitHub Blog 02:27 - Matt Kremer Introduction Twitter GitHub Blog 02:36 - The Ionic Framework and Ionic Creator Getting Started with Ionic 05:25 - ngCordova Apache Cordova 07:14 - Performance 10:29 - Cordova (Cont’d) 11:47 - Use Cases Sworkit 12:37 - Plugins ngCordova Plugins Overview 13:54 - What Ionic is NOT Ideal For 16:09 - Local Data Storage 17:27 - Fidelity of Interactions 20:54 - The Business Side of Ionic 23:13 - When should I go native? When should I go hybrid? Simon Reimler: Switching from native iOS to Ionic: Why Hybrid doesn't suck (anymore) Sharing Code 27:58 - Business Cases: Convincing Others to Use Ionic 32:44 - Tools for Apache Cordova (TACO) Overlap 36:34 - Deployment 38:58 - Ionic and Angular 2 John Papa’s Angular Style Guide Transitioning Your App from ES5 to TypeScript 45:06 - IDE Support Ionic Lab Electron Picks RAVPower 23000mAh Portable Charger Power Bank External Battery Pack (Joe) iZombie (Joe) Anglebrackets Conference (John) The Standing Athlete | Feat. Kelly Starrett | Ep. 274 | MobilityWOD (Lukas) Kelly Starrett’s Standing Desk Tips (Lukas) Charles Max Wood: Standing Desk and Upgrading My Health (Chuck) Thirsty Light Curve (Chuck) Beardr (Matt) Blab (Matt) Untappd (Mike)

performance tools blog ios getting started github interactions deployment use cases plugins angular overlap electron business side blab izombie typescript kremer ionic kelly starrett untappd mobilitywod john papa sworkit ionic framework es5 apache cordova mike hartington ionic creator angular style guide ngcordova

36 ngAir - Ionic 2

Play Episode Listen Later Oct 14, 2015 58:55

Ionic 2 - Coming on the heels of Angular 2, Ionic 2 is about to rock your mobile world. Super studs Mike Hartington, Adam Bradley, Max Lynch and Ben Sperry join us on Angular Air to talk about what's in store with this upcoming major release of our favorite hydrid mobile framework. Guests: Adam Bradley, Mike Hartington, Max Lynch, and Ben Sperry Panelists: Olivier Combe, Aimee Knight, Scott Moss, Carmen Popoviciu, PatrictJS, and Jeff Whelpley Picks/Tips: Max - Tips: Embrace the kind of developer you are - Picks: When Active Mike - Tips: Make your tool yours. Learn it, hack on it, etc. - Picks: quick-shell, ConnectJS, Fullstack Toronto Adam - Tip: Don't get worked up by other people's blogs, be confident in what you know Ben - Tip: Build an app, learn stuff along the way - Pick Ionic In Action Olivier - Picks: ng2-translate, AngularConnect Kent - Tips: Build an app. - Picks: Evolving Complex Systems Incrementally, Ionic Utah, Angular Air T-Shirt Aimee - Tips: New Devs: Spend time learning some networking basics, High Performance Browser Networking - Picks: Segment.io blog Patrick - Tips: Learn Node.js - Picks: AngularConnect Jeff - Picks: Angular 2 Series Introduction, Docker, Full-stack Angular Angular Air is a video podcast all about Angular hosted by egghead.io instructor Kent C. Dodds. Please visit the Angular Air website (http://angular-air.com) to see upcoming and past episodes. Also be sure to follow Angular Air on Twitter and Google+ to stay up to date with future episodes. Also, all episodes are on the YouTube channel as well. --- Support this podcast: https://anchor.fm/angularair/support

google docker angular series introduction dodds ionic kent c dodds adam bradley scott moss aimee knight max lynch mike hartington angular air ben sperry

TechCast #88 – ETE Speaker Mike Hartington Talks Swift, Ionic, and more

Chariot TechCast

Play Episode Listen Later Apr 1, 2015 16:04

Ionic is a cordova-based mobile application development framework. Using AngularJS as the core web framework, sass for CSS simplification, and the ngCordova library, Ionic makes building cross-device applications easier. We talked to Mike about Drifty’s earlier tools such as Codiqa, how they came up with Ionic, and about its use of Angular and other technologies. ... Read More The post TechCast #88 – ETE Speaker Mike Hartington Talks Swift, Ionic, and more appeared first on Chariot Solutions.

speaker swift css angular ionic techcast mike hartington drifty chariot solutions using angularjs ngcordova

06 ngAir - Ionic Framework