Podcasts about ast explorer

  • 6PODCASTS
  • 12EPISODES
  • 53mAVG DURATION
  • ?INFREQUENT EPISODES
  • Sep 14, 2021LATEST

POPULARITY

20172018201920202021202220232024


Best podcasts about ast explorer

Latest podcast episodes about ast explorer

Views on Vue
Deep Dive into Nuxt with Mike Gallagher - VUE 164

Views on Vue

Play Episode Listen Later Sep 14, 2021 56:27


Lindsay and Steve talk to Mike Gallagher, Software Architect at Hip eCommerce, about his blog post exploring server-side rendering and how Nuxt functions under the hood. They explore Mike's specific use case of needing to manage routing on the client, rather than the server, and how he was able to find a solution. They also discuss how Mike approaches difficult problems like this, and how he determines the next steps to find a solution. They explore some of the intricate details of Nuxt, including how Mike's company handles caching with Nuxt and other production use cases. Panel Lindsay WardellSteve Edwards Guest Mike Gallagher Sponsors Dev Influencers AcceleratorLevel Up | Devchat.tvPodcastBootcamp.io Links Server-side rendering and the journey to the center of Nuxt.jsGitHub | mikeapr4/vue-backboneAwesome Nuxt Modules Plugins directory - NUXTJSTracing or Debugging Vue.js Reactivity: The computed treeGitHub | GoogleChrome/rendertronGitHub | lindsaykwardell/nuxt-github-apiAgility CMSHip eCommerceMichael Gallagher - MediumLinkedIn: Michael GallagherGitHub: Michael Gallagher ( mikeapr4 ) Picks Lindsay- GitHub | nuxt-community/module-templateLindsay- vitejs/awesome-viteLindsay- Nuxt Nation ConferenceMike- AST ExplorerSteve- standup.trex - InstagramSteve- dadjokesallday - InstragramSteve- Failed Comedian Becomes Pastor Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve Edwards Special Guest: Mike Gallagher.

deep dive panel github server tracing google chrome plugins mike gallagher steve edwards software architect nuxt dev influencers accelerator level up devchat podcastbootcamp lindsay wardell ast explorer github steve edwards linkedin steve edwards
Views on Vue
Deep Dive into Nuxt with Mike Gallagher - VUE 164

Views on Vue

Play Episode Listen Later Sep 14, 2021 56:27


Lindsay and Steve talk to Mike Gallagher, Software Architect at Hip eCommerce, about his blog post exploring server-side rendering and how Nuxt functions under the hood. They explore Mike's specific use case of needing to manage routing on the client, rather than the server, and how he was able to find a solution. They also discuss how Mike approaches difficult problems like this, and how he determines the next steps to find a solution. They explore some of the intricate details of Nuxt, including how Mike's company handles caching with Nuxt and other production use cases. Panel Lindsay Wardell Steve Edwards Guest Mike Gallagher Sponsors Dev Influencers Accelerator Level Up | Devchat.tv PodcastBootcamp.io Links Server-side rendering and the journey to the center of Nuxt.js GitHub | mikeapr4/vue-backbone Awesome Nuxt Modules  Plugins directory - NUXTJS Tracing or Debugging Vue.js Reactivity: The computed tree GitHub | GoogleChrome/rendertron GitHub | lindsaykwardell/nuxt-github-api Agility CMS Hip eCommerce Michael Gallagher - Medium LinkedIn: Michael Gallagher GitHub: Michael Gallagher ( mikeapr4 ) Picks Lindsay- GitHub | nuxt-community/module-template Lindsay- vitejs/awesome-vite Lindsay- Nuxt Nation Conference Mike- AST Explorer Steve- standup.trex - Instagram Steve- dadjokesallday - Instragram Steve- Failed Comedian Becomes Pastor Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards

deep dive panel github server tracing google chrome plugins mike gallagher steve edwards software architect nuxt dev influencers accelerator level up devchat podcastbootcamp lindsay wardell ast explorer github steve edwards linkedin steve edwards
Devchat.tv Master Feed
Deep Dive into Nuxt with Mike Gallagher - VUE 164

Devchat.tv Master Feed

Play Episode Listen Later Sep 14, 2021 56:27


