POPULARITY
The illustrious and well-regarded Gil Fink joins the Adventures in Angular panel to talk about profiling your Angular apps. Profiling consists of finding bottlenecks, and memory leaks among other problems within your application. Most of the time, the problems are hard to see from the development side. Usually, they appear when your user uses a devise that is slow or a connection that is faulty. Gil explains how to find and fix them. Panel Alyssa Nicoll Shai Reznik Younes Jaaidi Brooks Forsyth Chris Ford Eddie Hinkle Guest Gil Fink Angular Remote Conf 2020 Links https://pptr.dev Lighthouse - Using the node cli JS VidCon Picks Gil Fink: Follow Gil on Twitter > @gilfink Wokwi https://github.com/wokwi/wokwi-elements Star Wars The Clone Wars Alyssa Nicoll: BundleSize.dev - Analyze and Benchmark your JavaScript and TypeScript Shai Reznik: FREE WORKSHOP - The Roadmap to Angular Testing Mastery https://www.ng-conf.org Younes Jaaidi: Reactive Extensions for Angular Chris Ford: Eero @GrumpySkeletor Brooks Forsyth: LoopBack 4 Eddie Hinkle: Animal Crossing Follow Adventures in Angular on Twitter > @angularpodcast
The illustrious and well-regarded Gil Fink joins the Adventures in Angular panel to talk about profiling your Angular apps. Profiling consists of finding bottlenecks, and memory leaks among other problems within your application. Most of the time, the problems are hard to see from the development side. Usually, they appear when your user uses a devise that is slow or a connection that is faulty. Gil explains how to find and fix them. Panel Alyssa Nicoll Shai Reznik Younes Jaaidi Brooks Forsyth Chris Ford Eddie Hinkle Guest Gil Fink Angular Remote Conf 2020 Links https://pptr.dev Lighthouse - Using the node cli JS VidCon Picks Gil Fink: Follow Gil on Twitter > @gilfink Wokwi https://github.com/wokwi/wokwi-elements Star Wars The Clone Wars Alyssa Nicoll: BundleSize.dev - Analyze and Benchmark your JavaScript and TypeScript Shai Reznik: FREE WORKSHOP - The Roadmap to Angular Testing Mastery https://www.ng-conf.org Younes Jaaidi: Reactive Extensions for Angular Chris Ford: Eero @GrumpySkeletor Brooks Forsyth: LoopBack 4 Eddie Hinkle: Animal Crossing Follow Adventures in Angular on Twitter > @angularpodcast
The illustrious and well-regarded Gil Fink joins the Adventures in Angular panel to talk about profiling your Angular apps. Profiling consists of finding bottlenecks, and memory leaks among other problems within your application. Most of the time, the problems are hard to see from the development side. Usually, they appear when your user uses a devise that is slow or a connection that is faulty. Gil explains how to find and fix them. Panel Alyssa Nicoll Shai Reznik Younes Jaaidi Brooks Forsyth Chris Ford Eddie Hinkle Guest Gil Fink Angular Remote Conf 2020 Links https://pptr.dev Lighthouse - Using the node cli JS VidCon Picks Gil Fink: Follow Gil on Twitter > @gilfink Wokwi https://github.com/wokwi/wokwi-elements Star Wars The Clone Wars Alyssa Nicoll: BundleSize.dev - Analyze and Benchmark your JavaScript and TypeScript Shai Reznik: FREE WORKSHOP - The Roadmap to Angular Testing Mastery https://www.ng-conf.org Younes Jaaidi: Reactive Extensions for Angular Chris Ford: Eero @GrumpySkeletor Brooks Forsyth: LoopBack 4 Eddie Hinkle: Animal Crossing Follow Adventures in Angular on Twitter > @angularpodcast
In this episode of Adventures in Angular, Will Gant, author of Remote Work talks about working from home and working outside of the client's office. He and Brooks share their experience with working through the challenges, benefits, and methods of working remotely. Panel Brooks Forsyth Guest Will Gant Angular Remote Conf 2020 Picks Will Gant: Follow Will's work on > www.simpleprogrammer.com Brooks Forsyth: NGXS Tiger King Follow Adventures in Angular on Twitter > @angularpodcast
In this episode of Adventures in Angular, Will Gant, author of Remote Work talks about working from home and working outside of the client's office. He and Brooks share their experience with working through the challenges, benefits, and methods of working remotely. Panel Brooks Forsyth Guest Will Gant Angular Remote Conf 2020 Picks Will Gant: Follow Will's work on > www.simpleprogrammer.com Brooks Forsyth: NGXS Tiger King Follow Adventures in Angular on Twitter > @angularpodcast
In this episode of Adventures in Angular, Will Gant, author of Remote Work talks about working from home and working outside of the client's office. He and Brooks share their experience with working through the challenges, benefits, and methods of working remotely. Panel Brooks Forsyth Guest Will Gant Angular Remote Conf 2020 Picks Will Gant: Follow Will's work on > www.simpleprogrammer.com Brooks Forsyth: NGXS Tiger King Follow Adventures in Angular on Twitter > @angularpodcast
Subrat Kumar Mishra is a full stack developer who has worked with Angular and Java. He's the host of the Fun of Heuristic YouTube channel. He talks about OOP principles, Node.js, lazy loading components, and why he chose Angular. Panel Alyssa Nicoll Brooks Forsyth Chris Ford Eddie Hinkle Guest Subrat Kumar Mishra Angular Remote Conf 2020 Picks Subrat Kumar Mishra: Follow Subrat on > YouTube - Fun Of Heuristic Deno Eddie Hinkle: WestWorld Sentry Alyssa Nicoll: Debugging Features in v9 I did a tl;dr stream for ng-conf each night after the talks, check them out here Chris Ford: The World According to Jeff Goldblum @SoVeryBritish (Very British Problems on Twitter) Mansions of Madness Brooks Forsyth: Tiger King Theia - Cloud and Desktop IDE Platform Gitpod - Online IDE for GitHub and GitLab Follow Adventures in Angular on Twitter > @angularpodcast
Subrat Kumar Mishra is a full stack developer who has worked with Angular and Java. He's the host of the Fun of Heuristic YouTube channel. He talks about OOP principles, Node.js, lazy loading components, and why he chose Angular. Panel Alyssa Nicoll Brooks Forsyth Chris Ford Eddie Hinkle Guest Subrat Kumar Mishra Angular Remote Conf 2020 Picks Subrat Kumar Mishra: Follow Subrat on > YouTube - Fun Of Heuristic Deno Eddie Hinkle: WestWorld Sentry Alyssa Nicoll: Debugging Features in v9 I did a tl;dr stream for ng-conf each night after the talks, check them out here Chris Ford: The World According to Jeff Goldblum @SoVeryBritish (Very British Problems on Twitter) Mansions of Madness Brooks Forsyth: Tiger King Theia - Cloud and Desktop IDE Platform Gitpod - Online IDE for GitHub and GitLab Follow Adventures in Angular on Twitter > @angularpodcast
Subrat Kumar Mishra is a full stack developer who has worked with Angular and Java. He's the host of the Fun of Heuristic YouTube channel. He talks about OOP principles, Node.js, lazy loading components, and why he chose Angular. Panel Alyssa Nicoll Brooks Forsyth Chris Ford Eddie Hinkle Guest Subrat Kumar Mishra Angular Remote Conf 2020 Picks Subrat Kumar Mishra: Follow Subrat on > YouTube - Fun Of Heuristic Deno Eddie Hinkle: WestWorld Sentry Alyssa Nicoll: Debugging Features in v9 I did a tl;dr stream for ng-conf each night after the talks, check them out here Chris Ford: The World According to Jeff Goldblum @SoVeryBritish (Very British Problems on Twitter) Mansions of Madness Brooks Forsyth: Tiger King Theia - Cloud and Desktop IDE Platform Gitpod - Online IDE for GitHub and GitLab Follow Adventures in Angular on Twitter > @angularpodcast
Angular Remote Conf August 25th to 28th Maxim joins the Adventure to discuss building Progressive Web Apps using Angular. He starts out talking about some of the features of native apps and how to get some of that on the web. Then he walks through the benefits and methods of using PWA's. Panel Younes Jaaidi Brooks Forsyth Chris Ford Guest Maxim Salnikov "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Building Progressive Web Apps @angular/pwa schematic PWA-POLICE/pwa-bugs Progressive Web Apps on iOS are here
MJS 025: Helen V. Holmes This episode features a My JavaScript story with Helen V. Holmes. Helen has never before been a guest on the show. She is both a designer and front-end programmer who previously worked for Mozilla. In January, she started her own freelancing business. Listen to Charles Max Wood and Helen discuss how she got into programming, what made her decide to open a freelance business, and more! How did you get into programming? Helen started by making themes for herself and friends in LiveJournal using other people's CSS themes. Once she got to college she realized that although this wasn't a career, it was an aspect of a career. She then majored in graphic design, going on to do internships in both front-end development and design. Since college, she has gone back and forth between front-end development and design work. How long ago was that? Helen graduated college in 2013. Did you graduate in computer science? Helen did not even minor in computer science. At the time, she was focused on making stuff. The computer science major was too heavily focused on theory. She did take a couple of classes in it, but the graphic design major was more focused on building prototypes. Her graphic design major didn't teach her how to do anything - she said that you're on your own, and you have to figure out how to show off your ideas. The major appealed to her at the time because of that reason. Now Helen thinks majoring in computer science would have been really helpful for her career. Charles points out that you don't have to have a computer science degree to do this work. Helen agrees; it can be wasted on you if you don't have the right enthusiasm to learn everything. Both say that you can get the education you want through self-education. Helen explains that so much of successful programming is good communication - this can be learned in college, while the specifics of how to code can be learned later. How do you get from a graphic design major to "serious programming?" Helen doesn't know how serious the programming she does is now. Her first real job was at Capital One as a front-end developer on their design team. She was doing prototypes and communicating between the design and production/engineering teams. She realized that nobody knew how to write JavaScript when trying to communicate between the two teams, so she decided that she should learn. A lot of the engineers came to the same realization at the same time. She started to write React as she was leaving Capital One. Everyone was trying to improve his or her JavaScript chops at the same time. Did you get into Angular or React at Capital One? When she first started at Capital One everyone was writing Angular. She wrote a lot of Angular in the beginning of her work. Most of the prototypes could be solved with React. Near the end of her time, she started using a lot of React. What do you see is the difference between Angular and React? Angular solves a lot more problems than React. It brings logic to the client side. React is only about solving visual problems. That's why it appealed to Helen. The design team she worked with was all about solving visual problems. Why did you choose the front end? Helen mainly chose it because she was a graphic design major. She believes that because the web is so accessible that it is the easiest thing. She also thinks the front end is fun. How'd you wind up at Mozilla? She met James Long through a mutual friend. Once they met, he thought she'd be a good addition to their team. He told her why it'd be a good switch for her - they were doing React work and they were looking for someone to understand problems that engineers go through. What do they use React on? She was on the browser team. The front-end of the developer tools was a JavaScript application that wasn't Angular. They were working on moving it to become a more documented framework. They wanted to use Redux and React. The team was converting it panel by panel. What made you decide you were going to go freelance? Helen had been missing things that she had done in college such as branding and illustration work. She had done some illustration work while at Firefox. She ultimately wanted to do a variety of different things instead of just product work. What gave her courage to go into freelance work was that James Long was also going freelance at the same time, so she thought that she was in good company. She also is related to a lawyer, so it wasn't as scary filing the paperwork because she had someone to ask for help during the process. What contributions do you feel like you've made to the JavaScript community? Helen believes that the highest impact work she has done has been on the Firefox browser. She didn't write a lot of code, but feels like what she did write is being used by a lot of people. She is most proud of the CSS grid because she says that it is exciting for people who do layout stuff on the web. What are you working on now? Helen started her own business at the beginning of the year. She is figuring out how she wants her skills to grow and with what kind of clients she wants to work. She has a lot of side projects, one being what she calls an art project. She is translating JPEG to Pixel art. She is taking NeoPixels, which are little programmable LEDs, and taking a matrix of values and displaying them on a sight board. With everything that's out there in JavaScript, how do you keep current? Helen answers that she doesn't. She tries to stay current with the tools she is using, which is React. She doesn’t try to be good at everything because she is also a designer, so she says that she has to pick and choose what she stays current on. Charles says that is what he tells people to do. There is so much out there that there is no way that anyone is going to stay current on everything. He says to keep current on what you are doing specifically. Picks Helen: Wonder Woman http://wonderwomanfilm.com Debt: The First 5,000 Years https://www.amazon.com/Debt-First-5-000-Years/dp/1612191290 Charles: JavaScript Jabber Slack Room https://devchat.tv/javascript-jabber-slack Monthly Webinars https://devchat.tv/webinars Angular Remote Conf https://devchat.tv/conferences/angular-remote-conf-2017 Links Helen V Holmes Twitter https://twitter.com/helenvholmes
MJS 025: Helen V. Holmes This episode features a My JavaScript story with Helen V. Holmes. Helen has never before been a guest on the show. She is both a designer and front-end programmer who previously worked for Mozilla. In January, she started her own freelancing business. Listen to Charles Max Wood and Helen discuss how she got into programming, what made her decide to open a freelance business, and more! How did you get into programming? Helen started by making themes for herself and friends in LiveJournal using other people's CSS themes. Once she got to college she realized that although this wasn't a career, it was an aspect of a career. She then majored in graphic design, going on to do internships in both front-end development and design. Since college, she has gone back and forth between front-end development and design work. How long ago was that? Helen graduated college in 2013. Did you graduate in computer science? Helen did not even minor in computer science. At the time, she was focused on making stuff. The computer science major was too heavily focused on theory. She did take a couple of classes in it, but the graphic design major was more focused on building prototypes. Her graphic design major didn't teach her how to do anything - she said that you're on your own, and you have to figure out how to show off your ideas. The major appealed to her at the time because of that reason. Now Helen thinks majoring in computer science would have been really helpful for her career. Charles points out that you don't have to have a computer science degree to do this work. Helen agrees; it can be wasted on you if you don't have the right enthusiasm to learn everything. Both say that you can get the education you want through self-education. Helen explains that so much of successful programming is good communication - this can be learned in college, while the specifics of how to code can be learned later. How do you get from a graphic design major to "serious programming?" Helen doesn't know how serious the programming she does is now. Her first real job was at Capital One as a front-end developer on their design team. She was doing prototypes and communicating between the design and production/engineering teams. She realized that nobody knew how to write JavaScript when trying to communicate between the two teams, so she decided that she should learn. A lot of the engineers came to the same realization at the same time. She started to write React as she was leaving Capital One. Everyone was trying to improve his or her JavaScript chops at the same time. Did you get into Angular or React at Capital One? When she first started at Capital One everyone was writing Angular. She wrote a lot of Angular in the beginning of her work. Most of the prototypes could be solved with React. Near the end of her time, she started using a lot of React. What do you see is the difference between Angular and React? Angular solves a lot more problems than React. It brings logic to the client side. React is only about solving visual problems. That's why it appealed to Helen. The design team she worked with was all about solving visual problems. Why did you choose the front end? Helen mainly chose it because she was a graphic design major. She believes that because the web is so accessible that it is the easiest thing. She also thinks the front end is fun. How'd you wind up at Mozilla? She met James Long through a mutual friend. Once they met, he thought she'd be a good addition to their team. He told her why it'd be a good switch for her - they were doing React work and they were looking for someone to understand problems that engineers go through. What do they use React on? She was on the browser team. The front-end of the developer tools was a JavaScript application that wasn't Angular. They were working on moving it to become a more documented framework. They wanted to use Redux and React. The team was converting it panel by panel. What made you decide you were going to go freelance? Helen had been missing things that she had done in college such as branding and illustration work. She had done some illustration work while at Firefox. She ultimately wanted to do a variety of different things instead of just product work. What gave her courage to go into freelance work was that James Long was also going freelance at the same time, so she thought that she was in good company. She also is related to a lawyer, so it wasn't as scary filing the paperwork because she had someone to ask for help during the process. What contributions do you feel like you've made to the JavaScript community? Helen believes that the highest impact work she has done has been on the Firefox browser. She didn't write a lot of code, but feels like what she did write is being used by a lot of people. She is most proud of the CSS grid because she says that it is exciting for people who do layout stuff on the web. What are you working on now? Helen started her own business at the beginning of the year. She is figuring out how she wants her skills to grow and with what kind of clients she wants to work. She has a lot of side projects, one being what she calls an art project. She is translating JPEG to Pixel art. She is taking NeoPixels, which are little programmable LEDs, and taking a matrix of values and displaying them on a sight board. With everything that's out there in JavaScript, how do you keep current? Helen answers that she doesn't. She tries to stay current with the tools she is using, which is React. She doesn’t try to be good at everything because she is also a designer, so she says that she has to pick and choose what she stays current on. Charles says that is what he tells people to do. There is so much out there that there is no way that anyone is going to stay current on everything. He says to keep current on what you are doing specifically. Picks Helen: Wonder Woman http://wonderwomanfilm.com Debt: The First 5,000 Years https://www.amazon.com/Debt-First-5-000-Years/dp/1612191290 Charles: JavaScript Jabber Slack Room https://devchat.tv/javascript-jabber-slack Monthly Webinars https://devchat.tv/webinars Angular Remote Conf https://devchat.tv/conferences/angular-remote-conf-2017 Links Helen V Holmes Twitter https://twitter.com/helenvholmes
MJS 025: Helen V. Holmes This episode features a My JavaScript story with Helen V. Holmes. Helen has never before been a guest on the show. She is both a designer and front-end programmer who previously worked for Mozilla. In January, she started her own freelancing business. Listen to Charles Max Wood and Helen discuss how she got into programming, what made her decide to open a freelance business, and more! How did you get into programming? Helen started by making themes for herself and friends in LiveJournal using other people's CSS themes. Once she got to college she realized that although this wasn't a career, it was an aspect of a career. She then majored in graphic design, going on to do internships in both front-end development and design. Since college, she has gone back and forth between front-end development and design work. How long ago was that? Helen graduated college in 2013. Did you graduate in computer science? Helen did not even minor in computer science. At the time, she was focused on making stuff. The computer science major was too heavily focused on theory. She did take a couple of classes in it, but the graphic design major was more focused on building prototypes. Her graphic design major didn't teach her how to do anything - she said that you're on your own, and you have to figure out how to show off your ideas. The major appealed to her at the time because of that reason. Now Helen thinks majoring in computer science would have been really helpful for her career. Charles points out that you don't have to have a computer science degree to do this work. Helen agrees; it can be wasted on you if you don't have the right enthusiasm to learn everything. Both say that you can get the education you want through self-education. Helen explains that so much of successful programming is good communication - this can be learned in college, while the specifics of how to code can be learned later. How do you get from a graphic design major to "serious programming?" Helen doesn't know how serious the programming she does is now. Her first real job was at Capital One as a front-end developer on their design team. She was doing prototypes and communicating between the design and production/engineering teams. She realized that nobody knew how to write JavaScript when trying to communicate between the two teams, so she decided that she should learn. A lot of the engineers came to the same realization at the same time. She started to write React as she was leaving Capital One. Everyone was trying to improve his or her JavaScript chops at the same time. Did you get into Angular or React at Capital One? When she first started at Capital One everyone was writing Angular. She wrote a lot of Angular in the beginning of her work. Most of the prototypes could be solved with React. Near the end of her time, she started using a lot of React. What do you see is the difference between Angular and React? Angular solves a lot more problems than React. It brings logic to the client side. React is only about solving visual problems. That's why it appealed to Helen. The design team she worked with was all about solving visual problems. Why did you choose the front end? Helen mainly chose it because she was a graphic design major. She believes that because the web is so accessible that it is the easiest thing. She also thinks the front end is fun. How'd you wind up at Mozilla? She met James Long through a mutual friend. Once they met, he thought she'd be a good addition to their team. He told her why it'd be a good switch for her - they were doing React work and they were looking for someone to understand problems that engineers go through. What do they use React on? She was on the browser team. The front-end of the developer tools was a JavaScript application that wasn't Angular. They were working on moving it to become a more documented framework. They wanted to use Redux and React. The team was converting it panel by panel. What made you decide you were going to go freelance? Helen had been missing things that she had done in college such as branding and illustration work. She had done some illustration work while at Firefox. She ultimately wanted to do a variety of different things instead of just product work. What gave her courage to go into freelance work was that James Long was also going freelance at the same time, so she thought that she was in good company. She also is related to a lawyer, so it wasn't as scary filing the paperwork because she had someone to ask for help during the process. What contributions do you feel like you've made to the JavaScript community? Helen believes that the highest impact work she has done has been on the Firefox browser. She didn't write a lot of code, but feels like what she did write is being used by a lot of people. She is most proud of the CSS grid because she says that it is exciting for people who do layout stuff on the web. What are you working on now? Helen started her own business at the beginning of the year. She is figuring out how she wants her skills to grow and with what kind of clients she wants to work. She has a lot of side projects, one being what she calls an art project. She is translating JPEG to Pixel art. She is taking NeoPixels, which are little programmable LEDs, and taking a matrix of values and displaying them on a sight board. With everything that's out there in JavaScript, how do you keep current? Helen answers that she doesn't. She tries to stay current with the tools she is using, which is React. She doesn’t try to be good at everything because she is also a designer, so she says that she has to pick and choose what she stays current on. Charles says that is what he tells people to do. There is so much out there that there is no way that anyone is going to stay current on everything. He says to keep current on what you are doing specifically. Picks Helen: Wonder Woman http://wonderwomanfilm.com Debt: The First 5,000 Years https://www.amazon.com/Debt-First-5-000-Years/dp/1612191290 Charles: JavaScript Jabber Slack Room https://devchat.tv/javascript-jabber-slack Monthly Webinars https://devchat.tv/webinars Angular Remote Conf https://devchat.tv/conferences/angular-remote-conf-2017 Links Helen V Holmes Twitter https://twitter.com/helenvholmes
My JS Story Cory House On this Episode we have another JS Story, and this time it’s with Cory House, a Pluralsight author, software architect for Cox Automotive, and a consultant with a focus on React. Listen to Charles Max Wood and Cory discuss a bit about how Cory got into programming, how learning how to learn is vital to being a talented developer, as well as using documentation as your development environment to ensure your code’s documentation doesn’t fall behind. This and more right here. Stay tuned. How did you get into programming? Cory starts his story as a business major in college but had interest in computers. He spent time around various computers and machines, giving him experience in various operating systems and platforms. On any given day he would be using any of three different operating systems. His interest in computers inspired him to double major. He started learning Cobalt and Visual Basic and C++. He talks about being interested in web development, including Flash. He specialized in Flash throughout college, as well as early on in his software development career. He also talks a bit about that the open web seems to innovate in a way that keeps it relevant. He talks about using Flash to make websites with entering screens and animations and now that is obsolete. Charles mentions that it’s interesting that his main interest was business and computers became something he was interested in later on and that you don’t have to be someone who started young to be proficient. Cory talks about being driven to catch up, being around people who knew things off the top of their head while he was still asking questions and looking things up. Learning How to Learn Out of college Cory found that he had a degree, but what he had really learned was how to learn. He never used Cobalt, C ++, or visual basic after school. Learning how to learn combined with being able to create a focus on a specific technology are vital. Charles adds that he would hear often that it took being a natural in programming to get it, and that maybe being a natural was really just being someone who has learned how to learn and to focus. Getting Good With Your Craft Cory mentions that working with someone who head and shoulders ahead of everyone else. They were working in Unix and seemed to know every single Unix command and flag. He found it inspiring to see someone take the craft so seriously and to learn a specific technologies tool with so much dedication. Some technologies will be so important that they will be key technologies that will still be useful many years later. Cory suggests that one of those tools seem to be JavaScript. JavaScript is almost mandatory in frontend web development. Additionally, JavaScript is reaching into other new technology types including IoT and VR and other places, constantly expanding. How did you get into JavaScript? Cory talks about how it really all got started when Steve Jobs killed Flash. He opened his mind to other technologies and started working with JavaScript. Remembering learning jQuery, he found himself really enjoying it. He started building online business applications. Browser inconsistencies were a huge issue, making it so that you’d have to check your work on each browser to make sure it worked cross platform. Things are moving so quickly that being a full stack developer is becoming less and less prevalent, to the point where he considers himself primarily a JavaScript developer. Being an expert in a single technology can make you really valuable. Companies are running into issues with not finding enough people that are experts in a single tech. Cory suggests that employers should find employees that seem interested and help allow them to focus and learn whatever that tech is. Charles talks about the split between developers that tend to lean full stack and plug in technologies when they need it versus developers that work exclusively in front end. He suggests it may be a case by case situation. Service Oriented Architecture Cory suggests that service oriented architecture movement has moved us that way. Once you have a set of services set up, it becomes more realistic to turn on the front end. If there were a good set of services there, Cory adds that he doesn’t think he would be able to build services faster using a server side framework like Rails, Django, or ASP.Net MVC than he could in React today using something like create React app. The front end has become much more mature. Cory mentions that he has had good experiences with ASP.Net NPC and Visual Basic being a Microsoft stack developer. He adds that he doesn’t feel like he has given up anything working with JavaScript. He adds that with the nesting of different models together, he gets to reuse a lot of code in server side development. NPM makes it easy to stand up a new package. If you are planning to create an API, it becomes much harder to use a server side rendering stack, with so many APIs available, it’s a logical move to go client side. Possible Future for Front-end and Back-end Roles Charles brings up that the development of things like VR are making changes in the roles that front end and back end development play. The front end will more to taking care of the overall application development of apps, while the back end will become supporting roles as services and APIs. New technology like VR and artificial intelligence will need a high amount of computing power on the backend. The front end will focus more on the overall experience, display, and the way we react with things. Charles talks about how the web may move away from being just an HTML platform. He says that it will be interesting to find where JavaScript and frameworks like React will fall into this shift into this next generation. We already are seeing some of this with the capabilities with canvases, WebVR, and SVG and how they are changing how we experience the web. Reasonable Component Story Cory brings up being interested in the Reasonable component story. Sharing code from a traditional web app, to a native app, and to potentially a VR app as well is exciting and he hopes to see it flesh out more in the coming years. He talks about going to conferences and how much we have built and how much we don’t have easily sharable innovation. He hopes to see it solved in the next few years. What contributions have you made to the JavaScript community? Cory mentions working on the open source project Slingshot. He was trying to solve issues that many found in React. React isn’t very opinionated. React is for writing reasonable components for the web, but it doesn’t have opinions on how you structure your files, how you minify, bundle, deploy, or make API calls, etc. He realized that telling people to use React and to deal with those issues wasn’t reasonable. He created React Slingshot as a development boilerplate. He put it to use in many applications and it became popular. It’s easy because it did things like allow you to run NPM to pull independencies and pull a file, it would fire up a web browser, watch your files, run tests, hot reloading on save, and had a running Redux application build it. It allowed people to get started very quickly. He talks about how he wasn’t the only person trying to solve this issue. He says that if you look now there are well over one hundred boiler plates for React that do similar things. Most popular being Create React App. Contributions outside of this, he talks about editing documentation on open source projects being part of his biggest contribution, writing it in markdown and then making pull requests. What are you working on now? Cory adds that he just finished his 7th or 8th Pluralsight course on creating usable React components. At work they create their own reusable React component library. He says that he realizes that it’s a complicated process, where all decisions you make, in order to have a reusable component story, you have to make a lot of decisions. Things like how granular to make the components, reusable styles and how they are packaged, how they are hosted, will it be open or source, etc. Publicly Closed - Internally Open Source Projects Cory talks about the idea of having it as a closed source project, but treating it like an internal open source project for the company, having many people feel invested into the project. He found creating the documentation story was the toughest part. Having solid documentation story that helps with showing how to use the components and it’s features and behaviors. He spends much of his type looking at other documents to help him come up with ways to create his own. He talks about generating the documents automatically with the updates so that they are always in sync. Charles adds that documentation syncing often happens right in the comments, which are also acceptable to being outdated. Pull-request-Template.md Cory adds that a useful way to allow for well documented and safe pull requests is to make a pull request template in GitHub by creating a file called pull-request-template.md so that any time someone makes a pull request, that .md template will populate the pull request. Cory has a checklist for a pull request like making sure there are tests for any new components, the file name should have an uppercase character, is there a ticket open, etc. All of the basic things that should happen in a pull will be in the pull-request-template.md. Charles adds that documentation is one of the things that gets ignored. Having a standard process is very important, more so than getting the job done faster. Also having an outlined expectation for how it’s delivered is important as well. Documentation as Development Environment A useful trick that Cory uses, is using the documentation as the development environment. Anytime they are working on a new component, they start with a documentation site, making changes within the documentation and then it hot loading your changes live. This way your documentation is front of mind and keeps the documentation fall behind. Why React instead of the other frameworks? Cory says that he can sum up React in a single sentence. He says that your HTML sits right in the JavaScript. Which usually sounds bad to a large group of developers. He expects people to react negatively when he talks about it. What he has run into as a common problem, is people separating concerns by filetype and technology, but with React he seems the common problems in terms of components. Cory says that components are the future. Industries that have matured utilize components. For example car manufacturers or even electronic manufactures build things in modules and components. Things that are reusable should be encapsulated into a component instead of trying to hold it in our heads. This makes it so things look the same and reduces many mistakes. You can create components in different frameworks, but React co-mingles markup and javascript with something like JSX. You’re not writing HTML, you’re writing JSX that boils down to HTML. That one element is fundamentally what makes React easier to Cory. For the most part, React can be learned by JavaScript developers in less than a day because many of the things you need to do in React, is just basic JavaScript. Charles adds that components are a concept coming up in various frameworks and is becoming more popular. Picks Cory’s Cory’s React Courses on Pluralsight Essentialism the book Charles’ Get a Better Job Course Angular Remote Conf (now Ruby Dev Summit) React Podcast Kickstarter Links Cory’s Twitter
My JS Story Cory House On this Episode we have another JS Story, and this time it’s with Cory House, a Pluralsight author, software architect for Cox Automotive, and a consultant with a focus on React. Listen to Charles Max Wood and Cory discuss a bit about how Cory got into programming, how learning how to learn is vital to being a talented developer, as well as using documentation as your development environment to ensure your code’s documentation doesn’t fall behind. This and more right here. Stay tuned. How did you get into programming? Cory starts his story as a business major in college but had interest in computers. He spent time around various computers and machines, giving him experience in various operating systems and platforms. On any given day he would be using any of three different operating systems. His interest in computers inspired him to double major. He started learning Cobalt and Visual Basic and C++. He talks about being interested in web development, including Flash. He specialized in Flash throughout college, as well as early on in his software development career. He also talks a bit about that the open web seems to innovate in a way that keeps it relevant. He talks about using Flash to make websites with entering screens and animations and now that is obsolete. Charles mentions that it’s interesting that his main interest was business and computers became something he was interested in later on and that you don’t have to be someone who started young to be proficient. Cory talks about being driven to catch up, being around people who knew things off the top of their head while he was still asking questions and looking things up. Learning How to Learn Out of college Cory found that he had a degree, but what he had really learned was how to learn. He never used Cobalt, C ++, or visual basic after school. Learning how to learn combined with being able to create a focus on a specific technology are vital. Charles adds that he would hear often that it took being a natural in programming to get it, and that maybe being a natural was really just being someone who has learned how to learn and to focus. Getting Good With Your Craft Cory mentions that working with someone who head and shoulders ahead of everyone else. They were working in Unix and seemed to know every single Unix command and flag. He found it inspiring to see someone take the craft so seriously and to learn a specific technologies tool with so much dedication. Some technologies will be so important that they will be key technologies that will still be useful many years later. Cory suggests that one of those tools seem to be JavaScript. JavaScript is almost mandatory in frontend web development. Additionally, JavaScript is reaching into other new technology types including IoT and VR and other places, constantly expanding. How did you get into JavaScript? Cory talks about how it really all got started when Steve Jobs killed Flash. He opened his mind to other technologies and started working with JavaScript. Remembering learning jQuery, he found himself really enjoying it. He started building online business applications. Browser inconsistencies were a huge issue, making it so that you’d have to check your work on each browser to make sure it worked cross platform. Things are moving so quickly that being a full stack developer is becoming less and less prevalent, to the point where he considers himself primarily a JavaScript developer. Being an expert in a single technology can make you really valuable. Companies are running into issues with not finding enough people that are experts in a single tech. Cory suggests that employers should find employees that seem interested and help allow them to focus and learn whatever that tech is. Charles talks about the split between developers that tend to lean full stack and plug in technologies when they need it versus developers that work exclusively in front end. He suggests it may be a case by case situation. Service Oriented Architecture Cory suggests that service oriented architecture movement has moved us that way. Once you have a set of services set up, it becomes more realistic to turn on the front end. If there were a good set of services there, Cory adds that he doesn’t think he would be able to build services faster using a server side framework like Rails, Django, or ASP.Net MVC than he could in React today using something like create React app. The front end has become much more mature. Cory mentions that he has had good experiences with ASP.Net NPC and Visual Basic being a Microsoft stack developer. He adds that he doesn’t feel like he has given up anything working with JavaScript. He adds that with the nesting of different models together, he gets to reuse a lot of code in server side development. NPM makes it easy to stand up a new package. If you are planning to create an API, it becomes much harder to use a server side rendering stack, with so many APIs available, it’s a logical move to go client side. Possible Future for Front-end and Back-end Roles Charles brings up that the development of things like VR are making changes in the roles that front end and back end development play. The front end will more to taking care of the overall application development of apps, while the back end will become supporting roles as services and APIs. New technology like VR and artificial intelligence will need a high amount of computing power on the backend. The front end will focus more on the overall experience, display, and the way we react with things. Charles talks about how the web may move away from being just an HTML platform. He says that it will be interesting to find where JavaScript and frameworks like React will fall into this shift into this next generation. We already are seeing some of this with the capabilities with canvases, WebVR, and SVG and how they are changing how we experience the web. Reasonable Component Story Cory brings up being interested in the Reasonable component story. Sharing code from a traditional web app, to a native app, and to potentially a VR app as well is exciting and he hopes to see it flesh out more in the coming years. He talks about going to conferences and how much we have built and how much we don’t have easily sharable innovation. He hopes to see it solved in the next few years. What contributions have you made to the JavaScript community? Cory mentions working on the open source project Slingshot. He was trying to solve issues that many found in React. React isn’t very opinionated. React is for writing reasonable components for the web, but it doesn’t have opinions on how you structure your files, how you minify, bundle, deploy, or make API calls, etc. He realized that telling people to use React and to deal with those issues wasn’t reasonable. He created React Slingshot as a development boilerplate. He put it to use in many applications and it became popular. It’s easy because it did things like allow you to run NPM to pull independencies and pull a file, it would fire up a web browser, watch your files, run tests, hot reloading on save, and had a running Redux application build it. It allowed people to get started very quickly. He talks about how he wasn’t the only person trying to solve this issue. He says that if you look now there are well over one hundred boiler plates for React that do similar things. Most popular being Create React App. Contributions outside of this, he talks about editing documentation on open source projects being part of his biggest contribution, writing it in markdown and then making pull requests. What are you working on now? Cory adds that he just finished his 7th or 8th Pluralsight course on creating usable React components. At work they create their own reusable React component library. He says that he realizes that it’s a complicated process, where all decisions you make, in order to have a reusable component story, you have to make a lot of decisions. Things like how granular to make the components, reusable styles and how they are packaged, how they are hosted, will it be open or source, etc. Publicly Closed - Internally Open Source Projects Cory talks about the idea of having it as a closed source project, but treating it like an internal open source project for the company, having many people feel invested into the project. He found creating the documentation story was the toughest part. Having solid documentation story that helps with showing how to use the components and it’s features and behaviors. He spends much of his type looking at other documents to help him come up with ways to create his own. He talks about generating the documents automatically with the updates so that they are always in sync. Charles adds that documentation syncing often happens right in the comments, which are also acceptable to being outdated. Pull-request-Template.md Cory adds that a useful way to allow for well documented and safe pull requests is to make a pull request template in GitHub by creating a file called pull-request-template.md so that any time someone makes a pull request, that .md template will populate the pull request. Cory has a checklist for a pull request like making sure there are tests for any new components, the file name should have an uppercase character, is there a ticket open, etc. All of the basic things that should happen in a pull will be in the pull-request-template.md. Charles adds that documentation is one of the things that gets ignored. Having a standard process is very important, more so than getting the job done faster. Also having an outlined expectation for how it’s delivered is important as well. Documentation as Development Environment A useful trick that Cory uses, is using the documentation as the development environment. Anytime they are working on a new component, they start with a documentation site, making changes within the documentation and then it hot loading your changes live. This way your documentation is front of mind and keeps the documentation fall behind. Why React instead of the other frameworks? Cory says that he can sum up React in a single sentence. He says that your HTML sits right in the JavaScript. Which usually sounds bad to a large group of developers. He expects people to react negatively when he talks about it. What he has run into as a common problem, is people separating concerns by filetype and technology, but with React he seems the common problems in terms of components. Cory says that components are the future. Industries that have matured utilize components. For example car manufacturers or even electronic manufactures build things in modules and components. Things that are reusable should be encapsulated into a component instead of trying to hold it in our heads. This makes it so things look the same and reduces many mistakes. You can create components in different frameworks, but React co-mingles markup and javascript with something like JSX. You’re not writing HTML, you’re writing JSX that boils down to HTML. That one element is fundamentally what makes React easier to Cory. For the most part, React can be learned by JavaScript developers in less than a day because many of the things you need to do in React, is just basic JavaScript. Charles adds that components are a concept coming up in various frameworks and is becoming more popular. Picks Cory’s Cory’s React Courses on Pluralsight Essentialism the book Charles’ Get a Better Job Course Angular Remote Conf (now Ruby Dev Summit) React Podcast Kickstarter Links Cory’s Twitter
My JS Story Cory House On this Episode we have another JS Story, and this time it’s with Cory House, a Pluralsight author, software architect for Cox Automotive, and a consultant with a focus on React. Listen to Charles Max Wood and Cory discuss a bit about how Cory got into programming, how learning how to learn is vital to being a talented developer, as well as using documentation as your development environment to ensure your code’s documentation doesn’t fall behind. This and more right here. Stay tuned. How did you get into programming? Cory starts his story as a business major in college but had interest in computers. He spent time around various computers and machines, giving him experience in various operating systems and platforms. On any given day he would be using any of three different operating systems. His interest in computers inspired him to double major. He started learning Cobalt and Visual Basic and C++. He talks about being interested in web development, including Flash. He specialized in Flash throughout college, as well as early on in his software development career. He also talks a bit about that the open web seems to innovate in a way that keeps it relevant. He talks about using Flash to make websites with entering screens and animations and now that is obsolete. Charles mentions that it’s interesting that his main interest was business and computers became something he was interested in later on and that you don’t have to be someone who started young to be proficient. Cory talks about being driven to catch up, being around people who knew things off the top of their head while he was still asking questions and looking things up. Learning How to Learn Out of college Cory found that he had a degree, but what he had really learned was how to learn. He never used Cobalt, C ++, or visual basic after school. Learning how to learn combined with being able to create a focus on a specific technology are vital. Charles adds that he would hear often that it took being a natural in programming to get it, and that maybe being a natural was really just being someone who has learned how to learn and to focus. Getting Good With Your Craft Cory mentions that working with someone who head and shoulders ahead of everyone else. They were working in Unix and seemed to know every single Unix command and flag. He found it inspiring to see someone take the craft so seriously and to learn a specific technologies tool with so much dedication. Some technologies will be so important that they will be key technologies that will still be useful many years later. Cory suggests that one of those tools seem to be JavaScript. JavaScript is almost mandatory in frontend web development. Additionally, JavaScript is reaching into other new technology types including IoT and VR and other places, constantly expanding. How did you get into JavaScript? Cory talks about how it really all got started when Steve Jobs killed Flash. He opened his mind to other technologies and started working with JavaScript. Remembering learning jQuery, he found himself really enjoying it. He started building online business applications. Browser inconsistencies were a huge issue, making it so that you’d have to check your work on each browser to make sure it worked cross platform. Things are moving so quickly that being a full stack developer is becoming less and less prevalent, to the point where he considers himself primarily a JavaScript developer. Being an expert in a single technology can make you really valuable. Companies are running into issues with not finding enough people that are experts in a single tech. Cory suggests that employers should find employees that seem interested and help allow them to focus and learn whatever that tech is. Charles talks about the split between developers that tend to lean full stack and plug in technologies when they need it versus developers that work exclusively in front end. He suggests it may be a case by case situation. Service Oriented Architecture Cory suggests that service oriented architecture movement has moved us that way. Once you have a set of services set up, it becomes more realistic to turn on the front end. If there were a good set of services there, Cory adds that he doesn’t think he would be able to build services faster using a server side framework like Rails, Django, or ASP.Net MVC than he could in React today using something like create React app. The front end has become much more mature. Cory mentions that he has had good experiences with ASP.Net NPC and Visual Basic being a Microsoft stack developer. He adds that he doesn’t feel like he has given up anything working with JavaScript. He adds that with the nesting of different models together, he gets to reuse a lot of code in server side development. NPM makes it easy to stand up a new package. If you are planning to create an API, it becomes much harder to use a server side rendering stack, with so many APIs available, it’s a logical move to go client side. Possible Future for Front-end and Back-end Roles Charles brings up that the development of things like VR are making changes in the roles that front end and back end development play. The front end will more to taking care of the overall application development of apps, while the back end will become supporting roles as services and APIs. New technology like VR and artificial intelligence will need a high amount of computing power on the backend. The front end will focus more on the overall experience, display, and the way we react with things. Charles talks about how the web may move away from being just an HTML platform. He says that it will be interesting to find where JavaScript and frameworks like React will fall into this shift into this next generation. We already are seeing some of this with the capabilities with canvases, WebVR, and SVG and how they are changing how we experience the web. Reasonable Component Story Cory brings up being interested in the Reasonable component story. Sharing code from a traditional web app, to a native app, and to potentially a VR app as well is exciting and he hopes to see it flesh out more in the coming years. He talks about going to conferences and how much we have built and how much we don’t have easily sharable innovation. He hopes to see it solved in the next few years. What contributions have you made to the JavaScript community? Cory mentions working on the open source project Slingshot. He was trying to solve issues that many found in React. React isn’t very opinionated. React is for writing reasonable components for the web, but it doesn’t have opinions on how you structure your files, how you minify, bundle, deploy, or make API calls, etc. He realized that telling people to use React and to deal with those issues wasn’t reasonable. He created React Slingshot as a development boilerplate. He put it to use in many applications and it became popular. It’s easy because it did things like allow you to run NPM to pull independencies and pull a file, it would fire up a web browser, watch your files, run tests, hot reloading on save, and had a running Redux application build it. It allowed people to get started very quickly. He talks about how he wasn’t the only person trying to solve this issue. He says that if you look now there are well over one hundred boiler plates for React that do similar things. Most popular being Create React App. Contributions outside of this, he talks about editing documentation on open source projects being part of his biggest contribution, writing it in markdown and then making pull requests. What are you working on now? Cory adds that he just finished his 7th or 8th Pluralsight course on creating usable React components. At work they create their own reusable React component library. He says that he realizes that it’s a complicated process, where all decisions you make, in order to have a reusable component story, you have to make a lot of decisions. Things like how granular to make the components, reusable styles and how they are packaged, how they are hosted, will it be open or source, etc. Publicly Closed - Internally Open Source Projects Cory talks about the idea of having it as a closed source project, but treating it like an internal open source project for the company, having many people feel invested into the project. He found creating the documentation story was the toughest part. Having solid documentation story that helps with showing how to use the components and it’s features and behaviors. He spends much of his type looking at other documents to help him come up with ways to create his own. He talks about generating the documents automatically with the updates so that they are always in sync. Charles adds that documentation syncing often happens right in the comments, which are also acceptable to being outdated. Pull-request-Template.md Cory adds that a useful way to allow for well documented and safe pull requests is to make a pull request template in GitHub by creating a file called pull-request-template.md so that any time someone makes a pull request, that .md template will populate the pull request. Cory has a checklist for a pull request like making sure there are tests for any new components, the file name should have an uppercase character, is there a ticket open, etc. All of the basic things that should happen in a pull will be in the pull-request-template.md. Charles adds that documentation is one of the things that gets ignored. Having a standard process is very important, more so than getting the job done faster. Also having an outlined expectation for how it’s delivered is important as well. Documentation as Development Environment A useful trick that Cory uses, is using the documentation as the development environment. Anytime they are working on a new component, they start with a documentation site, making changes within the documentation and then it hot loading your changes live. This way your documentation is front of mind and keeps the documentation fall behind. Why React instead of the other frameworks? Cory says that he can sum up React in a single sentence. He says that your HTML sits right in the JavaScript. Which usually sounds bad to a large group of developers. He expects people to react negatively when he talks about it. What he has run into as a common problem, is people separating concerns by filetype and technology, but with React he seems the common problems in terms of components. Cory says that components are the future. Industries that have matured utilize components. For example car manufacturers or even electronic manufactures build things in modules and components. Things that are reusable should be encapsulated into a component instead of trying to hold it in our heads. This makes it so things look the same and reduces many mistakes. You can create components in different frameworks, but React co-mingles markup and javascript with something like JSX. You’re not writing HTML, you’re writing JSX that boils down to HTML. That one element is fundamentally what makes React easier to Cory. For the most part, React can be learned by JavaScript developers in less than a day because many of the things you need to do in React, is just basic JavaScript. Charles adds that components are a concept coming up in various frameworks and is becoming more popular. Picks Cory’s Cory’s React Courses on Pluralsight Essentialism the book Charles’ Get a Better Job Course Angular Remote Conf (now Ruby Dev Summit) React Podcast Kickstarter Links Cory’s Twitter
AiA 143 Kendo UI with Burke Holland Charles Max Wood and Burke Holland discuss Kendo UI. Burke Holland is on the Developer Tools Division at Progress. The discussion ranges from the introduction of Kendo UI to tests used for Angular apps. Stay tuned to discover what Kendo UI can do for you! [00:01:50] Shutout for Angular Remote Conf Charles will be picking speakers really soon so get your ticket at the early bird price. [00:02:15] – Introduction to Burke Holland Burke Holland is working for Progress in the Developer Tools Division on the Developer Relations Team. They work on products like NativeScript, KendoUI and all the developer tools that Progress makes, which is mostly UI components and mobile frameworks Questions for Burke Holland [00:03:00] – What is Kendo UI? Kendo UI is a Javascript UI library. It has open source components (Kendo UI Core), but it’s primarily commercial. It’s more on heavy lifting text scenarios like grid that has sorting and filtering, drag and drop, grouping, scheduler, robust calendar interface, pivot grids, Gantt charts, data visualizations. We’ve rebuilt Kendo UI from the ground up using Angular components. It’s the Kendo UI Core Angular that was released last January. [00:08:00] – How are Kendo UI elements pulled for use into an app? There’s a private npm repo that you would just pull in and bundle some of the widgets together. Inputs can be a drop down list, a combo box, autocomplete, etc. Using npm and install -@progress/kendo-angular-input, you get all of those inside your npm modules folder. We and the team are pushing to move to the public npm repo so that people don’t have to register for an account. [00:13:00] What about mobile development? Does this work with NativeScript? Kendo UI widgets do not work inside of NativeScript for mobile apps. However, we are looking for a possibility of merging their NativeScript UI library with Kendo UI so that you can build a website, a progressive web app, a NativeScript app, etc. [00:16:00] Do you also have to pull in some CSS? Kendo UI has their own CSS that is based on Sass. It has a theme builder to customize themes that you can pre-select from. Integration for Bootstrap 4 was also built because Kendo UI does not have a layout system so it doesn’t provide you with any grid system for layouts or for responsive design. [00:19:00] Do you just import it into my app and then use the components, is it that simple? It is recommended to use Angular CLI to use Kendo UI’s components and import it into an app. First step is to create a new project with the Angular CLI because Kendo UI is designed to work with it. You can work with SystemJS, instead, but it requires some tweaking. Next, you would need to add the private npm repo which registers the end point on the terminal. And then, npm-install to install the components. After that, you can include them in your app module file. Import Kendo grid from @progress/kendo-angular-grid. Then, you can import them into your module so you use it in your templates. [00:23:00] – Can I tie a chart to a grid, update the chart and have the grid change? Everything that Angular updates, Kendo UI just updates too. If you buy two components to the same array and you update that array, both of those components are going to update because they’re using Angular’s binding. [00:24:00] – Does Kendo UI work with the older versions of Angular? Kendo UI works with Angular 1.x. By the way, AngularJS means Angular 1.x. Meanwhile, Angular means Angular 2 and up. Directives for Angular 1.x wrap Kendo UI components. [00:28:00] – When moving my component in AngularJS to Modern Angular, do I have to include both of those in the product? I can’t provide any guidance here, other than I wouldn’t do that. If you migrate, you’re going to be firing up a new project but you should be able to move your application logic over pretty well. However, we still have this idea of services and injection and those things are transferable. And then, when you use Kendo UI components, the only thing that’s really transferable there is the configuration settings. [00:29:00] – How do you write tests if you’re testing Angular app? Are there other things that you should be testing? That would mean there’s some sort of functional testing and unit testing. If we’re talking about unit testing, you should just test the way that you would normally test Angular. For functional test, you need a functional testing tool like Selenium or Test Studio. [00:30:00] – Is there anything else that people need to know about Kendo UI? We’ve got a lot of other components coming so stay tuned on that. We’re also working on some React stuff. We always love to get feedback. We have a github repo. Picks Burke Holland: Server list Azure Functions Challenge Medium article on Samsung’s weird emoji Twitter at @burkeholland Twitter of Tara Z. Manicsic Charles Max Wood: Serverless library in npm AWS Lambda Slack room for the podcast (adventuresinangular.com/slack) Angular Remote Conf Get A Coder Job Stack for Slack automation MemberPress on WordPress
AiA 143 Kendo UI with Burke Holland Charles Max Wood and Burke Holland discuss Kendo UI. Burke Holland is on the Developer Tools Division at Progress. The discussion ranges from the introduction of Kendo UI to tests used for Angular apps. Stay tuned to discover what Kendo UI can do for you! [00:01:50] Shutout for Angular Remote Conf Charles will be picking speakers really soon so get your ticket at the early bird price. [00:02:15] – Introduction to Burke Holland Burke Holland is working for Progress in the Developer Tools Division on the Developer Relations Team. They work on products like NativeScript, KendoUI and all the developer tools that Progress makes, which is mostly UI components and mobile frameworks Questions for Burke Holland [00:03:00] – What is Kendo UI? Kendo UI is a Javascript UI library. It has open source components (Kendo UI Core), but it’s primarily commercial. It’s more on heavy lifting text scenarios like grid that has sorting and filtering, drag and drop, grouping, scheduler, robust calendar interface, pivot grids, Gantt charts, data visualizations. We’ve rebuilt Kendo UI from the ground up using Angular components. It’s the Kendo UI Core Angular that was released last January. [00:08:00] – How are Kendo UI elements pulled for use into an app? There’s a private npm repo that you would just pull in and bundle some of the widgets together. Inputs can be a drop down list, a combo box, autocomplete, etc. Using npm and install -@progress/kendo-angular-input, you get all of those inside your npm modules folder. We and the team are pushing to move to the public npm repo so that people don’t have to register for an account. [00:13:00] What about mobile development? Does this work with NativeScript? Kendo UI widgets do not work inside of NativeScript for mobile apps. However, we are looking for a possibility of merging their NativeScript UI library with Kendo UI so that you can build a website, a progressive web app, a NativeScript app, etc. [00:16:00] Do you also have to pull in some CSS? Kendo UI has their own CSS that is based on Sass. It has a theme builder to customize themes that you can pre-select from. Integration for Bootstrap 4 was also built because Kendo UI does not have a layout system so it doesn’t provide you with any grid system for layouts or for responsive design. [00:19:00] Do you just import it into my app and then use the components, is it that simple? It is recommended to use Angular CLI to use Kendo UI’s components and import it into an app. First step is to create a new project with the Angular CLI because Kendo UI is designed to work with it. You can work with SystemJS, instead, but it requires some tweaking. Next, you would need to add the private npm repo which registers the end point on the terminal. And then, npm-install to install the components. After that, you can include them in your app module file. Import Kendo grid from @progress/kendo-angular-grid. Then, you can import them into your module so you use it in your templates. [00:23:00] – Can I tie a chart to a grid, update the chart and have the grid change? Everything that Angular updates, Kendo UI just updates too. If you buy two components to the same array and you update that array, both of those components are going to update because they’re using Angular’s binding. [00:24:00] – Does Kendo UI work with the older versions of Angular? Kendo UI works with Angular 1.x. By the way, AngularJS means Angular 1.x. Meanwhile, Angular means Angular 2 and up. Directives for Angular 1.x wrap Kendo UI components. [00:28:00] – When moving my component in AngularJS to Modern Angular, do I have to include both of those in the product? I can’t provide any guidance here, other than I wouldn’t do that. If you migrate, you’re going to be firing up a new project but you should be able to move your application logic over pretty well. However, we still have this idea of services and injection and those things are transferable. And then, when you use Kendo UI components, the only thing that’s really transferable there is the configuration settings. [00:29:00] – How do you write tests if you’re testing Angular app? Are there other things that you should be testing? That would mean there’s some sort of functional testing and unit testing. If we’re talking about unit testing, you should just test the way that you would normally test Angular. For functional test, you need a functional testing tool like Selenium or Test Studio. [00:30:00] – Is there anything else that people need to know about Kendo UI? We’ve got a lot of other components coming so stay tuned on that. We’re also working on some React stuff. We always love to get feedback. We have a github repo. Picks Burke Holland: Server list Azure Functions Challenge Medium article on Samsung’s weird emoji Twitter at @burkeholland Twitter of Tara Z. Manicsic Charles Max Wood: Serverless library in npm AWS Lambda Slack room for the podcast (adventuresinangular.com/slack) Angular Remote Conf Get A Coder Job Stack for Slack automation MemberPress on WordPress
AiA 143 Kendo UI with Burke Holland Charles Max Wood and Burke Holland discuss Kendo UI. Burke Holland is on the Developer Tools Division at Progress. The discussion ranges from the introduction of Kendo UI to tests used for Angular apps. Stay tuned to discover what Kendo UI can do for you! [00:01:50] Shutout for Angular Remote Conf Charles will be picking speakers really soon so get your ticket at the early bird price. [00:02:15] – Introduction to Burke Holland Burke Holland is working for Progress in the Developer Tools Division on the Developer Relations Team. They work on products like NativeScript, KendoUI and all the developer tools that Progress makes, which is mostly UI components and mobile frameworks Questions for Burke Holland [00:03:00] – What is Kendo UI? Kendo UI is a Javascript UI library. It has open source components (Kendo UI Core), but it’s primarily commercial. It’s more on heavy lifting text scenarios like grid that has sorting and filtering, drag and drop, grouping, scheduler, robust calendar interface, pivot grids, Gantt charts, data visualizations. We’ve rebuilt Kendo UI from the ground up using Angular components. It’s the Kendo UI Core Angular that was released last January. [00:08:00] – How are Kendo UI elements pulled for use into an app? There’s a private npm repo that you would just pull in and bundle some of the widgets together. Inputs can be a drop down list, a combo box, autocomplete, etc. Using npm and install -@progress/kendo-angular-input, you get all of those inside your npm modules folder. We and the team are pushing to move to the public npm repo so that people don’t have to register for an account. [00:13:00] What about mobile development? Does this work with NativeScript? Kendo UI widgets do not work inside of NativeScript for mobile apps. However, we are looking for a possibility of merging their NativeScript UI library with Kendo UI so that you can build a website, a progressive web app, a NativeScript app, etc. [00:16:00] Do you also have to pull in some CSS? Kendo UI has their own CSS that is based on Sass. It has a theme builder to customize themes that you can pre-select from. Integration for Bootstrap 4 was also built because Kendo UI does not have a layout system so it doesn’t provide you with any grid system for layouts or for responsive design. [00:19:00] Do you just import it into my app and then use the components, is it that simple? It is recommended to use Angular CLI to use Kendo UI’s components and import it into an app. First step is to create a new project with the Angular CLI because Kendo UI is designed to work with it. You can work with SystemJS, instead, but it requires some tweaking. Next, you would need to add the private npm repo which registers the end point on the terminal. And then, npm-install to install the components. After that, you can include them in your app module file. Import Kendo grid from @progress/kendo-angular-grid. Then, you can import them into your module so you use it in your templates. [00:23:00] – Can I tie a chart to a grid, update the chart and have the grid change? Everything that Angular updates, Kendo UI just updates too. If you buy two components to the same array and you update that array, both of those components are going to update because they’re using Angular’s binding. [00:24:00] – Does Kendo UI work with the older versions of Angular? Kendo UI works with Angular 1.x. By the way, AngularJS means Angular 1.x. Meanwhile, Angular means Angular 2 and up. Directives for Angular 1.x wrap Kendo UI components. [00:28:00] – When moving my component in AngularJS to Modern Angular, do I have to include both of those in the product? I can’t provide any guidance here, other than I wouldn’t do that. If you migrate, you’re going to be firing up a new project but you should be able to move your application logic over pretty well. However, we still have this idea of services and injection and those things are transferable. And then, when you use Kendo UI components, the only thing that’s really transferable there is the configuration settings. [00:29:00] – How do you write tests if you’re testing Angular app? Are there other things that you should be testing? That would mean there’s some sort of functional testing and unit testing. If we’re talking about unit testing, you should just test the way that you would normally test Angular. For functional test, you need a functional testing tool like Selenium or Test Studio. [00:30:00] – Is there anything else that people need to know about Kendo UI? We’ve got a lot of other components coming so stay tuned on that. We’re also working on some React stuff. We always love to get feedback. We have a github repo. Picks Burke Holland: Server list Azure Functions Challenge Medium article on Samsung’s weird emoji Twitter at @burkeholland Twitter of Tara Z. Manicsic Charles Max Wood: Serverless library in npm AWS Lambda Slack room for the podcast (adventuresinangular.com/slack) Angular Remote Conf Get A Coder Job Stack for Slack automation MemberPress on WordPress
2:40 - Introducing Tero Parviainen NgConf Presentation: “Generative Art in Angular 2” Website Github Build Your Own AngularJS ebook 4:10 - Hot Loading “Angular 2 Hot Loading with @ngrx/store and Webpack” article by Tero 5:45 - Using @ngrx/store 8:25 - How is Time Travel possible with reloading? 13:40 - Playback 17:10 - Backends and Side Effects 21:05 - Overloading and discarding of your old application 24:40 - Pressing F5 versus Time Travel 26:40 - Using Breeze.js 27:35 - Workflow setup 29:50 - Tero Parviainen and Music In-C on Github 34:55 - Using the process with NgRX and Redux 37:20 - Learning code languages and assembling your toolkit Picks: Carmen Popoviciu’s talk “Neural Networks and Machine Learning: Building Intelligent Angular Applications (Lukas) RxJS free course (Lukas) Hello World using every design pattern (Ward) The 12 Week Year (Charles) JS Remote Conf 2017 (Charles) Angular Remote Conf videos (Charles) RxJS Operator Selector (Tero) Bret Victor “Inventing on Principle” (Tero) Ultimate Angular course platform (Lukas)
2:40 - Introducing Tero Parviainen NgConf Presentation: “Generative Art in Angular 2” Website Github Build Your Own AngularJS ebook 4:10 - Hot Loading “Angular 2 Hot Loading with @ngrx/store and Webpack” article by Tero 5:45 - Using @ngrx/store 8:25 - How is Time Travel possible with reloading? 13:40 - Playback 17:10 - Backends and Side Effects 21:05 - Overloading and discarding of your old application 24:40 - Pressing F5 versus Time Travel 26:40 - Using Breeze.js 27:35 - Workflow setup 29:50 - Tero Parviainen and Music In-C on Github 34:55 - Using the process with NgRX and Redux 37:20 - Learning code languages and assembling your toolkit Picks: Carmen Popoviciu’s talk “Neural Networks and Machine Learning: Building Intelligent Angular Applications (Lukas) RxJS free course (Lukas) Hello World using every design pattern (Ward) The 12 Week Year (Charles) JS Remote Conf 2017 (Charles) Angular Remote Conf videos (Charles) RxJS Operator Selector (Tero) Bret Victor “Inventing on Principle” (Tero) Ultimate Angular course platform (Lukas)
2:40 - Introducing Tero Parviainen NgConf Presentation: “Generative Art in Angular 2” Website Github Build Your Own AngularJS ebook 4:10 - Hot Loading “Angular 2 Hot Loading with @ngrx/store and Webpack” article by Tero 5:45 - Using @ngrx/store 8:25 - How is Time Travel possible with reloading? 13:40 - Playback 17:10 - Backends and Side Effects 21:05 - Overloading and discarding of your old application 24:40 - Pressing F5 versus Time Travel 26:40 - Using Breeze.js 27:35 - Workflow setup 29:50 - Tero Parviainen and Music In-C on Github 34:55 - Using the process with NgRX and Redux 37:20 - Learning code languages and assembling your toolkit Picks: Carmen Popoviciu’s talk “Neural Networks and Machine Learning: Building Intelligent Angular Applications (Lukas) RxJS free course (Lukas) Hello World using every design pattern (Ward) The 12 Week Year (Charles) JS Remote Conf 2017 (Charles) Angular Remote Conf videos (Charles) RxJS Operator Selector (Tero) Bret Victor “Inventing on Principle” (Tero) Ultimate Angular course platform (Lukas)
2:15 - Introducing Rob Dodson Polycasts with Rob Dodson A11ycasts with Rob Dodson Twitter 2:35 - What are Web Components? 5:00 - Using Web Components 10:05 - Why material design hasn’t focused on Web Components 11:55 - Making Web Components smaller 14:45 - Standards of work 18:10 - What is “Shadydom”? 21:05 - Benefits of using Web Components and custom elements 26:05 - Web Components and Angular 2.0 31:05 - Eventing and lifecycle models for Web Components 33:55 - Testing Web Components 35:30 - Benefits of using Polymer 38:50 - Clearing up confusion between Polymer, polyfills, and Web Components http://webcomponents.org/ SkateJS Polymer Project 41:20 - What does Rob Dodson do? Polymer Summit London 2016 42:40 - Seeing how Angular 2 and Web Components connect https://github.com/webcomponents/angular-interop https://github.com/robdodson/angular-custom-elements Custom Element Inter-op with Angular 2 by Danny Blue Picks: Men Explain Things to Me by Rebecca Solnit (Ward) Angular Remote Conf videos (Charles) Web Components Remote Conf (Charles) Elon Musk: Tesla, SpaceX, and the Quest for a Fantastic Future by Ashlee Vance (Rob) Stranger Things (Rob)
2:15 - Introducing Rob Dodson Polycasts with Rob Dodson A11ycasts with Rob Dodson Twitter 2:35 - What are Web Components? 5:00 - Using Web Components 10:05 - Why material design hasn’t focused on Web Components 11:55 - Making Web Components smaller 14:45 - Standards of work 18:10 - What is “Shadydom”? 21:05 - Benefits of using Web Components and custom elements 26:05 - Web Components and Angular 2.0 31:05 - Eventing and lifecycle models for Web Components 33:55 - Testing Web Components 35:30 - Benefits of using Polymer 38:50 - Clearing up confusion between Polymer, polyfills, and Web Components http://webcomponents.org/ SkateJS Polymer Project 41:20 - What does Rob Dodson do? Polymer Summit London 2016 42:40 - Seeing how Angular 2 and Web Components connect https://github.com/webcomponents/angular-interop https://github.com/robdodson/angular-custom-elements Custom Element Inter-op with Angular 2 by Danny Blue Picks: Men Explain Things to Me by Rebecca Solnit (Ward) Angular Remote Conf videos (Charles) Web Components Remote Conf (Charles) Elon Musk: Tesla, SpaceX, and the Quest for a Fantastic Future by Ashlee Vance (Rob) Stranger Things (Rob)
2:15 - Introducing Rob Dodson Polycasts with Rob Dodson A11ycasts with Rob Dodson Twitter 2:35 - What are Web Components? 5:00 - Using Web Components 10:05 - Why material design hasn’t focused on Web Components 11:55 - Making Web Components smaller 14:45 - Standards of work 18:10 - What is “Shadydom”? 21:05 - Benefits of using Web Components and custom elements 26:05 - Web Components and Angular 2.0 31:05 - Eventing and lifecycle models for Web Components 33:55 - Testing Web Components 35:30 - Benefits of using Polymer 38:50 - Clearing up confusion between Polymer, polyfills, and Web Components http://webcomponents.org/ SkateJS Polymer Project 41:20 - What does Rob Dodson do? Polymer Summit London 2016 42:40 - Seeing how Angular 2 and Web Components connect https://github.com/webcomponents/angular-interop https://github.com/robdodson/angular-custom-elements Custom Element Inter-op with Angular 2 by Danny Blue Picks: Men Explain Things to Me by Rebecca Solnit (Ward) Angular Remote Conf videos (Charles) Web Components Remote Conf (Charles) Elon Musk: Tesla, SpaceX, and the Quest for a Fantastic Future by Ashlee Vance (Rob) Stranger Things (Rob)
00:42 - Introducing Jason Swett Angular on Rails Use the code “rubyrogues” to get $10 off your purchase Twitter Email: jason@angularonrails.com 2:20 - Angular or Rails? 4:40 - Real-time data modeling 9:00 - Angular CLI 11:15 - Structuring Angular and Rails apps 16:50 - Should beginners learn Angular or Rails first? 19:50 - Building apps and tying Angular and Rails together Tour of Heroes Tutorial Jason’s blog post 25:00 - Angular on Rails feedback 28:00 - What’s the hardest part of integrating Angular and Rails? 31:00 - Why invest in Angular when it evolves so fast? 33:35 - Why did Jason write his book? Angular for Rails Developers Pragmatic Bookshelf 37:50 - How to get the most out of the book 42:40 - Panelist Jerome Hardaway Previous Ruby Rogues Episode Vets Who Code DreamForce Picks: Tour of Heroes Tutorial (Jerome) General Assembly (Jerome) DreamForce (Jerome) Adventures in Angular Podcast (Charles and Jason) Angular Remote Conf videos (Charles) NgBook (Jason) How to Win Friends and Influence People by Dale Carnegie (Jason) The 7 Habits of Highly Successful People by Stephen Covey (Jason)
00:42 - Introducing Jason Swett Angular on Rails Use the code “rubyrogues” to get $10 off your purchase Twitter Email: jason@angularonrails.com 2:20 - Angular or Rails? 4:40 - Real-time data modeling 9:00 - Angular CLI 11:15 - Structuring Angular and Rails apps 16:50 - Should beginners learn Angular or Rails first? 19:50 - Building apps and tying Angular and Rails together Tour of Heroes Tutorial Jason’s blog post 25:00 - Angular on Rails feedback 28:00 - What’s the hardest part of integrating Angular and Rails? 31:00 - Why invest in Angular when it evolves so fast? 33:35 - Why did Jason write his book? Angular for Rails Developers Pragmatic Bookshelf 37:50 - How to get the most out of the book 42:40 - Panelist Jerome Hardaway Previous Ruby Rogues Episode Vets Who Code DreamForce Picks: Tour of Heroes Tutorial (Jerome) General Assembly (Jerome) DreamForce (Jerome) Adventures in Angular Podcast (Charles and Jason) Angular Remote Conf videos (Charles) NgBook (Jason) How to Win Friends and Influence People by Dale Carnegie (Jason) The 7 Habits of Highly Successful People by Stephen Covey (Jason)
00:42 - Introducing Jason Swett Angular on Rails Use the code “rubyrogues” to get $10 off your purchase Twitter Email: jason@angularonrails.com 2:20 - Angular or Rails? 4:40 - Real-time data modeling 9:00 - Angular CLI 11:15 - Structuring Angular and Rails apps 16:50 - Should beginners learn Angular or Rails first? 19:50 - Building apps and tying Angular and Rails together Tour of Heroes Tutorial Jason’s blog post 25:00 - Angular on Rails feedback 28:00 - What’s the hardest part of integrating Angular and Rails? 31:00 - Why invest in Angular when it evolves so fast? 33:35 - Why did Jason write his book? Angular for Rails Developers Pragmatic Bookshelf 37:50 - How to get the most out of the book 42:40 - Panelist Jerome Hardaway Previous Ruby Rogues Episode Vets Who Code DreamForce Picks: Tour of Heroes Tutorial (Jerome) General Assembly (Jerome) DreamForce (Jerome) Adventures in Angular Podcast (Charles and Jason) Angular Remote Conf videos (Charles) NgBook (Jason) How to Win Friends and Influence People by Dale Carnegie (Jason) The 7 Habits of Highly Successful People by Stephen Covey (Jason)
1:50 - Introducing Jeff Whelpley at Angular Remote Conf Twitter Github Angular Air 3:40 - Working on Angular Air 6:25 - Lessons from Ben Lesh Episode Link 8:20 - Lessons from Gleb Bahmutov Episode Link 11:50 - Lessons from Aaron Frost Episode Link 14:00 - Lessons from Shai Reznik Episode Link 16:50 - Lessons from Joe Eames Episode Link 19:10 - Lessons from Uri Goldshtein 21:40 - Lessons from Wesley Cho and Jesus Rodriguez Episode Link 25:40 - Lessons from Brad Green 28:50 - Lessons from Igor Minar 31:40 - Lessons from Victor Savkin and Dan Abramov Episode Link 34:30 - Lessons from Amy Knight 36:05 - Lessons from Patrick Stapleton 39:00 - Lessons from Jamie King and Kyle Newman Fanboys movie Episode Link
1:50 - Introducing Jeff Whelpley at Angular Remote Conf Twitter Github Angular Air 3:40 - Working on Angular Air 6:25 - Lessons from Ben Lesh Episode Link 8:20 - Lessons from Gleb Bahmutov Episode Link 11:50 - Lessons from Aaron Frost Episode Link 14:00 - Lessons from Shai Reznik Episode Link 16:50 - Lessons from Joe Eames Episode Link 19:10 - Lessons from Uri Goldshtein 21:40 - Lessons from Wesley Cho and Jesus Rodriguez Episode Link 25:40 - Lessons from Brad Green 28:50 - Lessons from Igor Minar 31:40 - Lessons from Victor Savkin and Dan Abramov Episode Link 34:30 - Lessons from Amy Knight 36:05 - Lessons from Patrick Stapleton 39:00 - Lessons from Jamie King and Kyle Newman Fanboys movie Episode Link
1:50 - Introducing Jeff Whelpley at Angular Remote Conf Twitter Github Angular Air 3:40 - Working on Angular Air 6:25 - Lessons from Ben Lesh Episode Link 8:20 - Lessons from Gleb Bahmutov Episode Link 11:50 - Lessons from Aaron Frost Episode Link 14:00 - Lessons from Shai Reznik Episode Link 16:50 - Lessons from Joe Eames Episode Link 19:10 - Lessons from Uri Goldshtein 21:40 - Lessons from Wesley Cho and Jesus Rodriguez Episode Link 25:40 - Lessons from Brad Green 28:50 - Lessons from Igor Minar 31:40 - Lessons from Victor Savkin and Dan Abramov Episode Link 34:30 - Lessons from Amy Knight 36:05 - Lessons from Patrick Stapleton 39:00 - Lessons from Jamie King and Kyle Newman Fanboys movie Episode Link
React Remote Conf and Angular Remote Conf 03:15 - Justin Searls Introduction Twitter GitHub Blog Test Double JavaScript Jabber Episode #038: Jasmine with Justin Searls 04:13 - Testing testdouble.js teenytest Sinon.JS 08:44 - Mocking Growing Object-Oriented Software, Guided by Tests by Steve Freeman and Nat Pryce Jim Weirich 14:45 - Starting These Concepts as a Junior Developer Test-driven Development 17:55 - testdouble.js vs. sinon.js NIH = Not Invented Here 26:39 - Duck Typing, Monkey Patching, Duck Punching 32:22 - Node.js Negativity Design, Resources Martin Fowler’s Refactoring and Patterns Books Domain-Driven Design: Tackling Complexity in the Heart of Software by Eric Evans 42:52 - Community 45:08 - The AAA Rule: Arrange, Act, Assert 51:19 - Error Messages Picks Unemployment (Jamison) React Rally (Jamison) Julia Evans' Tweet: how to be a wizard programmer (Jamison) See the good in people (Aimee) Sinon.JS (Joe) How to Stay Motivated: Developing the Qualities of Success by Zig Ziglar (Chuck) The Harry Potter Series (Chuck) RetroPie (Justin) How Elm can Make you a Better JavaScript Programer (Justin) NEJS Conf (Justin)
React Remote Conf and Angular Remote Conf 03:15 - Justin Searls Introduction Twitter GitHub Blog Test Double JavaScript Jabber Episode #038: Jasmine with Justin Searls 04:13 - Testing testdouble.js teenytest Sinon.JS 08:44 - Mocking Growing Object-Oriented Software, Guided by Tests by Steve Freeman and Nat Pryce Jim Weirich 14:45 - Starting These Concepts as a Junior Developer Test-driven Development 17:55 - testdouble.js vs. sinon.js NIH = Not Invented Here 26:39 - Duck Typing, Monkey Patching, Duck Punching 32:22 - Node.js Negativity Design, Resources Martin Fowler’s Refactoring and Patterns Books Domain-Driven Design: Tackling Complexity in the Heart of Software by Eric Evans 42:52 - Community 45:08 - The AAA Rule: Arrange, Act, Assert 51:19 - Error Messages Picks Unemployment (Jamison) React Rally (Jamison) Julia Evans' Tweet: how to be a wizard programmer (Jamison) See the good in people (Aimee) Sinon.JS (Joe) How to Stay Motivated: Developing the Qualities of Success by Zig Ziglar (Chuck) The Harry Potter Series (Chuck) RetroPie (Justin) How Elm can Make you a Better JavaScript Programer (Justin) NEJS Conf (Justin)
React Remote Conf and Angular Remote Conf 03:15 - Justin Searls Introduction Twitter GitHub Blog Test Double JavaScript Jabber Episode #038: Jasmine with Justin Searls 04:13 - Testing testdouble.js teenytest Sinon.JS 08:44 - Mocking Growing Object-Oriented Software, Guided by Tests by Steve Freeman and Nat Pryce Jim Weirich 14:45 - Starting These Concepts as a Junior Developer Test-driven Development 17:55 - testdouble.js vs. sinon.js NIH = Not Invented Here 26:39 - Duck Typing, Monkey Patching, Duck Punching 32:22 - Node.js Negativity Design, Resources Martin Fowler’s Refactoring and Patterns Books Domain-Driven Design: Tackling Complexity in the Heart of Software by Eric Evans 42:52 - Community 45:08 - The AAA Rule: Arrange, Act, Assert 51:19 - Error Messages Picks Unemployment (Jamison) React Rally (Jamison) Julia Evans' Tweet: how to be a wizard programmer (Jamison) See the good in people (Aimee) Sinon.JS (Joe) How to Stay Motivated: Developing the Qualities of Success by Zig Ziglar (Chuck) The Harry Potter Series (Chuck) RetroPie (Justin) How Elm can Make you a Better JavaScript Programer (Justin) NEJS Conf (Justin)
Angular Remote Conf and React Remote Conf 03:18 - Brian Mann Introduction Twitter GitHub 03:33 - Cypress.io 04:09 - Selenium 08:56 - Cypress vs Selenium 16:54 - Similarities: Cypress and Protractor 18:22 - Mocking API Data 20:40 - Getting Started with Cypress and The Migration Process 21:54 - Testing 30:31 - Handling Data on the Backend 34:16 - What’s coming next in Cypress?
Angular Remote Conf and React Remote Conf 03:18 - Brian Mann Introduction Twitter GitHub 03:33 - Cypress.io 04:09 - Selenium 08:56 - Cypress vs Selenium 16:54 - Similarities: Cypress and Protractor 18:22 - Mocking API Data 20:40 - Getting Started with Cypress and The Migration Process 21:54 - Testing 30:31 - Handling Data on the Backend 34:16 - What’s coming next in Cypress?
Angular Remote Conf and React Remote Conf 03:18 - Brian Mann Introduction Twitter GitHub 03:33 - Cypress.io 04:09 - Selenium 08:56 - Cypress vs Selenium 16:54 - Similarities: Cypress and Protractor 18:22 - Mocking API Data 20:40 - Getting Started with Cypress and The Migration Process 21:54 - Testing 30:31 - Handling Data on the Backend 34:16 - What’s coming next in Cypress?
Angular Remote Conf 01:56 - Justin Schwartzenberger Introduction Twitter GitHub Blog SoCreate 03:01 - User Input/Forms angular-form-builder 07:40 - Validation; Using Forms for Angular 2 Justin Schwartzenberger: Angular 2's Fresh Approach to Style @ ng-conf Complexity Template-driven vs Model-driven 25:27 - Changes in Forms 32:06 - Getting Started with Forms (Tips and Tricks) Metadata-driven Forms Picks Angular 2 (John & Joe) Parks and Recreation (John) The Goldbergs (Joe) Ego Is the Enemy by Ryan Holiday (Lukas) Matt Podwysocki's Rx Twitter Status (Lukas) How to Stay Motivated: Developing the Qualities of Success by Zig Ziglar (Chuck) The Harry Potter Series (Chuck) MacBook Pro (Justin) Red Dead Redemption (Justin) Lynda.com | Angular 2 Forms: Data Binding and Validation with Justin Schwartzenberger (Lukas)
Angular Remote Conf 01:56 - Justin Schwartzenberger Introduction Twitter GitHub Blog SoCreate 03:01 - User Input/Forms angular-form-builder 07:40 - Validation; Using Forms for Angular 2 Justin Schwartzenberger: Angular 2's Fresh Approach to Style @ ng-conf Complexity Template-driven vs Model-driven 25:27 - Changes in Forms 32:06 - Getting Started with Forms (Tips and Tricks) Metadata-driven Forms Picks Angular 2 (John & Joe) Parks and Recreation (John) The Goldbergs (Joe) Ego Is the Enemy by Ryan Holiday (Lukas) Matt Podwysocki's Rx Twitter Status (Lukas) How to Stay Motivated: Developing the Qualities of Success by Zig Ziglar (Chuck) The Harry Potter Series (Chuck) MacBook Pro (Justin) Red Dead Redemption (Justin) Lynda.com | Angular 2 Forms: Data Binding and Validation with Justin Schwartzenberger (Lukas)
Angular Remote Conf 01:56 - Justin Schwartzenberger Introduction Twitter GitHub Blog SoCreate 03:01 - User Input/Forms angular-form-builder 07:40 - Validation; Using Forms for Angular 2 Justin Schwartzenberger: Angular 2's Fresh Approach to Style @ ng-conf Complexity Template-driven vs Model-driven 25:27 - Changes in Forms 32:06 - Getting Started with Forms (Tips and Tricks) Metadata-driven Forms Picks Angular 2 (John & Joe) Parks and Recreation (John) The Goldbergs (Joe) Ego Is the Enemy by Ryan Holiday (Lukas) Matt Podwysocki's Rx Twitter Status (Lukas) How to Stay Motivated: Developing the Qualities of Success by Zig Ziglar (Chuck) The Harry Potter Series (Chuck) MacBook Pro (Justin) Red Dead Redemption (Justin) Lynda.com | Angular 2 Forms: Data Binding and Validation with Justin Schwartzenberger (Lukas)
React Remote Conf and Angular Remote Conf 03:18 - Dennis Ushakov Introduction Twitter GitHub JetBrains JetBrains Issue Tracker WebStorm @WebStormIDE 03:54 - Writing an IDE in Java YouTrack TeamCity 04:50 - Specs 05:43 - WebStorm Defined Integrated Development Environment (IDE) 06:19 - IDEs vs Text Editors 08:31 - Building an IDE Language Support External Tool Support Abstract Syntax Tree (AST) 13:00 - Code Reuse 15:07 - Prioritizing Features 17:11 - Why is IDE tooling important? “Code is read a lot more than it’s written.” 19:57 - Refactorings The Dynamic Nature of JavaScript TypeScript-specific Refactorings 23:35 - Next Versions of Webstorm Early Access Program 25:07 - Framework Support; Usage Data 28:12 - Other Technology and Framework Support 31:12 - Working for JetBrains 32:17 - Release Cycles and Procedures Early Access Program 34:39 - Java Source Code Contribution Kotlin Picks Jesse Kriss: Human scale technology (Jamison) React Rally (Jamison) Vote (Chuck) Transmit (Chuck) Steam Squad (Dennis) Ergobaby Four Position 360 Baby Carrier (Dennis)
React Remote Conf and Angular Remote Conf 03:18 - Dennis Ushakov Introduction Twitter GitHub JetBrains JetBrains Issue Tracker WebStorm @WebStormIDE 03:54 - Writing an IDE in Java YouTrack TeamCity 04:50 - Specs 05:43 - WebStorm Defined Integrated Development Environment (IDE) 06:19 - IDEs vs Text Editors 08:31 - Building an IDE Language Support External Tool Support Abstract Syntax Tree (AST) 13:00 - Code Reuse 15:07 - Prioritizing Features 17:11 - Why is IDE tooling important? “Code is read a lot more than it’s written.” 19:57 - Refactorings The Dynamic Nature of JavaScript TypeScript-specific Refactorings 23:35 - Next Versions of Webstorm Early Access Program 25:07 - Framework Support; Usage Data 28:12 - Other Technology and Framework Support 31:12 - Working for JetBrains 32:17 - Release Cycles and Procedures Early Access Program 34:39 - Java Source Code Contribution Kotlin Picks Jesse Kriss: Human scale technology (Jamison) React Rally (Jamison) Vote (Chuck) Transmit (Chuck) Steam Squad (Dennis) Ergobaby Four Position 360 Baby Carrier (Dennis)
React Remote Conf and Angular Remote Conf 03:18 - Dennis Ushakov Introduction Twitter GitHub JetBrains JetBrains Issue Tracker WebStorm @WebStormIDE 03:54 - Writing an IDE in Java YouTrack TeamCity 04:50 - Specs 05:43 - WebStorm Defined Integrated Development Environment (IDE) 06:19 - IDEs vs Text Editors 08:31 - Building an IDE Language Support External Tool Support Abstract Syntax Tree (AST) 13:00 - Code Reuse 15:07 - Prioritizing Features 17:11 - Why is IDE tooling important? “Code is read a lot more than it’s written.” 19:57 - Refactorings The Dynamic Nature of JavaScript TypeScript-specific Refactorings 23:35 - Next Versions of Webstorm Early Access Program 25:07 - Framework Support; Usage Data 28:12 - Other Technology and Framework Support 31:12 - Working for JetBrains 32:17 - Release Cycles and Procedures Early Access Program 34:39 - Java Source Code Contribution Kotlin Picks Jesse Kriss: Human scale technology (Jamison) React Rally (Jamison) Vote (Chuck) Transmit (Chuck) Steam Squad (Dennis) Ergobaby Four Position 360 Baby Carrier (Dennis)
Summary Timmy Willison (@TimmyWil) , lead developer at The JQuery Foundation & Senior Engineer at Open Table, joins us to discuss what is new with the most popular JavaScript library of all time- JQuery. We discuss what is new in version 3, struggles and implementation decisions, performance and much more. Resources jQuery - https://jquery.com/ jQuery Foundation - https://jquery.org/ builtwith.com - http://builtwith.com/ jQuery Blog - http://blog.jquery.com/ jQuery Core Source and Issues Tracker - https://github.com/jquery/jquery New York Developor Summit - http://events.jquery.org/2015/developer-summit/ jQuery's Code of Conduct - https://jquery.org/conduct/ jQuery Usage Statistics - http://trends.builtwith.com/javascript/jQuery Mootools - http://mootools.net/ Prototype.js - http://prototypejs.org/ The DoJo Toolkit - https://dojotoolkit.org/ Timmy on Github - https://github.com/timmywil Average Page Weight Statistics - http://www.sitepoint.com/average-page-weights-increase-32-2013/ Web Page Performance Analysis - http://www.webpagetest.org/ Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend. The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings Panelists Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures Danny Blue (@dee_bloo) - Sr. Front End Engineer at Deloitte Digital
Summary Raphaël Rougeron (@goldoraf), one of the Web Components pioneers, along with his team created the Bosonic Project some while back. It was a very different approach to working with Web Components than x-tag and Polymer and it involved a required build step to create Web Components as close to specs as possible with minimal abstractions at runtime. The approach gained a small but respectable following and unfortunately was overshadowed by Polymer Project, the Web Component library by Google. During that time Raphaël began to lose faith in Web Components and went through many personal trials. Now he has been inspired to revisit Bosonic and breathe new life into the project. Let's welcome the return of Bosonic! Resources The Bosonic Project - http://bosonic.github.io/ Bosonic Core Web Components - https://github.com/bosonic/core-elements Bosonic DND Web Components - https://github.com/bosonic/dnd-elements Bosonic Data Web Components - https://github.com/bosonic/data-elements Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend. The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings Panelists Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital
Summary The Offline First Heroes, Jan Lehnardt (@janl), John Kleinschmidt (@jkleinsc), Alex Russell (@slightlylate), and Jake Archibald (@jaffathecake) join forces to chat on why web developers should be designing and building with offline capabilities in mind from the beginning. From emerging standards like ServiceWorker to well thought out web frameworks like Hood.ie & UpUp, there are many differnt approaches and reasons why we would develop with an offline first mentality. There are so many gotchas and so many pro tips that have come out of the lessons learned by these offline web evangelists. For better or worse the technical marvels of development in this engineering arena are hard to visualize demo much like the features of good security or performance. Offline is vital and integral to the web just as security and performance are vand it should not be an afterthought in our designs. Resources Offline First - http://offlinefirst.org/ The Original Offline First Article: http://hood.ie/blog/say-hello-to-offline-first.html Hood.ie - http://hood.ie/ Offline First on IBM Cloudant - https://www.youtube.com/watch?v=PEHGSiC9_ck Beyond Offline - https://medium.com/@slsoftworks/beyond-offline-bf5c013ec8e7 Building Offline mobile apps - http://www.mobilitytechzone.com/topics/4g-wirelessevolution/articles/2015/07/06/406205-how-build-an-offline-ready-mobile-app-why.htm A List Apart article - http://alistapart.com/article/offline-first UpUp - https://www.talater.com/upup/ Application Cache - http://www.html5rocks.com/en/tutorials/appcache/beginner/ ServiceWorker Spec - https://github.com/slightlyoff/ServiceWorker ServiceWorker Explainer Document - https://github.com/slightlyoff/ServiceWorker/blob/master/explainer.md Is ServiceWorker Ready Yet? - https://jakearchibald.github.io/isserviceworkerready/ ServiceWorker W3C Spec - http://www.w3.org/TR/service-workers/ Service Worker Explained on MDN - https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API ServiceWorker News - https://twitter.com/service_workers Service Worker Platinum Polymer Elements - https://github.com/PolymerElements/platinum-sw Offline Cookbook - https://jakearchibald.com/2014/offline-cookbook/ Safari is the new IE - http://nolanlawson.com/2015/06/30/safari-is-the-new-ie/ Service Worker Toolbox - https://github.com/GoogleChrome/sw-toolbox ServiceWorkerWare - https://github.com/gaia-components/serviceworkerware Capability Reporting with ServiceWorker - https://www.igvita.com/2014/12/15/capability-reporting-with-service-worker/ HospitalRun - http://hospitalrun.io/ Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend. The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others. Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now! Panelists Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures James Duvall (@JamesDuvall) - Director of Technology at Stickman Ventures
Summary Brandon Jones (@tojiro) of Google & Joshua Carpenter (@joshcarpenter) of Mozilla talk with the Web Platform Podcast about the emerging Web VR (Web Virtual Reality) specification which encampasses both AR (Augmented Reality) & VR for the Web Platform. Valve, Microsoft, Facebook, and others have put a lot of effort into changing the way we interact with computers using VR & AR on the native platforms. Now we can share this experience on the web and build the interfaces of tomorrow and the holodecks of the next generation. Resources mozvr - http://mozvr.com/ web vr - http://webvr.info shadertoy - https://www.shadertoy.com/ (BEWARE - this may crash your browser if your GPU is poor) OSVR - http://www.razerzone.com/osvr Web VR Spec - http://mozvr.github.io/webvr-spec/webvr.html Oculus Rift Dev Kit - https://www.oculus.com/en-us/dk2/ Project Tango Dev Kit - https://store.google.com/product/project_tango_tablet_development_kit Tango G+ Community - https://plus.google.com/communities/114537896428695886568 Google Cardboard - https://www.google.com/get/cardboard/ Web VR Mailing List for Contributing - https://mail.mozilla.org/listinfo/web-vr-discuss The Web Ahead with the MozVR team -http://thewebahead.net/upcoming/web-vr-with-josh-carpenter-and-vladimir-vukicevic JSARToolkit & WebRTC article - http://www.html5rocks.com/en/tutorials/webgl/jsartoolkit_webrtc/ janusvr -http://www.janusvr.com/ Vive - http://www.htcvr.com/ Rift Sketch - https://github.com/brianpeiris/RiftSketch/ WebVR Boilerplate - https://github.com/borismus/webvr-boilerplate WebVR polyfill - https://github.com/borismus/webvr-polyfill OpenVR - https://github.com/ValveSoftware/openvr WebVR Builds for Tango - https://drive.google.com/folderview?id=0BzudLt22BqGRbW9WTHMtOWMzNjQ&usp=sharing#list MS Edge User Voice - Vote for WebVR - https://windows.uservoice.com/forums/285214-microsoft-edge?query=webvr Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend. The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others. Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now! Panelists Danny Blue (@dee_bloo) - Senior Front End Engineer at Deloitte Digital Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures
Summary Sara Soueidan (@SaraSoueidan) has been traveling the world talking about SVG (Scalable Vector Graphics) over the past year. Since then, we've learned a lot more about the power of this declarative graphical language. Now that many projects have dropped support for Internet Explorer 8 (IE8) and older mobile browsers, SVG has become a staple for non-bitmap art, visualization, and other graphical web development. Sara has recently shared many of the ‘gotchas' and best practices in talks at Beyond Tellerand in Düsseldorf & Microsoft Edge Web Summit. Together, we take a closer look at how developers can leverage her advice in our web projects today. Resources SVG W3C Working Group - http://www.w3.org/Graphics/SVG/ MDN documentation - https://developer.mozilla.org/en-US/docs/Web/SVG SVG 1.1 - http://www.w3.org/TR/SVG/ SVG 2 - http://www.w3.org/TR/SVG2/ browser support - http://caniuse.com/#feat=svg SVG Effects Taskforce - http://www.w3.org/Graphics/fx/ Scaling check for IE9-IE11 - http://codepen.io/tomByrer/pen/qEBbzw?editors=110 Sara Soueidan – SVG Lessons I Learned The Hard Way – beyond tellerrand DÜSSELDORF 2015 - https://vimeo.com/135466848 MS Edge Web Summit 2015 - https://channel9.msdn.com/Events/WebPlatformSummit/2015/On-the-Edge-with-SVG CSS Conf AU 2015 - https://www.youtube.com/watch?v=lMFfTRiipOQ Overview of SVG Sprite Creation Techniques: https://24ways.org/2014/an-overview-of-svg-sprite-creation-techniques/ Inline SVG vs Icon Fonts [CAGEMATCH] http://css-tricks.com/icon-fonts-vs-svg/?utm_content=buffer2b75f&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer Structuring, Grouping and Referencing in SVG: The , , and Elements http://sarasoueidan.com/blog/structuring-grouping-referencing-in-svg/ clipping in svg - https://css-tricks.com/building-a-circular-navigation-with-css-clip-paths/ styling content with CSS - http://tympanus.net/codrops/2015/07/16/styling-svg-use-content-css/ art direction for embedding - http://sarasoueidan.com/blog/art-directing-svg-object/ All about viewBox :: http://sarasoueidan.com/blog/svg-coordinate-systems/ The State of SVG Animation - http://blogs.adobe.com/dreamweaver/2015/06/the-state-of-svg-animation.html#.VXGQW1yqqkq Some SVG Tools - http://sarasoueidan.com/tools.html Sara on Github - https://github.com/SaraSoueidan Codrops on Github - https://github.com/codrops Smashing Book 5 http://www.smashingmagazine.com/2015/03/real-life-responsive-web-design-smashing-book-5/ complete guide to SMIL https://css-tricks.com/guide-svg-animations-smil/ CSS Motion Path module http://www.w3.org/TR/motion-1/ d3.js http://d3js.org Weighing SVG Animation Techniques (with Benchmarks) https://css-tricks.com/weighing-svg-animation-techniques-benchmarks/ The GreenSock Animation Platform (GSAP) http://greensock.com Snap.svg http://snapsvg.io/ Firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=891074 (UPDATE: Fixed by @jwatt) Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend. The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others. Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now! Panelists Danny Blue (@dee_bloo) - Senior Front End Engineer at Deloitte Digital Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures
Summary Jay Oster (@KodeWerx), Core Engineer at PubNub talks with us about working with Web Crypto as well as the landscape of Cryptography today. What is on the horizon for client side security & Web Crypto? Resources PubNub - http://www.pubnub.com/ Web Crypto - http://www.w3.org/TR/WebCryptoAPI/ Netflix Polyfill - https://github.com/Netflix/NfWebCrypto Stanford Polyfill - https://github.com/bitwiseshiftleft/sjcl/tree/version-0.8 melonJS - http://melonjs.org/ The interface for all WebCrypto functions - https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto PubNub Cryptography Demo - http://pubnub.github.io/pubnub-api/crypto/ PubNub blog post on Cryptography - http://www.pubnub.com/community/discussion/17/cryptography-and-encryption-of-data-streams-like-websockets-and-http-streaming PubNub blog post on PKI and message authentication - http://www.pubnub.com/blog/chat-security-user-identification-with-digital-signature-message-verification/ Angular Remote Conf Do you want to attend a conference with top level Angular speakers but can afford the cost and inconvenience in travelling? Angular Remote Conf is an online conference Sept. 24th through the 25th with live interactions, a dedicated forum, respected leaders in Angular, and best of all you never have to leave the comfort of your own home to attend. The Web Platform Podcast listeners receive a 20% discount for https://angularremoteconf.com/. All you have to do is use "webplatform" as the coupon code at checkout to get your 20% off. This works for group tickets, standard tickets, and early bird as well. Head over to angularremoteconf.com and sign up ASAP to get the maximum savings DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others. Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now! Panelists Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures Erik Isaksen (@eisaksen) - Google Developer Expert in Web Technologies Chetan Karande (@karande_c) - Senior Software Engineer at Omgeo
Summary Charles Max Wood (@cmaxw) guides us through his thoughts and processes for building out personal & business branding for developers. Learning from his experiences in podcasting and other content creation, Chuck talks with us about why branding is so important today for developers to position themselves in the market today. Resources DevChat.tv - http://devchat.tv/ DevChat.tv Entities Ruby Rogues - http://devchat.tv/ruby-rogues JavaScript Jabber - http://devchat.tv/js-jabber Freelancers Show - http://devchat.tv/freelancers IPhreaks - http://devchat.tv/iphreaks Teach Me To Code - http://teachmetocode.com/ Rails Clips - http://devchat.tv/rails-clips Adventures in Angular - http://devchat.tv/adventures-in-angular Web Security Warriors - http://devchat.tv/web-security-warriors JS Remote Conf - https://jsremoteconf.com/ Ruby Remote Conf - https://rubyremoteconf.com/ Angular Remote Conf - https://angularremoteconf.com/ Rails Remote Conf (in the works) The Ruby Freelancers Show 019 - http://devchat.tv/freelancers/the-ruby-freelancers-show-019-branding Chuck on Twitter - https://twitter.com/cmaxw Podcast Movement 2015 - http://podcastmovement.com/ Podcast Answer Man - http://podcastanswerman.com/ “10 Ideas For Building A Better Relationship With Your Existing Audience” - http://podcastanswerman.com/414/ Toast Masters - https://www.toastmasters.org/ Rails Conf 2015 - http://railsconf.com/ Calendly - https://calendly.com/ Meet Edgar - http://meetedgar.com/ DevFestDC 2015 The Web Platform Podcast is a proud media sponsor of DevFest 2015. DevFest is a conference with Great Sessions and Code Labs on Android, Wearables, Polymer, AngularJS, Google Cloud Platform, Meteor and many others. Show hosts Danny Blue & Erik Isaksen will be speakers and the event will be held at AOL Headquarters in Dulles VA Friday Sept 11th 2015 & Saturday Sept 12th 2015. For event registration details check out devfestdc.org and click on the eventbrite link. www.eventbrite.com/e/devfestdc-2015-google-developer-group-dc-tickets-17538373748 now! Panelists Danny Blue (@dee_bloo) - Front End Engineer at Deloitte Digital Justin Ribeiro (@justinribeiro) - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures Erik Isaksen (@eisaksen) - Google Developer Expert in Web Technologies