POPULARITY
Recording date: 2018-09-13 John Papa https://twitter.com/john_papa Ward Bell https://twitter.com/wardbell Aysegul Yonet https://twitter.com/AysSomething $50 off to register for DevInteresections in Dec 2018 http://bit.ly/RTJS_Dev_Registration (0:02:10) Mailbag: AssemblyScript and TypeScript with D3 (0:02:36) Ward asks Aysegul what AssemblyScript is (0:04:28) AssemblyScript https://github.com/AssemblyScript/assemblyscript (0:05:07) D3 docs https://d3js.org/ (0:06:46) D3 visualization examples https://github.com/d3/d3/wiki/Gallery (0:09:20) John asks how we should make the decision on when to use a visualization (0:12:07) Ward aks for an example of something Aysegul has done recently with D3 (0:17:07) John asks Aysegul where people can learn the basics for D3 (0:19:30) Aysegul talks about her favorite videos on D3 https://www.youtube.com/watch?v=DTjLcLytNt8 (0:20:45) Aysegul discusses challenges she faced with working with D3 (0:23:50) Ward asks about testing D3 (0:25:38) Ward asks how much time does someone need to invest to become a D3 developer (0:26:49) https://www.tableau.com/ (0:31:38) D3 with rxjs https://github.com/Reactive-Extensions/RxJS/tree/master/examples/d3 (0:34:11) egghead and d3 https://egghead.io/lessons/d3-get-started-with-d3 (0:34:36) D3 at Pluralsight https://app.pluralsight.com/library/courses/d3js-data-visualization-fundamentals/table-of- contents (0:34:59) Udacity and D3 https://www.udacity.com/course/data-visualization-and-d3js--ud507 (0:38:18) Aysegul at AngularConnect 2016 https://www.youtube.com/watch?v=3i8voRuZL70 (0:41:47) code 4 good https://github.com/Yonet/Code4Good (0:43:07) Katerina Skroumpelou https://twitter.com/psybercity (0:43:51) Nicholas Jamieson https://medium.com/@cartant $50 off to register for DevInteresections in Dec 2018 http://bit.ly/RTJS_Dev_Registration
Panel: Charles Max Wood Guest: Aysegul Yonet This week on My Angular Story, Charles speaks with Aysegul Yonet. Aysegul is a Google developer expert for the Angular team and she works for Narwhal (Nrwl), which is a consulting company that helps big teams build their Angular applications. She first got into programming because she was interested in animation and coding made some aspects of this easier to create. They talk about how she found Angular, the importance of teaching and finding the right resources, and what she is working on now. In particular, We dive pretty deep on: Episode 58 Adventures in Angular Episode 151 Adventures in Angular Aysegul intro How did you first get into programming? Studied graphic design Interested in animation Started writing scripts and websites Python for scripting Hack Reactor Coding to enhance what she already loved Had a goal in mind from the beginning How did you find Angular? First project as a developer with Angular Teaching for Women Who Code Rails Girls at Google I/O What did you do to advance your skills? Teaching to learn yourself The importance of conferences Finding the right resources How to become a GDE? What are you most proud of in your career? Augmented reality What are you working on now? Continuous integration And much, much more! Links: Nrwl Angular Nx Episode 58 Adventures in Angular Episode 151 Adventures in Angular Python Hack Reactor Women Who Code Rails Girls Google I/O GDE @AysSomething Aysegul’s GitHub Nrwl’s GitHub Picks: Charles Don’t lose sight of the important things in life Get your loved ones to talk about themselves on video Aysegul 3JS-AR AngularDoc.io
Panel: Charles Max Wood Guest: Aysegul Yonet This week on My Angular Story, Charles speaks with Aysegul Yonet. Aysegul is a Google developer expert for the Angular team and she works for Narwhal (Nrwl), which is a consulting company that helps big teams build their Angular applications. She first got into programming because she was interested in animation and coding made some aspects of this easier to create. They talk about how she found Angular, the importance of teaching and finding the right resources, and what she is working on now. In particular, We dive pretty deep on: Episode 58 Adventures in Angular Episode 151 Adventures in Angular Aysegul intro How did you first get into programming? Studied graphic design Interested in animation Started writing scripts and websites Python for scripting Hack Reactor Coding to enhance what she already loved Had a goal in mind from the beginning How did you find Angular? First project as a developer with Angular Teaching for Women Who Code Rails Girls at Google I/O What did you do to advance your skills? Teaching to learn yourself The importance of conferences Finding the right resources How to become a GDE? What are you most proud of in your career? Augmented reality What are you working on now? Continuous integration And much, much more! Links: Nrwl Angular Nx Episode 58 Adventures in Angular Episode 151 Adventures in Angular Python Hack Reactor Women Who Code Rails Girls Google I/O GDE @AysSomething Aysegul’s GitHub Nrwl’s GitHub Picks: Charles Don’t lose sight of the important things in life Get your loved ones to talk about themselves on video Aysegul 3JS-AR AngularDoc.io
Panel: Charles Max Wood Guest: Aysegul Yonet This week on My Angular Story, Charles speaks with Aysegul Yonet. Aysegul is a Google developer expert for the Angular team and she works for Narwhal (Nrwl), which is a consulting company that helps big teams build their Angular applications. She first got into programming because she was interested in animation and coding made some aspects of this easier to create. They talk about how she found Angular, the importance of teaching and finding the right resources, and what she is working on now. In particular, We dive pretty deep on: Episode 58 Adventures in Angular Episode 151 Adventures in Angular Aysegul intro How did you first get into programming? Studied graphic design Interested in animation Started writing scripts and websites Python for scripting Hack Reactor Coding to enhance what she already loved Had a goal in mind from the beginning How did you find Angular? First project as a developer with Angular Teaching for Women Who Code Rails Girls at Google I/O What did you do to advance your skills? Teaching to learn yourself The importance of conferences Finding the right resources How to become a GDE? What are you most proud of in your career? Augmented reality What are you working on now? Continuous integration And much, much more! Links: Nrwl Angular Nx Episode 58 Adventures in Angular Episode 151 Adventures in Angular Python Hack Reactor Women Who Code Rails Girls Google I/O GDE @AysSomething Aysegul’s GitHub Nrwl’s GitHub Picks: Charles Don’t lose sight of the important things in life Get your loved ones to talk about themselves on video Aysegul 3JS-AR AngularDoc.io
In this Modern Web Podcast Tracy Lee (@ladyleet) & Ben Lesh (@benlesh) ask questions regarding “What’s going on in VR?” with guests Aysegul Yonet (@AysSomething) and Martin Splitt (@g33konaut). Hosts: Tracy (@ladyleet) - RxJS core team, Google Developer Expert, co-founder This Dot Labs Ben (@benlesh) - RxJS core team, engineer at Google, RxWorkshop Guests: Aysegul Yonet (@AysSomething) - Senior Angular Engineer at Narwhal Technologies Inc, GDE Martin Splitt (@g33konaut) - Senior software engineer @ Archilogic3D Topics/Questions: - How to get started in VR.- Equipment you need to get started.- Practical applications of VR.- Where is VR used now?- Difference between Unity and VR- VR standards Places you can get started:vizor.ioplay.autodesk.comaws.amazon.com/sumerian Where to find 3D content - poly.google.comvr.google.com/blocks Art installation in Zurich - Birdly - http://iad.zhdk.ch/en/projects/birdly/ To learn more visit www.thisdot.co Follow today's members on twitter! @Ladyleet, @Benlesh, @AysSomething, @g33konaut, @moderndotweb Listen to more podcasts at http://moderndotweb.com
AiA 151: WebVR with Aysegul Yonet The panel for this episode of Adventures in Angular is Alyssa Nicoll, Joe Eames, Lukas Ruebbelke, and Charles Max Wood. Special guest Aysegul Yonet is here to discuss WebVR and visualizations. Tune in to learn more! [00:02:36] Can you really do VR with Angular? Yes. VR is a different kind of API. [00:03:07] Can you give a brief explanation of how Web VR works? Web VR is currently an experimental API. It creates 3D experiences that interact using the gamepad API. Angular and Web VR work together by writing more declarative experiences. [00:04:05] What do you mean by it being experimental? Things are changing quickly. Not all browsers are implemented. It has to be enabled in Chrome, it can be enabled in Firefox, but not all other browsers implement it. A 2.0 Web VR version is being created, which will be similar to the version that is out now. [00:05:05] VR in a Predictable Manner Not enabled in some of the browsers but can check it and leave a message. Once you have an available browser, there is a consistent interaction. [00:06:30] What kind of hardware is required to run the VR experience? VR is now very accessible to everyone because of Web VR. Google Cardboard is one of the cheapest ways. It is around $20. Samsung VR headset is free. Also can purchase cheap hand controls. Developers do not have to go through app stores to release a product, which makes it cheap for them as well. [00:08:30] What are three cases that you see Web VR that could be disruptive? One case is in the education field. Google Expedition is creating an app for teachers to create experiences for students to see different places such as museums. A second case is in the medical world. Web VR can be an amazing pain killer. It has been used in Leukemia patients. For example, kids don’t want to take medication but using VR they can fight the disease itself. A third case is the Smithsonian Museum in DC. Artwork was scanned through VR and 3D experiences created through that. [00:14:35] Where would you recommend we start to try out VR? A-Frame is the easiest to use for beginners. You don’t need to know how to use 3D. It has Angular components. There is also Play, where you can take any experience you want and work off of that. Sketchfab is an app where you can use 3D models. There is also a Google app that takes 360-degree 3D pictures and turns them into experiences. [00:16:44] Would those 3D pictures have sound or just an image? Yes, it does have sound as well. [00:17:52] Does A-Frame have components that you feed data to? It is just like any kind of Angular component. It seems foreign to web developers because you are creating a scene. But A-Frame makes it easy for you: just have to add the objects itself. You have components for a scene. [00:19:14] How do you program the interactions with objects in Angular/Web VR app? Interactions are not the easiest to program. Trying to solve the problem itself. You can take data through the Gamepad API. You can also use Itracking where you look at an object and select it. [00:20:14] How long have you been doing this? Not long - she was “dying to work with WebVR.” She had a chance to work with Play and had fun. [00:21:00] Could I built a desktop app with Electron? Will it work in Chromium? Yes. [00:21:20] Will it work in the embedded Safari or Chrome Views that you get on Android or the iPhone? Not sure. But it can be loaded unto a website and downloaded onto your phone. [00:23:00] Fairly approachable if you have a SmartPhone. MergeVR has a Goggle and Cube. It can create VR experiences for kids. The product is affordable: only $60 for Goggles and the Cube is $20. [00:24:20] How do you test it? Hard to test because it is visual based. There is a Chrome plug-in that helps. The mapping is very mathematical, which is an easy part to test. [00:25:30] Is there anybody in the WebVR space that you admire? A-Frame team has done a great job. The 3JS creator Mr.Doob has been developing for a long time, before the community there is now. Companies have been using his stuff for years. Brandon Jones, who is implementing WebVR on the Chrome team. [00:34:47] How is VR development different from web development? Other than the interaction, writing the code isn’t all that different. The tool used was created for websites with 3D capabilities. Usability is different. There is an adjustment curve with VR: people navigate VR with a mouse better than with a headset. Picks Lukas: Fantastical App Ketogenic Diet Keto Cheesecake Charles: 2 Keto Dudes Podcast Keto Clarity by Jimmy Moore Livin’ La Vida Low Carb Podcast Keto Pad Thai Joe: Rogue One Never build a house Aysegul Cardboard Camera App Voices of VR Podcast You Are Not So Smart Podcast Merge Cube Links Twitter GitHub
AiA 151: WebVR with Aysegul Yonet The panel for this episode of Adventures in Angular is Alyssa Nicoll, Joe Eames, Lukas Ruebbelke, and Charles Max Wood. Special guest Aysegul Yonet is here to discuss WebVR and visualizations. Tune in to learn more! [00:02:36] Can you really do VR with Angular? Yes. VR is a different kind of API. [00:03:07] Can you give a brief explanation of how Web VR works? Web VR is currently an experimental API. It creates 3D experiences that interact using the gamepad API. Angular and Web VR work together by writing more declarative experiences. [00:04:05] What do you mean by it being experimental? Things are changing quickly. Not all browsers are implemented. It has to be enabled in Chrome, it can be enabled in Firefox, but not all other browsers implement it. A 2.0 Web VR version is being created, which will be similar to the version that is out now. [00:05:05] VR in a Predictable Manner Not enabled in some of the browsers but can check it and leave a message. Once you have an available browser, there is a consistent interaction. [00:06:30] What kind of hardware is required to run the VR experience? VR is now very accessible to everyone because of Web VR. Google Cardboard is one of the cheapest ways. It is around $20. Samsung VR headset is free. Also can purchase cheap hand controls. Developers do not have to go through app stores to release a product, which makes it cheap for them as well. [00:08:30] What are three cases that you see Web VR that could be disruptive? One case is in the education field. Google Expedition is creating an app for teachers to create experiences for students to see different places such as museums. A second case is in the medical world. Web VR can be an amazing pain killer. It has been used in Leukemia patients. For example, kids don’t want to take medication but using VR they can fight the disease itself. A third case is the Smithsonian Museum in DC. Artwork was scanned through VR and 3D experiences created through that. [00:14:35] Where would you recommend we start to try out VR? A-Frame is the easiest to use for beginners. You don’t need to know how to use 3D. It has Angular components. There is also Play, where you can take any experience you want and work off of that. Sketchfab is an app where you can use 3D models. There is also a Google app that takes 360-degree 3D pictures and turns them into experiences. [00:16:44] Would those 3D pictures have sound or just an image? Yes, it does have sound as well. [00:17:52] Does A-Frame have components that you feed data to? It is just like any kind of Angular component. It seems foreign to web developers because you are creating a scene. But A-Frame makes it easy for you: just have to add the objects itself. You have components for a scene. [00:19:14] How do you program the interactions with objects in Angular/Web VR app? Interactions are not the easiest to program. Trying to solve the problem itself. You can take data through the Gamepad API. You can also use Itracking where you look at an object and select it. [00:20:14] How long have you been doing this? Not long - she was “dying to work with WebVR.” She had a chance to work with Play and had fun. [00:21:00] Could I built a desktop app with Electron? Will it work in Chromium? Yes. [00:21:20] Will it work in the embedded Safari or Chrome Views that you get on Android or the iPhone? Not sure. But it can be loaded unto a website and downloaded onto your phone. [00:23:00] Fairly approachable if you have a SmartPhone. MergeVR has a Goggle and Cube. It can create VR experiences for kids. The product is affordable: only $60 for Goggles and the Cube is $20. [00:24:20] How do you test it? Hard to test because it is visual based. There is a Chrome plug-in that helps. The mapping is very mathematical, which is an easy part to test. [00:25:30] Is there anybody in the WebVR space that you admire? A-Frame team has done a great job. The 3JS creator Mr.Doob has been developing for a long time, before the community there is now. Companies have been using his stuff for years. Brandon Jones, who is implementing WebVR on the Chrome team. [00:34:47] How is VR development different from web development? Other than the interaction, writing the code isn’t all that different. The tool used was created for websites with 3D capabilities. Usability is different. There is an adjustment curve with VR: people navigate VR with a mouse better than with a headset. Picks Lukas: Fantastical App Ketogenic Diet Keto Cheesecake Charles: 2 Keto Dudes Podcast Keto Clarity by Jimmy Moore Livin’ La Vida Low Carb Podcast Keto Pad Thai Joe: Rogue One Never build a house Aysegul Cardboard Camera App Voices of VR Podcast You Are Not So Smart Podcast Merge Cube Links Twitter GitHub
AiA 151: WebVR with Aysegul Yonet The panel for this episode of Adventures in Angular is Alyssa Nicoll, Joe Eames, Lukas Ruebbelke, and Charles Max Wood. Special guest Aysegul Yonet is here to discuss WebVR and visualizations. Tune in to learn more! [00:02:36] Can you really do VR with Angular? Yes. VR is a different kind of API. [00:03:07] Can you give a brief explanation of how Web VR works? Web VR is currently an experimental API. It creates 3D experiences that interact using the gamepad API. Angular and Web VR work together by writing more declarative experiences. [00:04:05] What do you mean by it being experimental? Things are changing quickly. Not all browsers are implemented. It has to be enabled in Chrome, it can be enabled in Firefox, but not all other browsers implement it. A 2.0 Web VR version is being created, which will be similar to the version that is out now. [00:05:05] VR in a Predictable Manner Not enabled in some of the browsers but can check it and leave a message. Once you have an available browser, there is a consistent interaction. [00:06:30] What kind of hardware is required to run the VR experience? VR is now very accessible to everyone because of Web VR. Google Cardboard is one of the cheapest ways. It is around $20. Samsung VR headset is free. Also can purchase cheap hand controls. Developers do not have to go through app stores to release a product, which makes it cheap for them as well. [00:08:30] What are three cases that you see Web VR that could be disruptive? One case is in the education field. Google Expedition is creating an app for teachers to create experiences for students to see different places such as museums. A second case is in the medical world. Web VR can be an amazing pain killer. It has been used in Leukemia patients. For example, kids don’t want to take medication but using VR they can fight the disease itself. A third case is the Smithsonian Museum in DC. Artwork was scanned through VR and 3D experiences created through that. [00:14:35] Where would you recommend we start to try out VR? A-Frame is the easiest to use for beginners. You don’t need to know how to use 3D. It has Angular components. There is also Play, where you can take any experience you want and work off of that. Sketchfab is an app where you can use 3D models. There is also a Google app that takes 360-degree 3D pictures and turns them into experiences. [00:16:44] Would those 3D pictures have sound or just an image? Yes, it does have sound as well. [00:17:52] Does A-Frame have components that you feed data to? It is just like any kind of Angular component. It seems foreign to web developers because you are creating a scene. But A-Frame makes it easy for you: just have to add the objects itself. You have components for a scene. [00:19:14] How do you program the interactions with objects in Angular/Web VR app? Interactions are not the easiest to program. Trying to solve the problem itself. You can take data through the Gamepad API. You can also use Itracking where you look at an object and select it. [00:20:14] How long have you been doing this? Not long - she was “dying to work with WebVR.” She had a chance to work with Play and had fun. [00:21:00] Could I built a desktop app with Electron? Will it work in Chromium? Yes. [00:21:20] Will it work in the embedded Safari or Chrome Views that you get on Android or the iPhone? Not sure. But it can be loaded unto a website and downloaded onto your phone. [00:23:00] Fairly approachable if you have a SmartPhone. MergeVR has a Goggle and Cube. It can create VR experiences for kids. The product is affordable: only $60 for Goggles and the Cube is $20. [00:24:20] How do you test it? Hard to test because it is visual based. There is a Chrome plug-in that helps. The mapping is very mathematical, which is an easy part to test. [00:25:30] Is there anybody in the WebVR space that you admire? A-Frame team has done a great job. The 3JS creator Mr.Doob has been developing for a long time, before the community there is now. Companies have been using his stuff for years. Brandon Jones, who is implementing WebVR on the Chrome team. [00:34:47] How is VR development different from web development? Other than the interaction, writing the code isn’t all that different. The tool used was created for websites with 3D capabilities. Usability is different. There is an adjustment curve with VR: people navigate VR with a mouse better than with a headset. Picks Lukas: Fantastical App Ketogenic Diet Keto Cheesecake Charles: 2 Keto Dudes Podcast Keto Clarity by Jimmy Moore Livin’ La Vida Low Carb Podcast Keto Pad Thai Joe: Rogue One Never build a house Aysegul Cardboard Camera App Voices of VR Podcast You Are Not So Smart Podcast Merge Cube Links Twitter GitHub