Lindsay and Steve talk to Mike Gallagher, Software Architect at Hip eCommerce, about his blog post exploring server-side rendering and how Nuxt functions under the hood. They explore Mike's specific use case of needing to manage routing on the client, rather than the server, and how he was able to find a solution. They also discuss how Mike approaches difficult problems like this, and how he determines the next steps to find a solution. They explore some of the intricate details of Nuxt, including how Mike's company handles caching with Nuxt and other production use cases. Panel Lindsay Wardell Steve Edwards Guest Mike Gallagher Sponsors Dev Influencers Accelerator Level Up | Devchat.tv PodcastBootcamp.io Links Server-side rendering and the journey to the center of Nuxt.js GitHub | mikeapr4/vue-backbone Awesome Nuxt Modules  Plugins directory - NUXTJS Tracing or Debugging Vue.js Reactivity: The computed tree GitHub | GoogleChrome/rendertron GitHub | lindsaykwardell/nuxt-github-api Agility CMS Hip eCommerce Michael Gallagher - Medium LinkedIn: Michael Gallagher GitHub: Michael Gallagher ( mikeapr4 ) Picks Lindsay- GitHub | nuxt-community/module-template Lindsay- vitejs/awesome-vite Lindsay- Nuxt Nation Conference Mike- AST Explorer Steve- standup.trex - Instagram Steve- dadjokesallday - Instragram Steve- Failed Comedian Becomes Pastor Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 ) GitHub: Steve Edwards ( wonder95 ) LinkedIn: Steve Edwards

deep dive panel github server tracing google chrome plugins mike gallagher steve edwards software architect nuxt dev influencers accelerator level up devchat podcastbootcamp lindsay wardell ast explorer github steve edwards linkedin steve edwards
3 Minutes with Kent
Use ASTExplorer.net to deepen your understanding of JavaScript

3 Minutes with Kent

Play Episode Listen Later Jan 19, 2021 2:48


Hi there friends So today, I wanted to talk about understanding the syntax of JavaScript. Now, I most of us when we're learning JavaScript, we are introduced to each part of syntax and some of its capabilities and we just kind of learn about that syntax through experience of working with it and there's nothing wrong with that approach that's pretty like the the best way to learn anything is really just practical application. But there are often things that you skip over when you just focus on practical application ofThe of knowledge And especially if JavaScript is the first language that you learn maybe because it does borrow syntax from other languages. Maybe there are things that you just don't know are possible or don't really have a good good grasp on because you don't understand the fundamentals of that syntax in particular. So what I'm going to suggest to you is that anytime you see some syntax that you're not super familiar with or you think it's one way but things aren't working the way that you expect or something like that. Anytime you see something syntax? I want you to copy that code. Into a tool called AST Explorer dot net. It's AST is an acronym for abstract syntax trees, which does sound pretty complicated but I promise you that it's nothing magic. It's something that you can learn but go to AST explorer.net paste in the code on the editor on the left and on the right side, you're going to see a representation of that code in what's called an abstract syntax tree. You can represent it as like an JSON object or something. And each element of syntax.Has a particular node name and a type and as you click around you should be able to see the name of the AST node for the part of the code that you're looking at. And so AST Explorer can be a really great way for you to get an understanding of what the different parts of the code represent for the computer and it can also help you get an idea of like, oh this is called an import specifier, but then when I do this with an object that's called an object pattern. So, maybe those two things like the structuring and imports are not the same.Thing which they aren't So you can go ahead and try some of that. And you'll get a little deeper understanding. The other nice thing about this is that it makes those things Googleable. So instead of saying, hey what's that thing at the import statement or whatever. You can say I want to learn about import specifiers and then you can Google around about that. So, hopefully that's helpful to use kind of interesting to play around with AST explorer.net. I wish you the best of luck and I hope you have a stellar day and we'll see you in the future.

Devchat.tv Master Feed
RRU 048: Using and Teaching React with Kay Plößer

Devchat.tv Master Feed

Play Episode Listen Later Feb 12, 2019 54:51


Sponsors: Netlify Sentry use the code "devchat" for $100 credit CacheFly Panel Lucas Reis Nader Dabit Charles Max Wood Special Guest: Kay Plößer Episode Summary In this episode of React Round Up, the panel talks with Kay Plößer, describing their experiences learning React. Kay is a software developer from Stuttgart, Germany and the author of the book React from Zero. They discuss the best approach to learning React from scratch. Kay describes the process of writing and producing his book 'React from Zero'. Initially he started with tutorials and lessons and then turned those into a book. It is constructed in two sections: basic and advanced and it's purpose is to help developers learn React without being overwhelmed. He has received great feedback from the people who have bought the book. Kay then describes his experiences teaching React to developers and talks about his blog post React Hooks Demystified which became really popular. The panel then about how developers can increase and diversify income through writing books and side projects. Links Kay's Book: React from Zero Kay's Blog Post: React Hooks Demystified Kay’s LinkedIn Kay’s Twitter Kay’s GitHub Kay's Website Kay's Skillshare Kay's Facebook https://www.facebook.com/React-Round-Up https://twitter.com/reactroundup Picks Nader Dabit: Finite and Infinite Games by James Carse Lucas Reis: An Introduction and Guide to the CSS Object Model AST Explorer Charles Wood: Charles' New Devchat.tv Build on Eleventy on GitHub Kay Plößer: Wardley maps

