POPULARITY
Uri Shaked surprises us with a chat about silicon design when we were expecting to talk about a web-based board simulator. If you want to try your hand at silicon design, check out Tiny Tapeout, a way to possibly get your design on to real silicon. The digital design guide is a great way to start looking at how chips work. If you aren't quite ready for silicon, Wokwi has a Verilog simulator where you can learn to do the digital design. The Verilog Simon Game on Wokwi is amazing. Wokwi is a web-Based simulator, simulating processors, boards, and peripherals. You can build a whole system there, from Dancing Servos to 7-Segment display from 30 LCDs and Arduino Mega to Raspberry Pi Pico boards you can program in C when you click More Options on the front page. You can also create your own peripheral using the Chip API. Or learn to use Zephyr on Wokwi. And now there is Wokwi for VS Code. All that and Wokwi is open source: github.com/urish Uri recommends reading Relax for the same result by Derek Sivers Previously on Embedded 396: Untangle the Mess Transcript
Michael Gielda spoke with us about Renode, an open source embedded systems simulator. It also simulates large distributed systems and network communications. Check out Renode.io and the boards supported by Renode and Zephyr on Renodepedia. Elecia played with the Nucleo F401 tutorial on colab. Michael is the co-founder of Antmicro. The ESP32-C3 is a commercial RISC-V core with WiFi and BLE. We also mentioned Wokwi on the show. (And we had its creator Uri Shaked as a guest on episode 396: Untangle the Mess Transcript
Uri Shaked of Wokwi.com joins Chris to talk about simulating microcontrollers and peripherals, and the challenges of making each layer of the process accurate and fast on the web.
Carlos' twitter space: https://twitter.com/carlosedp/status/1469355189891125255 Silicon compiler: https://www.siliconcompiler.com/ Amaranth: https://github.com/amaranth-lang/amaranth MPW2 rerun: https://efabless.com/projects/585 MPW4 application: https://efabless.com/projects/596 Caravel restructure: https://github.com/efabless/caravel SkullFET: https://twitter.com/UriShaked/status/1472258972505812992 Will's FPGA advent calendar: https://twitter.com/WillFlux/status/1465268154733637633
Uri Shaked shows us Wokwi, his board and processor simulator. We checked out Arduino code in GDB and then looked at his simulator for the Cortex-M0 Raspberry Pi Pico. First, you should totally look at Wokwi.com. As Christopher noted, signing up for an account shows you many other things. Then you can go look at the processors written in TypeScript in Uri's Github repos: github.com/urish. Find Wokwi on Twitter (@WokwiMakes, Uri is @UriShaked). You can also find Wokwi on Facebook. Uri live-coded development of the Pico's RP2040, it is on Wokwi's YouTube channel. You can find out more about the RP2040 or the AVR core in the ATMega family by taking his free courses on Hackaday: hackaday.io/urishaked (Scroll down for courses.) Uri's homepage is urish.org. You can find The Salsa Beat Machine there as well as some of his other projects. He has a blog there as well as at Wokwi. Susie Hansen - La Salsa Nunca Se Acaba
In this episode of Adventures in Angular, Uri Shaked, a brilliant maker and developer, talks with us about getting into Arduino with JavaScript. We also chat about other things like community, open source and NextJS. Sponsors Audible.com Raygun | Click here to get started on your free 14-day trial CacheFly Panel Alyssa Nicoll Brooks Forsyth Chris Ford Guest Uri Shaked Links http://www.hammerspoon.org/go/ https://wokwi.com/ https://github.com/urish/s0sim https://github.com/wokwi/wokwi-elements Picks Uri Shaked: Vintage Dial Phone for Arduino Taking a rotary-dial phone into the future – part I Jake Weary – an American actor, musician, singer-songwriter and music producer Brooks Forsyth: github.com/gothinkster/realworld Chris Ford: Angular for Enterprise-Ready Web Applications iOS Programming: The Big Nerd Ranch Guide Follow us on Twitter: @angularpodcast
In this episode of Adventures in Angular, Uri Shaked, a brilliant maker and developer, talks with us about getting into Arduino with JavaScript. We also chat about other things like community, open source and NextJS. Sponsors Audible.com Raygun | Click here to get started on your free 14-day trial CacheFly Panel Alyssa Nicoll Brooks Forsyth Chris Ford Guest Uri Shaked Links http://www.hammerspoon.org/go/ https://wokwi.com/ https://github.com/urish/s0sim https://github.com/wokwi/wokwi-elements Picks Uri Shaked: Vintage Dial Phone for Arduino Taking a rotary-dial phone into the future – part I Jake Weary – an American actor, musician, singer-songwriter and music producer Brooks Forsyth: github.com/gothinkster/realworld Chris Ford: Angular for Enterprise-Ready Web Applications iOS Programming: The Big Nerd Ranch Guide Follow us on Twitter: @angularpodcast
In this episode of Adventures in Angular, Uri Shaked, a brilliant maker and developer, talks with us about getting into Arduino with JavaScript. We also chat about other things like community, open source and NextJS. Sponsors Audible.com Raygun | Click here to get started on your free 14-day trial CacheFly Panel Alyssa Nicoll Brooks Forsyth Chris Ford Guest Uri Shaked Links http://www.hammerspoon.org/go/ https://wokwi.com/ https://github.com/urish/s0sim https://github.com/wokwi/wokwi-elements Picks Uri Shaked: Vintage Dial Phone for Arduino Taking a rotary-dial phone into the future – part I Jake Weary – an American actor, musician, singer-songwriter and music producer Brooks Forsyth: github.com/gothinkster/realworld Chris Ford: Angular for Enterprise-Ready Web Applications iOS Programming: The Big Nerd Ranch Guide Follow us on Twitter: @angularpodcast
Таймкоды: 07:30 - Keynote | Igor Minar & Stephen Fluin (https://youtu.be/6Zfk0OcFGn4) 25:00 - How Angular works | Kara Erickson (https://youtu.be/S0o-4yc2n-8) 32:10 - The secrets behind Angular’s lightning speed | Max Koretskyi (https://youtu.be/nQ8oJ1rpwIc) 35:00 - My Journey on the Angular Team | Manu Murthy (https://youtu.be/XV_2XJ0rZC8) 45:00 - The Architecture of Components | Erin Coughlan (https://youtu.be/pg8guVVwiMk) 01:02:30 - It's Alive! Machine Learning Writes Your Code! | Dominic Elm & Uri Shaked (https://youtu.be/eWhd48A3j6Y) 01:16:30 - Quantum NgRx Facades | Sam Julie (https://youtu.be/eq8n7iuHxQo) 01:24:40 - The art of humanizing Pull Requests (PR’s) | Ankita Kulkarni (https://youtu.be/WoYyFOXEFOI) 01:50:00 - Profiling Angular apps like a Shark | Gil Fink (https://youtu.be/4RzpYxurU88) 01:53:40 - How to save the world... one line at a time? | Asim Hussain (https://youtu.be/2c3IzLxxLfM) Мы в соцсетях: 1. Twitter: https://twitter.com/ProconfShow 2. Telegram: https://t.me/proConf 3. Youtube: https://www.youtube.com/channel/UCvasfOIImo7D9lQkb1Wc1tw 4. SoundCloud: https://soundcloud.com/proconf 5. Itunes: https://podcasts.apple.com/by/podcast/podcast-proconf/id1455023466
Sponsors Sentry use the code "devchat" for $100 credit Angular Bootcamp TripleByte Panel Charles Max Wood John Papa Ward Bell Joined by Special Guests: Uri Shaked and Netta Bondi Episode Summary Netta is a senior web developer at a startup called Reali, although her degree is in social work. She also co-founded the largest community of women in research and Development in Israel. Netta and Uri are here to talk more about the talk they gave at FrontEnd Con about Angular Ivy and React Fiber. They share how this talk came to be. Uri and Netta compare Angular Ivy and React Fiber, which take different approaches to managing the cycle of code. The panel discusses whether or not there is an advantage to digging into the framework. Netta and Uri talk about some of the processes they explored while investigating Angular Ivy and React Fiber. They share techniques for not getting lost in the source code and delve into some of the differences between Angular Ivy and React Fiber. Through their investigations, they learned that the primary difference between the two is in the event delegation pattern. They advise that when deciding which technology to use, companies should consider which one will be easier to hire new employees for. The panel discusses whether or not big tree frameworks have become a commodity. Most new frameworks focus on making builds smaller and faster, but they would like new frameworks to have more benefits than just speed. The show is finished by Uri and Netta sharing how to track features down in Angular Ivy and React Fiber. Links Angular Ivy React Fiber Virtual DOM Incremental DOM Ajax jQuery Lin Clark - A Cartoon Intro to Fiber - React Conf 2017 Netta Bondy & Uri Shaked - React Fiber vs. Angular Ivy / FRONTEND CON 2018 Follow DevChat on Facebook and Twitter Picks Charles Max Wood: Package Thief vs. Glitter Bomb Trap Help Charles move Devchat from WordPress to Eleventy and get an hour of coaching. Write show notes for 3 episodes and tag it, Charles will do an hour of coaching with you. John Papa: NG Atlanta Ward Bell: BlacKkKlansmen Uri Shaked: NG Atlanta Why We Sleep Uri is on Twitter as @UriShaked and github (urish) Netta Bondi: Hassan Minaj: Homecoming King Iliza Shlesinger: Elder Millennial Netta is on Medium and Twitter (@_bondit_)
Sponsors Sentry use the code "devchat" for $100 credit Angular Bootcamp TripleByte Panel Charles Max Wood John Papa Ward Bell Joined by Special Guests: Uri Shaked and Netta Bondi Episode Summary Netta is a senior web developer at a startup called Reali, although her degree is in social work. She also co-founded the largest community of women in research and Development in Israel. Netta and Uri are here to talk more about the talk they gave at FrontEnd Con about Angular Ivy and React Fiber. They share how this talk came to be. Uri and Netta compare Angular Ivy and React Fiber, which take different approaches to managing the cycle of code. The panel discusses whether or not there is an advantage to digging into the framework. Netta and Uri talk about some of the processes they explored while investigating Angular Ivy and React Fiber. They share techniques for not getting lost in the source code and delve into some of the differences between Angular Ivy and React Fiber. Through their investigations, they learned that the primary difference between the two is in the event delegation pattern. They advise that when deciding which technology to use, companies should consider which one will be easier to hire new employees for. The panel discusses whether or not big tree frameworks have become a commodity. Most new frameworks focus on making builds smaller and faster, but they would like new frameworks to have more benefits than just speed. The show is finished by Uri and Netta sharing how to track features down in Angular Ivy and React Fiber. Links Angular Ivy React Fiber Virtual DOM Incremental DOM Ajax jQuery Lin Clark - A Cartoon Intro to Fiber - React Conf 2017 Netta Bondy & Uri Shaked - React Fiber vs. Angular Ivy / FRONTEND CON 2018 Follow DevChat on Facebook and Twitter Picks Charles Max Wood: Package Thief vs. Glitter Bomb Trap Help Charles move Devchat from WordPress to Eleventy and get an hour of coaching. Write show notes for 3 episodes and tag it, Charles will do an hour of coaching with you. John Papa: NG Atlanta Ward Bell: BlacKkKlansmen Uri Shaked: NG Atlanta Why We Sleep Uri is on Twitter as @UriShaked and github (urish) Netta Bondi: Hassan Minaj: Homecoming King Iliza Shlesinger: Elder Millennial Netta is on Medium and Twitter (@_bondit_)
Sponsors Sentry use the code "devchat" for $100 credit Angular Bootcamp TripleByte Panel Charles Max Wood John Papa Ward Bell Joined by Special Guests: Uri Shaked and Netta Bondi Episode Summary Netta is a senior web developer at a startup called Reali, although her degree is in social work. She also co-founded the largest community of women in research and Development in Israel. Netta and Uri are here to talk more about the talk they gave at FrontEnd Con about Angular Ivy and React Fiber. They share how this talk came to be. Uri and Netta compare Angular Ivy and React Fiber, which take different approaches to managing the cycle of code. The panel discusses whether or not there is an advantage to digging into the framework. Netta and Uri talk about some of the processes they explored while investigating Angular Ivy and React Fiber. They share techniques for not getting lost in the source code and delve into some of the differences between Angular Ivy and React Fiber. Through their investigations, they learned that the primary difference between the two is in the event delegation pattern. They advise that when deciding which technology to use, companies should consider which one will be easier to hire new employees for. The panel discusses whether or not big tree frameworks have become a commodity. Most new frameworks focus on making builds smaller and faster, but they would like new frameworks to have more benefits than just speed. The show is finished by Uri and Netta sharing how to track features down in Angular Ivy and React Fiber. Links Angular Ivy React Fiber Virtual DOM Incremental DOM Ajax jQuery Lin Clark - A Cartoon Intro to Fiber - React Conf 2017 Netta Bondy & Uri Shaked - React Fiber vs. Angular Ivy / FRONTEND CON 2018 Follow DevChat on Facebook and Twitter Picks Charles Max Wood: Package Thief vs. Glitter Bomb Trap Help Charles move Devchat from WordPress to Eleventy and get an hour of coaching. Write show notes for 3 episodes and tag it, Charles will do an hour of coaching with you. John Papa: NG Atlanta Ward Bell: BlacKkKlansmen Uri Shaked: NG Atlanta Why We Sleep Uri is on Twitter as @UriShaked and github (urish) Netta Bondi: Hassan Minaj: Homecoming King Iliza Shlesinger: Elder Millennial Netta is on Medium and Twitter (@_bondit_)
--- Support this podcast: https://anchor.fm/angularair/support
Discover how Daniel and Uri built a language learning experience quickly for the Google Assistant, using personas and rapid development techniques. --- Send in a voice message: https://anchor.fm/design-for-voice/message Support this podcast: https://anchor.fm/design-for-voice/support
Panel: Charles Max Wood John Papa Alyssa Nicholl Joe Eames Shai Reznik Ward Bell In this episode, the Adventures in Angular panel talks about what Ward is doing currently, which is working on a large, complex, and involved application that they are using Angular for. They are using this episode to discuss a real-world Angular project or real “Ward” Angular project. They talk a little about what the project is, challenges he has had to overcome, and the differences that come with writing apps in reactivity. They also touch on the idea that “the mystery is part of the pattern,” reactive forms, and more! In particular, we dive pretty deep on: Get a Coder Job course Angular Ward’s project intro Ward runs a business that builds applications for people Taking lead on a new project ngRx data Redux and RxJS His company makes Breeze Needed an enrollment app Didn’t want to use Breeze, they wanted him to use reactive programming Needed the application to be as simple as possible Why he decided to give reactivity programming a chance Challenges he’s faced Writing enterprise apps in reactivity Immutability Forms over data apps Reactive forms The mystery is part of the pattern Effects Debugging tools Reactive pattern Discovering new ways to code Reactive programming brings in a different set of problems, but it’s not that it’s right or wrong React State Museum And much, much more! Links: Get a Coder Job course Angular ngRx data Redux RxJS Breeze React State Museum Sponsors Angular Boot Camp Digital Ocean Get a Coder Job course Picks: Charles The Traveler's Gift by Andy Andrews The Shack by Wm. Paul Young John Framework Summit Angular Mix Joe Dungeons and Dragons Lutron Caseta Wireless Smart Lighting Dimmer Switch with Amazon Echo Shai Akita Netanel Basal’s Medium Inside Ivy: Exploring the New Angular Compiler by Uri Shaked Ward Virgin Galactic’s Rocket Man
Panel: Charles Max Wood John Papa Alyssa Nicholl Joe Eames Shai Reznik Ward Bell In this episode, the Adventures in Angular panel talks about what Ward is doing currently, which is working on a large, complex, and involved application that they are using Angular for. They are using this episode to discuss a real-world Angular project or real “Ward” Angular project. They talk a little about what the project is, challenges he has had to overcome, and the differences that come with writing apps in reactivity. They also touch on the idea that “the mystery is part of the pattern,” reactive forms, and more! In particular, we dive pretty deep on: Get a Coder Job course Angular Ward’s project intro Ward runs a business that builds applications for people Taking lead on a new project ngRx data Redux and RxJS His company makes Breeze Needed an enrollment app Didn’t want to use Breeze, they wanted him to use reactive programming Needed the application to be as simple as possible Why he decided to give reactivity programming a chance Challenges he’s faced Writing enterprise apps in reactivity Immutability Forms over data apps Reactive forms The mystery is part of the pattern Effects Debugging tools Reactive pattern Discovering new ways to code Reactive programming brings in a different set of problems, but it’s not that it’s right or wrong React State Museum And much, much more! Links: Get a Coder Job course Angular ngRx data Redux RxJS Breeze React State Museum Sponsors Angular Boot Camp Digital Ocean Get a Coder Job course Picks: Charles The Traveler's Gift by Andy Andrews The Shack by Wm. Paul Young John Framework Summit Angular Mix Joe Dungeons and Dragons Lutron Caseta Wireless Smart Lighting Dimmer Switch with Amazon Echo Shai Akita Netanel Basal’s Medium Inside Ivy: Exploring the New Angular Compiler by Uri Shaked Ward Virgin Galactic’s Rocket Man
Panel: Charles Max Wood John Papa Alyssa Nicholl Joe Eames Shai Reznik Ward Bell In this episode, the Adventures in Angular panel talks about what Ward is doing currently, which is working on a large, complex, and involved application that they are using Angular for. They are using this episode to discuss a real-world Angular project or real “Ward” Angular project. They talk a little about what the project is, challenges he has had to overcome, and the differences that come with writing apps in reactivity. They also touch on the idea that “the mystery is part of the pattern,” reactive forms, and more! In particular, we dive pretty deep on: Get a Coder Job course Angular Ward’s project intro Ward runs a business that builds applications for people Taking lead on a new project ngRx data Redux and RxJS His company makes Breeze Needed an enrollment app Didn’t want to use Breeze, they wanted him to use reactive programming Needed the application to be as simple as possible Why he decided to give reactivity programming a chance Challenges he’s faced Writing enterprise apps in reactivity Immutability Forms over data apps Reactive forms The mystery is part of the pattern Effects Debugging tools Reactive pattern Discovering new ways to code Reactive programming brings in a different set of problems, but it’s not that it’s right or wrong React State Museum And much, much more! Links: Get a Coder Job course Angular ngRx data Redux RxJS Breeze React State Museum Sponsors Angular Boot Camp Digital Ocean Get a Coder Job course Picks: Charles The Traveler's Gift by Andy Andrews The Shack by Wm. Paul Young John Framework Summit Angular Mix Joe Dungeons and Dragons Lutron Caseta Wireless Smart Lighting Dimmer Switch with Amazon Echo Shai Akita Netanel Basal’s Medium Inside Ivy: Exploring the New Angular Compiler by Uri Shaked Ward Virgin Galactic’s Rocket Man
Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot
Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot
Tweet this Episode This is a talk given by Uri Shaked at the recent Angular Dev Summit. If you'd like to be notified about the next Angular Dev Summit, go to the Angular Dev Summit website and register for an attendee ticket. Uri is a Google Developer Expert in Web Technologies and Angular. He also works for BlackBerry. Uri shows us how to build a static website using Angular and other web technologies. Links: Github Pages Jekyll yarn Core JS Zone JS TypeScript Visual Studio Code Angular CLI SystemJS Webpack Fuse-box Angular Universal ts-node urish.org (Uri's website) firebase hosting ng2-fused preboot angular-iot
AiA 149: Angular, Web Bluetooth, and IoT with Uri Shaked In this episode, Shai Reznik, Ward Bell, Lukas Ruebbelke, and Charles Max Wood talk to Uri Shaked about using Angular with Web Bluetooth and IoT. [00:02:27] – Introduction to Uri Shaked Uri is an Angular GDE from Israel. His Angular Story episode is here. [00:03:21] – Introduction to Hardware with Angular Angular allows you to build web applications that scale quickly. For hardware devices, you need some kind of interface. Instead of a button, you have a mobile app or web application. This is one place where Angular comes into play. Building control panels, etc. You can do this with pure JavaScript or native mobile apps as well. [00:05:20] – Does it run on the IoT device? or on the web? It can do both. You can run Angular on a webserver on a Raspberry Pi or you can use Web Bluetooth to connect to the IoT device. [00:06:45] – What are the advantages of using web technologies? There's no hardware setup. And using Angular Material or Ionic, the UI looks right without spending a ton of time. RxJS allows you to gather sensor data from accelerometers, heart rate monitors, etc. connected via bluetooth. [00:09:20] – The physical web An IoT device that broadcasts its own URL. You can then interface with the device simply by scanning for and browsing to the device. One example is walking into a room, scanning, and then controlling the lights without installing an app. [00:10:34] – Security Security is optional on Bluetooth Low Energy. Bluetooth devices used to pair using pin codes and they got set to 0000 or 1234 by default. So now BLE devices don't require it. Some devices add security on top of bluetooth or use the pairing mechanism. Security is an ongoing concern with IoT in general. The devices that Uri has played with don't implement security. Uri actually had an audience member hack into the smart bulb he was using during a demo. [00:15:08] – How do you manage your connection to the device through Angular? Uri uses async/await to manage the promises based functions that allow you to connect to the device. He wraps all of this in a service. The bluetooth terminology used for the functions that manage the device are also called services. Don't get them confused. [00:16:48] – What's the most useful thing you can do with this? Connecting to an EEG headset that measures brainwaves. Uri wants to allow headset owners to perform EEG experiments in the browser. Otherwise, they have to set up a bluetooth dongle and install python and some libraries to make it work. He'd like to make it simple enough to browse to a webpage and click "Connect." He'd like to show the user pictures and then guess which one you're looking at. [00:19:58] – What is the most useless thing you've build with this? Uri 3D-printed a robot and installed an accelerometer into it and connected it to a WebGL based system to show the orientation of the robot. [00:22:32] – How do you get started? You need a browser and a bluetooth device. A smart lightbulb or a robot. You can use your smartphone to simulate a bluetooth device. Uri wrote an Android app that simulates a smart light bulb. Then you can connect the app to your computer's browser and control the smart bulb app from your computer. [00:25:00] – Ward has a proposal for Uri Connect lights in your t-shirt to an arduino device and control it from your phone. Web Bluetooth is much simpler than native APIs for Android or iOS. [00:29:45] – Commercial applications Physical web applications and connecting to remote tools and sensors. Smart counters for your electric meter. Jen Looper's blog post on web bluetooth and beacons. The Louvre uses beacons. [00:33:00] – The physical web Uri ran a beacon that broadcast his personal site. He took his trash out and one of his neighbors kept getting a notification about his website on his phone. Picks Lukas Ruebbelke Antifragile Chef's Table on Netflix Shai Reznik 59 Seconds Volunteering - Ari Lerner teaching prisoners to code Ward Bell The "other" Uri Shaked Smart Coffee Machine YouTube video on telling if someone is lying Uri Shaked Ward's yet-to-be-made shirt AngularUP Conference WebAssembly Charles Max Wood Data Skeptic podcast Links @urishaked urish.org
AiA 149: Angular, Web Bluetooth, and IoT with Uri Shaked In this episode, Shai Reznik, Ward Bell, Lukas Ruebbelke, and Charles Max Wood talk to Uri Shaked about using Angular with Web Bluetooth and IoT. [00:02:27] – Introduction to Uri Shaked Uri is an Angular GDE from Israel. His Angular Story episode is here. [00:03:21] – Introduction to Hardware with Angular Angular allows you to build web applications that scale quickly. For hardware devices, you need some kind of interface. Instead of a button, you have a mobile app or web application. This is one place where Angular comes into play. Building control panels, etc. You can do this with pure JavaScript or native mobile apps as well. [00:05:20] – Does it run on the IoT device? or on the web? It can do both. You can run Angular on a webserver on a Raspberry Pi or you can use Web Bluetooth to connect to the IoT device. [00:06:45] – What are the advantages of using web technologies? There's no hardware setup. And using Angular Material or Ionic, the UI looks right without spending a ton of time. RxJS allows you to gather sensor data from accelerometers, heart rate monitors, etc. connected via bluetooth. [00:09:20] – The physical web An IoT device that broadcasts its own URL. You can then interface with the device simply by scanning for and browsing to the device. One example is walking into a room, scanning, and then controlling the lights without installing an app. [00:10:34] – Security Security is optional on Bluetooth Low Energy. Bluetooth devices used to pair using pin codes and they got set to 0000 or 1234 by default. So now BLE devices don't require it. Some devices add security on top of bluetooth or use the pairing mechanism. Security is an ongoing concern with IoT in general. The devices that Uri has played with don't implement security. Uri actually had an audience member hack into the smart bulb he was using during a demo. [00:15:08] – How do you manage your connection to the device through Angular? Uri uses async/await to manage the promises based functions that allow you to connect to the device. He wraps all of this in a service. The bluetooth terminology used for the functions that manage the device are also called services. Don't get them confused. [00:16:48] – What's the most useful thing you can do with this? Connecting to an EEG headset that measures brainwaves. Uri wants to allow headset owners to perform EEG experiments in the browser. Otherwise, they have to set up a bluetooth dongle and install python and some libraries to make it work. He'd like to make it simple enough to browse to a webpage and click "Connect." He'd like to show the user pictures and then guess which one you're looking at. [00:19:58] – What is the most useless thing you've build with this? Uri 3D-printed a robot and installed an accelerometer into it and connected it to a WebGL based system to show the orientation of the robot. [00:22:32] – How do you get started? You need a browser and a bluetooth device. A smart lightbulb or a robot. You can use your smartphone to simulate a bluetooth device. Uri wrote an Android app that simulates a smart light bulb. Then you can connect the app to your computer's browser and control the smart bulb app from your computer. [00:25:00] – Ward has a proposal for Uri Connect lights in your t-shirt to an arduino device and control it from your phone. Web Bluetooth is much simpler than native APIs for Android or iOS. [00:29:45] – Commercial applications Physical web applications and connecting to remote tools and sensors. Smart counters for your electric meter. Jen Looper's blog post on web bluetooth and beacons. The Louvre uses beacons. [00:33:00] – The physical web Uri ran a beacon that broadcast his personal site. He took his trash out and one of his neighbors kept getting a notification about his website on his phone. Picks Lukas Ruebbelke Antifragile Chef's Table on Netflix Shai Reznik 59 Seconds Volunteering - Ari Lerner teaching prisoners to code Ward Bell The "other" Uri Shaked Smart Coffee Machine YouTube video on telling if someone is lying Uri Shaked Ward's yet-to-be-made shirt AngularUP Conference WebAssembly Charles Max Wood Data Skeptic podcast Links @urishaked urish.org
AiA 149: Angular, Web Bluetooth, and IoT with Uri Shaked In this episode, Shai Reznik, Ward Bell, Lukas Ruebbelke, and Charles Max Wood talk to Uri Shaked about using Angular with Web Bluetooth and IoT. [00:02:27] – Introduction to Uri Shaked Uri is an Angular GDE from Israel. His Angular Story episode is here. [00:03:21] – Introduction to Hardware with Angular Angular allows you to build web applications that scale quickly. For hardware devices, you need some kind of interface. Instead of a button, you have a mobile app or web application. This is one place where Angular comes into play. Building control panels, etc. You can do this with pure JavaScript or native mobile apps as well. [00:05:20] – Does it run on the IoT device? or on the web? It can do both. You can run Angular on a webserver on a Raspberry Pi or you can use Web Bluetooth to connect to the IoT device. [00:06:45] – What are the advantages of using web technologies? There's no hardware setup. And using Angular Material or Ionic, the UI looks right without spending a ton of time. RxJS allows you to gather sensor data from accelerometers, heart rate monitors, etc. connected via bluetooth. [00:09:20] – The physical web An IoT device that broadcasts its own URL. You can then interface with the device simply by scanning for and browsing to the device. One example is walking into a room, scanning, and then controlling the lights without installing an app. [00:10:34] – Security Security is optional on Bluetooth Low Energy. Bluetooth devices used to pair using pin codes and they got set to 0000 or 1234 by default. So now BLE devices don't require it. Some devices add security on top of bluetooth or use the pairing mechanism. Security is an ongoing concern with IoT in general. The devices that Uri has played with don't implement security. Uri actually had an audience member hack into the smart bulb he was using during a demo. [00:15:08] – How do you manage your connection to the device through Angular? Uri uses async/await to manage the promises based functions that allow you to connect to the device. He wraps all of this in a service. The bluetooth terminology used for the functions that manage the device are also called services. Don't get them confused. [00:16:48] – What's the most useful thing you can do with this? Connecting to an EEG headset that measures brainwaves. Uri wants to allow headset owners to perform EEG experiments in the browser. Otherwise, they have to set up a bluetooth dongle and install python and some libraries to make it work. He'd like to make it simple enough to browse to a webpage and click "Connect." He'd like to show the user pictures and then guess which one you're looking at. [00:19:58] – What is the most useless thing you've build with this? Uri 3D-printed a robot and installed an accelerometer into it and connected it to a WebGL based system to show the orientation of the robot. [00:22:32] – How do you get started? You need a browser and a bluetooth device. A smart lightbulb or a robot. You can use your smartphone to simulate a bluetooth device. Uri wrote an Android app that simulates a smart light bulb. Then you can connect the app to your computer's browser and control the smart bulb app from your computer. [00:25:00] – Ward has a proposal for Uri Connect lights in your t-shirt to an arduino device and control it from your phone. Web Bluetooth is much simpler than native APIs for Android or iOS. [00:29:45] – Commercial applications Physical web applications and connecting to remote tools and sensors. Smart counters for your electric meter. Jen Looper's blog post on web bluetooth and beacons. The Louvre uses beacons. [00:33:00] – The physical web Uri ran a beacon that broadcast his personal site. He took his trash out and one of his neighbors kept getting a notification about his website on his phone. Picks Lukas Ruebbelke Antifragile Chef's Table on Netflix Shai Reznik 59 Seconds Volunteering - Ari Lerner teaching prisoners to code Ward Bell The "other" Uri Shaked Smart Coffee Machine YouTube video on telling if someone is lying Uri Shaked Ward's yet-to-be-made shirt AngularUP Conference WebAssembly Charles Max Wood Data Skeptic podcast Links @urishaked urish.org
--- Support this podcast: https://anchor.fm/angularair/support
Charles Max Wood welcomes Uri Shaked to share his Angular Story on today's podcast. The last time Uri joined Charles on a podcast, he talked about wrapping javascript libraries with angular directives. A lot has changed since then. Tune into Uri Shaked and Angular Development to hear what he is now up to and his story on programming.
Charles Max Wood welcomes Uri Shaked to share his Angular Story on today's podcast. The last time Uri joined Charles on a podcast, he talked about wrapping javascript libraries with angular directives. A lot has changed since then. Tune into Uri Shaked and Angular Development to hear what he is now up to and his story on programming.
Charles Max Wood welcomes Uri Shaked to share his Angular Story on today's podcast. The last time Uri joined Charles on a podcast, he talked about wrapping javascript libraries with angular directives. A lot has changed since then. Tune into Uri Shaked and Angular Development to hear what he is now up to and his story on programming.
In this episode, Stephen Fluin (@stephenfluin), Angular core team member and Tracy Lee (@ladyleet) interview Alex Castillo (@castillo__io) and Uri Shaked (@urishaked) on unique and interesting projects utilizing Angular (2). With these two pushing the edge on what is possible with JavaScript and as speakers on the upcoming ngcruise, listen in to hear about IoT, neurojavascript, and Angular. Guests Alex Castillo (@castillo__io) Uri Shaked (@urishaked) Hosts Tracy Lee (@ladyleet) Stephen Fluin (@stephenfluin) Find more podcasts, videos, trainings and online conferences at http://modern-web.org or follow us on Twitter @moderndotweb.
Submit a CFP or get an early bird ticket! Check out JS Remote Conf! 02:18 - Uri Shaked Introduction Twitter GitHub Blog ng-conf Israel BlackBerry 04:27 - Uri’s Libraries angular-moment angular-spinner 05:11 - Advantages of wrapping things around directives Moment.js spin.js 10:33 - How do you wrap things around directives? 13:52 - Building angular-moment and angular-spinner 17:09 - Things to do to wrap a component in an Angular directive angular-chosen Picks The ES2016 Column Operator (Uri) Bullshit (The Game) (Uri) Angular — Introduction to Reactive Extensions (RxJS) (Lukas) Kamal Meattle: 3 Plants that Best Recycle Air (Chuck) Charles Max Wood: My podcasting setup #ufy (Chuck)
Submit a CFP or get an early bird ticket! Check out JS Remote Conf! 02:18 - Uri Shaked Introduction Twitter GitHub Blog ng-conf Israel BlackBerry 04:27 - Uri’s Libraries angular-moment angular-spinner 05:11 - Advantages of wrapping things around directives Moment.js spin.js 10:33 - How do you wrap things around directives? 13:52 - Building angular-moment and angular-spinner 17:09 - Things to do to wrap a component in an Angular directive angular-chosen Picks The ES2016 Column Operator (Uri) Bullshit (The Game) (Uri) Angular — Introduction to Reactive Extensions (RxJS) (Lukas) Kamal Meattle: 3 Plants that Best Recycle Air (Chuck) Charles Max Wood: My podcasting setup #ufy (Chuck)
Submit a CFP or get an early bird ticket! Check out JS Remote Conf! 02:18 - Uri Shaked Introduction Twitter GitHub Blog ng-conf Israel BlackBerry 04:27 - Uri’s Libraries angular-moment angular-spinner 05:11 - Advantages of wrapping things around directives Moment.js spin.js 10:33 - How do you wrap things around directives? 13:52 - Building angular-moment and angular-spinner 17:09 - Things to do to wrap a component in an Angular directive angular-chosen Picks The ES2016 Column Operator (Uri) Bullshit (The Game) (Uri) Angular — Introduction to Reactive Extensions (RxJS) (Lukas) Kamal Meattle: 3 Plants that Best Recycle Air (Chuck) Charles Max Wood: My podcasting setup #ufy (Chuck)