Vue is a growing front-end framework for web developments. Hear experts cover technologies and movements within the Vue community by talking to members of the open source and development community.
Similar Podcasts
Flutter 101 Podcast
Weekly podcast focusing on software development with Flutter and Dart. Hosted by Vince Varga.
React Round Up
Stay current on the latest innovations and technologies in the React community by listening to our panel of React and Web Development Experts.
The QA Lead Podcast
Discover with us how to lead QA teams and do web and software QA better. We’re a QA community exploring the latest and best quality assurance approaches to help you with DevOps, Agile, Automation, Performance, API, Mobile, Analytics, RPA, AIOps, Shift-Left and right. Find the tips, tricks, how-to guides, and tools you need to build your QA team, and banish the bugs! Hosted by CTO of Digital Assured, President of Vivit-Worldwide, and Tedx Speaker Jonathon Wright.
VoV 034: Mike Hartington & Michael Tintiuc : "Ionic and Vue"
Panel: Charles Max Wood Chris Fritz Divya Sasidharan Joe Eames John Papa Special Guest: Mike Hartington and Michael Tintiuc In this episode, the panel talks with Mike and Michael who are developers of Ionic. The panel and the guests talk about the ins-and-outs of the framework and talk about the pros and cons, too. Listen to today’s episode to hear how they discuss how Ionic is compatible with Vue and Angular. Finally, they talk about various topics, such as Cordova and Capacitor. Show Topics: 1:19 – Mike H. gives his background. He uses JavaScript every day. 1:30 – Michael T. gives his background. 1:53 – Chuck: Yes, today we are talking about Ionic. Why are we talking about that on a Vue Podcast? 2:08 – Let’s talk about what Ionic is first? 2:16 – Guest gives us the definition / background of what IONIC is. 2:32 – Guest: We have been tied to Angular (back in the day), which were Ember and jQuery bindings. We have come a far way. (He talks about web components.) Guest: We spent a year diving into web components and interweaving that with Angular. Now we are exploring other framework options. Now we are looking at Ionic with Vue. 3:34 – Chuck: I have played with Ionic, and it’s fairly to use. It’s exciting to see it come this way. I’m curious what does that look like b/c Angular and Vue aren’t the same. 4:10 – Guest explains and answers Chuck’s question. 4:50 – Chuck: Is it like using...under the hood? 4:58 – Guest: No. (He goes into detail.) 5:08 – I didn’t know that Stencil was built by that team. 5:19 – Guest: We built a 2nd project. 5:28 – Guest: There are 24 hours in a day. 5:39 – Panel: How is Ionic different than other options? 5:59 – Guest: It’s comparable to Frameworks 7. The components that you generate are all web0based. The component that you put in is the same for the web or Android. You can have 100% code reuse. 6:35 – Panel: It’s actual CSS? 6:41 – Guest: It’s full-blown CSS. If you wanted to do CSS animations then whatever the browser can support. 6:56 – Panel: Advantages or disadvantages? 7:04 – Guest: It’s easier to maintain. If you are making the next Photo Shop...(super heavy graphics) maybe web and web APIs aren’t the right way to go. 8:23 – You have access to less intense stuff? 8:34 – Guest: Yes. 8:39 – Question. 8:46 – Guest: 2 different approaches to this. 1 approach is CORDOVA and the other is CAPACITOR. 9:42 – Anything that has been built with Ionic? 9:47 – Guest: App called Untapped? Or the fitness app, SWORKIT! MarketWatch is another one. We have a whole showcase page that you can check out. 10:57 – Few apps out there that use Ionic for everything. 11:06 – Panel: I have done work with Ionic in the past. I found a sweet spot for business apps. There are things behind enterprise walls that customers can use but necessarily others. We have decided to go native and found that Ionic wasn’t a good fit. How do you feel? 11:51 – Guest: We do hear that a lot. People want to make a quick app and then... 12:20 – Panel: We chose Ionic in this project b/c we had to get it out in less than 6 weeks and the team knew JavaScript. Nobody knew Ionic besides me. After that, nothing broke and that’s a huge praise. 12:55 – Guest: I will take that good praise. 13:01 – Panel: How is it used with Vue? 13:07 – Guest: The Vue work that we’ve been doing...here are the core components. Recently we have been working with Michael and integration. They have been working on opensource. 13:45 – Michael: It was one of the first apps in Beta and Vue. It all started out as a passionate project for the opensource initiative. We wanted to build something new and use the emerging Vue.js. At the time I had no idea. It sounded cool, though, and at the time I wrote a small CUI program. I decided to make an app out of that. I wanted to meet the clients’ needs and the new tech. I went online and I saw some tutorials and I thought they had figured it out. I thought we were screwed but I guess not. Most of the things are out of the box. But the problem is that the routing was sketchy and it wouldn’t update the URL and it had to be delegated to the framework. The app is called BEEP. I cannot disclose what it means. Joking. I added to the state that everything... I tore through the screen to figure out how it works. Then it clicked. You have to extend the Vue’s official router...and then you’re done. You do a MPM install and then you call a couple of APIs and then you are done. Not even a single line of code. You have Ionic’s out of the box animations, and in our app we have a dancing... You spend a week and you’re done so I won’t use anything else. 17:35 – Panel: That’s an impressive turnaround! 17:42 – Panel: It just goes to show you that the code in Vue is so approachable to anyone. If you know a little bit of JavaScript then you know what is kind of going on. It’s pretty clean. Especially the Vue Router. 18:11 – Panel: Vue Core – some parts that can be hairy. 18:43 – We are component authors. We just need to know here is a component and here are some methods that it needs to know. 19:04 – Oh yeah, totally – I was talking more about... 19:14 – That’s what I thought for those 2 weeks cause I was looking at... 19:24 – Chuck: How do you get the Vue stuff in that and not the Angular? 19:41 – Guest answers the question. 20:20 – Panel: What was the hardest part to integrate? 20:28 – Michael: I wrote my own router. It was too much for me to write. I thought it was going to take me ages. So it took the longest to come to the idea to extending Vue’s router. I thought writing less code is the best. It took me 2 weeks to come to that conclusion. It was related to how... 22:21 – Question. 22:28 – Michael: You can use Vue router like if you used a different package. 22:40 – Panel: It is using the other router history or if you are using Hash API; since it’s all web technology? 23:03 – Guest: People don’t see the URL. 23:10 – We can teach them to pass... 23:25 – Panel: I have been interested in Ionic...when you sprinkle in some native stuff. Local databases. Getting that wasn’t too bad to work. The trick was testing that. 24:04 – Guest: A lot of manual work, unfortunately. It’s a lot of set-up work. You can do test functions but actually have that end-to-end test...can I make sure that is working correctly? A lot of manual testing. There are some cloud base platforms but I haven’t checked them out for an easier way. 25:06 – It was an Ionic issue it was... I think some of the Cloud services to better nowadays. 25:25 – Guest: It was painful to get it setup. Why do I need Clouds? 25:42 – Advertisement – Get A Coder Job! 26:19 – Let’s talk about native features. How does one do that in Vue? 26:29 – Guest talks about Vue, Capacitor, and Cordova. 27:27 – Guest: Let’s talk back to the Beep app. Lots of this stuff is really easy, as Mike was saying. That’s what I like to do – being a both a developer and a library writer. 28:00 – Panel: Imagine Slash from Guns and Roses. 28:14 – Chuck: They get this idea that it’s Java so I can share. Chuck asks a question. 28:30 – Guest: All of it. You might want to change some of the UIs. If it looks good on mobile then you can adapt that as the main app and swap that out for the traditional designs and something else. 29:03 – Panel: I can’t just drop in the same dibs for my styles on my desktop and magically look like a mobile app. 29:23 – Guest: That’s where you are wrong. Ionic does this really well. We have painstakingly made this be a thing. The guest talks about screen width, layouts, and other topics. 30:10 – Guest: It’s the same code. 30:18 – Panelist gives a hypothetical situation for the guests. 30:36 – Guest answers the question. Guest: You will have to refactor from desktop to mobile. 31:54 – Chuck. 32:10 – Michael: It’s about continuity. 32:39 – Panel: Building a Vue app we can use the Ionic Vue project to reuse that work that you did to get that back button working. 32:59 – Michael: That’s the whole point. So you guys don’t even have to think about it. So you don’t have to fiddle around with bugs. 33:17 – Panelist. 33:22 – Michael. 33:33 – Mike: Eventually we want to do a full fledge Vue project they just install Ionic Vue and it will integrate the package. 33:55 – Michael: You use the UPI and that’s it. 34:03 – Panel: Beyond the hardcore 3D sky room games are there any other reasons why I wouldn’t want to use Ionic? 34:30 – Mike: I can’t think of anything. More important question is what is your team’s experience? I wouldn’t go to a bunch of C+ devs and say: Here ya go! I wouldn’t do that. You have to figure out the team that knows Java and they don’t know native, so they will be able to reuse those skills. 35:25 – Panel: I am wondering if there is anything technically impossible because of the way Ionic works? 36:00 – Guest: If there are, I haven’t seen it, yet. There are 20,000,000 downloads so far, so I don’t think so. 36:28 – Panel: When people report an issue what do they complain about? 36:39 – Guest: Being a couple pixels off (CSS), API signatures, etc. We are seeing fewer issues on the... People are looking at functionality issues. Whenever there are issues we take care of it right away. 37:26 – Panelist asks a question. 37:32 – It’s really done well. 37:46 – Panel: Are people able to drop that into an Ionic app? 38:09 – Guest: I haven’t tried that, yet. 38:20 – Panel: I have another question: How big are Ionic apps compared to other native apps. When you are using C+ or writing in Java or Swift. 39:09 – Guest: Twitter native was a couple 100 MB app. But the apps built with Ionic are 50 MB category. They can be small or full native apps with plugins. 40:00 – Panel: Does that mean that in some cases users will have to be connected to the Internet to use the app? 40:29 – Guest answers. 41:02 – Guest: I have some good news for you all. (Guest goes into detail.) 41:39 – Chuck. 41:44 – Guest: Another comparison is my app I use for my Home Goods store is 80 MB and it’s not doing a whole lot. 42:21 – Chuck: Let’s talk data for a minute. You can get large that way if you are DL files through the app – how do you manage memory? 42:42 – Guest: That is run by the browser run-time. Sometimes too good of a job. When you are doing production cases your... 43:27 – Panel: Do you have access to Sequel Light or do you have to use in-browser storage? 43:27 – Guest: Either one. 44:16 – Sequel Light. 44:20 – Guest. 44:24 – Within Ionic you can use Sequel Light there is a plugin. 44:55 – Panelist comments. 45:23 – Michael: I want to add some clarification. You can write your own propriety files... 45:23 – I like that it sounds like it’s different than other frameworks. Instead of there being a framework way to do it there is a lot of different pieces you can plugin to different parts that is agnostic to Ionic. 46:10 – Guest talks about batteries included. 46:42 – Panel: I really like that b/c it’s the Vue approach, too. 47:21 – The guest talks about transitions. 48:07 – Chuck: If I get stuck what is the community around it? 48:25 – Guest: It’s still early right now. If you went to the code base you wouldn’t see much. We are working on the code getting into the package. The good thing is that the way it’s structure, once their APIs are set then it’s the same through Angular and Vue. Once you have that API set it’s the same thing between those 3 things. 49:13 – Guest: Let me blow your minds guys... There are 7 controllers and 99% you would go to the Ionic site. The rest is identical and that’s the cool part. If you are coming from Angular you can reuse a lot of that knowledge. 50:00 – Panel: If they wanted to build an app right now what would you recommend as their first step? 50:16 – Guest: Ionic and Vue – check out the docs and the components overviews to see what the vanilla components are like. 50:52 – Panel: Is there an example repo? 50:59 – Guest: That would be the BEEP app. 51:08 – Panel: Vue specific docs? 51:18 – Guest: Files that you can drop into your browser. 51:27 – Panel: How soon is soon? 51:31 – Guest: Most likely within the next few months. Final touches that we want to complete. 52:11 – Chuck: What about testing? 52:17 – Guest: Same way you would test a Vue app there is nothing specific for Ionic (at least for the unit tests). If you are doing integration tests that would work the same way in typical Vue setup the only quirks are... 52:56 – Question: Does Ionic offer a collection of mocks for APIs? 53:11 – Guest: Yes, but just for Angular. It’s the only framework to support. This is a good call for community members to contribute. 53:35 – Panel: Would that be a new repo for Vue? 53:44 – Guest: Contribute to the Ionic Teams’ Main Repository and open an issue – and Ping me. 54:02 – Twitter names are given. 54:13 – Panel: How do they reach you? 54:19 – Michael: My whole name slurred together. 54:39 – Panel: Anything else they should know? 54:46 – Guest: Ping us and we will get you working with Ionic. 54:54 – Guest: The cookbook examples are a good starting part. We work very hard with Ionic. 56:01 – Panel: If they have questions where should they post them – chat, or form? 56:20 – Guest: Yes, ask away – any questions. 56:41 – Panel: How do you make money? 57:00 – Guest: If you want to build the Android portion, but you don’t want to take the time, we have a hosted platform that will handle that for you. Help you create your build so you don’t have to create all of the native stuff. 57:29 – Picks! 57:35 – Chuck: I have more stuff to play with – dang it! I am happy to outsource to you, Chris! 58:00 – Sarcasm. 58:26 – Chuck: Thank you for sharing your stories, Michael and Mike! 58:38 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue React Angular JavaScript DevChat TV Ionic – Vue Ionic Star Track Onsen UI Beep Have I been Pawned? Michael T.’s LinkedIn Mike H.’s Twitter Michael T.’s Twitter Sponsors: Fresh Books Cache Fly Kendo UI Picks: John NMP Library – DoteNV The 12 Factor App Divya Post by Sara S. Headspace – daily meditation Chris Library called CUID Library – MapBox Netflix – The Originals Chuck Friends of Scouting – good cause to give money Michael AIRBNB Lottie Steam Support Mike Blog Post – GitHub Integration Infinity War Joe Movie Peppermint Burn After Reading Goodbye Redux Special Guests: Michael Tintiuc and Mike Hartington.
VoV 033: “Panelists Contributing to Opensource” (Pt. 2)
Panel: Charles Max Wood Chris Fritz Erik Hanchett Divya Sasidharan In this episode, the panel talks amongst themselves on the topic: how does one contribute to opensource work? They discuss the various ways that they contribute, such as speaking at conferences, recording videos for YouTube, podcasting, among others. Check-out today’s episode to get some insight and inspiration of how YOU can contribute to YOUR community! Show Topics: 1:11 – We have decided we haven’t completed this topic 1:23 – Last time we went around the panel and see how we contribute? One of the ways I contribute to opensource is organizing events and conferences. Divya, you write some code – a little bit? 2:05 – Divya. 2:11 – Panelist: Divya, you speak at conferences, write blog posts, and code. Super top-secret project? 2:33 – Divya: I am trying to grow. Maybe I can talk about the secret project later? 2:56 – Panelist: Yes, I contribute through videos and education. I’ve tried in the past seeing issues in opensource, but I find that I am better at teaching. Charles you run a Vue Podcast? 3:29 – Chuck: Yeah, that’s what they say. I work on the podcasts, online conferences, eBooks, and online summits. Lastly, Code Badges that is on Kickstarter. 4:06 – Panelist: How we can contribute to opensource and still make a living. What is free and what we charge for? Finding a balance is important – we covered that last time. How to get into opensource in a variety of ways: How do you start speaking at conferences? How to you write code for opensource? Divya, how do they start? Do you need a public speaking degree? 5:29 – Divya: It might help. To get started with public speaking – it’s deceptively easy but then it’s not at the same time. You submit a proposal to a conference and it’s either accepted or declined. You have to learn how to CRAFT your ideas in a CFP to show the panel that this topic is RELEVANT to the conference and that you are an expert. It’s not the speaking that’s the hard part it’s the writing of the proposal. 7:00 – Panelist: You have talked about CFP – what is that? 7:09 – Divya: It’s a Call For Papers (CFP). It’s just a process of being accepted at a conference. Sometimes conferences have an open call – where they might have a Google form or some software to fill out some details. They will ask for your personal details, a short draft, the title of your talk, and a longer description (why you should be the speaker, etc.). It’s a multi-step process. Even though YOU are the right person to talk about X topic – you don’t have to be – you just have to SOUND like you know what you are talking about. Show that you’ve done your researched, and that you have some understanding. Also, that you are capable of presenting the information at the conference. That’s what I mean by being “THE BEST” person. 9:33- Charles: They aren’t looking always for the expert-level of explaining X topic. Even if it’s at the basic level that’s great. If you can deliver it well then they might pick your proposal. I have spoken at a number of conferences, and I started talking at Meetups. Most organizers are desperate for people to give talks. If you talk at these informal settings – then you get feedback from 10:47 – Divya: Yes, lightning talks are great for that, too. This way you are flushing out what you do and don’t want to talk about. 11:07 – Charles: A lot of people don’t realize that they are good speakers. The way to get better is to do it. I am a member of Toast Masters. You gain experience by talking at many different events. 12:23 – Panelist: I don’t know much about Toast Masters – what is it? 12:29 – Charles: Toast Masters, yes, they collect dues. As you sit in the meeting you have time to give feedback and get feedback. They have a “MM” master, and a grammatical master, and another specialist that they give you feedback. It’s a really constructive and friendly environment. 13:42 – I’ve been to Toast Masters and the meetings are early in the morning. 7:00 or 7:30 AM start time. Everything Chuck just said. I went to a couple and they don’t force you to talk. You can go just to see what it’s about. 14:21 – Charles makes more comments. 14:48 – Meetups is a great way to get into the community, too. What if Toast Masters sounds intimidating, and you don’t think you can speak at a Meetup just, yet. Are there more 15:18 – You can be the town crier. Stand on the soapbox and... 15:32 – There is someone sitting on a soapbox and screaming to a crowd. 15:43 – Chuck: You can do a YouTube video or a podcast, but I think getting the live feedback is super important. Toastmasters are so friendly and I’ve never been in front of a hostile crowd. You get up and they are rooting for you. It’s not as scary as you make it out to be. You aren’t going to ruin your reputation. 16:48 – Local Theater! That helps a lot, to me, because you have lines to read off of the script. You are a character and you get to do whatever you want. Also, teaching really helps. You don’t have to be a professional teacher but there are volunteer areas at a local library or your community centers and libraries. Find opportunities! 18:18 – Divya: Improvisation is good for that, too, back to Chris’ point. Improvisation you don’t have the lines, but it forces you to think on the spot. It helps you practice to think on the spot. 19:04 – Teaching is good for that, too. It makes you think on the spot. You have to respond on the fly. Life teaching is Improvisation. 19:31 – Charles: You learn the patterns that work. 19:57 – Panelist: There are some websites that can track your CFP due dates. You can apply to talk to 5-6 different conferences. You pitch the same idea to 5-6 conferences and you are bound to get picked for at least 1 of those conferences. 20:51 – Divya: There is an account that tweets the CFP due dates that are closing in 1-2 weeks. Check Twitter. 21:25 – Chuck: Take your CFP and have someone else look at it. I know a bunch of conference organizers and ask them for their feedback. 21:48 – Title and description need to be there. 22:48 – Divya: Look at past events to see what was already done in past conferences. This is to see what they are kind of looking for. Divya talks about certain conferences and their past schedules. 23:52 – Eric was saying earlier that you could send in more than 1 proposal. Another one suggests sending in 3 proposals. Someone would love to accept you, but say there is someone else you beats you by a hair. 24:31 – Divya: The CFP process is usually blind and they don’t “see” you until later. Most conferences try to do this so there is no bias. They will ask for no name, but only focusing on content. 25:28 – Sarah May has some great suggestions. Look at the show notes under LINKS. 25:57 – Advertisement – Get A Coder Job! 26:34 – We have talked about how you submit your proposals. Maybe let’s transition into another topic, like education. Eric – do you have any tips into writing blog posts and such? 27:36 – Eric: Find a topic that you want to learn and/or you are expert on. Going out there and putting out content for something you are learning. If you get something wrong then someone will probably call you out. Like Reddit you might get more criticism then vs. your own blog. I look for topics that interest me. 28:30 – Panelist: How do you get people to see it? 28:40 – Eric: Consistency – sharing on your social media channels. Reddit, Frontend, and/or other sites. I’m doing this for myself (first), and secondary I am teaching other people. 29:23 – Getting feedback from people is great. 29:40 – Eric: It’s a process to build that audience, build quality content, and keep up with it. Facebook groups – hey I put this content out there. Another way you can do it is work with a publisher and try going to a site called PluralSite. 30:47 – Do you have to be famous, like Joe, to get onto their site? 31:09 – Chuck: The audition process I got screwed on. They ask you to record a video, fix anything in the video, and then they will tell you if they will accept your courses or not. 31:37 – People who will distribute your content, there is a screening process. Guest blog, too, will get your name out there. 32:23 – Chuck: You just have to be a level above the reader. 32:37 – Odds are that you can explain it better than someone who learned it 5 years ago. Even if it’s a basic JavaScript thing that you JUST learned, who cares put it out there. If you made X mistake then I’m sure thousands of other developers have made the same mistake. 33:17 – Twitter is a great platform, too. A short and sweet Tweet – show them your main idea and it can get 34:01 – Comments. 34:04 – I use Ghost for my blogging platform. You can start off on Wordpress and others write on Medium. 34:25 – Divya: I like to own my own content so I don’t write on Medium anymore. 34:40 – I like my content on my OWN site. That’s why I haven’t been using Medium anymore. There are more pop-ups and such, too, so that’s why I don’t like it. 35:06 – Divya: If you don’t want to start up your own site, Medium is nice. Other users pick it up, which is an easy way to spread content right away. 37:13 – Chuck: Some of them will pay you for that. 37:23 – Sarah Drasner on the Vue team is an editor of CSS tricks. Good way to get your content out there. 37:48 – Divya: Sarah will work with you. Not only do you get access to put content out there, but then you get feedback from Sarah, too! 38:19 – Remember if you are doing a guest post – make sure to put out solid examples and good content. You want to put time and effort into it, so put more 39:02 – Any more advice on educational content? 39:11 – Chuck: I am always looking for guests for the podcasts and topics. You reach out and say I would like to be a guest on such and such a show. 39:39 – I thought back in the day – oh those podcast hosts are for THOSE famous people. They must have some journalism degree, and here I AM! It apparently is not that bad. 40:19 – Chuck: When I was coding semi-professionally for 1 year and my friend Eric Berry (Teach Me To Code – website) he was looking for someone to record videos for him. I submitted a video and I just walked through how to do basic routing. Basic for Ruby on Rails users, and I said that this is my first video. I tweeted that information. Screen Flow reached out to me because I mentioned their name, and I got a license and a microphone to help me record my videos! That gave me the confidence to start podcasting. It’s scary and I’m thinking I will screw this up, I don’t have professional equipment, and look at me now! 42:46 – To be a podcast host it isn’t much. 42:55 – Chuck: I am trying to make podcasting easier. The hard part is preparing the content, get it edited, getting it posted. It’s all the other stuff. Recording and talking isn’t that bad. 43:28 – What are my steps if I want to start a new podcast? 43:39 – What microphone should I get? 43:48 - $100-$130 is the Yeti microphone. Do I need a professional microphone? People can’t tell when guests talk on their iPhone microphone or not. Especially if you already have those then you won’t be out if you don’t want to continue with podcasting. Record for free with Audacity. Have something to talk about and somewhere to post it. 45:01 – Panelist asks Chuck more questions. 45:13 – Divya. 45:29 – It’s easier if everyone is in the same room. If the sound quality is good enough then people will stay, but if the quality is poor then people will go away. I recommend Wordpress - it’s super easy. You can host on Amazon, but if you will host long-term then use Libsyn or Blubrry. Great platforms will cost you less then some others. 46:58 – iTunes? 47:04 – Podcast through iTunes you just give them a RSS feed. All you do is fill out some forms. Submit that and it will run – same for Google Play. You might want to get some artwork. In the beginning for me I got a stock image – edited it – and that was it. One I got one of my headshots and put the title on there. 48:06 – Then when people will hear this... 48:23 – Summary: microphone, content, set up WordPress, submit it to iTunes, and record frequently. Keep improving. 48:46 – Anything you are doing anything online – make sure your mantra is “this is good enough.” If you spend tons of hours trying to perfect it – you might drive yourself crazy. 49:18 – Not everyone will enjoy podcasting or YouTubing – so make sure you don’t invest a lot of money at first to see where you are. 50:06 – Educational content topic continued. Contributing to coder depositories. What’s the best way to get into that? 50:28 – Chuck: Some will say: This one is good for a newbie to tackle. You just reach out – don’t just pick it up and tackle it – I would reach out to the person first. Understand what they need and then work on it, because they might have 2 other people working on it. 51:11 – Divya: Hacktoberfest – Digital Ocean – they publish opensource projects. 52:22 – Yeah check it out because you can get a free t-shirt! 53:50 – Chuck: Doing the work that the hotshots don’t want to do. It helps everyone out, but it might not be the most glamorous job. 55:11 – Spelling mistakes – scan the code base. 55:43 – Divya: If you do small contributions that people DON’T want to do – then these contributors will see you and you will be on their radar. You start building a relationship. Eventually people will start giving you more responsibilities, etc. 56:59 – Chuck: I have seen people been contributors through Ruby on Rails. They got the gig because the core team sees your previous work is reliable and good work. 57:26 – Is there a core contributor guideline? 57:37 – Good question. If Divya likes you then you are in. 57:47 – It’s Evan who makes those decisions, but we are working on a formal guideline. 58:52 – Will they kick you out? 59:00 – Unless they were doing bad stuff that means pain for other people you won’t get kicked out. 59:33 – Representing Vue to some degree, too. The people who are representing Vue are apart of it. We are trying to get a better answer for it, so it’s complicated, but working on it. 1:00:02 – How did you get on the team? Well, I was contributing code, I was discussing ways to better x, y, and z. Evan invited me to come into the core team. Basically he did it so he wouldn’t have to keep babysitting us. 1:01:06 – Chuck. 1:01:20 – Panelist. 1:01:48 – Panelist: One of our core team members got his job because he was answering questions from the community. He is not a software developer by training, but his background is a business analyst. You don’t have to contribute a ton of code. He was a guest so check out the past episode. See show notes for links. 1:03:05 – Chuck: We need to go to picks and I think that topic would be great for Joe! 1:03:24 – Advertisement – Fresh Books! Links: Vue React Angular JavaScript DevChat TV GitHub Meetup Ghost.Org Miriam Suzanne’s Twitter Sarah Mei’s Article: What Your Conference Proposal is Missing WordPress Sarah Drasner’s Twitter CSS Tricks Netlify Sponsors: Get A Coder Job! Cache Fly Kendo UI Picks: Eric Headless CMS Dyvia Blogspot - Building a 3D iDesigner with Vue.js The Twitch Streamers Who Spend Years Broadcasting to No One Chris Cat Content Twitter Account https://www.patreon.com/akryum The Great British Baking Show Charles Embrace the Struggle SoftCover.io getacoderjob.com swag.devchat.tv
VoV 032: “Recursion with Vue” with Kyle Holmberg and Alex Regan
Panel: Charles Max Wood Chris Fritz Special Guest: Kyle Holmberg & Alex Regan In this episode, the panel talks with two guests Kyle and Alex who work together in opensource. Kyle is a software engineer at AutoGravity interested in full-stack web development, graphic design, integrated systems, data visualizations, and soccer. Alex writes code and works with Parametric Studios, and he also loves puppies. Check out today’s episode where the panel and the two guests talk about the different frameworks and contributing to opensource. Show Topics: 3:03 – We got together because Alex mentioned his project. He was looking for something to get up running nice and easy. Boot Strap 4. That is a nice choice and I was contributing as a core team member at the time. He started with how do I get started with Boot Strap Vue. At the time I asked how do you do this...? And that’s how we got started. 4:03 – Guest continues more with this conversation. 4:30 – Chris: How did you start contributing within your company? 4:44 – Guest: There is a lot of autonomy with the last company I was working with (3 people there). I needed more fine tooth hooks and modals. Someone says X and you try to figure it out. So I was looking at the transitions, and there was a bug there. They hadn’t implemented any hooks, and I thought I could figure this out. From there, if you want a change I can help out. I don’t know if that change got implemented first. I started contributing some things to the library. I really got involved where someone (the creator of the library said you could be a core member. He took a trust in me. I started a lot in test coverage. That might not be the normal path to take. 6:39 – How long have you been developing? 6:42 – Guest: A year and a half. 7:00 – Chris: Any tips to opensource for beginners. 7:10 – Guest: Yes, having a thick skin. Everyone is anonymous on the Internet. People say things that they normally wouldn’t say in person. I figure if you put something out there someone will correct you. How can I get feedback? If you put yourself out there it’s like: failure to success. That process is what makes you better. 8:21 – Chris: Issues and chat like that. There is a lot of context that gets lost. When you just see the text it may seem angry 8:43 – Guest: I have a tendency towards sarcasm, and I have to save that to last. People come from different languages, and I’m not talking about software languages. English isn’t everyone’s first language. Good thing to keep in-mind. 9:14 – Internet is an international community. 9:22 – Guest continues this talk. Opensource is good to work on to get started with contributions. Especially with Operation Code it’s geared towards beginners; less complex. 10:30 – That is a good difference to show. 11:01 – Question. 11:05 – Guest. If you are a person with a lot of skin in their projects – I take pride in my work – I think if you have that mentality that you will want to submit to every request. Find some way to test every request against a...is this my concern or their concern? Figure out the boundaries. You will make mistakes and that’s fine. 11:54 – Panelist. 12:02 – Guest: Coming up with good interface boundaries for your libraries. 12:11 – Chuck: Once we figured out what really mattered than it makes it easier to say: yes or no. 12:26 - Guest: Conventional Commits. 13:06 – So Kyle what did you getting into opensource look like? 13:19 – Alex: Boot Strap. Operation Code. 15:07 – Chuck chimes-in about Aimee Knight and other people. Serving people and their country. You are helping people who have sacrificed. 15:58 – It is totally volunteer-based. 16:05 – Chris: What kind of questions did you ask Alex? How did you decide what to put in an issue? 16:25 – Alex: I tend to go to Stack Overflow. If it is in regards to a library I go to GitHub. Real time texts. Next.js – I just contributed to this this week. 19:21 – Chris: This question is for either one of you. For Questions and Answers – do you have any suggestions on what NOT to do when seeking help? 19:46 – Stay away from only asking a question in one sentence. There is so much information/context that you are leaving out, and that can often lead to more questions. Reasonable amount of contexts can go a long way. Code samples. Please Google the details for the markdown if it is a huge code. Context, context, context! 20:44 – I have an error, please fix it. Maybe that needs more context? 20:53 – Guest: What were you doing? There is a bigger overarching element. The problem they can see in front of them and what is the thing that you are TRYING to solve? 21:44 – More contexts that can help with a helpful answer. 21:53 – Guest: If someone used some learning tool... 22:13 – Chuck chimes-in. Chuck: It is something different that it could do something that you didn’t expect. 22:47 – Alex: Those are great moments. I love it when Kyle sees... That snowflake of your problem can help with documentation caveats. 23:44 – People are probably copying pasting. 24:05 – It can be the difference between understanding the page and not especially What not to do and what to do – any other tips? Can you have too much information? 24:32 – Guest: I am guilty of this sometimes. You can have too much information. The ability to converse in a real-time conversation is better. That’s my route to go. Maybe your problem is documented but documented poorly. Go to a real-time conversation to hash things out. 26:15 – Guest: If you do your homework with the different conversations: questions vs. concerns. Real-time conversation. He talks about GitHub issues and Stack Overflow. 27:48 – Chuck: My password is 123... If they can duplicate... Alex: Yeah too much information isn’t good. Some places mandate recreation like a JS Fiddle. Like Sandbox are cool tools. 29:32 – Is there a way to do the code wrong? 29:38 – Advertisement. 30:25 – Guest chimes-in with his answer. 31:31 – Question. If it’s opensource should they share? 31:33 – Absolutely. The difference that makes it for me is great. I can spot things that the machine can help me find. One small tip is when you provide code samples and GitHub issues use... The further you go out to recreate the problem there is a high payoff because they can get something working. The big difference is that it’s a huge pain to the person trying to convey the issue. If I do the simple version...I think you have to weigh your options. What tools are out there? Generate your data structure – there are costs to recreate the issue. 33:35 – Chris: 500 files, apps within the app – intercommunicating. All you do is download this, install this, it takes you ½ a day and how does this all work? 34:03 – Guest: You have to rein it in. Provide the easiest environment for it to occur. If you are having someone download a table and import it, and use a whole stack – you can try it – but I would advise to work really hard to find... 34:50 – In creating a demo keep it simple? 35:52 – Guests reply. 36:02 – Chuck. 36:07 – Chris: I learned about your experiences coming to opensource. Anything else that you would like to share with new contributors? 36:25 – Guest: Start with something that you have a genuine interest in. Something like a curiosity light bulb is on. It makes it more interesting. It’s a nice way to give back. Something that interests you. I have not found a case yet that I’m not compelled to help someone. Putting yourself out there you might be given a plate you don’t know what to do with. My learning experience is how welcoming opensource is. Maybe things are changing? 38:31 – Chuck: I have seen those communities but generally if they are there people frown down upon it. The newer opensource communities are very friendly. These projects are trying to gain adoptions, which is for the newer users. 39:17 – Guest: Final statements on opensource. Even if you think it is a small contribution it still helps. 40:55 – Guest chimes-in. It is important to have a platter for newcomers. 41:15 – Chris: I am curious to talk to you about how you’ve written React applications among others. Any advice? What resources should they 41:46 – Guest: Yeah. If you are making your new React application (from Vue land) there are many things that are similar and things that are different. As for preparing yourself, I am a huge fan of this one course. I had been coding (plus school) so 5 years, it’s okay to dive-into community courses. Dive-into a tutorial. Understand the huge core differences. He goes into those differences between React, Angular, and Vue. 43:30 – Guest talks about this, too. 45:50 – React doesn’t have an official router. Vue provides (he likes Vue’s mentality) other things. There is a library called One Loader. 46:50 – Guest: I was at a Meetup. One guy was doing C-sharp and game development. His wife had a different background, and I think they were sampling Angular, Vue, and React - all these different frameworks. That was interesting to talk with them. I relayed to them that Vue has free tutorials. Jeffry had an awesome Vue Cast. I think that’s what got me started in Vue. I learned from this tool and so can you! 48:11 – Chris: You aren’t starting from scratch if you know another framework? Do they translate well? 48:33 – Guest: I think so. There are a lot of ways to translate those patterns. 49:34 – Guest: React Rally – I just went to one. 49:50 – Chris chimes-in. Slots is mentioned 50:27 – Guest mentions the different frameworks. Guest: I went into functional components in Vue. I learned about the way... It helps you translate ideas. I don’t recommend it to everyone, but if you want to dig deep then it can help bridge the gap between one frameworks to another. 51:24 – Chris adds to this conversation. 51:36 – Guest: They are translatable. They are totally map-able. 5:46 – Chuck: Say someone was going to be on a Summit where they could meet with the React Core Team. What things would you suggest with them – and say these things are working here and these are working there. 52:12 – Guest: I would love to see... 53:03 – React doesn’t have a reactivity system you’d have to tell it more to... 53:15 – Guest chimes-in. Panel and guests go back-and-forth with this topic. 54:16 – Tooling. 55:38 – Guest: With React coming out with time slicing features how does that map to Vue and what can you say from one team to another. What is there to review? There is a lot of great things you can do with... 56:44 – Conversation continues. 57:59 – React has some partial answers to that, too. Progress. 58:10 – When Vue came onto the scene everyone felt like why do we need another framework? We have Ember, and... But with Vue it felt cohesive. It had an opportunity to learn from all the other frameworks. In terms of progress everyone is on the frontlines and learning from each other. Everyone has a different view on it. How can se learn from this and...? 59:12 – Chris: I am grateful for the different frameworks. Anyone comes out with a new tool then it’s the best. Creating something that is even better than before. 59:38 – Guest. 59:49 – Chuck: There are good frameworks out there why do I need another one. That’s the point. Someone will come along and say: I like what’s out there but I want to make... That’s what Vue was right? In some ways Vue was a leap forward and some ways it wasn’t – that’s how I feel. We need something to make things a bit easier to save 10 hours a week. 1:01:11 – Even Vue’s... 1:02:20 – Guest: In terms of why do we need another framework conversation – I don’t think we need another reason. Go ahead, what if it is groundbreaking it makes everyone do things differently and keep up. I love the idea that JavaScript is saying: what is the new framework today? The tradeoff there is that there are so many different ways to do things. It is hard for beginners. 1:03:88 – Chuck: How to find you online? 1:03:49 – Kyle states his social media profiles, so does Alex, too. 1:04:06 – Chuck: Let’s do some picks! 1:04:10 – Code Badges’ Advertisement Links: JSON Generator Ember.js Vue React Angular JavaScript Udemy One-Loader YouTube Talk: Beyond React 16 by Dan Abramov Badgr Kickstarter: CodeBadge.org Alex Sasha Regan’s Twitter Kyle Holmberg’s Twitter Kyle’s website Dev.to – Alex’s information DevChat TV GitHub Meetup Operation Code Sponsors: Kendo UI Digital Ocean Code Badge Cache Fly Picks: Chris Home decorating shows Charles TerraGenesis GetaCoderJob.com Swag.devchat.tv Codebadge.org Kyle OperationCode Yet Another React vs.Vue Article Hacktoberfest Alex Uplift Standing Desk System 76 Rust Special Guests: Alex Regan and Kyle Holmberg.
VoV031: “Panelists Contributing to Opensource: Do Good, Do Well” (Pt. 1)
Panel: Divya Sasidharan Charles Max Wood Joe Eames Chris Fritz Erik Hanchett John Papa Special Guest: No Guest(s) In this episode, the panel talks amongst themselves on the topic: how does one contribute to opensource work? They discuss their various ways that they contribute, such as speaking at conferences, recording videos for YouTube, podcasting, among others. Check-out today’s episode to get some insight and inspiration of how YOU can contribute to YOUR community! Show Topics: 1:31 – Erik: Contributing to opensource – and being a good resource for the community. Contributing and still making a living. If people want to make this more sustainable and doing work for the community. 2:26 – Chuck: What do you been by “contributing” – because people could think that “code contributions” would be it. 2:50 – Erik: Answering people’s questions in a chat, code contributions, or doing a podcast or doing a blog posts. I think there are a lot of ways to contribute. Really anything to make their lives and work easier. 3:33 – Panelist: Can we go around and ask the panel individually what THEY do? It could be as simple as mentoring someone at your work. I’m curious to see what the panelist members have done. Sometimes you can get paid for those contributions. 4:40 – Panelist: I am super scared to contribute source code. I really love organizing things: Meetups, conferences, etc. That’s my favorite sort of work. It is also terrifying, though, too. Educational content and organizing conferences are my favorite ways to contribute. 6:10 – Panelist: Why is that attractive for you? 6:22 – Panelist: That’s a good question. I’ve already started planning for the 2022 conference. It’s very physical – there are people that are present. Very direct interaction. My second favorite is sometimes I will teach at local boot camp, and the topic is about interviewing. There is interaction there, too. 8:32 – Panelist: Why do you think organizing conferences is useful? 8:46 – Panelist: Top way is that I will hear stories after the fact. “Oh I came to the conference, met this person, and now I have a new job that pays 30% more...thank you!” Stories like that are rewarding. It’s a ripple effect. A conference the main thing you are putting out there are videos (main product) going to YouTube. The people that are there, at the conference, are interacting people and they are making friends and making contacts. It inspires them to do better. John Papa just goes out there to talk into the hallway. You can talk to Chris Fritz in the hall. Make yourself available. You are the celebrities and people want to meet you. 12:20 – Panel talks about how desperate they are to talk to Chris. 12:36 – Panelist: Going to conferences and meeting other people. 13:08 – Panelist: Taking part of conferences in other ways. That’s something that you do Divya Sasidharan? 13:33 – Divya: It depends on your personality. You get to speak as a speaker, because you get visibility fast. I don’t think you don’t have to speak if you don’t want to speak. Anything within your community that is beneficial. Or the one-to-one interactions are great. Having a conversation with another person that cannot respond. It’s nice to give a speech because it’s a one-way conversation. I like the preparation part of it. The delivery is the nerves, afterwards is a high because it’s over with. I really like writing demos. For the demos I put in a lot of time into it. It gives me the space and time constraint to work on those demos. 16:10 – Do you like the preparation or the delivery? 16:20 – Preparation part that I do not like as much because it is nerve-wrecking, and then the anticipation to go up there on stage. 16:55 – Panelist: I am nervous until when it starts. Once I start talking – well that’s it! Can’t go back now. 17:26 – John: I have given a few talks at a conference. 17:39 – Panelist: Doing good and contributing. I knew John Papa when he was in Microsoft in 2000/2001. I read about it. Everyone knew about him. It would be so GREAT to meet John Papa, and now we are friends! We get to talk about personal stuff and I learn from him. 18:42 – Chris: I have had moments like that, too. Act like they are a normal person. 19:01 – Chuck: After I walk off the stage people want to talk to me afterwards. 19:24 – John: For my personal style, I learn about talking at conferences. I spend a lot of times building a demo. I don’t spend a lot of times with decks. I work on the code, the talk separately. I whip that up quickly, so I don’t This is the story I am going to tell – that’s what I tell myself before I do a talk at a conference. Afterwards, people come up to you years later – and they give you these awesome feedback comments. It’s a huge reward and very fulfilling. There was someone in this world you were able to impact. That’s why I like teaching. I watch the sessions on YouTube. I want to have deep conversations with people. You are missing out if you aren’t talking to people at the conference. 23:26 – Panelist: Yeah, I agree. I do a lot of YouTube videos. I write a blog for a few years on Node and such. Then I got into videos, and helping new developers. Videos on Vue.js. Like you, Joe, I try to combine the two. If I can help myself, and OTHERS, that is great. I promote my own courses, my own affiliate links. It’s really fun talking in front of a video camera. Talking through something complex and making it simple. 24:52 – Panelist: Creating videos vs. speaking at a conference. 25:02 – Panelist: My bucket list is to do my conferences. I want to start putting out proposals. Easiest thing for me is to make videos. I used to do 20 takes before I was happy, but now I do one take and that’s it. 256:00 – Sounds like lower effort. You don’t have to ask anyone for permission to do a YouTube video. 26:21 – Panelist: Even if you are a beginner, then you can probably help others, too. At first, you feel like you are talking to yourself. If anything else, you are learning and you are getting experience. The ruby ducky programming. Talking to something that cannot respond to you. 27:11 – Like when I write a... 27:29 – Check out duck punching, and Paul Irish. 28:00 – Digital Ocean 28:42 – The creativity of doing YouTube videos. Is that rewarding to be creative or the organization? What part do you like in the creation process? 29:23 – I think a blog you have text you can be funny you can make the text interesting. With videos it’s a whole new world of teaching. YouTubers teaching certain concepts. There are other people that have awesome animations. If I wanted to talk about a topic and do something simple or talk outside – there are a ton of different ways 31:10 – Panelist: Some times I just want to go off and be creative; hats-off to you. 31:28 – Panelist: I have tried to do a course with time stamps and certain 32:00 – D: Do you have a process of how you want to create your videos – what is your process? 32:22 – Panelist: I have a list of topics that I want to talk about. Then when I record it then I have a cheat sheet and I just go. Other people do other things, though. Like sketches and story boarding. 33:16 – D: Fun, fun, function. He has poster boards that he holds up and stuff. 33:36 – Panelist: People who listen to this podcast might be interested in podcasting? 33:54 – Panelist: Anyone who runs a podcast, Chuck? 34:16 – Chuck: When I started podcasting – I initially had to edit and publish – but now I pay someone to do it. It is a lot more work than it is. All you have to do is record and have a decent microphone, and put it out there. 35:18 – Panelist: It’s a labor of love. You almost lost your house because at first it wasn’t profitable. 35:45 – Chuck: Yeah for the most part we have it figured it out. Even then, we have 12 shows on the network on DevChat TV. 3 more I want to start and I want to put those on YouTube. Some people want to be on a new show with me. We will see. 36:37 – Chuck: I have a lot of people who asked about Python. We all come together and talk about what we are doing and seeing. It’s the water cooler discussion that people can hear for themselves. The conversation that you wish you could have to talk to experts. 38:03 – Podcasts provide that if you cannot get that at a conference? 38:16 – Conference talks are a little bit more prepared. We can go deeper in a podcast interview, because we can bring them back. You can get as involved as you want. It’s also 38:53 – Chuck: Podcasting is good if there is good content and it’s regular. 39:09 – Panelist: What is GOOD content? 39:20 – Chuck: There are different things people want. Generally they want something like: Staying Current Staying on the Edge When you go into the content it’s the host(s). I identify the way this host says THIS a certain way or that person says something THAT Way. That is all community connection. We do give people an introduction to topics that they might not hear anywhere else. With a Podcast if something new comes up we can interview someone THIS week and publish next week. Always staying current. 41:36 – Chuck: A lot of things go into it and community connection and staying current. 41:52 – Panelist: How to get started in EACH of the things we talked about. How do we try to get paid for some of these things? So we can provide value to communities. Talking about money sometimes is taboo. 43:36 – Panelist: Those are full topics all in by themselves. 43:55 – Chuck: Sustainability – let’s talk about that. I think we can enter into that 44:15 – Panelist: How do you decide what’s for free and what you are charging? How do you decide? 44:55 – Joe: I think one thing to start off is the best way to operate – do it because you feel like it needs to be done. The money follows. The minute you start solving people’s problems, money will follow. It’s good to think about the money, but don’t be obsessed. React conference. The react team didn’t want to do the conference, but it’s got to happen. The money happened afterwards. The money follows. Look for opportunities. Think ahead and be the responsible one. 47:28 – Panelist: If you want to setup a Meetup then go to... 47:45 – Panelist: I bet if you went to a Meet up and said you want to help – they would love that. 47:59 – Panelist: Yes, do something that is valuable. But events you will have a budget. Is it important to have money afterwards or try to break even? 48:38 – Joe: I think having money after the conference is just fine. The #1 thing is that if you are passionate about the project then you will make decisions to get that project out there. I can’t spend 500+ hours on something that it won’t help me pay my mortgage. 51:29 – Panelist: It’s not greedy to want money. 51:46 – Panelist: It’s a very thankless job. Many people don’t know how much effort goes into a conference. It’s a pain. People like Joe will put in 90 hours a week to pull off a conference. It’s a very, very difficult job. 53:42 – Panelist: Question to Divya. 54:00 – Divya: I have only been speaking for about a year now. For me, I feel this need to speak at different events to get my name out there. You wan the visibility, access to community and other benefits. These things trump the speaker’s fee. As I get more experience then I will look for a speaker’s fee. This fee is a baseline to make sure that you are given value for your time and effort. Most conferences do pay for your hotel and transportation. 56:58 – Panelist: How much is worth it to me to go and speak? Even if at the lower level; but someone who is a luminary in the field (John Papa). But for me it’s worth it. I am willing to spend my own dime. 58:14 – Panelist: John? 58:37 – John: You learn the most when you listen. I am impressed on your perspectives. Yes, early on you’ve got to get your brand out there. It’s an honor to speak then I’m honored. Do I have time? Will my family be okay if I am gone 3-4 days? Is this something that will have an impact in some way? Will I make connections? Will I be able to help the community? There is nothing wrong with saying I need to be paid X for that speech. It’s all of the blood, sweat, and tears that go into it. 1:01:30 – Panelist chimes in. I run conferences we cannot even cover their travel costs. Other conferences we can cover their travel costs; and everything in-between. There is nothing wrong with that. 1:02:11 – You have to be financially sound. Many of us do workshops, too. 1:02:59 – How do you get paid for podcasting? 1:03:11 – Chuck: I do get crap for having ads in the podcast. Nobody knows how much editing goes into one episode. It takes money for hosting, and finding guests, and it costs through Zoom. The amount of time it takes to produce these 12 shows is time-consuming. If you want to get something sponsored. Go approach companies and see. Once you get larger 5-10,000 listeners then that’s when you can pay your car payment. It’s a labor of love at first. The moral is that you WANT to do what you are doing. 1:06:11 – Advertisement. Links: The First Vue.js Sprint – Summary Conferences You Shouldn’t Miss The Expanse Handling Authentication in Vue Using Vuex Sponsors: Kendo UI Digital Ocean Code Badge Cache Fly Picks: Chris Vue Mastery Expanse TV Show Divya Disenchantment Handling Authentication in Vue Using VueX Joe Keystone Habits Charles The Traveler’s Gift The Shack Money! John Framework Summit Angular Mix
VoV 030: "How we use Vue in Data Science" with Jacob Schatz & Taylor Murphy (Gitlab Team)
Panel: Divya Sasidharan Charles Max Wood Joe Eames John Papa Chris Fritz Erik Hanchett Special Guest: Sarah Drasner In this episode, the panel talks with Jacob Schatz and Taylor Murphy who are apart of the GitLab Team. Jake is a staff developer, and Taylor is a manager at GitLab who started off as a data engineer. To find out more about the GitLab Team check them out here! Also, they are looking to hire, so inquire about the position through GitLab, if interested! The panel talks about Vue, Flux, Node, Flask, Python, D3, and much...much more! Show Topics: 1:51 – Chuck: Introduce yourselves, please. 1:55 – Backgrounds of the guests. 2:45 – Chuck. 2:51 – GitLab (GL): We first adapted Vue at the GitLab team for 2 years now. 3:34 – Chuck: What’s your workflow like through Vue? 3:50 – GL: We are using an application that...Using Python and Flask on the background. Vue CLI throughout the development. 4:35 – Panel asks a question. 4:40 – GitLab answers the question. 5:38 – Panel: Tell us about your secret project? 5:49 – GL: The data team at GL we are trying to solve these questions. How to get from resume to hire? There is data there. So that’s what Meltano helps with. Taylor has a Ph.D. in this area so he knows what’s he’s talking about. 7:30 – Taylor dives into this project via GitLab. 8:52 – GL: Super cool thing is that we are figuring out different ways to do things. It’s really cool stuff that we are doing. 9:23 – Panel: I’ve worked on projects when the frontend people and the data people are doing 2 different things. And they don’t know what each other group is doing. It’s interesting to bring the two things together. I see that teams have a hard time working together when it’s too separated. 10:31 – Panel: Can we get a definition of data scientist vs. a data engineer. 10:44 – Panel: Definitions of DATA SCIENCE and DATA ENGINEER are. 11:39 – GL: That is pretty close. Data science means different things to different people. 12:51 – Panel chimes in. 13:00 – Panel asks a question. 13:11 – GL: When I started working on Meltano... 14:26 – Panel: Looker is a visualization tool; I thought: I bet we can make that. I have been recreating something like Looker. We are trying to replace Looker. We are recreating a lot of the functionality of Looker. 15:10 – Panel will this be called...? 15:31 – Meltano analyze it’s apart of Meltano. Cool thing about Looker it has these files that show the whole visualization – drag and drop. With these files we can do version control. It’s built in – and if you drag it’s apart of a database. We took these files and we... 17:37 – Panel: Define Vue for that, please? 17:49 – GL dives into this topic. 18:40 – GL mentions Node. 18:52 – Chuck: What format does your data take? Do you have different reports that get sent? How does that work? 19:13 – GL: It tells a list of measures and dimensions. I setup our database to... 20:13 – Panel: Question. You chose Vue and it’s working. The reality you could have chosen any other tools. Why really did you choose Vue? 20:30 – GL: I know Vue really well. In the early 2000s I had my... If I have to repeat a process I always use Vue, because it’s the thing I am most comfortable with. This is how I program things very quickly. 21:10 – Panel: How has Vue met or exceeded or not met those expectations? 21:20 – GL: It has exceeded my expectations. One of the things is that as I am trying to staff a team I am trying to write Vue so when people see it they don’t think, “why would he do that?” 22:53 – Flux inspired architecture. 23:07 – GitLab continues the talk. 23:21 – Everything is Flux inspired in the sense that it was an idea to start with and then everybody made alterations and built things on top of that. 23:48 – Panel chimes in. 24:35 – Panel: Can you speak on the process of the workflow and process you work in Taylor and the data science and the frontend of it? 24:54 – GL: It’s the same but different. GitLab talks about Meltano some more, and also Taylor. GL: Taylor is trying to solve all these problems through Meltano. Maybe we can build our own tools? 26:05 – Panel: What’s a Lever Extractor?! 26:14 – GL: Answers this question. 26:25 – Panel: So it’s not a technical term...okay. 26:30 – GitLab continues the talk and discusses different tools. 27:18 – Panel: You are grabbing that data and Taylor is doing his magic? Or is it more integrated? 27:32 – GL answers this question. 29:06 – GitLab: In the beginning we are building that extractors for the other team, but later... The cool thing about Meltano is making it like Word Press. We have an extractor, different directories other things will be discovered by Meltano and discovered by the Gooey. If you write it correctly it can hook on to it. 30:00 – Digital Ocean Advertisement 31:38 – Panel: Meltano is a mix between Python and JavaScript or Vue? 30:43 – GL: Yeah... 31:20 – Panel asks question. How are you orchestrating the data? 31:32 – GL: Eventually it will happen with GitLab CUI. We are thinking we can orchestrate other ways. Right now it’s manually. 32:33 – GL: I like finding some sort of language that doesn’t have an extension...and writing... 32:54 – GL: I’m excited to use a tool that does things the right way like loading and transforming data but the frontend can be a joy to use. A previous company that I worked with and thought: It would be a joy to work with and connect to things that make sense, and do things the “right way”. I hope that’s what we can do with Meltano. I’m not a frontend person, but I appreciate it. 34:03 – GL: This is what I’m going to do...we will have these conversations between Taylor, myself, and our teams. 34:53 – Panel: This is a tool that people need to DL, maybe will you guys host this somewhere as a service. 35:10 – GL: We are trying to get this running. Small steps. It’s not out of the question and it’s not out of the question for this to be a service. 35:33 – GL: What do you want to do with the data warehouse? Your data is yours. 36:06 – Panel: Yeah, you don’t want to be in-charge of that. 36:17 – Panel: Have we asked where the name Meltano came from? 36:30 – GL: It sounds like a weird name. Here is the background of the name of “Meltano” came from. First name was from a sperm whale, it’s a unique name: Cachalot. 38:02 – GL: Conversation continues. 38:38 – Panel chimes in. 38:58 – GL: What does this program offering and doing...This was to help me with the name. 39:27 – GL: Acronym for Meltano: Model / Extract / Load / Transform / Analyze / Notebook / Orchestrate 39:47 – GL continues. They talk about notebooks. 40:19 –Sounds like a Daft Punk album! 40:28 – GL: I am trying to get more on the data science side. 40:57 – Panel: Question. Is Meltano super responsive and quick? 41:17 – GL: It depends on the size of the data, of course, but it is very responsive. 42:11 – GL: That job took 7-8 hours to extract everything for that specific project. 42:39 – GL: There are a lot of moving parts, so that could depend on it slowing it down or speeding it up. 43:01 – When you were building Meltano for your team, for the visualization how do you make decisions on what exactly you are visualizing? 43:18 – GL: That is the tricky part...you are one team. We are trying to find at a point where the data team is happy. One thing for example I put out a bar chart. Team member said that bar charts should always be vertical. So I am learning how they work and their wealth of information on visualization. 44:33 – Panel: Chris always does visualization. 44:48 – GL: Emily is on the team, and knows a lot about that. The correct way to visualize data so it doesn’t just look “cool.” You want it to be useful. Chart JS is what I use. 45:32 – Panel: I have used Chart JS before, too. 46:00 – Chris: I really like... 46:37 – Panel continues this conversation. 47:01 – Panel: Keynote will be given by...at this conference. 47:11 – GL continues to talk about this conversation. From nothing to something in a short amount of time. When I showed people: 47:55 – Panel: are you using Vue transitions? 48:09 – GL: Nope not even slightly. My plan was to use Vue transitions but it’s icing on the cake. Just get it working. 48:29 – Panel: A link of how I use... 49:14 – GL: This is a very small amount of code to where you are. It’s not like you had to re-implement triangles or anything like that. 49:36 – Panel: It does take some time but once you get it – you get it. 49:59 – Panel: When working with axis it can get hairy. 50:52 – GL: D3 really does a lot of the math for you and fits right it once you know how it works. You can draw anything with HTML. Check Links. 52:19 – Panel: There are a million different ways to do visualizations. There is math behind... 53:08 – Panel: D3 also helps with de-clustering. 53:25 – Panel: Any recommendations with someone who wants to dive into D3? 53:37 – GL: Tutorials have gotten better over time. 53:57 – Panel continues the conversation. 54:19 – GL: D3 Version 4 and 5 was one big library. You have C3 – what’s your opinion on C3? 55:00 – GL: have no strong opinions. 55:03 – Chuck chimes in. 55:18 – Panel continues this conversation. She talks about how she had a hard time learning D3, and how everything clicked once she learned it. 55:55 – GL: Main reason why I didn’t use D3 because... 56:07 – GL: If you were a “real” developer you’d... 56:35 – Panel: Let’s go to Picks! 56:40 – Advertisement – Code Badges Links: JavaScript Ruby on Rails Angular Digital Ocean Code Badge Notion Vue Meltano Looker Node Flux Taylor Python Chart JS React Chris Fritz – JS Fiddle D3 Chris Lema – Building an Online Course... Vuetify The First Vue.js Spring Vue CLI 3.0 Online Tutorials To Help You Get Ahead Hacker Noon – Finding Creativity in Software Engineer Indiegogo Create Awesome Vue.js Apps With... Data Sketches Vue.js in Action Benjamin Hardy’s Website Data Intensive: Don’t Just Hack It Together Article: How to Pick a Career...By Tim Urban Taylor A. Murphy’s Twitter Email: tmurphy@gitlab.com GitLab – Meet our Team Jacob Schatz’s Twitter Sponsors: Kendo UI Digital Ocean Code Badge Cache Fly Picks: Joe Ben Hardy on Medium Set Goals Chris Vue CLI 3 Vue CLI 3 on Medium Vue Dev Tools Get a new computer John Vuetify Divya Data Sketch One climb Finding Creativity in Software Engineering Erik Create Awesome Vue.js Vue.js in action Charles Get a Coder Job Building an online course Jacob Alma CCS Read source code Allen Kay Taylor Designing Data-Intensive Applications Wait But Why Special Guests: Jacob Schatz and Taylor Murphy .
VoV 029: Vue with Sarah Drasner
Panel: Divya Sasidharan Charles Max Wood Joe Eames John Papa Chris Fritz Erik Hanchett Special Guest: Sarah Drasner In this episode, the panel talks with Sarah Drasner, and John Papa is my boss! Sarah talks about the Vue alongside the panel. She goes into her many passions, and talks about how education and being a teacher is something that is quite important for her. Check out today’s episode to hear all of these topics, plus more! Show Topics: 1:42 – Chuck: Let’s talk about your February article, Sarah! 1:57 – Sarah: Sure! I have a great relationship with SMASHING magazine. They reached out to me and we started talking, because they noticed that people had questions about... It probably was one of my most popular articles. People were ready to graduate from jQuery. 3:36 – Panelist: I have gotten a lot of great feedback from people on this article, too. 4:00 – Sarah: it is a baseline. If they have heard about Vue and don’t’ know where to go from there. 4:15 – Panelist: It’s a great way to introduce yourself to people who don’t know you. 4:30 – Sarah continues the conversation. jQuery for a while was the “cheese stands alone” for a long time. 5:39 – Panelist chimes in. 6:15 – Like a long-term support system. 6:46 – Chuck: I am usually writing apps for myself. Lots of To Do Apps. 7:18 – Chuck I wonder how much I can run off of jQuery? 7:37 – Sarah: jQuery to Vue? I mean personally think that it’s much more obtainable. The improvements are great. I feel like I am more in-control when I use Vue. I tell people to try a project for a certain amount of time. I can tell you that how much I like the frameworks, but you have to try it. 9:34 – Panelist: Less code in Vue. 9:59 – Chuck: I do like the fact that... 10:14 – Panelist: you have to be disciplined. I am not always disciplined if I want to be honest. Where should I put a state that depends on another state? 10:42 – Sarah to Chris – Your style guide is helpful, Chris. If you really don’t mind in a certain framework, look at what people suggest based on their experience. Then you are not making those decisions for yourself, but you can see what works for others. 11:33 – Panelist: The style guides help them feel more confident for the people that he has talked to. They made more comfortable to feel more vulnerable. 12:13 – Sarah: That’s why I made those snippets for VS code. If it gives me a template then those little pieces of helpers can help keep your code more attainable. To make sure that the code review is on the up-and-up. 13:05 – Panelist: I do love those snippets. It does help me not to worry about missing certain things. I use the snippets for Live Demos. The feedback is that they don’t want to use Vue, but the snippets make it look really cool. 13:47 – Panelist: Many people don’t know this, but... 14:05 – Chuck: I know people are fans of jQuery...why do you hate jQuery? 14:26 – Sarah: I got some negative feedback and positive feedback. A debate started actually within these conversations. It happened around me, actually. What people know vs. what people don’t know. It was an interesting discussion, too. 15:26 – Panelist: Vue has this easy drop and save tag. Sarah, in your opinion... 15:58 – Sarah: Scotch IO has great articles out there. There are tons of writers out there. Actually, because there is nice ramp-up, that does help with adaption; just all together. That has had a lot to do with it, in addition through word-of-mouth. Whether if they, do or don’t, know how to use framework. 17:35 – Panelist: One number one thing they don’t’ like about Angular is that 99.9% time is that they are struggling with setup, bill process, when to set up different flags. It’s actually using the tool. 18:35 – Sarah: I wasn’t looking out to switch to Vue. At first, I was thinking: “Do I really have to try this out...? Why do I have to learn this, too?” I actually fell in love with it during the process. You can see this “falling in-love” on my Twitter. That for me has been one of the best experiences for me. Programs: Babble, Sass. This I would have to install one-by-one. To note that the developer’s experience is pretty important. 20:15 – Panelist: To have something there can create some anxiety for them. Even if they don’t need to know what those folders are can create anxiety. 20:59 – Sarah continues this conversation with her insights and comments. 22:00 – Panelist asks Sarah a question. 22:12 – Sarah Drasner: It really varies depending on the users’ experience. 23:17 – Panelist: If you are happy doing what you are doing – keep it. Don’t change. 23:32 – Sarah: The company dictates a lot of things for you. Lots of people don’t get to decide. If you are working with one giant build, then maybe... 24:27 – Panelist talks about a Vue template, and other topics. 25:16 – Sarah: Code Pen. 26:05 – Code Pen continues to be the topic of this conversation. 27:43 – Digital Ocean’s Advertisement. 27:21 – Chris to Sarah: You get people super excited about Vue because your demos are the BEST demonstrations. 30:30 – Fidget Spinner. 31:16 – Are you into animation? 31:28 – Sarah mentions: Smashing Magazine. Sarah’s dream job was to be in computer animation. She went to college and didn’t want to draw every frame. I can’t keep doing this. Eventually this led to we development. Full circle, I am back to what I originally fell in-love with. Coding is one of my favorite things. In animation anything can happen! In real-life you are limited, but with animation you can let your mind go wild. You can do anything. That is exciting for me. The web has so many different capabilities. 34:19 – Can you talk about your background as an educator? 34:28 – Sarah Drasner: I was a professor in the Greek Islands. I think teaching gives me so much joy. Especially for me to see the light in your student’s eyes. I think learning is really hard, so making that process easier for people is a goal of mine. I want to make materials easier for them to comprehend a certain topic or the material-at-hand. At first, I thought JavaScript was hard. Connecting the dots for people is worth it to me. It’s scaling my understanding. It’s moving things through the community – scale that knowledge. 36:43 – Creating resources for students that they never had. People, I am sure, are grateful for that. 37:19 – Sarah: t’s a really valuable thing to share this with one another. You can be a little bit selfish and when you have to teach a concept to a student this material will be embedded into you easier/better because you have to explain it. 38:12 – Sarah: What does the H Stand for? This article came up, because I had to answer someone’s question. Writing an article really solidifies your knowledge! 39:02 – Where do you like to teach? 39:07 – Sarah: Frontend Masters is one of them. It continues afterwards. 40:35 – Sarah: I still like making online content, the feedback you get in-person is very wonderful. 41:13 – Panelist adds comments. 41:47 – Sarah continues the conversation and talks about a specific conference. She talks about Nigeria and Nigerians. 43:06 – Sarah: It’s actually a huge venue. We rented a media company to help with stable Internet and web access. Just making sure that everything will be stable. It’s a real conference; it’s just free to them. It’s in a couple of days. I am feeling like that it’s a lot of stuff, but I know it will be valuable. We are looking for sponsorships!! It’s a great cause and totally engaging. 44:22 – Are you guys ready for your talks? 46:42 – Sarah: Her talk is going to be one of the best talks there. It can be quite political, but she doesn’t do that. What changes for the developer? It is quite masterful. She is doing a repeat performance. 47:16 – Panelist: I try... 47:24 – Sarah Drasner: I will be talking, too. 48:28 – Dumb jokes. 48:50 – Sarah: I feel that jokes don’t translate well across different countries. You have to find something more universal. I pick things that are universal to the human experience. 49:40 – Sarah: I guess in the introduction, I say who I am and then I bring Clippy on the stage... In addition, sometimes, TERRIBLE jokes go a long way! To show that you are actually human! 51:36 – A Wiki later... 51:48 – I put the bad jokes into the delivery. People need something to lighten the mood. 52:21 – Clippy and Microsoft Bob. 52:32 – E-Book Code Badges! 53:12 – Picks! Links: JavaScript Ruby on Rails Angular Digital Ocean Code Badge Notion Vue Sarah Drasner’s Article Sarah Drasner’s Twitter Sarah Drasner’s Website Sarah Drasner’s GitHub Sarah Drasner’s LinkedIn Sarah Drasner’s CSS-Tricks Sarah Drasner’s Medium Sponsors: Kendo UI Digital Ocean Code Badge Cache Fly Picks: Divya Sasidharan Article - Build a State Management Article - Where Vim Came From? Chris Fritz Dev Tools – Routing Tab and others Open Collective Sarah Drasner My friend’s speech / coworker, Ozcon Conference in Kenya the following year! Erik Hanchett Fidget Spinner Coder.Com Charles Max Wood Code Badge Notion.So Special Guest: Sarah Drasner.
VoV 028: “10 Things I Love About Vue with Duncan Grant”
Panel: Divya Sasidharan Erik Hanchett Joe Eames John Papa Chris Fritz Special Guest: Duncan Grant In this episode, the panel talks with Duncan Grant who is a JavaScript developer and he talks briefly about his background. Today he discusses the “Top Ten Things He Loves About Vue.” He works in Cambridge, UK and is quite involved there. You can check Duncan out through LinkedIn, Twitter, Medium, and other social media sites. He currently works for Cambridge Intelligence. Check out his bios to see Duncan’s latest activity! Show Topics: 2:30 – After a certain threshold, it doesn’t matter anymore if there is a vibrant community to learn and support from one another. If there were only one mindset then we’d be in trouble. 2:50 – Duncan: Having a community to support each other is great – I agree. 3:50 – I think too many people get wrapped-up in the “newest, best” thing out there and that can get tiring. 4:32 – Should I use X over Y? If you are happy and productive then there is no reason to switch. Why do that to yourself? 5:45 – Duncan: I only have been using Vue for only 1½ year. I was reluctant to use Vue at first. He wasn’t that interested. Eventually, I did have a look because it was someone saying: “Vue is the new jQuery.” There was a very out-there-comment, and so it made my interested to check-out Vue. Some of the concepts are very reusable. 8:03 – Let’s ask a question, first – what do you NOT like about Vue? 8:15 – Duncan: It’s the lack of what Vue has to offer or not offer. 9:09 – Vue doesn’t have a lot of opinions, unlike Angular among others. 9:52 – It depends on “how you like to roll.” 11:12 – It depends on where you are coming from. Try to take an Angular project, and apply it to “x, y, and z” and it is very difficult. 11:59 – The community (Vue) is growing bigger and bigger, but the jobs aren’t quite that high. Compared to Angular and hopefully it is changing. 12:236 – There are people looking to use Vue, but they don’t feel like they need someone with a lot of Vue experience, but ideally they are looking for someone who also knows JavaScript. 13:05 – For me, Vue, feels like I can get this thing running very quickly, but you don’t’ have to take them on when you are ready. It’s a slow progressive. But for Angular you have to bite upfront a little more upfront. But when you get past that it’s about the same. I think it’s easier to slip into Vue right away. 13:51 – Duncan: I agree with that comment. 14:32 – Wait...I came into learn “x, y, and z” but I have to learn “a, b, and c...”? 15:13 – There might be a lot of things to learn at first, but once you can do it then you can configure a lot of different things. 15:38 – If you start at the COI then you’re golden. 17:18 – If you have strong opinions then that’s good for them because it’s working for them. 17:53 - Divya Sasidharan adds her comments. 19:30 – Question to Duncan about something he said in his blog (2nd paragraph). Listen to this time stamp to see what the challenge is all about! 20:05 – Duncan: It probably doesn’t and I haven’t seen any horror stories. 21:39 – Topic: Components 21:48 – Duncan: “People say developers are lazy.” 22:28 – The panel talks about how they enjoy Duncan’s points in his blog. 25:15 – Divya Sasidharan adds her comments. 26:26 – It’s a progression. You think about some sort of state (I hear this a lot in the Angular world), who has logged-in their name do I really need X program? No, not really. Create a simple class. Use the right tool for the right job. 27:17 – Topic: Patterns 28:15 – We talked about this on previous episodes. It’s difficult to manage and it can get out of hand. 29:16 – Check-out this timestamp for a recommendation from one of the panelists! 29:56 – Mid-roll Advertisement for Digital Ocean! 30:50 – Let’s talk about Duncan’s talk after your blog post. Duncan feels that the material worked well for the blog set-up, but not for an actual discussion. Duncan talks about people’s concerns and dislikes about Vue. It’s hard when someone criticizes you, because is it your actual code or is it user’s error? 32:30 – A problem like not updating when it should – Vue.delete and Vue.set. 34:47 – Do it under the hood, so people don’t have to change the way they work. 35:07 – Question for Duncan: People have said, “Vue isn’t good for using large applications.” Have you heard this question before, and what do you think? 35:21 – Duncan’s answer to this question. He has only used Vue for medium-sized applications. But...for larger sized projects, then “yes” it could be complicated. It doesn’t matter what framework you use, because it’s “large” no matter what application you decide to use. 36:44 – Statistic given. 37:25 – Large-scale applications. 37:32 – Duncan talks about other criticisms from the blog post. 40:02 – What people are really getting at is that they want stability to keep it around for the foreseeable future. 41:00 – If Evan were to get hit by a bus... 42:52 – Everyone wants Vue to succeed and it’s a joint effort. 44:36 – Question to Duncan: “Getting back to your post. I am curious, what do you see is next for you? What are the next blog topics?” 45:00 – Duncan shares his thoughts on his next blog topics, such as: “Vue doesn’t have to be that scary...” 46:40 – It’s good that you point that out, because a lot of time we do things that are interesting to us, but if it isn’t interesting to the readers, then it wont’ go far. 47:05 – Like video games! 47:25 – Question to Duncan: “What are your personal challenges of advanced concepts as you were making the transition?” 47:53 – Duncan: “Interesting question, because Vue was easier for me. One small thing was the radioactivity that I had to learn.” 48:54 – Understanding patterns. 51:27 – The essential concepts in Vue, you can check that out. Want to make sure that people can get through that on their free day. New applications can be learned, and how to build on their Saturday afternoon. Going through all of their applications that quickly. 52:08 – Duncan: “You don’t have to invest in multiple days to learn Vue.” 53:57 – Let’s go to picks! 53:59 – Advertisement 54:37 – Picks! Links: JavaScript Ruby on Rails Angular Digital Ocean Code Badge Duncan Grant’s Website Duncan Grant’s GitHub Duncan Grant’s LinkedInDuncan Grant’s Midwinter Duncan Grant’s Medium Duncan Grant’s Twitter Vue jQuery Reddit Smashing Magazine: Replacing jQuery With Vue.js: No Build Step Necessary Cambridge Intelligence Sponsors: Kendo UI Digital Ocean Code Badge Cache Fly Picks: Divya Sasidharan Article: The Git Parable 9 Biggest CSS Grid Mistakes Cards Against Humanity John Papa Books: Star Wars STDLIB Chris Fritz Cards Against Humanity Coffee? Granola Milk & Honey Duncan Kombucha Tea Website: IndieHackers.Com Special Guest: Duncan Grant.
VoV 027: Code Automation
Panel: Divya Sasidharan Erik Hanchett Joe Eames Chris Fritz In this episode, the panel talks about code automation, generators, and other topics. They talk about the pros and cons of what generators can and cannot do. Later they discuss different codes, such as Prettier and Eslint codes, and also talk about their pros and cons. Check-out today’s episode to get the full details on these topics and much more! Show Topics: 1:03 – Panel has different views on what code automation is and or is not. 2:53 – One of the panelists started his career with Rails. 3:58 – Let’s jump into one thing that I think Rails did really well, and that is generators! Generators aren’t really popular in the JavaScript community. What are generators? 4:43 – Generators is to help build your tooling. 4:57 – What is an example of a generator, and how can it resolve the issue-at-hand? 5:04 – To generate a component, for example. 5:20 – The panel go back and forth and discuss the different definitions of what a generator means to them, and the purpose of a generator. 8:29 – For beginners, if you are brand new to JavaScript then these generators could be confusing. 9:10 – People at first did not like Java’s generators. 10:04 – How much do you guys use generators in your workday? 10:07 – Angular CLI. 12:06 – To organize in a consistent way for a larger team, generators can help. 12:37 – It also standardizes things, too. If you have something in place, then basically the machine makes the decision for you already, which can save some headaches. 13:09 – Tooling to review code. As long as you can agree on a style then these tools can format your code the way you want it. 13:49 – Let’s talk about Prettier and Eslint code. Let’s take a poll. The panel goes back-and-forth and discusses the pros and cons of both codes, Prettier and Eslint. Some panelists have very strong views on one or the other, and they’ve had much experience with these codes, which they have given it much thought over the years. 22:36 – Bottom line: we all figure out things as we go along. 22:52 – New topic: Apart of the automated code review is to have Eslint and Prettier and other codes have all of these things run-on a pre-commit hook, only on the files that are staged. 25:06 – Who uses pre-commit hooks? A lot of people will run different tools to compress their images, and there is a tool that can help with that. 26:32 – Smart - anything to save time. 27:40 – New topic: Continuation integration. After a pre-commit hook in editor, then when you take a poll request then sometimes there are these services, Travis CI or CircleCI that will go through and run some tests to make sure that your project builds correctly, and deploy your site. I like to use tools like this. It integrates with others like GitHub among others. 29:54 – Digital Ocean’s Advertisement! 30:58 – If you want to see an example please got to this timestamp to hear the panelist’s suggestion! 32:03 – Once an application has been developed for a while it might take 4-5 minutes for it to finish – if I think it is fine, I don’t want to waste time. It doesn’t seem like a good use of my time. 36:23 – “Throwing out data is like gardening!” – This is Divya’s motto. 37:40 – One panelist likes to use the squash and merging option. 38:14 – Divya: “Do you have any control over what gets squashed?” 38:28 – Everything gets squashed 39:49 – Auto-completion. 40:27 – The panel talks about plugins and such. 41:10 – Back to continuation integration (CI). Biggest concern people have is it builds failing when nothing is wrong. 42:00 – “Time Zones” – that’s one scenario for Divya. 42:32 – Another panelist voices another concern. 45:31 – Another topic: Running Eslint and Prettier – how do we actually run those things? How do we run tests? 46:24 – The panel talks about what was and is popular within this field. 50:29 – Question asked. 50:41 – Proxies is very common. 54:46 – Another common web pack customization is when you have to use environmental variables. 55:55 – Anyone have anything else to talk about? No, so let’s talk about PICKS! Links: JavaScript Ruby on Rails Angular CLI Prettier and Eslint code Article on Travis Cl or CircleCI GitHub Kendo UI Digital Ocean Code Badge Sponsors: Kendo UI Digital Ocean Code Badge Picks: Divya Sci-Fi Book: Lewis’ Out of the Silent Planet N.K. Jemisin – author ToDoIst App Chris VR in Hand-Tracking & Beat Saber Joe Framework Summit Notion.so WorkFlowy Erik Program
VoV 026: How to Get a Job (Especially for New Developers) with Charles Max Wood
Panel: Charles Max Wood Erik Hanchett Joe Eames In this episode, the Views on Vue panel talks about Charles’ new course on how to Get a Coder Job. A lot of people come to Charles asking him how to get a coder job, especially as new developers, and he created this course in order to help them find jobs. They talk about how the panelists got their own first coder jobs, the difference between being self-taught and getting a CS degree, and the indicator that makes the biggest difference in getting a first job. They also touch on the importance of knowing how to interview, having a desire and passion for development, and more! In particular, we dive pretty deep on: A lot of people ask him how to find a coder job Get a Coder Job What is in the course? How did you get your first developer jobs? Erik gives advice about How to Get a Developer Job on his YouTube Channel Going the traditional route (CS degree) VS self-taught route Being self-taught is more common now You don’t need a CS degree to get a developer job Getting a CS degree is the most sure way to get into the industry Using boot camps The skillset you learn in a professional CS degree The indicator that makes the most difference is who you know and how many people you know The benefits of getting a degree Using the alumni network, professors, and counselors to get connections Knowing how to interview Different type of students in boot camps Dedication and desire to do this job matters There are a lot of Jr. developers entering the field right now Getting the right opportunities The different options you have to be trained And much, much more! Links: Get a Coder Job Erik’s How to Get a Developer Job on YouTube Erik’s YouTube Channel Sponsors Kendo UI Digital Ocean Code Badge Picks: Charles Get a Coder Job Framework Summit CES Podcast Movement Home Depot Tool Rental Joe Framework Summit Erik Create Awesome Vue.js Apps With Nuxt.js course
VoV 025: Gitlab's journey with Vue with Filipa Lacerda and Jacob Schatz
Panel: Chris Fritz Joe Eames Divya Sasidharan Special Guests: Filipa Lacerda, Jacob Schatz, and Phil Hughes In this episode, the Views on Vue panel talks to Filipa Lacerda, Jacob Schatz, and Phil Hughes about GitLab’s journey with Vue. Jacob started as a front-end developer at GitLab and now has joined the data science team as a staff data science engineer. Filipa has been a front-engineer and works with the CIDC and security teams at GitLab. Phil has been at GitLab for 2 ½ years and most recently has been working on the web IDE. They talk about how GitLab decided to adopt Vue, the benefits that Vue brings their company, why they decided to move away from jQuery, and more! In particular, we dive pretty deep on: Filipa, Jacob, and Phil intros All work at GitLab Distributed team at GitLab Work with Vue One team across multiple time zones How did GitLab decide to adopt Vue? The benefits of Vue Creating a proof of concept Rails previously jQuery Vue allows them to use much less code and be more organized Vuex Un-opinionated VS highly opinionated frameworks Did you find Vue to be stifling in any way? Could you organize ode the way you wanted to organize it? Vue made their lives easier Didn’t have a style guide or plan in the beginning Why they moved away from jQuery Performance issues and the large amount of code with jQuery Node.js CoffeeScript to JavaScript And much, much more! Links: GitLab Vue Rails jQuery Vuex Node.js CoffeeScript JavaScript @FilipaLacerda Filipa’s GitHub Filipa’s GitLab @jakecodes Jacob’s GitLab @iamphill iamphill.com Phil’s GitHub Phil’s GitLab @gitlab Sponsors Kendo UI Digital Ocean FreshBooks Picks: Chris vuemeetups.org The Witness His request system Divya Sarah Drasner vue-vscode-extensionpack The Cost Of JavaScript - Addy Osmani - Fluent 2018 Netlify Joe Framework Summit Evan You Tweet Jayne - Overwatch Coaching on YouTube Filipa Sarah Drasner Tweet Coffee Table Typography Jacob Flask The Americans Phil Center Parcs ErgoDox EZ Special Guests: Filipa Lacerda, Jacob Schatz, and Phil Hughes.
VoV 024: Teaching Vue, Community Building, and the Vue News Podcast with Gregg Pollack & Adam Jahr
Panel: Chris Fritz Joe Eames Divya Sasidharan Erik Hanchett Special Guests: Gregg Pollack & Adam Jahr In this episode, the Views on Vue panel talks to Gregg Pollack and Adam Jahr about teaching Vue, community building, and the Vue News Podcast. Gregg is passionate about teaching online, being a father, and self-awareness and leadership development with startups. Adam teaches alongside Gregg at Vue Mastery, where they strive to be the ultimate resource for Vue developers. They talk about what made them decide to create Vue Mastery, the evolution of the Vue community, the story of Code School, and more! In particular, we dive pretty deep on: Gregg and Adam intro Vue Mastery Founded Vue Mastery together What made you decide to get into the Vue space and teaching people about Vue? Came from Code School Laracasts and RailsCasts Passion for open source and teaching Wanted to build Vue Mastery in a way that supports the community Do you see parallels between the Code School community and the Vue community? Seeing the community evolve The necessity of teachers to push Vue forward The story of Code School Official Vue News Podcast Rails for Zombies Creating partnerships Merger with Pluralsight Producing mostly video content now Why did you choose video? Humans are visual creatures Gamification with Vue Mastery Want to have a reason for people to come back to your sight One new video a week And much, much more! Links: Vue Mastery Vue Code School Laracasts RailsCasts Official Vue News Podcast Rails for Zombies Pluralsight @greggpollack greggpollack.com Gregg’s GitHub Gregg’s Pluralsight @AdamJahr adamjahr.com Adam’s GitHub Adam’s Medium @VueMastery Sponsors Kendo UI Digital Ocean FreshBooks Picks: Chris Thorsten Lünborg, Sarah Drasner, Pratik Patel, Gusto, Tray Lee, Deanna Leavitt, and Joe Eames Sebastian Deterding Nonviolent Communication by Marshall B. Rosenberg Difficult Conversations by Douglas Stone Divya Sherlock TagUI Erik After 5 years and $3M, here's everything we've learned from building Ghost Gregg 13 Reasons Why Alone: A Love Story The Landmark Forumhttp://www.landmarkworldwide.com/the-landmark-forum Adam CMTY Tig Special Guests: Adam Jahr and Gregg Pollack.
VoV 023: Unit Testing Vue components with Edd Yerburgh
Panel: Divya Sasidharan Chris Fritz Joe Eames Special Guests: Edd Yerburgh In this episode, the Views on Vue panel talks to Edd Yerburgh about unit testing Vue components. Edd is a software engineer for BBC in London and he maintains Vue Test Utils, which is a library to help make unit testing Vue components easier. They talk about how you would use Vue Test Utils, examples of components you would test with Vue Test Utils, and good patterns to use when testing. They also touch on snapshot testing, the Vue Jest library, and more! In particular, we dive pretty deep on: Edd intro Maintains Vue Test Utils What is Vue Test Utils? Library to make unit testing Vue components easier What is a mounted component? Would you use Vue Test Utils by yourself? Jest, Jasmine, and Mocha Needs to be run in a DOM environment JS DOM Examples of components that you would use to test with Vue Test Utils What are good patterns to use when testing? Consider what and if you should test? Difficult to give a definitive answer as to when you should unit test vs you shouldn’t What you hope when you are writing unit tests Tests as a form of documentation Writing unit tests to pay off in the future What is a Snapshot test? When would you use a snapshot test? Leaning on Jest for snapshot tests Vue Jest library Testing in Vue Creating components within your test itself Testing a mixin And much, much more! Links: Vue Vue Test Utils Jest Jasmine Mocha Snapshot test Vue Jest Edd’s GitHub @EddYerburgh eddyerburgh.me Edd’s Medium Sponsors Kendo UI Digital Ocean FreshBooks Picks: Divya The React is “just” JavaScript Myth by Dave Rupert Bang Bang Con Moving Towards Dialogue: Collaborating with your computer using typed holes! by Vaibhav Sagar Chris Having a point to stop working at night ASMR Joe Rocketbook VS Code Top-Ten Pro Tips Edd Testing Vue.js Applications by Edd jscodeshift Special Guest: Edward Wardell-Yerburgh.
VoV 022 : How I became a Vue.js core team member without a professional background with Thorsten Luenborg
Panel: Charles Max Wood Chris Fritz Erik Hanchett Joe Eames Special Guests: Thorsten Luenborg In this episode, the Views on Vue panel talks to Thorsten Luenborg about how he became a Vue.js core team member. Thorsten is a part of the Vue core team, and has been for about 2 years. They talk about the beginnings of the creation of the Vue core team, what it means to be on the core team, and his main focus on the core team. They also touch on how Vue is ran using Open Collective and Patreon, how they don’t have an overarching corporate structure, and more! In particular, we dive pretty deep on: Thorsten intro Vue How did Evan get the core team together at the beginning? Core team is a great place to come together, share ideas, and write Vue together Loose organization of the core team What it means to be on the core team? Contributions are very spread out Vue is very big in China Maintaining different repositories His main focus Supporting role on the team Build a small team of moderators Need more structure to go further Asking for help when you need it Has there ever been a time when a corporate entity has contacted the core team directly for guidance/help? Their work is sponsored by other companies Using Open Collective and Patreon Supporters don’t really interfere Security through having a lot of little contributors VueConf US No overarching corporate structure Ember.js And much, much more! Links: Vue Open Collective Patreon VueConf US Ember.js Sponsors Kendo UI Digital Ocean FreshBooks Picks: Charles Max Wood VS Code Chris The Good Place Special Joe Microsoft acquisition of GitHub Full of Sith – How the Force Works Star Wars Oxygen Google Duplex Thorsten Netlify Deadpool 2 Special Guest: Thorsten Lunborg.
VoV 021: Building SharePoint Extensions with JavaScript with Vesa Juvonen LIVE at Microsoft Build
Panel: Charles Max Wood Special Guests: Vesa Juvonen In this episode, the Views on Vue panel talks to Vesa Juvonen about building SharePoint extensions with JavaScript. Vesa is on the SharePoint development team and is responsible for the SharePoint Framework, which is the modern way of implementing SharePoint customizations with JavaScript. They talk about what SharePoint is, why they chose to use JavaScript with it, and how he maintains isolation. They also touch on the best way to get started with SharePoint, give some great resources to help you use it, and more! In particular, we dive pretty deep on: Vesa intro What is SharePoint? Has existed since 2009 People either know about it and use it or don’t know what it is Baggage from a customization perspective Why JavaScript developers? Modernizing development SharePoint Framework Microsoft Ignite Conference Is there a market for it? System integrators Angular Element and React React for SharePoint Framework back-end Supports Vue React Round Up Podcast How do you maintain isolation? What’s the best way to get started with SharePoint extensions? Office 365 Developer Program SharePoint documentation SharePoint YouTube What kinds of extensions are you seeing people build? And much, much more! Links: SharePoint JavaScript SharePoint Framework Microsoft Ignite Conference Angular Element React Vue React Round Up Podcast Office 365 Developer Program SharePoint documentation SharePoint YouTube @OfficeDev @vesajuvonen Vesa’s blog Vesa’s GitHub Sponsors Angular Boot Camp Digital Ocean FreshBooks Picks: Charles Zig Ziglar Conversations with My Dog by Zig Ziglar Pimsleur Lessons on Audible Vesa Armada by Ernest Cline Special Guest: Vesa Juvonen.
VoV 020: Reactive Programming with Vue with Tracy Lee, Ben Lesh, and Jay Phelps
Panel: Charles Max Wood Chris Fritz Erik Hanchett Divya Sasidharan Joe Eames Special Guests: Tracy Lee, Ben Lesh, and Jay Phelps In this episode, the Views on Vue panel talks to Tracy Lee, Ben Lesh, and Jay Phelps about reactive programming in Vue. They talk about the new additions to RxJS 6, what RxJS actually is, reactive programming, and Vue Rx. They also touch on the basics of RxJS, the difference between Promises and RxJS, and more! In particular, we dive pretty deep on: RxJS The difference between RxJS 6 and the past versions Moving towards pipeable operators Win for application size Error handling has changed What is RxJS? Utility library to better handle your complex asynchronous stuff Very versatile tool Reactive programming Most popular and well-known reactive programming paradigm Became open source at version 5 How does Vue Rx fit into all of this? What Vue Rx adds Using RxJS vs Promises Observables Subscription options Observable strings The underbelly of coding Error handling Functional programming Promises are eager Web sockets RxJS is not particular to one language Angular And much, much more! Links: RxJS Vue Rx Vue Angular @ladyleet Tracy’s GitHub @BenLesh Ben’s Medium Ben’s GitHub @_jayphelps Jay’s GitHub RxJS GitHub Sponsors Kendo UI Digital Ocean FreshBooks Picks: Charles Master Chef Junior Instant Pot Chris Back up your data more than weekly Divya The introduction to Reactive Programming you've been missing Erik Bracket Pair Colorizer Syntax.fm podcast Joe Backblaze Solo Framework Summit Tracy BeautyFix Subscription Box Blanton’s Ben RxJS docs Experimental branch of RxJS Get some exercise Special Guests: Ben Lesh, Jay Phelps, and Tracy Lee.