React Round Up
RRU 048: Using and Teaching React with Kay Plößer

React Round Up

Play Episode Listen Later Feb 12, 2019 54:51


Sponsors: Netlify Sentry use the code "devchat" for $100 credit CacheFly Panel Lucas Reis Nader Dabit Charles Max Wood Special Guest: Kay Plößer Episode Summary In this episode of React Round Up, the panel talks with Kay Plößer, describing their experiences learning React. Kay is a software developer from Stuttgart, Germany and the author of the book React from Zero. They discuss the best approach to learning React from scratch. Kay describes the process of writing and producing his book 'React from Zero'. Initially he started with tutorials and lessons and then turned those into a book. It is constructed in two sections: basic and advanced and it's purpose is to help developers learn React without being overwhelmed. He has received great feedback from the people who have bought the book. Kay then describes his experiences teaching React to developers and talks about his blog post React Hooks Demystified which became really popular. The panel then about how developers can increase and diversify income through writing books and side projects. Links Kay's Book: React from Zero Kay's Blog Post: React Hooks Demystified Kay’s LinkedIn Kay’s Twitter Kay’s GitHub Kay's Website Kay's Skillshare Kay's Facebook https://www.facebook.com/React-Round-Up https://twitter.com/reactroundup Picks Nader Dabit: Finite and Infinite Games by James Carse Lucas Reis: An Introduction and Guide to the CSS Object Model AST Explorer Charles Wood: Charles' New Devchat.tv Build on Eleventy on GitHub Kay Plößer: Wardley maps

Devchat.tv Master Feed
AiA 221: Angular Schematics from the Ground Up with Brian Love & Kevin Schuchard

Devchat.tv Master Feed

Play Episode Listen Later Dec 25, 2018 66:55


Panel: Charles Max Wood Joe Eames Aaron Frost Alyssa Nicoll Special Guests: Brian Love & Kevin Schuchard In this episode, the panelist talk with today’s special guests Brian Love & Kevin Schuchard! Brian and Kevin work at BrieBug – check out their employee profiles here! The panelist and guests talk about schematics, Angular, AST, and much more! Show Topics: 0:00 – Advertisement: Get A Coder Job! 0:50 – Chuck: Hello! Our panel today is Joe, Aaron, Alyssa, and myself. We have two guests today, and we are going to talk about schematics. Let’s dive into that! 1:46 – Guest: Schematics is a library that is coming out of Angular and the Angular Team. The guest gives a definition of Angular Schematics. 2:26 – Alyssa. 2:31 – Kevin: The functionality that you are hoping for depends on the CLI that you are on. 3:00 – Alyssa: Sorry for diving into the juicy stuff but we forgot to talk about your introductions! 3:19 – The guests talk about their backgrounds and introduce themselves to the panel and the listeners. 3:49 – Alyssa. 3:54 – Guest continues. 4:21 – Panel: Crazy and busy! 4:28 – Alyssa. 4:31 – Kevin: I am Senior Developer, and I have worked here for a few years. I have had the opportunities to write some schematics for the company and some of my own schematics. 4:53 – Alyssa: Aren’t you so proud that you are a “Senior Developer”?! 5:10 – Guest and panelists go back-and-forth. 6:23 – Guests: We want people to be familiar with schematics and start their journey with schematics. 6:50 – Panel: It’s kind of trippy isn’t that right? 7:00 – Guest: Yeah there are hurdles to learning schematics at first – for sure. 7:22 – Alyssa: What is AST? 7:29 – Guest gives a definition of AST and goes into much detail about this. 10:00 – Alyssa: I think I understand, now, what AST is. Thanks. Alyssa asks the guests a question. 10:14 – Guest answers the question about AST. 10:51 – Guest continues. 11:27 – Panelist is talking about the AST and schematics. 12:03 – Guest: You can read the whole file and using the AST you can figure out where you went to enter the text. 12:25 – Alyssa asks a question. 12:28 – Guest: We are not the developers of schematics, but we are just here to share our knowledge. I want to be super clear here. 13:39 – Panelist talks about schematics, CLI, and AST. 14:18 – Guest: You don’t have to know all about AST and everything there is to know to get into it. You can build schematics w/o getting into AST. Just to be clear. 14:39 – Alyssa asks a follow-up question. 14:41 – Guest continues. 15:57 – Guest: AST has been around for a while – it’s not a new thing it’s kind of an old thing. Guest talks about tools (Code Shift) that Facebook has built that is related to this topic. 17:22 – Guest: Yeah AST has been around for a while. 17:28 – Alyssa asks a question about Code Shift. 17:36 – Guest. 18:21 – Panel and guest go back-and-forth. 19:51 – Alyssa: You said you really don’t need to get into AST to do schematics – right? (Yes.) Alyssa asks a question. 20:19 – Guest: There are two pieces with schematics and that’s adding of new files and you can decide which pieces of the templates you want to be compiled. 21:58 – Chuck: For schematics you mentioned you could drop strings in. Chuck asks a question. 22:29 – Guest answers the question with a hypothetical situation. 23:09 – Chuck: I read the article you wrote and I have a question about your article. Tell me about the tree? 23:29 – Guest talks about the tree or aka the host. 25:40 – Guest: The tree is a virtual kind of context and it’s not committing all of the changes to the file system. Whether that is adding, deleting, or updating these files. 26:10 – Chuck: Makes sense to me. 26:15 – Guest continues talking about schematics. 26:53 – Alyssa: Yeoman is a replacement for schematics? 27:05 – Guest: It’s a lightweight alternative.  27:33 – Advertisement: Angular Boot Camp 28:10 – Chuck: How does one build a schematic? 28:16 – Guest answers the question. 30:34 – Panel: What’s the latest thing you’ve built? Talk about that, please. 30:40 – Guest: It’s a schematic and took what we’ve learned to set you up for a starter project. It starts with a blank project. 32:57 – Panel: You are just talking some lessons learned and you are saying this is how Kevin says to do it. You’ve packaged that up 33:26 – Guest: Yep I have found things that work and there isn’t any magic but put these practices together and made a repository to help testing and making schematics. 33:55 – Panel and guests go back-and-forth. 34:20 – Chuck: Let’s say I’ve built this schematic and Frosty wants to share it with his friends. How do we do that? How do you share it? Is there some component that you’ve built? 35:06 – Guest: It depends on what you are doing with it. 36:14 – Chuck: For mass production, though? 36:25 – Guest: I think Chuck is wondering about discoverability. Guest continues and he mentions prettier, extensions, among other things. 37:18 – Guest: I think it’s my favorite about schematics and it’s Kevin’s. 37:40 – Guest. 38:20 – Guest continues talking about schematics and ng-conf. 38:57 – Guest talks about libraries. 40:12 – Chuck: Anything else? Do you NPM install it and it’s just there? 40:29 – Guest: There are 2 ways to go about it. 53:05 – Fresh Books! END – CacheFly! Links: Vue jQuery Angular JavaScript Python React Cypress Yeoman Apache Groovy GitHub: prettier NG Conf Brian Love’s Website Kevin Schuchard’s LinkedIn BrieBug Blog Angular Schematics Tutorial Testing Schematics with a Sandbox + starter project GitHub: Schematic Starter Getting started blog post by Hans Schematics by Manfred Steyer Angular and Material CLI schematics 1 Angular and Material CLI schematics 2 AST Explorer Evening of Angular Example Schematic project with Sandbox: (Written by Kevin) https://github.com/briebug/jest-schematic https://github.com/schuchard/prettier-schematic https://github.com/briebug/ngrx-entity-schematic https://github.com/blove/schematics Sponsors: Angular Boot Camp Cache Fly Get A Coder Job Picks: Joe Brian Love BrieBug Schematics NGConf. Minified Aaron Ice Fishing Smoking Trout Joe Eames as Dungeon Master for DND NPM JS Survey Charles Alexa Briefing EntreProgrammers.com KanBanflow Pomodoro Technique Kevin Angular Material Open Source Projects Brian Angular.io Visits on Twitter Angular Community Jesse Sanders An evening of Angular Event

talk panel dungeons and dragons hans visits react special guests python github javascript ground up panelists frosty sandbox dungeon master ast cypress vue angular pomodoro technique freshbooks ice fishing cli jquery npm yeoman senior developers open source projects cachefly schematics charles max wood nodeid aaron frost ng conf kanbanflow brian love joe eames chuck how jesse sanders chuck let chuck anything get a coder job chuck makes entreprogrammers advertisement get a coder job angular team alexa briefing panel you panel it chuck for alyssa nicoll manfred steyer angular boot camp angular material angular community angular schematics briebug alyssa what ast explorer kevin schuchard alyssa you briebug blog
All Angular Podcasts by Devchat.tv
AiA 221: Angular Schematics from the Ground Up with Brian Love & Kevin Schuchard

All Angular Podcasts by Devchat.tv

Play Episode Listen Later Dec 25, 2018 66:55


Panel: Charles Max Wood Joe Eames Aaron Frost Alyssa Nicoll Special Guests: Brian Love & Kevin Schuchard In this episode, the panelist talk with today’s special guests Brian Love & Kevin Schuchard! Brian and Kevin work at BrieBug – check out their employee profiles here! The panelist and guests talk about schematics, Angular, AST, and much more! Show Topics: 0:00 – Advertisement: Get A Coder Job! 0:50 – Chuck: Hello! Our panel today is Joe, Aaron, Alyssa, and myself. We have two guests today, and we are going to talk about schematics. Let’s dive into that! 1:46 – Guest: Schematics is a library that is coming out of Angular and the Angular Team. The guest gives a definition of Angular Schematics. 2:26 – Alyssa. 2:31 – Kevin: The functionality that you are hoping for depends on the CLI that you are on. 3:00 – Alyssa: Sorry for diving into the juicy stuff but we forgot to talk about your introductions! 3:19 – The guests talk about their backgrounds and introduce themselves to the panel and the listeners. 3:49 – Alyssa. 3:54 – Guest continues. 4:21 – Panel: Crazy and busy! 4:28 – Alyssa. 4:31 – Kevin: I am Senior Developer, and I have worked here for a few years. I have had the opportunities to write some schematics for the company and some of my own schematics. 4:53 – Alyssa: Aren’t you so proud that you are a “Senior Developer”?! 5:10 – Guest and panelists go back-and-forth. 6:23 – Guests: We want people to be familiar with schematics and start their journey with schematics. 6:50 – Panel: It’s kind of trippy isn’t that right? 7:00 – Guest: Yeah there are hurdles to learning schematics at first – for sure. 7:22 – Alyssa: What is AST? 7:29 – Guest gives a definition of AST and goes into much detail about this. 10:00 – Alyssa: I think I understand, now, what AST is. Thanks. Alyssa asks the guests a question. 10:14 – Guest answers the question about AST. 10:51 – Guest continues. 11:27 – Panelist is talking about the AST and schematics. 12:03 – Guest: You can read the whole file and using the AST you can figure out where you went to enter the text. 12:25 – Alyssa asks a question. 12:28 – Guest: We are not the developers of schematics, but we are just here to share our knowledge. I want to be super clear here. 13:39 – Panelist talks about schematics, CLI, and AST. 14:18 – Guest: You don’t have to know all about AST and everything there is to know to get into it. You can build schematics w/o getting into AST. Just to be clear. 14:39 – Alyssa asks a follow-up question. 14:41 – Guest continues. 15:57 – Guest: AST has been around for a while – it’s not a new thing it’s kind of an old thing. Guest talks about tools (Code Shift) that Facebook has built that is related to this topic. 17:22 – Guest: Yeah AST has been around for a while. 17:28 – Alyssa asks a question about Code Shift. 17:36 – Guest. 18:21 – Panel and guest go back-and-forth. 19:51 – Alyssa: You said you really don’t need to get into AST to do schematics – right? (Yes.) Alyssa asks a question. 20:19 – Guest: There are two pieces with schematics and that’s adding of new files and you can decide which pieces of the templates you want to be compiled. 21:58 – Chuck: For schematics you mentioned you could drop strings in. Chuck asks a question. 22:29 – Guest answers the question with a hypothetical situation. 23:09 – Chuck: I read the article you wrote and I have a question about your article. Tell me about the tree? 23:29 – Guest talks about the tree or aka the host. 25:40 – Guest: The tree is a virtual kind of context and it’s not committing all of the changes to the file system. Whether that is adding, deleting, or updating these files. 26:10 – Chuck: Makes sense to me. 26:15 – Guest continues talking about schematics. 26:53 – Alyssa: Yeoman is a replacement for schematics? 27:05 – Guest: It’s a lightweight alternative.  27:33 – Advertisement: Angular Boot Camp 28:10 – Chuck: How does one build a schematic? 28:16 – Guest answers the question. 30:34 – Panel: What’s the latest thing you’ve built? Talk about that, please. 30:40 – Guest: It’s a schematic and took what we’ve learned to set you up for a starter project. It starts with a blank project. 32:57 – Panel: You are just talking some lessons learned and you are saying this is how Kevin says to do it. You’ve packaged that up 33:26 – Guest: Yep I have found things that work and there isn’t any magic but put these practices together and made a repository to help testing and making schematics. 33:55 – Panel and guests go back-and-forth. 34:20 – Chuck: Let’s say I’ve built this schematic and Frosty wants to share it with his friends. How do we do that? How do you share it? Is there some component that you’ve built? 35:06 – Guest: It depends on what you are doing with it. 36:14 – Chuck: For mass production, though? 36:25 – Guest: I think Chuck is wondering about discoverability. Guest continues and he mentions prettier, extensions, among other things. 37:18 – Guest: I think it’s my favorite about schematics and it’s Kevin’s. 37:40 – Guest. 38:20 – Guest continues talking about schematics and ng-conf. 38:57 – Guest talks about libraries. 40:12 – Chuck: Anything else? Do you NPM install it and it’s just there? 40:29 – Guest: There are 2 ways to go about it. 53:05 – Fresh Books! END – CacheFly! Links: Vue jQuery Angular JavaScript Python React Cypress Yeoman Apache Groovy GitHub: prettier NG Conf Brian Love’s Website Kevin Schuchard’s LinkedIn BrieBug Blog Angular Schematics Tutorial Testing Schematics with a Sandbox + starter project GitHub: Schematic Starter Getting started blog post by Hans Schematics by Manfred Steyer Angular and Material CLI schematics 1 Angular and Material CLI schematics 2 AST Explorer Evening of Angular Example Schematic project with Sandbox: (Written by Kevin) https://github.com/briebug/jest-schematic https://github.com/schuchard/prettier-schematic https://github.com/briebug/ngrx-entity-schematic https://github.com/blove/schematics Sponsors: Angular Boot Camp Cache Fly Get A Coder Job Picks: Joe Brian Love BrieBug Schematics NGConf. Minified Aaron Ice Fishing Smoking Trout Joe Eames as Dungeon Master for DND NPM JS Survey Charles Alexa Briefing EntreProgrammers.com KanBanflow Pomodoro Technique Kevin Angular Material Open Source Projects Brian Angular.io Visits on Twitter Angular Community Jesse Sanders An evening of Angular Event

talk panel dungeons and dragons hans visits react special guests python github javascript ground up panelists frosty sandbox dungeon master ast cypress vue angular pomodoro technique freshbooks ice fishing cli jquery npm yeoman senior developers open source projects cachefly schematics charles max wood nodeid aaron frost ng conf kanbanflow brian love joe eames chuck how jesse sanders chuck let chuck anything get a coder job chuck makes entreprogrammers advertisement get a coder job angular team alexa briefing panel you panel it chuck for alyssa nicoll manfred steyer angular boot camp angular material angular community angular schematics briebug alyssa what ast explorer kevin schuchard alyssa you briebug blog
Adventures in Angular
AiA 221: Angular Schematics from the Ground Up with Brian Love & Kevin Schuchard

Adventures in Angular

Play Episode Listen Later Dec 25, 2018 66:55


Panel: Charles Max Wood Joe Eames Aaron Frost Alyssa Nicoll Special Guests: Brian Love & Kevin Schuchard In this episode, the panelist talk with today’s special guests Brian Love & Kevin Schuchard! Brian and Kevin work at BrieBug – check out their employee profiles here! The panelist and guests talk about schematics, Angular, AST, and much more! Show Topics: 0:00 – Advertisement: Get A Coder Job! 0:50 – Chuck: Hello! Our panel today is Joe, Aaron, Alyssa, and myself. We have two guests today, and we are going to talk about schematics. Let’s dive into that! 1:46 – Guest: Schematics is a library that is coming out of Angular and the Angular Team. The guest gives a definition of Angular Schematics. 2:26 – Alyssa. 2:31 – Kevin: The functionality that you are hoping for depends on the CLI that you are on. 3:00 – Alyssa: Sorry for diving into the juicy stuff but we forgot to talk about your introductions! 3:19 – The guests talk about their backgrounds and introduce themselves to the panel and the listeners. 3:49 – Alyssa. 3:54 – Guest continues. 4:21 – Panel: Crazy and busy! 4:28 – Alyssa. 4:31 – Kevin: I am Senior Developer, and I have worked here for a few years. I have had the opportunities to write some schematics for the company and some of my own schematics. 4:53 – Alyssa: Aren’t you so proud that you are a “Senior Developer”?! 5:10 – Guest and panelists go back-and-forth. 6:23 – Guests: We want people to be familiar with schematics and start their journey with schematics. 6:50 – Panel: It’s kind of trippy isn’t that right? 7:00 – Guest: Yeah there are hurdles to learning schematics at first – for sure. 7:22 – Alyssa: What is AST? 7:29 – Guest gives a definition of AST and goes into much detail about this. 10:00 – Alyssa: I think I understand, now, what AST is. Thanks. Alyssa asks the guests a question. 10:14 – Guest answers the question about AST. 10:51 – Guest continues. 11:27 – Panelist is talking about the AST and schematics. 12:03 – Guest: You can read the whole file and using the AST you can figure out where you went to enter the text. 12:25 – Alyssa asks a question. 12:28 – Guest: We are not the developers of schematics, but we are just here to share our knowledge. I want to be super clear here. 13:39 – Panelist talks about schematics, CLI, and AST. 14:18 – Guest: You don’t have to know all about AST and everything there is to know to get into it. You can build schematics w/o getting into AST. Just to be clear. 14:39 – Alyssa asks a follow-up question. 14:41 – Guest continues. 15:57 – Guest: AST has been around for a while – it’s not a new thing it’s kind of an old thing. Guest talks about tools (Code Shift) that Facebook has built that is related to this topic. 17:22 – Guest: Yeah AST has been around for a while. 17:28 – Alyssa asks a question about Code Shift. 17:36 – Guest. 18:21 – Panel and guest go back-and-forth. 19:51 – Alyssa: You said you really don’t need to get into AST to do schematics – right? (Yes.) Alyssa asks a question. 20:19 – Guest: There are two pieces with schematics and that’s adding of new files and you can decide which pieces of the templates you want to be compiled. 21:58 – Chuck: For schematics you mentioned you could drop strings in. Chuck asks a question. 22:29 – Guest answers the question with a hypothetical situation. 23:09 – Chuck: I read the article you wrote and I have a question about your article. Tell me about the tree? 23:29 – Guest talks about the tree or aka the host. 25:40 – Guest: The tree is a virtual kind of context and it’s not committing all of the changes to the file system. Whether that is adding, deleting, or updating these files. 26:10 – Chuck: Makes sense to me. 26:15 – Guest continues talking about schematics. 26:53 – Alyssa: Yeoman is a replacement for schematics? 27:05 – Guest: It’s a lightweight alternative.  27:33 – Advertisement: Angular Boot Camp 28:10 – Chuck: How does one build a schematic? 28:16 – Guest answers the question. 30:34 – Panel: What’s the latest thing you’ve built? Talk about that, please. 30:40 – Guest: It’s a schematic and took what we’ve learned to set you up for a starter project. It starts with a blank project. 32:57 – Panel: You are just talking some lessons learned and you are saying this is how Kevin says to do it. You’ve packaged that up 33:26 – Guest: Yep I have found things that work and there isn’t any magic but put these practices together and made a repository to help testing and making schematics. 33:55 – Panel and guests go back-and-forth. 34:20 – Chuck: Let’s say I’ve built this schematic and Frosty wants to share it with his friends. How do we do that? How do you share it? Is there some component that you’ve built? 35:06 – Guest: It depends on what you are doing with it. 36:14 – Chuck: For mass production, though? 36:25 – Guest: I think Chuck is wondering about discoverability. Guest continues and he mentions prettier, extensions, among other things. 37:18 – Guest: I think it’s my favorite about schematics and it’s Kevin’s. 37:40 – Guest. 38:20 – Guest continues talking about schematics and ng-conf. 38:57 – Guest talks about libraries. 40:12 – Chuck: Anything else? Do you NPM install it and it’s just there? 40:29 – Guest: There are 2 ways to go about it. 53:05 – Fresh Books! END – CacheFly! Links: Vue jQuery Angular JavaScript Python React Cypress Yeoman Apache Groovy GitHub: prettier NG Conf Brian Love’s Website Kevin Schuchard’s LinkedIn BrieBug Blog Angular Schematics Tutorial Testing Schematics with a Sandbox + starter project GitHub: Schematic Starter Getting started blog post by Hans Schematics by Manfred Steyer Angular and Material CLI schematics 1 Angular and Material CLI schematics 2 AST Explorer Evening of Angular Example Schematic project with Sandbox: (Written by Kevin) https://github.com/briebug/jest-schematic https://github.com/schuchard/prettier-schematic https://github.com/briebug/ngrx-entity-schematic https://github.com/blove/schematics Sponsors: Angular Boot Camp Cache Fly Get A Coder Job Picks: Joe Brian Love BrieBug Schematics NGConf. Minified Aaron Ice Fishing Smoking Trout Joe Eames as Dungeon Master for DND NPM JS Survey Charles Alexa Briefing EntreProgrammers.com KanBanflow Pomodoro Technique Kevin Angular Material Open Source Projects Brian Angular.io Visits on Twitter Angular Community Jesse Sanders An evening of Angular Event

talk panel dungeons and dragons hans visits react special guests python github javascript ground up panelists frosty sandbox dungeon master ast cypress vue angular pomodoro technique freshbooks ice fishing cli jquery npm yeoman senior developers open source projects cachefly schematics charles max wood nodeid aaron frost ng conf kanbanflow brian love joe eames chuck how jesse sanders chuck let chuck anything get a coder job chuck makes entreprogrammers advertisement get a coder job angular team alexa briefing panel you panel it chuck for alyssa nicoll manfred steyer angular boot camp angular material angular community angular schematics briebug alyssa what ast explorer kevin schuchard alyssa you briebug blog
Devchat.tv Master Feed
116 AiA Angular 2 Compiler with Tobias Bosch

Devchat.tv Master Feed

Play Episode Listen Later Oct 27, 2016 53:36


02:20 - Introducing Tobias Bosch 03:40 - What does the Compiler do? 05:00 - Compiling in Angular 2 09:15 - Loading templates after using an Angular 2.0 Compiler 10:30 - Just In Time and Ahead Of Time compilations 15:40 - Advantages of the AOT approach 17:40 - Hacker attacks 19:45 - Dynamic scenarios Component Factory Resolver 21:35 - Functions of the Compiler: Tree shaking Google Closure Compiler 25:50 - Angular 2.0 Compiler and end modules 26:40 - AOT and sizing 27:40 - Rollup bundles 30:10 - Using RxJs 32:00 - Router outlets and siblings 34:40 - Plans for rolling out features for developers Lucidchart 37:40 - Motivations and driving forces 39:20 - Rendering targets Picks: Ship To Hawaii (Jules) TensorFlow (Tobias) Your Inner Fish by Neil Shubin book and the PBS Series (Ward) “Cross Site Request Funkery” talk by Dave Smith (Lukas) Professor Frisby's Mostly Adequate Guide to Functional Programming by Brian Lonsdorf (Lukas) Life Expectancy by Dean Koontz (Joe) NG Cruise (Joe) Source Map Explorer (John) Angular 2.0 Ultimate Workshop (rescheduled) (John) The 12 Week Year (Charles) AST Explorer (Joe) Enter the lottery to win the opportunity to buy a ticket to NG-Conf (Joe) Call for presenters for NG-Conf will open November 1st (Joe)

All Angular Podcasts by Devchat.tv
116 AiA Angular 2 Compiler with Tobias Bosch

All Angular Podcasts by Devchat.tv

Play Episode Listen Later Oct 27, 2016 53:36


02:20 - Introducing Tobias Bosch 03:40 - What does the Compiler do? 05:00 - Compiling in Angular 2 09:15 - Loading templates after using an Angular 2.0 Compiler 10:30 - Just In Time and Ahead Of Time compilations 15:40 - Advantages of the AOT approach 17:40 - Hacker attacks 19:45 - Dynamic scenarios Component Factory Resolver 21:35 - Functions of the Compiler: Tree shaking Google Closure Compiler 25:50 - Angular 2.0 Compiler and end modules 26:40 - AOT and sizing 27:40 - Rollup bundles 30:10 - Using RxJs 32:00 - Router outlets and siblings 34:40 - Plans for rolling out features for developers Lucidchart 37:40 - Motivations and driving forces 39:20 - Rendering targets Picks: Ship To Hawaii (Jules) TensorFlow (Tobias) Your Inner Fish by Neil Shubin book and the PBS Series (Ward) “Cross Site Request Funkery” talk by Dave Smith (Lukas) Professor Frisby's Mostly Adequate Guide to Functional Programming by Brian Lonsdorf (Lukas) Life Expectancy by Dean Koontz (Joe) NG Cruise (Joe) Source Map Explorer (John) Angular 2.0 Ultimate Workshop (rescheduled) (John) The 12 Week Year (Charles) AST Explorer (Joe) Enter the lottery to win the opportunity to buy a ticket to NG-Conf (Joe) Call for presenters for NG-Conf will open November 1st (Joe)

Adventures in Angular
116 AiA Angular 2 Compiler with Tobias Bosch

Adventures in Angular

Play Episode Listen Later Oct 27, 2016 53:36


02:20 - Introducing Tobias Bosch 03:40 - What does the Compiler do? 05:00 - Compiling in Angular 2 09:15 - Loading templates after using an Angular 2.0 Compiler 10:30 - Just In Time and Ahead Of Time compilations 15:40 - Advantages of the AOT approach 17:40 - Hacker attacks 19:45 - Dynamic scenarios Component Factory Resolver 21:35 - Functions of the Compiler: Tree shaking Google Closure Compiler 25:50 - Angular 2.0 Compiler and end modules 26:40 - AOT and sizing 27:40 - Rollup bundles 30:10 - Using RxJs 32:00 - Router outlets and siblings 34:40 - Plans for rolling out features for developers Lucidchart 37:40 - Motivations and driving forces 39:20 - Rendering targets Picks: Ship To Hawaii (Jules) TensorFlow (Tobias) Your Inner Fish by Neil Shubin book and the PBS Series (Ward) “Cross Site Request Funkery” talk by Dave Smith (Lukas) Professor Frisby's Mostly Adequate Guide to Functional Programming by Brian Lonsdorf (Lukas) Life Expectancy by Dean Koontz (Joe) NG Cruise (Joe) Source Map Explorer (John) Angular 2.0 Ultimate Workshop (rescheduled) (John) The 12 Week Year (Charles) AST Explorer (Joe) Enter the lottery to win the opportunity to buy a ticket to NG-Conf (Joe) Call for presenters for NG-Conf will open November 1st (Joe)