Podcasts about vue cli

Pixel Paranoia the UX Podcast

Play Episode Listen Later Oct 19, 2021 43:17

Lindsay and Steve talk about other ways to build Vue applications than Vue CLI or Vite templates. Lindsay talks about her experience migrating her personal site from Nuxt to Astro, a new static site generator that provides islands of reactivity in a framework agnostic way. Steve talks about Inertia, and building modern monoliths using Laravel and Vue. They also discuss the release of the Nuxt 3 public beta, and some of the things to keep in mind if you're looking to migrate from Nuxt 2 to 3. Panel Lindsay WardellSteve Edwards Sponsors Dev Influencers AcceleratorLevel Up | Devchat.tv Links JSJ 443: All About InertiaJS with Jonathan ReininkFrom Nuxt to Astro - Rebuilding with AstroNuxt 3 Picks Lindsay- RailwayLindsay- FigSteve- Best Practices (Why I Hate Them)Steve- standup.trex- InstagramSteve- dadsaysjokes - Instagram Contact Lindsay: Twitter: Lindsay Wardell ( @lindsaykwardell ) Contact Steve: Twitter: Steve Edwards ( @wonder95 )GitHub: Steve Edwards ( wonder95 )LinkedIn: Steve Edwards

apps panel astro railways vite inertia fig vue laravel alternative ways steve edwards nuxt jsj vue cli dev influencers accelerator level up devchat lindsay wardell github steve edwards linkedin steve edwards

Episode 5: 少年，你掉的是这个空格缩进，还是这个 Tab 缩进？

Echo.js

Play Episode Listen Later Oct 15, 2021 67:46

时隔两个月的更新，我们迎来新的官网 (https://www.echojspodcast.com)、新的会员计划 (https://www.echojspodcast.com/member) 和新的话题。从这期开始，我们拥有新的固定栏目：开源项目与文章摘要（暂定）；之后我们将大家写代码时的习惯、工具等等都拿了出来，看看究竟哪种最好用。节目索引 00:00 开场 00:22 厚脸皮地来说说这两个月里的公告 03:20 新固定栏目：开源项目与文章摘要 15:53 大乱斗话题的由来 18:01 代码习惯大比拼 35:57 有 Lint，当然少不了 Linter 41:31 说脚到手架，两位 JS 程序员可就不困了 49:05 终于开始聊编辑器 01:01:16 最后来聊聊 GitHub Copilot 相关链接 06:07 - WeKan 开源看板工具 (https://wekan.github.io/) 07:42 - draw.io (https://draw.io) 08:50 - 数据绘开源绘图工具 (https://github.com/zxhm001/DataDraw) 12:25 - How to win on CORS (https://jakearchibald.com/2021/cors/)：CORS 跨域限制机制是怎么来的，到底该怎么解决？ 19:05 - 维基百科中对「制表键」的定义 (https://zh.wikipedia.org/wiki/%E8%A3%BD%E8%A1%A8%E9%8D%B5)：键盘上俗称的 Tab 键正式名称叫「制表键」（tabulator key），它可以提供最大 4 长度（有些是 8 或是其他长度）的可变长度空格，在需要跨行进行列对齐（制表等场景）时非常好用而得名。白羊说「Tab 键本身就是做这种事的」是这个原因。 25:55 - JavaScript Map, Reduce, and Filter - JS Array Functions Explained with Code Examples (https://www.freecodecamp.org/news/javascript-map-reduce-and-filter-explained-with-examples/)：JavaScript 中操作数组常用的 map、reduce 和 filter 三个函数的解释。 29:26 - PureScript (https://www.purescript.org/) 30:17 - 中文编程了解一下 (https://www.echojspodcast.com/2)：我台以「在编程中使用中文」为话题的一期节目。 36:22 - EditorConfig (https://editorconfig.org/) 41:37 - Vue CLI (https://cli.vuejs.org/) 41:50 - Create React App (https://create-react-app.dev/)：两位主播都忘记叫什么名字的 React 脚手架。 44:07 - WebPack (https://www.webpackjs.com/) 44:12 - Next.js (https://nextjs.org/)（React）和 Nuxt.js (https://nuxtjs.org/)（Vue.js） 47:16 - Parcel (https://parceljs.org/) 01:01:16 - GitHub Copilot (https://copilot.github.com/) 01:02:37 - What does Copilot Mean for Open Source (https://opensource.org/copilotimpact)：开源组织在 GitHub Copilot 推出之后针对 AI 补全代码的合法性发文。关于 Echo.js & 联系我们 Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅（即「泛用型」）的播客客户端收听。有话想说？你可以：发到官网评论区来小宇宙 app 订阅 Echo.js 并给节目发评论加入听众反馈 QQ 群 (https://www.echojspodcast.com/qq)（白羊说进群可以教学编程，包教包会）发邮件至 hello(a)astrianzheng.com 关注我们的：Telegram 频道 (https://t.me/echojspodcast)、Twitter (https://twitter.com/twitter) COPYRIGHT DISCLIMER 开场/尾声音乐： Track: TOKYO MACHINE & Guy Arthur - GET UP [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/HV7mLcsUp5U Free Download / Stream: http://ncs.io/GetUp Play the Flappy Duck game: http://ncs.io/GetUp 奏间音乐：来自北京干燥文化传媒有限公司。

ai reduce telegram echo react get up open source javascript tab js vue qq parcel github copilot cors nocopyrightsounds webpack create react app vue cli purescript

Getting started with Vue [1 of 16] | Beginner's Series to: Vue.js | Beginner's Series to: Vue.js

Channel 9

Play Episode Listen Later Jun 30, 2021 3:29

Vue has quickly become one of the most popular front-end JavaScript frameworks. Because of its progressive design, you can start adding Vue.js to your existing applications or start creating new ones with a single script import. It's also designed to scale, so it can grow with your applications. If you're curious about Vue.js, we're here to help you get started. We'll introduce ourselves and the video series and help you quickly start using Vue.js.Sample code: https://github.com/microsoft/vue-beginners-videos Learn Path: https://aka.ms/CreateWebsitesWithVueNode: https://nodejs.org/ NPM: https://www.npmjs.com/ Vue CLI: https://cli.vuejs.org/

beginners getting started javascript vue npm vuejs vue cli

S01E12 - The fear of missing out, StencilJS en de toekomst van UX

Play Episode Listen Later May 3, 2021 71:46

In deze aflevering hebben we weer een gast, namelijk Nick. Nick is front-end developer die zich graag ook af toe bezig houdt met UX. We praten over het fenomeen “The Fear of Missing Out” of ook wel FOMO genoemd, we bespreken een aantal front-end frameworks en waar gaat de toekomst van UX eigenlijk heen? 4:15 - The Fear of Missing Out - https://dev.to/ruffle1986/how-to-fomo-3bke 15:34 - StencilJS - https://stenciljs.com 25:13 - VueJS - https://vuejs.org 56:28 - Her - https://www.imdb.com/title/tt1798709/ 57:10 - Ex Machina - https://www.imdb.com/title/tt0470752/ 57:58 - Westworld - https://www.imdb.com/title/tt0475784/ 61:02 - CSS stats - https://cssstats.com 62:00 - Vue CLI - https://cli.vuejs.org 62:30 - Google TV - https://tv.google

fear missing fomo ux westworld ex machina css missing out de toekomst google tv vuejs vue cli

Episode 58: What’s New in Vue 3 Ecosystem: Introducing Vite 2 with Evan You

Enjoy the Vue

Play Episode Listen Later Apr 26, 2021 70:06

Key Points From This Episode: - Get to know today's guest, Evan You. - Hear what Evan’s other project, Vite, is all about and the various features it has. - The biggest change with Vite 2 is that it is now framework agnostic. - What inspired the change to make Vite 2 more framework agnostic and the benefits of the shift. - The difference between working on Vue and building a new framework-agnostic build tool. - Balancing high configurability and being overly opinionated; Vite sits somewhere in between. - How Evan keeps his finger on the pulse of other frameworks and how he's changed Vue accordingly. - Insights into Vite's new plugin system and what inspired it. - The decision-making behind drawing inspiration from Rollup's plugin. - Evan’s thoughts about Vite and Rollup plugins and what this means in the context of Vue. - Some of the ideas Evan hopes to bring back to Vue after working on Vite. - Challenges come with wide adoption, but Evan is still grateful for the active community and what they are creating. - Changes that have happened with VitePress; Evan's experience. - The current VuePress landscape and why Evan does not want VitePress to replace it. - Plans to make Vite the default way of doing things on Vue CLI; Evan weighs in. - The challenge Evan has when switching between Vue and Vite. - What Vite's development process looked like; Evan had to learn lots along the way! - When you are working on something new, with not much precedent, it is never going to be a straightforward process - You have to try to put yourself in other developers’ shoes to understand the range of issues that exist. - Plans for a Vite RFC process and what is in the pipeline on that front. - The pre-bundling changes that have happened with Vite 2 have contributed to better speed. - Deciding what to bundle: insights into Evan's thinking. - Asking the controversial question: when is Vite 2 going to be released? - Evan's thoughts on using only Composition AI and not Vuex. - Music Evan listens to while coding and where to find him online. - Alex's pick for the week: Fruity Pebbles Crisps, both delicious and horrifying! - Evan's pick for the week: Curse of the Dead Gods and Hades. - Tessa's pick for the week: So You Want to Talk About Race, Birdy the Mighty Recode, and her electronic soap dispenser. - Following up from previous picks we have talked about. Tweetables: - “The biggest change with Vite 2 is that it's now framework agnostic, so it's not just Vue specific, it works equally well for most of the other frameworks people want to use.” — @youyuxi [0:02:56] - “With Vite, because it's a new thing, I can be as opinionated as I want. it's a new area of exploration, where I’m not confined to the existing decisions we've made.” — @youyuxi [0:08:21] - “Compared to Vue, the workload on Vite is still somewhat OK. If we build up more community members to help triage the issues, can contribute PRs, and maybe even build up some maintainers to handle the daily patch releases, that would be a good place for me, so that I can just overlook the higher-level decisions and only tune into specific decisions when I need to.” — @youyuxi [0:40:18] - “This whole process is a constant discovering new ideas, trying it out, realizing it doesn't work, and then trying something else. it's never going to be a straight-line process.” — @youyuxi [0:44:03] Resources mentioned: - Evan You (https://evanyou.me/) - Evan You on LinkedIn (https://www.linkedin.com/in/evanyou) - Evan You on GitHub (https://github.com/yyx990803) - Evan You on Twitter (https://twitter.com/youyuxi?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor) - Ionic Vue (https://ionicframework.com/docs/vue/overview) - Jason Miller (https://www.linkedin.com/in/developit) - webpack (https://webpack.js.org/) - VuePress (https://vuepress.vuejs.org/) - Vue CLI (https://cli.vuejs.org/) - ALGTR (https://www.instagram.com/lexieliu_/?hl=en) - New Fruity Pebbles Crisps (https://www.simplemost.com/new-fruity-pebbles-crisps-are-big-potato-chips/) - Curse of the Dead Gods (https://www.focus-home.com/games/curse-of-the-dead-gods) - Hades (https://store.steampowered.com/app/1145360/Hades/) - So You Want to Talk About Race (https://bookshop.org/books/so-you-want-to-talk-about-race/9781580058827) - Minor Feelings (https://bookshop.org/books/minor-feelings-an-asian-american-reckoning/9781984820365) - Tetsuwan Birdy Decode (https://myanimelist.net/anime/3974/Tetsuwan_Birdy_Decode) - Panel de Pon (https://panepon.fandom.com/wiki/Panel_de_Pon_(SFC)) - SoSplush (https://www.etsy.com/shop/SoSplush) - Enjoy the Vue on Twitter (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) Special Guest: Evan You.

Vue vs. Svelte with Evan You and Rich Harris

The Undefined Podcast

Play Episode Listen Later Nov 26, 2020 91:51

Evan You, the creator of Vue.js, and Rich Harris, Graphics Editor at The New York Times and creator of Svelte and Rollup, join hosts Ken Wheeler and Jared Palmer on The Undefined to talk about the future of frontend development.FeaturingEvan You - Twitter, Github, WebsiteRich Harris - Twitter, GithubKen Wheeler – Twitter, GitHub, WebsiteJared Palmer – Twitter, GitHub, WebsiteSponsor: PrismaAs a frontend developer, if you want to become fullstack, you'll find that the hardest part of backend development is working with a database.Prisma is a next-generation ORM and database toolkit that makes working with databases easy and helps frontend developers become fullstack!Visit the prisma-examples repo for lots of ready-to-run starter projects with various frameworks and libraries, like Express, Apollo, NestJS or hapi. If you're a Next.js developer, be sure to visit prisma.io/nextjs to learn more about how easy it is to integrate Prisma in your Next.js apps!Prisma has a very active and welcoming community on Slack and on GitHub where you can find help for any questions about the Prisma ecosystem.Sponsor: G2iIf you're building a new product, G2i is a company that can help you find a developer who can build the first version. G2i is a hiring platform run by engineers that matches you with React, React Native, GraphQL, and mobile engineers who you can trust. Whether you are a new company building your first product or an established company that wants additional engineering help, G2i has the talent you need to accomplish your goals. Go to g2i.co to learn more about what G2i has to offer.ICYMI: The Undefined ShopWe launched an online store! Checkout https://shop.undefined.fm for the dankest swag and accessories. 20% off all items during our Black Friday / Cyber Monday sale.

Episode 30: A Discourse on Documentation with Sam Brandt and Natalia Tepluhina

Enjoy the Vue

Play Episode Listen Later Aug 17, 2020 79:23

VoV 115: Vue, Vapper, Vite - Frameworks Built Using Vue

Play Episode Listen Later Jul 21, 2020 56:50

This week the Views of Vue panelists discuss the frameworks built using Vue. We start with the Vue CLI, then go into Gridsome and static site pros and cons, Nuxt and server side rendering, and Vuepress for simple setup and development. We also discuss other frameworks like Quasar, Vapper, and the experimental Vite. Panel Steve Edwards Lindsay Wardell Austin Gil Vue Remote Conf 2020 Links Nuxt.js Gridsome VuePress Quasar Framework vitejs/vite Vapper How We Used Gatsby.js to Build a Blazing Fast E-Commerce Site | by Mae Capozzi Pika - Search npm for fast, modern packages. Snowpack How to create a portfolio and blog using VuePress and Markdown - LogRocket Blog How to IDE-ify your GitHub Picks Austin Gil: Follow Austin on Twitter > @Stegosource NameSilo porkbun.com Cloudflare Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Board Game Arena One - An alternative to Uno There Is a Bird on Your Head! by Mo Willems Steve Edwards: Follow Steve on Twitter > @wonder95 Don’t Let the Pigeon Drive the Bus! – Pigeon Presents Follow Views on Vue on Twitter > @viewsonvue

built panel views uno bus github frameworks vite ide cloudflare vue your head quasar snowpack steve edwards mo willems board game arena nuxt pigeon drive vue cli lindsay wardell

VoV 115: Vue, Vapper, Vite - Frameworks Built Using Vue

Play Episode Listen Later Jul 21, 2020 56:50

This week the Views of Vue panelists discuss the frameworks built using Vue. We start with the Vue CLI, then go into Gridsome and static site pros and cons, Nuxt and server side rendering, and Vuepress for simple setup and development. We also discuss other frameworks like Quasar, Vapper, and the experimental Vite. Panel Steve Edwards Lindsay Wardell Austin Gil Vue Remote Conf 2020 Links Nuxt.js Gridsome VuePress Quasar Framework vitejs/vite Vapper How We Used Gatsby.js to Build a Blazing Fast E-Commerce Site | by Mae Capozzi Pika - Search npm for fast, modern packages. Snowpack How to create a portfolio and blog using VuePress and Markdown - LogRocket Blog How to IDE-ify your GitHub Picks Austin Gil: Follow Austin on Twitter > @Stegosource NameSilo porkbun.com Cloudflare Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Board Game Arena One - An alternative to Uno There Is a Bird on Your Head! by Mo Willems Steve Edwards: Follow Steve on Twitter > @wonder95 Don’t Let the Pigeon Drive the Bus! – Pigeon Presents Follow Views on Vue on Twitter > @viewsonvue

built panel views uno bus github frameworks vite ide cloudflare vue your head quasar snowpack steve edwards mo willems board game arena nuxt pigeon drive vue cli lindsay wardell

VoV 101: Real Life Projects Using Vue

Play Episode Listen Later Mar 10, 2020 34:34

Dean and Lindsay talk about the projects they're working on and the technologies they're using. Dean talks about using Apache Cordova and Firebase to build mobile apps. Lindsay is working on building his own card game and short circuited the physical design process by building an electron app. Keep listening to see what else they're working on. Panel Deane Venske Lindsay Wardell Sponsors Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links A Vue Cli 3 plugin for Electron with no required configuration NW.js Picks Deane Venske: Firebase Marak/faker.js Soda Stream Lindsay Wardell: Mirage JS • An API mocking library for frontend developers Follow Views on Vue on Twitter > @viewsonvue

amazon panel real life projects api nw vue electron faker sodastream firebase devchat charles max wood apache cordova vue cli finding your dream developer job maxcoders guide lindsay wardell

VoV 101: Real Life Projects Using Vue

Play Episode Listen Later Mar 10, 2020 34:34

Dean and Lindsay talk about the projects they're working on and the technologies they're using. Dean talks about using Apache Cordova and Firebase to build mobile apps. Lindsay is working on building his own card game and short circuited the physical design process by building an electron app. Keep listening to see what else they're working on. Panel Deane Venske Lindsay Wardell Sponsors Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links A Vue Cli 3 plugin for Electron with no required configuration NW.js Picks Deane Venske: Firebase Marak/faker.js Soda Stream Lindsay Wardell: Mirage JS • An API mocking library for frontend developers Follow Views on Vue on Twitter > @viewsonvue

amazon panel real life projects api nw vue electron faker sodastream firebase devchat charles max wood apache cordova vue cli finding your dream developer job maxcoders guide lindsay wardell

VoV 100: Views on Vue Celebrates 100th Episode

Play Episode Listen Later Mar 3, 2020 62:47

Panel: Steve Edwards Lindsay Wardell Austin Gil Deane Venske Charles Max Wood Devlin Duldulao Sponsors: Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links: Laracasts Journey: Vue Lex Fridman - AI Podcast Posfest 2020 LastPass Open Source Password Management Solutions | Bitwarden Firefox Lockwise — password manager Buttercup Picks: Austin Gil: Inclusive Components ASUS ZenBook 14 Permanent Record: Edward Snowden Deane Venske: GitScrum | GitScrum Lifetime Deal Tolkien Lindsay Wardell: A Vue CLI plugin for trying out vue-next Vue-Channel Steve Edwards: Simplenote Charles Max Wood: Ready, Fire, Aim Harry Potter: Hogwarts Battle | Board Game Legendary: A Marvel Deck Building Game Follow Views on Vue on Twitter > @viewsonvue

amazon fire panel views tolkien aim celebrates lastpass vue buttercup steve edwards simplenote devchat asus zenbook pldnsite charles max wood vue cli legendary a marvel deck building game finding your dream developer job maxcoders guide lindsay wardell harry potter hogwarts battle board game posfest

VoV 100: Views on Vue Celebrates 100th Episode

Play Episode Listen Later Mar 3, 2020 62:47

Panel: Steve Edwards Lindsay Wardell Austin Gil Deane Venske Charles Max Wood Devlin Duldulao Sponsors: Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links: Laracasts Journey: Vue Lex Fridman - AI Podcast Posfest 2020 LastPass Open Source Password Management Solutions | Bitwarden Firefox Lockwise — password manager Buttercup Picks: Austin Gil: Inclusive Components ASUS ZenBook 14 Permanent Record: Edward Snowden Deane Venske: GitScrum | GitScrum Lifetime Deal Tolkien Lindsay Wardell: A Vue CLI plugin for trying out vue-next Vue-Channel Steve Edwards: Simplenote Charles Max Wood: Ready, Fire, Aim Harry Potter: Hogwarts Battle | Board Game Legendary: A Marvel Deck Building Game Follow Views on Vue on Twitter > @viewsonvue

amazon fire panel views tolkien aim celebrates lastpass vue buttercup steve edwards simplenote devchat asus zenbook pldnsite charles max wood vue cli legendary a marvel deck building game finding your dream developer job maxcoders guide lindsay wardell harry potter hogwarts battle board game posfest

Episode 2: What We Love About Vue CLI

Enjoy the Vue

Play Episode Listen Later Feb 3, 2020 39:49

Sponsored By: Panelists Ben Hong Chris Fritz Elizabeth Fine Show Notes In this week's episode, we talk about a critical developer tool that is often essential to many Vue applications: Vue CLI. In addition to covering what makes it so great, the panel discusses their favorite parts of the tool along with tips and tricks for making sure you get the most out of your Vue CLI builds! Links Official Episode #2 Site (https://enjoythevue.io/episodes/2/) Follow the podcast on Twitter (https://twitter.com/enjoythevuecast) and Instagram (https://instagram.com/enjoythevuecast) Podcast website (https://enjoythevue.io/)

vue build tools vue cli

VoV 094: Head to Toe Development Set Up

Play Episode Listen Later Jan 7, 2020 60:45

In this episode of Views on Vue the panel shares what their set-ups look like. They start by discussing IDE and text editors. Most of them use VScode for their setups but they like to use others when they need them. The panelist list some of their favorite plugins, Vetur, Prettier, Vue peeks, NPM, word counters, and spell checkers. They talk about Vue CLI and other CLIs they use. Next, they talk about what machines they are all using. Most are currently using a Mac Book Pro. They discuss the pros and cons of using Mac products. Charles Max Wood talks about the desktop he built and how his next computer will be a PC. They consider Linux on Windows. They also compare Linux and Mac. Source code and deployment are discussed as well. They finish by sharing the physical set-ups in their offices. They discuss furniture, how many monitors they use, how big their monitors are and the tools that make their day more comfortable. They discuss the merits of sitting and standing while working. Desk treadmills are considered. They also talk about working at home compared to working from the office. Panelists Charles Max Wood Devlin Duldulao Lindsay Wardell Steve Edwards Sponsors Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://system76.com/pop https://desktop.github.com/ https://jfrog.com/artifactory/ https://about.gitlab.com/ https://www.sharemouse.com/ Conquer Under Desk Portable Electric Treadmill Walking Pad Anti Fatigue Standing Desk Mat https://vuetifyjs.com/en/ https://github.com/nuxt/create-nuxt-app https://nuxtjs.org/ https://github.com/vuejs/vetur https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: A Christmas Story Rudolf the Red-Nosed Reindeer The Little Drummer Boy Santa Claus Is Comin' to Town The Ultimate Gift Lindsay Wardell: https://thedangercrew.com/ Steve Edwards: https://laughingsquid.com/mouse-cleans-up-tool-shed/ Devlin Duldulao: Rhinos

VoV 094: Head to Toe Development Set Up

All JavaScript Podcasts by Devchat.tv

Play Episode Listen Later Jan 7, 2020 60:45

In this episode of Views on Vue the panel shares what their set-ups look like. They start by discussing IDE and text editors. Most of them use VScode for their setups but they like to use others when they need them. The panelist list some of their favorite plugins, Vetur, Prettier, Vue peeks, NPM, word counters, and spell checkers. They talk about Vue CLI and other CLIs they use. Next, they talk about what machines they are all using. Most are currently using a Mac Book Pro. They discuss the pros and cons of using Mac products. Charles Max Wood talks about the desktop he built and how his next computer will be a PC. They consider Linux on Windows. They also compare Linux and Mac. Source code and deployment are discussed as well. They finish by sharing the physical set-ups in their offices. They discuss furniture, how many monitors they use, how big their monitors are and the tools that make their day more comfortable. They discuss the merits of sitting and standing while working. Desk treadmills are considered. They also talk about working at home compared to working from the office. Panelists Charles Max Wood Devlin Duldulao Lindsay Wardell Steve Edwards Sponsors Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://system76.com/pop https://desktop.github.com/ https://jfrog.com/artifactory/ https://about.gitlab.com/ https://www.sharemouse.com/ Conquer Under Desk Portable Electric Treadmill Walking Pad Anti Fatigue Standing Desk Mat https://vuetifyjs.com/en/ https://github.com/nuxt/create-nuxt-app https://nuxtjs.org/ https://github.com/vuejs/vetur https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: A Christmas Story Rudolf the Red-Nosed Reindeer The Little Drummer Boy Santa Claus Is Comin' to Town The Ultimate Gift Lindsay Wardell: https://thedangercrew.com/ Steve Edwards: https://laughingsquid.com/mouse-cleans-up-tool-shed/ Devlin Duldulao: Rhinos

MJS 127: Thorsten Lünborg

Play Episode Listen Later Oct 15, 2019 36:20

In this episode of My JavaScript Story, Charles talks to Thorsten Lünborg. Thorsten is a Business Service Manager at MVV Energy Solutions from Frankfurt Germany. Charles asks about Thorsten's developer journey in particular how he was introduced to JavaScript. Thorsten is also a core team member for Vue.js and he talks about his involvement with the Vue community. Thorsten mainly focuses on working on Vue CLI and answering questions in forums. He describes the Vue community as a very friendly and helpful one. According to Thorsten, Vue is very stable and seems to satisfy a lot of the needs of Vue community and so people are not looking for the "next best thing" with Vue. Out of all the frameworks i tried to learn, i found Vue was the one that i liked the most and i started answering questions about Vue on the forums. Host: Charles Max Wood Joined by Special Guest: Thorsten Lünborg Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Sustain Our Software Adventures in DevOps CacheFly Links VoV 060: Our Least Favorite Parts of Vue with An Phan and Thorsten Lunborg VoV 022: How I became a Vue.js core team member without a professional background‌ with Thorsten Luenborg Thorsten's Twitter Picks Thorsten Lünborg Preacher TV Series Borderlands 3 Vue.js London 2019 https://github.com/vuejs/rfcs Charles Max Wood Running a Marathon Honeywell wifi thermometer

running adventures marathon borderlands javascript devops thorsten honeywell vue phan sentry vov frankfurt germany cachefly charles max wood vue cli my javascript story

MJS 127: Thorsten Lünborg

My JavaScript Story

Play Episode Listen Later Oct 15, 2019 36:20

In this episode of My JavaScript Story, Charles talks to Thorsten Lünborg. Thorsten is a Business Service Manager at MVV Energy Solutions from Frankfurt Germany. Charles asks about Thorsten's developer journey in particular how he was introduced to JavaScript. Thorsten is also a core team member for Vue.js and he talks about his involvement with the Vue community. Thorsten mainly focuses on working on Vue CLI and answering questions in forums. He describes the Vue community as a very friendly and helpful one. According to Thorsten, Vue is very stable and seems to satisfy a lot of the needs of Vue community and so people are not looking for the "next best thing" with Vue. Out of all the frameworks i tried to learn, i found Vue was the one that i liked the most and i started answering questions about Vue on the forums. Host: Charles Max Wood Joined by Special Guest: Thorsten Lünborg Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Sustain Our Software Adventures in DevOps CacheFly Links VoV 060: Our Least Favorite Parts of Vue with An Phan and Thorsten Lunborg VoV 022: How I became a Vue.js core team member without a professional background‌ with Thorsten Luenborg Thorsten's Twitter Picks Thorsten Lünborg Preacher TV Series Borderlands 3 Vue.js London 2019 https://github.com/vuejs/rfcs Charles Max Wood Running a Marathon Honeywell wifi thermometer

running adventures marathon borderlands javascript devops thorsten honeywell vue phan sentry vov frankfurt germany cachefly charles max wood vue cli my javascript story

MJS 127: Thorsten Lünborg

egghead.io developer chats

Play Episode Listen Later Oct 15, 2019 36:20

In this episode of My JavaScript Story, Charles talks to Thorsten Lünborg. Thorsten is a Business Service Manager at MVV Energy Solutions from Frankfurt Germany. Charles asks about Thorsten's developer journey in particular how he was introduced to JavaScript. Thorsten is also a core team member for Vue.js and he talks about his involvement with the Vue community. Thorsten mainly focuses on working on Vue CLI and answering questions in forums. He describes the Vue community as a very friendly and helpful one. According to Thorsten, Vue is very stable and seems to satisfy a lot of the needs of Vue community and so people are not looking for the "next best thing" with Vue. Out of all the frameworks i tried to learn, i found Vue was the one that i liked the most and i started answering questions about Vue on the forums. Host: Charles Max Wood Joined by Special Guest: Thorsten Lünborg Sponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Sustain Our Software Adventures in DevOps CacheFly Links VoV 060: Our Least Favorite Parts of Vue with An Phan and Thorsten Lunborg VoV 022: How I became a Vue.js core team member without a professional background‌ with Thorsten Luenborg Thorsten's Twitter Picks Thorsten Lünborg Preacher TV Series Borderlands 3 Vue.js London 2019 https://github.com/vuejs/rfcs Charles Max Wood Running a Marathon Honeywell wifi thermometer

running adventures marathon borderlands javascript devops thorsten honeywell vue phan sentry vov frankfurt germany cachefly charles max wood vue cli my javascript story

15: Using Flask, REST API and Vue.js to build a Single Page Web Application

The Data Life Podcast

Play Episode Listen Later Sep 16, 2019 20:39

As a data scientist, you will work on machine learning models that are deployed on websites - usually wrapped around a REST API, these days they also call this approach a “micro-service”. It is for this reason it is important to know how backends and front ends work and how to build them. In this episode, we talk about building a note app which is a Single Page Application or SPA using Pythons flask library for backend and Vue.js for frontend. We use REST API to communicate between them. We cover following topics in Q and A format: 1. Why should data scientists care about building frontend and backend and rest api? 2. What is a single page application? 3. Why Vue.js? 4. Why do we need server side code? 5. What is REST API? 6. How does Flask help with building rest api? Then we go into the exact mechanics of building the SPA: Step 1: Database setup Step 2: Write REST API in flask Step 3: Postman setup and testing of the API Step 4: Build frontend and write forms to get information Step 5: Build routing and login pages Step 6: Front end design and UI/UX Finally you can deploy both the server and client separately on AWS or Heroku so that other users can see it and use it. Dependencies: 1) Flask to build server side REST APIs 2) Sqlalchemy which is ORM to access database 3) Bcrypt for hashing user passwords to store in your database 4) Vue for building frontend 5) Bootstrap-Vue for using bootstrap with Vue.js 6) Axios to communicate via AJAX between client and server 7) Vue CLI 3 to manage the tooling of the client Really awesome resources: 1) Learn Vue.JS from scratch by the awesome teacher Net Ninja - YouTube https://www.youtube.com/watch?v=5LYrN_cAJoA&list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa&index=1 2) Building book recording app using Vue and Flask https://testdriven.io/blog/developing-a-single-page-app-with-flask-and-vuejs/#bootstrap-vue 3) Managing state in Vue.js including Vuex and simple global store: https://medium.com/fullstackio/managing-state-in-vue-js-23a0352b1c87 4) Authenticating a Flask API Using JSON Web Tokens - YouTube https://www.youtube.com/watch?v=J5bIPtEbS0Q 5) Really nice tutorial for using databases with Flask by Corey Schafer - YouTube https://www.youtube.com/watch?v=cYWiDiIUxQc&list=PL-osiE80TeTs4UjLw5MM6OjgkjFeUxCYH&index=4 If this has been of value please consider supporting me by buying me a coffee at the Anchor link at the end. If you support, I will provide extra bonus content for you. Thanks for listening! --- Send in a voice message: https://anchor.fm/the-data-life-podcast/message Support this podcast: https://anchor.fm/the-data-life-podcast/support

building managing single anchor front spa aws databases ajax axios js postman vue pythons flask orm heroku rest apis dependencies web applications vuejs authenticating single page application bcrypt vue cli

How Vue Earns Its Beginner-Friendly Reputation with Natalia Tepluhina

Play Episode Listen Later Jul 20, 2019 31:22

Vue has a reputation of being the most beginner-friendly framework, but that didn't just happen by accident. The Vue CLI is an excellent example. New developers often struggle with using the terminal and remembering all the commands. The Vue CLI provides a visual interface for the developer to generate a project. By making it easier for newcomers to make Vue projects, they've reduced the barriers to entry. Beginner-friendly doesn't mean basic. Many large-scale projects use Vue.Another example of something that fosters beginners and benefits established developers is how friendly, and inclusive the Vue community is. Natalia Tepluhina talks about gender mismatch in JavaScript and how the Vue Vixens are making efforts to make the gender ratio evener.The Vue Vixens are using free and accessible education as the primary means of getting more women into tech. Natalia Tepluhina goes on to share her two main ideas when it comes to designing a good workshop. Stay accessible to people of all skill levels; don't assume what people know. Stick to one stack and one concept. People have a finite amount of mental resources; trying to do too much can end up just overwhelming people.Transcript"How Vue Earns Its Beginner-Friendly Reputation - with Natalia Tepluhina" TranscriptResourcesVue VixensCognitive Load TheoryNatalia TepluhinaTwitterGithubDev.toJoel HooksTwitterWebsite

education development code web software beginners friendly programming reputation javascript earns vue angular typescript rxjs vue cli vue vixens

VoV 060: Our Least Favorite Parts of Vue with An Phan and Thorsten Lunborg

Play Episode Listen Later May 7, 2019 84:49

Sponsors Netlify Sentry use the code “devchat” for $100 credit Triplebyte offers a $1000 signing bonus CacheFly Panel Chris Fritz Charles Max Wood Joined by Special Guests: Thorsten Lunborg and An Phan Episode Summary Thorsten Lunborg and An Phan are both members of the VueJS core team. This episode of Views on Vue has the panelists talking about things that they dislike about Vue and cool features coming to Vue 3. Vue 3 will see a replaced reactivity system, migration guide and a migration helper, changes to component styling, adding listeners will be made more explicit, and the Native modifier will be removed. The panel discusses mixins and hooks and how those features will be improved in Vue 3. They also discuss difficulties using Vmode. One of the major changes to Vue 3 will be in the language and terminology. Right now, there are often multiple terms for the same feature. The panel discusses how the ambiguity of terminology and how the overlap between tech words and real life words can be confusing. This ambiguity makes it difficult to translate the terms into other languages, especially if there isn’t a direct translation. Links Props Wrapper Attribute Listeners Sloth Extract Scoped slots Pipes Getters Enterprise Boilerplate Vue CLI 3 Nuxt Lifecycle hooks HOC (Higher Order Component) Vmode Babel Mixins Considered Harmful article An Phan on Twitter and Github Thorsten on Twitter and Github Follow DevChat on Facebook and Twitter Picks Chris Fritz: One Strange Rock on Netflix Flash Forward podcast Charles Max Wood: The Expanse series Buzzsprout An Phan: Lincoln in the Bardo by George Saunders Avengers Endgame Thorsten Lunborg: Spiderman: Into the Spider Verse OctoTree and OctoLinker The Fabric Presents Mix by Bonobo

netflix panel views avengers endgame native spider verse babel attributes props github components sloths expanse pipes lifecycle spider man into buzzsprout extract thorsten bardo least favorite vue phan bonobo sentry george saunders flash forward favorite parts netlify wrapper vuejs cachefly getters nuxt one strange rock scoped charles max wood triplebyte devchattv vue cli chris fritz octotree lincoln bardo novel george saunders

VoV 060: Our Least Favorite Parts of Vue with An Phan and Thorsten Lunborg

Play Episode Listen Later May 7, 2019 84:49

Sponsors Netlify Sentry use the code “devchat” for $100 credit Triplebyte offers a $1000 signing bonus CacheFly Panel Chris Fritz Charles Max Wood Joined by Special Guests: Thorsten Lunborg and An Phan Episode Summary Thorsten Lunborg and An Phan are both members of the VueJS core team. This episode of Views on Vue has the panelists talking about things that they dislike about Vue and cool features coming to Vue 3. Vue 3 will see a replaced reactivity system, migration guide and a migration helper, changes to component styling, adding listeners will be made more explicit, and the Native modifier will be removed. The panel discusses mixins and hooks and how those features will be improved in Vue 3. They also discuss difficulties using Vmode. One of the major changes to Vue 3 will be in the language and terminology. Right now, there are often multiple terms for the same feature. The panel discusses how the ambiguity of terminology and how the overlap between tech words and real life words can be confusing. This ambiguity makes it difficult to translate the terms into other languages, especially if there isn’t a direct translation. Links Props Wrapper Attribute Listeners Sloth Extract Scoped slots Pipes Getters Enterprise Boilerplate Vue CLI 3 Nuxt Lifecycle hooks HOC (Higher Order Component) Vmode Babel Mixins Considered Harmful article An Phan on Twitter and Github Thorsten on Twitter and Github Follow DevChat on Facebook and Twitter Picks Chris Fritz: One Strange Rock on Netflix Flash Forward podcast Charles Max Wood: The Expanse series Buzzsprout An Phan: Lincoln in the Bardo by George Saunders Avengers Endgame Thorsten Lunborg: Spiderman: Into the Spider Verse OctoTree and OctoLinker The Fabric Presents Mix by Bonobo

netflix panel views avengers endgame native spider verse babel attributes props github components sloths expanse pipes lifecycle spider man into buzzsprout extract thorsten bardo least favorite vue phan bonobo sentry george saunders flash forward favorite parts netlify wrapper vuejs cachefly getters nuxt one strange rock scoped charles max wood triplebyte devchattv vue cli chris fritz octotree lincoln bardo novel george saunders

#136 - March 29, 2019

Play Episode Listen Later Mar 31, 2019 6:11

Vue DevTools 5.0, Two new Vue RFCs, Vue Meta online documentation, Talks & Slides, Free Nuxt.js Tutorial, talks & slides from Vue Conferences, full potential of prop types, reduce your bundle size, renaming /src folder of Vue CLI, Accessing Vue Global filters, & native script Vue with Class components. Special Guest: Damian Dulisz.

class talks tutorials slides vue gregg pollack vue cli

VoV 052: Documentation with Natalia Tepluhina

Play Episode Listen Later Mar 12, 2019 61:55

Sponsors Sentry use the code “devchat” for $100 credit Triplebyte CacheFly Panel Divya Sasidharan Erik Hanchett Charles Max Wood Joined by special guest: Natalia Tepluhina Episode Summary In this episode of Views on Vue, the panelists talk to Natalia Tepluhina, Senior Frontend Developer at GitLab, about the importance of good documentation and the value of its contribution to open source in comparison to that of actual code. Natalia talks about the projects she has written documentation for, and they discuss the challenges in producing good docs. She explains three rules in making documentation comprehensive and the process involved in its creation. They then go into specifics about Vue documentation and discuss plugins, differences between cookbooks and guides, ways for developers to contribute to the projects, resources that they can use to learn stuff effectively and Vue Vixens curriculum vs official Vue documentation. Natalia gives an overview of Vue Vixens’ workshops (catered exclusively to women in software development) and mentions some locations around the world where they are held. She gives details about them including reasons why they choose to build mobile apps, their content and curriculum, and technical level of attendees. She also encourages women listeners to join their Slack channel (given in the links section) for more information about Vue Vixens. The panelists finally discuss representation of various groups in software development in general and the benefits of attending such workshops. Links Vue.js Vue cookbook Awesome Vue Twitter poll on Documentation vs Code contribution Vue Vixens Vue Vixens Slack channel Workshop at VueConf US Building a Desktop App with Vue Natalia’s Twitter Natalia’s GitHub https://www.facebook.com/ViewsonVue/ https://twitter.com/viewsonvue Picks Erik Hanchett: Brotopia:Breaking Up the Boys’ Club of Silicon Valley Divya Sasidharan: How to build a Vue CLI plugin by Natalia Tepluhina Natalia Tepluhina: Vue 2.6 Charles Max Wood: Regularly spend time with just your significant other Honey - Chrome Plugin Withings weighing scale

club building boys code silicon valley panel workshop views slack github regularly documentation vue gitlab sentry withings cachefly charles max wood triplebyte vue cli brotopia breaking up divya sasidharan vue vixens vueconf us

VoV 052: Documentation with Natalia Tepluhina

Play Episode Listen Later Mar 12, 2019 61:55

Sponsors Sentry use the code “devchat” for $100 credit Triplebyte CacheFly Panel Divya Sasidharan Erik Hanchett Charles Max Wood Joined by special guest: Natalia Tepluhina Episode Summary In this episode of Views on Vue, the panelists talk to Natalia Tepluhina, Senior Frontend Developer at GitLab, about the importance of good documentation and the value of its contribution to open source in comparison to that of actual code. Natalia talks about the projects she has written documentation for, and they discuss the challenges in producing good docs. She explains three rules in making documentation comprehensive and the process involved in its creation. They then go into specifics about Vue documentation and discuss plugins, differences between cookbooks and guides, ways for developers to contribute to the projects, resources that they can use to learn stuff effectively and Vue Vixens curriculum vs official Vue documentation. Natalia gives an overview of Vue Vixens’ workshops (catered exclusively to women in software development) and mentions some locations around the world where they are held. She gives details about them including reasons why they choose to build mobile apps, their content and curriculum, and technical level of attendees. She also encourages women listeners to join their Slack channel (given in the links section) for more information about Vue Vixens. The panelists finally discuss representation of various groups in software development in general and the benefits of attending such workshops. Links Vue.js Vue cookbook Awesome Vue Twitter poll on Documentation vs Code contribution Vue Vixens Vue Vixens Slack channel Workshop at VueConf US Building a Desktop App with Vue Natalia’s Twitter Natalia’s GitHub https://www.facebook.com/ViewsonVue/ https://twitter.com/viewsonvue Picks Erik Hanchett: Brotopia:Breaking Up the Boys’ Club of Silicon Valley Divya Sasidharan: How to build a Vue CLI plugin by Natalia Tepluhina Natalia Tepluhina: Vue 2.6 Charles Max Wood: Regularly spend time with just your significant other Honey - Chrome Plugin Withings weighing scale

club building boys code silicon valley panel workshop views slack github regularly documentation vue gitlab sentry withings cachefly charles max wood triplebyte vue cli brotopia breaking up divya sasidharan vue vixens vueconf us

VoV 045: Comparing the React and Vue Ecosystems with a Real-World SPA with John Datserakis

Play Episode Listen Later Jan 23, 2019 76:41

Sponsors: KendoUI Sentry use the code "devchat" for $100 credit TripleByte Panel: Divya Sasidharan Erik Hanchett Chris Fritz Joe Eames John Papa Charles Max Wood Special Guest: John Datserakis Episode Summary In this episode of Views on Vue, the panelists talk to John Datserakis, a full stack developer from North Shore Massachusetts. John has been programming for 9 years and works for Promosis, Inc. a company that develops and designs sweepstakes programs and other marketing tools. After leaving jQuery, John wrote a detailed tutorial comparing Vue and React. He felt that there weren’t enough tutorials available that show the issues developers face while coding in real time. With this tutorial he wanted to go through all the challenges a developer can face while learning a new framework from scratch. Comparing his favorite and least favorite parts using React, he mentions he didn’t “fall in love with it” enough to leave Vue. John then compares his experiences with Create React App and Vue CLI and talks about his most recent project, Best Meta which helps pick the most popular items on Amazon. John also talks briefly about his experiences using Vuex and Redux. Writing the detailed comparison tutorial helped John sharpen his JavaScript skills but he reveals that, at the end of the day, he will use Vue for his next project. Links Vue.js React.js John's GitHub John's Twitter John's LinkedIn Promosis, Inc. https://webpack.js.org/ https://angular.io/cli/update https://cli.vuejs.org/ https://redux.js.org/ https://www.facebook.com/ViewsonVue/ https://twitter.com/viewsonvue John's Recent Project: Best Meta John Datserakis' Article - Comparing Vue and React John Datserakis’ open-source projects on GitHub that pertain to the article: koa-vue-notes-api koa-vue-notes-web koa-react-notes-web John Datserakis' Other Recent GitHub Projects: vue-simple-context-menu vue-cookie-accept-decline vue-programmatic-invisible-google-recaptcha Picks John Papa: A book by Chris Noring on React Chris Noring's Twitter Divya Sasidharan: Framework Summit Sarah Drasner’s Workshop Design for Developers Ghost Erik Hanchett: AWS Amplify Chris Fritz: Google Fi Referral Code Ball Lightning by Cixin Liu FrontendMasters Joe Eames: ng-conf Minified – YouTube Framework Summit John Papa - AngularConnect Charles Max Wood: Eleventy Nunjucks John Datserakis: John's Recent Project: Best Meta Netlify Anthony Gore's Website

amazon ghosts writing fall in love panel views comparing developers react real world redux github javascript ecosystems vue sentry jquery netlify cixin liu eleventy ball lightning aws amplify charles max wood john papa triplebyte sarah drasner create react app kendo ui vue cli chris fritz joe eames divya sasidharan framework summit

VoV 045: Comparing the React and Vue Ecosystems with a Real-World SPA with John Datserakis

Play Episode Listen Later Jan 23, 2019 76:41

Sponsors: KendoUI Sentry use the code "devchat" for $100 credit TripleByte Panel: Divya Sasidharan Erik Hanchett Chris Fritz Joe Eames John Papa Charles Max Wood Special Guest: John Datserakis Episode Summary In this episode of Views on Vue, the panelists talk to John Datserakis, a full stack developer from North Shore Massachusetts. John has been programming for 9 years and works for Promosis, Inc. a company that develops and designs sweepstakes programs and other marketing tools. After leaving jQuery, John wrote a detailed tutorial comparing Vue and React. He felt that there weren’t enough tutorials available that show the issues developers face while coding in real time. With this tutorial he wanted to go through all the challenges a developer can face while learning a new framework from scratch. Comparing his favorite and least favorite parts using React, he mentions he didn’t “fall in love with it” enough to leave Vue. John then compares his experiences with Create React App and Vue CLI and talks about his most recent project, Best Meta which helps pick the most popular items on Amazon. John also talks briefly about his experiences using Vuex and Redux. Writing the detailed comparison tutorial helped John sharpen his JavaScript skills but he reveals that, at the end of the day, he will use Vue for his next project. Links Vue.js React.js John's GitHub John's Twitter John's LinkedIn Promosis, Inc. https://webpack.js.org/ https://angular.io/cli/update https://cli.vuejs.org/ https://redux.js.org/ https://www.facebook.com/ViewsonVue/ https://twitter.com/viewsonvue John's Recent Project: Best Meta John Datserakis' Article - Comparing Vue and React John Datserakis’ open-source projects on GitHub that pertain to the article: koa-vue-notes-api koa-vue-notes-web koa-react-notes-web John Datserakis' Other Recent GitHub Projects: vue-simple-context-menu vue-cookie-accept-decline vue-programmatic-invisible-google-recaptcha Picks John Papa: A book by Chris Noring on React Chris Noring's Twitter Divya Sasidharan: Framework Summit Sarah Drasner’s Workshop Design for Developers Ghost Erik Hanchett: AWS Amplify Chris Fritz: Google Fi Referral Code Ball Lightning by Cixin Liu FrontendMasters Joe Eames: ng-conf Minified – YouTube Framework Summit John Papa - AngularConnect Charles Max Wood: Eleventy Nunjucks John Datserakis: John's Recent Project: Best Meta Netlify Anthony Gore's Website

amazon ghosts writing fall in love panel views comparing developers react real world redux github javascript ecosystems vue sentry jquery netlify cixin liu eleventy ball lightning aws amplify charles max wood john papa triplebyte sarah drasner create react app kendo ui vue cli chris fritz joe eames divya sasidharan framework summit

ep.34 ニューアルバム (@kitak)

#strobofm

Play Episode Listen Later Dec 7, 2018 27:56

第21回ジュビロ磐田メモリアルマラソン RUNART足の治療院-駒沢公園-「マラソンランナーのための次世代トータルサポート施設」げんこつハンバーグの炭焼きレストランさわやか Heroku Now — Global Serverless Deployments Firebase Google App Engine Next.js zeit/pkg: Package your Node.js project into an executable zeit/hyper: A terminal built on web technologies Plans for the Next Iteration of Vue.js – The Vue Point – Medium Vue CLI

plans package html node vue heroku firebase google app engine vue cli

RR 391: Frontend Testing Like a Rubyist with Josh Justice

All Ruby Podcasts by Devchat.tv

Play Episode Listen Later Dec 4, 2018 67:04

Panel: Dave Kimura Charles Max Wood Nate Hopkins Special Guest: Josh Justice In this episode of Ruby Rogues, the panelists talk with Josh Justice who is a developer, writer, and speaker. Josh streams JavaScript and web development on Friday’s at 2:00 PM (ET) here! The panelists and the guest talk about Josh’s background and frontend testing in Ruby. Check it out! Show Topics: 0:00 – Advertisement: Sentry.io 1:04 – Chuck: Hi! Dave, Nate, and myself are on the panel and our special guest is Josh Justice! I am developing a show about developer freedom and it’s called The DevRev. It will be streamed through YouTube, and I will record Friday afternoons. Check out Facebook, too! 2:11 – Josh: Thanks! I am happy to be here! 2:18 – Chuck: Introduce yourself, please! 2:24 – Josh: I have been a developer for about 14 years. I have used PHP and then got into Ruby and then frontend development. 2:46 – Chuck: You work for Big Nerd Ranch in Atlanta? 2:56 – Josh: Yep for the last 3-4 years! 3:15 – Chuck: Can you introduce the topic? 3:25 – The guest talks about Big Nerd Ranch and frontend development. Learn TDD is mentioned, too! Check it out here! 5:06 – Panel: How much bouncing do you do between React and Vue? 5:11 – Guest. 5:47 – Chuck: We need to get you on our podcast shows for React and Vue! It’s an approach that I am familiar with in Ruby – and Selenium what a pain! 6:16 – Guest: I’ve had a good experience with Cypress, actually! 7:47 – Guest: Panelist, can you share your experiences? 7:57 – Panel: Not bad experiences with testing, but now I am trying to minimize my use with JavaScript. 8:30 – Guest: I think there is a big push towards considering more server site rendering. 9:35 – Panel: What’s your recommendation to setup Cypress? 9:40 – Guest: Their docs are really great! They had some conference talks on how to set it up! 10:15 – Guest: Check out my talks about this topic. (Connect Tech 2018). 10:29 – Panel: I think Cypress is a pretty cool solution but one thing that left me confused is that you have to have an environment that is already stood-up and running. Is that accurate or has that changed? 11:00 – Guest: Can you clarify what you mean by a “running environment”? 11:04 – Panelist clarifies. 11:44 – Guest: Luckily for me I have something to say b/c I tried a week ago! 12:01 – Guest mentions Vue CLI 3. 14:38 – Panel: How can you test your code coverage? I want to know how much of my code coverage am I hitting? The applications are up and running, it’s not going through the files (per se), and is there anything that would indicate how good your coverage is with the Cypress test? 15:10 – Guest: Let me as a follow-up question: How do you approach it on the frontend? 15:24 – Panelist answers the guest’s question. 16:06 – The guest mentions Vue CLI 2 & 3. 18:31 – Chuck: Are you using the tool Istanbul? 18:36 – Guest: Yep Istanbul is the one! 18:54 – Chuck: I’ve heard some similar rumors, but can’t say. 19:02 – Panelist talks. 20:13 – Chuck: I have been working on a project and what doesn’t get test-coverage gets a candidate to get pulled-out. 20:40 – Guest: Talking about test-driven development... Guest: Have you read the original book? 21:02 – Guest: The book: “Effective Testing with RSpec 3” is updated information – check it out! The guest mentions his live stream on Friday’s. Check out the links found below! 23:57 – Panel: How is the stability with tests like Cypress with end-to-end tests? If you are testing with a login then the user has to be already created. Or what about a Twitter app – the user has to be created and not followed? How do you handle that? 24:22 – Guest: I think we are spoiled in the Rails world b/c of those... 24:53 – The guest answers the panelist’s question! 26:59 – Fresh Books! 28:07 – Guest: Does that help? 28:10 – Panel. 28:21 – Guest: I have been thinking about this, though, recently. Thinking about the contracts through the business. I have dabbled with native development and I see the cost that runs a native app. 30:21 – Panel: It’s refreshing to hear the new market’s demands. I truly haven’t seen an application that requires that. I have built some extensive applications and also very simple ones, too; the need for productivity. 31:17 – Guest mentions a talk at a conference. See here for that information! 31:43 – Guest: I have a friend who was a new developer and he really knows his stuff. He said that he didn’t know if he could be a full stack developer in the next 5-10 years. Wait a minute?! Guest: The freedom to create something that stands alone. Guest: Tom Dale is mentioned by the Guest. 33:35 – Panel: To choose Rails as a new developer (today) it’s not as easy as it was back in the day. Today you have Active Job, Action Cable and so many other components. It’s more complicated today then it was in the past. It could be overwhelming to a new developer. 35:00 – Chuck: I think a lot of that is the community’s fault and not Rails’ fault. 35:57 – Panel. 36:04 – Panel: The counter-argument could say that’s where server-less come in. 36:27 – Chuck: To some degree you can get away with it. You don’t have to worry about the infrastructure or anything else. 36:44 – Panel: Have you tried messing around with server-less functions with AWS? I have and...it’s not easy. There is not a good flow or good work flow in a server-less environment. 38:01 – Chuck: You can go to this website. It makes the setup easier b/c you are adding your Azure or AWS features. 38:30 – Panel: This topic, though, does tie back to the testing topic we were talking about earlier! 39:14 – Panel: Yeah that is why I haven’t gotten into server-less things. The Rails holistic approach is so appealing. 40:14 – Panel continues: I want to take smaller steps when it comes to technology! I want to move into things that we are laying down the tracks to make it easier travelable. That way we can consider the things we’ve learned in the past and help those in the future. 41:07 – Chuck: What are lacking then? What is the friction that is left? Seems like Cypress helped removed that but maybe not? 42:02 – Panelist mentions Cypress, Jest, Mocha, and others! 43:10 – Panel (continues): I am all about experimenting but I want to know all the reasons. What has changed and what hasn’t’ changed? 43:29 – Panel: There is an article written that talks about this topic. 43:59 – Guest mentions the video “Is TDD Dead?” (See links below.) 44:29 – Guest: I like brining thoughts together and taking his or her input and come up with my own thoughts. 46:32 – Guest (continues): The testing trophy is heavier on the top (picture of a trophy). Guest: I think the thing that draws me to unit testing is that... 47:37 – Guest: I am obsessed with testing. The guest gives a summary here! 48:15 – Chuck: We talked with Quincy Larson last week and it’s a really good take on what we are doing and what we are trying to accomplish with our tests. Check it out – it’s coming out soon! 49:05 – Panel: When you are younger into your career – the way you think about structuring your code – when you are comfortable you really don’t need that guidance. 50:00 – Guest: I would encourage folks who were new to coding to do the following... 51:36 – Guest: Think about WHY you are doing (what you are doing) and being able to articulate well what you are doing and why. 52:03 – Panel: There is no question – every time I test I am surprised how much it shapes my thinking about the code and how many bugs that I catch even in code that I thought was operating well. When you go too far though there is a fallacy there. 52:54 – Panel: Yes, testing is very important. I am a test-after-the-fact programmer. That is my self-key term. Don’t write 500-line methods b/c you won’t be able to test that. Don’t make it too abstract so have a common pattern that you will use. Have a lot of private methods that aren’t exposed to the API. 54:03 – Guest: Yes thinking about how to structure your code can be challenging at first but it gets easier. 55:58 – Chuck: I have had talks with Corey Haines about topics like this! 56:47 – Guest: Yes it can be helpful in consultancy now. 59:23 – Guest: Think about this: choosing what level to test at. 1:00:14 – Panel: It’s hard b/c it changes all the time per function or something else. There are tradeoffs with everything we do. 1:00:41 – Chuck: You are the consultant it depends doesn’t it? 1:00:51 – Picks! 1:00:55 – Advertisement: Get A Coder Job! End – Cache Fly! Links: Get a Coder Job Course Ruby Ruby on Rails Angular Cypress Vue React VUE CLI 3 Jest.io Mocha.js GitHub: Istanbul The RSpec Book RR 068 Episode Ember CLI GitHub: Factory_Bot GitHub: VCR Big Nerd Ranch Big Nerd Ranch: Josh Justice / Team Manager The Bike Shed Keynote: Tom Dale @ EmberFest 2018 JSJ 291 Episode Serverless Article: Test-Induced Design Damage Video: Is TDD Dead? Music: Sub Conscious – Electronic / 2004 Music: Interloper / 2015 Disney Heroes: Battle Mode Google Play: Disney Heroes / Battle Mode Book Authoring Playlist Tom Dale’s Twitter Corey Haines’ Twitter Coding It Wrong Josh’s Twitter Josh’s GitHub Josh’s LinkedIn Josh’s Vimeo Video Sponsors: Sentry CacheFly Fresh Books Picks: Nate Phutureprimitive - Sub Conscious Carbon Based Lifeforms - Interloper Dave Dust collections system in Wood Shop Doctor Who - Theme Music Charles Authoring music Disney Hero Battles Josh Effecting Testing with RSpec 3 Growing Object-Oriented Software, Guided by Test XUnit Test Patterns Spectacle App Alfred App

google thinking testing panel dust react guided electronic istanbul api aws github jest javascript azure rails panelists rr php frontend advertisement cypress vue theme music angular sentry mocha serverless ruby on rails freshbooks authoring selenium cachefly corey haines charles max wood big nerd ranch quincy larson jsj rspec ruby rogues rubyist tom dale devrev vue cli nate hopkins chuck you vimeo video ember cli chuck can coder job course advertisement get a coder job action cable panel it connect tech alfred app chuck are disney heroes battle mode panel yeah chuck introduce panel there chuck to

RR 391: Frontend Testing Like a Rubyist with Josh Justice

Play Episode Listen Later Dec 4, 2018 67:04

Panel: Dave Kimura Charles Max Wood Nate Hopkins Special Guest: Josh Justice In this episode of Ruby Rogues, the panelists talk with Josh Justice who is a developer, writer, and speaker. Josh streams JavaScript and web development on Friday’s at 2:00 PM (ET) here! The panelists and the guest talk about Josh’s background and frontend testing in Ruby. Check it out! Show Topics: 0:00 – Advertisement: Sentry.io 1:04 – Chuck: Hi! Dave, Nate, and myself are on the panel and our special guest is Josh Justice! I am developing a show about developer freedom and it’s called The DevRev. It will be streamed through YouTube, and I will record Friday afternoons. Check out Facebook, too! 2:11 – Josh: Thanks! I am happy to be here! 2:18 – Chuck: Introduce yourself, please! 2:24 – Josh: I have been a developer for about 14 years. I have used PHP and then got into Ruby and then frontend development. 2:46 – Chuck: You work for Big Nerd Ranch in Atlanta? 2:56 – Josh: Yep for the last 3-4 years! 3:15 – Chuck: Can you introduce the topic? 3:25 – The guest talks about Big Nerd Ranch and frontend development. Learn TDD is mentioned, too! Check it out here! 5:06 – Panel: How much bouncing do you do between React and Vue? 5:11 – Guest. 5:47 – Chuck: We need to get you on our podcast shows for React and Vue! It’s an approach that I am familiar with in Ruby – and Selenium what a pain! 6:16 – Guest: I’ve had a good experience with Cypress, actually! 7:47 – Guest: Panelist, can you share your experiences? 7:57 – Panel: Not bad experiences with testing, but now I am trying to minimize my use with JavaScript. 8:30 – Guest: I think there is a big push towards considering more server site rendering. 9:35 – Panel: What’s your recommendation to setup Cypress? 9:40 – Guest: Their docs are really great! They had some conference talks on how to set it up! 10:15 – Guest: Check out my talks about this topic. (Connect Tech 2018). 10:29 – Panel: I think Cypress is a pretty cool solution but one thing that left me confused is that you have to have an environment that is already stood-up and running. Is that accurate or has that changed? 11:00 – Guest: Can you clarify what you mean by a “running environment”? 11:04 – Panelist clarifies. 11:44 – Guest: Luckily for me I have something to say b/c I tried a week ago! 12:01 – Guest mentions Vue CLI 3. 14:38 – Panel: How can you test your code coverage? I want to know how much of my code coverage am I hitting? The applications are up and running, it’s not going through the files (per se), and is there anything that would indicate how good your coverage is with the Cypress test? 15:10 – Guest: Let me as a follow-up question: How do you approach it on the frontend? 15:24 – Panelist answers the guest’s question. 16:06 – The guest mentions Vue CLI 2 & 3. 18:31 – Chuck: Are you using the tool Istanbul? 18:36 – Guest: Yep Istanbul is the one! 18:54 – Chuck: I’ve heard some similar rumors, but can’t say. 19:02 – Panelist talks. 20:13 – Chuck: I have been working on a project and what doesn’t get test-coverage gets a candidate to get pulled-out. 20:40 – Guest: Talking about test-driven development... Guest: Have you read the original book? 21:02 – Guest: The book: “Effective Testing with RSpec 3” is updated information – check it out! The guest mentions his live stream on Friday’s. Check out the links found below! 23:57 – Panel: How is the stability with tests like Cypress with end-to-end tests? If you are testing with a login then the user has to be already created. Or what about a Twitter app – the user has to be created and not followed? How do you handle that? 24:22 – Guest: I think we are spoiled in the Rails world b/c of those... 24:53 – The guest answers the panelist’s question! 26:59 – Fresh Books! 28:07 – Guest: Does that help? 28:10 – Panel. 28:21 – Guest: I have been thinking about this, though, recently. Thinking about the contracts through the business. I have dabbled with native development and I see the cost that runs a native app. 30:21 – Panel: It’s refreshing to hear the new market’s demands. I truly haven’t seen an application that requires that. I have built some extensive applications and also very simple ones, too; the need for productivity. 31:17 – Guest mentions a talk at a conference. See here for that information! 31:43 – Guest: I have a friend who was a new developer and he really knows his stuff. He said that he didn’t know if he could be a full stack developer in the next 5-10 years. Wait a minute?! Guest: The freedom to create something that stands alone. Guest: Tom Dale is mentioned by the Guest. 33:35 – Panel: To choose Rails as a new developer (today) it’s not as easy as it was back in the day. Today you have Active Job, Action Cable and so many other components. It’s more complicated today then it was in the past. It could be overwhelming to a new developer. 35:00 – Chuck: I think a lot of that is the community’s fault and not Rails’ fault. 35:57 – Panel. 36:04 – Panel: The counter-argument could say that’s where server-less come in. 36:27 – Chuck: To some degree you can get away with it. You don’t have to worry about the infrastructure or anything else. 36:44 – Panel: Have you tried messing around with server-less functions with AWS? I have and...it’s not easy. There is not a good flow or good work flow in a server-less environment. 38:01 – Chuck: You can go to this website. It makes the setup easier b/c you are adding your Azure or AWS features. 38:30 – Panel: This topic, though, does tie back to the testing topic we were talking about earlier! 39:14 – Panel: Yeah that is why I haven’t gotten into server-less things. The Rails holistic approach is so appealing. 40:14 – Panel continues: I want to take smaller steps when it comes to technology! I want to move into things that we are laying down the tracks to make it easier travelable. That way we can consider the things we’ve learned in the past and help those in the future. 41:07 – Chuck: What are lacking then? What is the friction that is left? Seems like Cypress helped removed that but maybe not? 42:02 – Panelist mentions Cypress, Jest, Mocha, and others! 43:10 – Panel (continues): I am all about experimenting but I want to know all the reasons. What has changed and what hasn’t’ changed? 43:29 – Panel: There is an article written that talks about this topic. 43:59 – Guest mentions the video “Is TDD Dead?” (See links below.) 44:29 – Guest: I like brining thoughts together and taking his or her input and come up with my own thoughts. 46:32 – Guest (continues): The testing trophy is heavier on the top (picture of a trophy). Guest: I think the thing that draws me to unit testing is that... 47:37 – Guest: I am obsessed with testing. The guest gives a summary here! 48:15 – Chuck: We talked with Quincy Larson last week and it’s a really good take on what we are doing and what we are trying to accomplish with our tests. Check it out – it’s coming out soon! 49:05 – Panel: When you are younger into your career – the way you think about structuring your code – when you are comfortable you really don’t need that guidance. 50:00 – Guest: I would encourage folks who were new to coding to do the following... 51:36 – Guest: Think about WHY you are doing (what you are doing) and being able to articulate well what you are doing and why. 52:03 – Panel: There is no question – every time I test I am surprised how much it shapes my thinking about the code and how many bugs that I catch even in code that I thought was operating well. When you go too far though there is a fallacy there. 52:54 – Panel: Yes, testing is very important. I am a test-after-the-fact programmer. That is my self-key term. Don’t write 500-line methods b/c you won’t be able to test that. Don’t make it too abstract so have a common pattern that you will use. Have a lot of private methods that aren’t exposed to the API. 54:03 – Guest: Yes thinking about how to structure your code can be challenging at first but it gets easier. 55:58 – Chuck: I have had talks with Corey Haines about topics like this! 56:47 – Guest: Yes it can be helpful in consultancy now. 59:23 – Guest: Think about this: choosing what level to test at. 1:00:14 – Panel: It’s hard b/c it changes all the time per function or something else. There are tradeoffs with everything we do. 1:00:41 – Chuck: You are the consultant it depends doesn’t it? 1:00:51 – Picks! 1:00:55 – Advertisement: Get A Coder Job! End – Cache Fly! Links: Get a Coder Job Course Ruby Ruby on Rails Angular Cypress Vue React VUE CLI 3 Jest.io Mocha.js GitHub: Istanbul The RSpec Book RR 068 Episode Ember CLI GitHub: Factory_Bot GitHub: VCR Big Nerd Ranch Big Nerd Ranch: Josh Justice / Team Manager The Bike Shed Keynote: Tom Dale @ EmberFest 2018 JSJ 291 Episode Serverless Article: Test-Induced Design Damage Video: Is TDD Dead? Music: Sub Conscious – Electronic / 2004 Music: Interloper / 2015 Disney Heroes: Battle Mode Google Play: Disney Heroes / Battle Mode Book Authoring Playlist Tom Dale’s Twitter Corey Haines’ Twitter Coding It Wrong Josh’s Twitter Josh’s GitHub Josh’s LinkedIn Josh’s Vimeo Video Sponsors: Sentry CacheFly Fresh Books Picks: Nate Phutureprimitive - Sub Conscious Carbon Based Lifeforms - Interloper Dave Dust collections system in Wood Shop Doctor Who - Theme Music Charles Authoring music Disney Hero Battles Josh Effecting Testing with RSpec 3 Growing Object-Oriented Software, Guided by Test XUnit Test Patterns Spectacle App Alfred App

google thinking testing panel dust react guided electronic istanbul api aws github jest javascript azure rails panelists rr php frontend advertisement cypress vue theme music angular sentry mocha serverless ruby on rails freshbooks authoring selenium cachefly corey haines charles max wood big nerd ranch quincy larson jsj rspec ruby rogues rubyist tom dale devrev vue cli nate hopkins chuck you vimeo video ember cli chuck can coder job course advertisement get a coder job action cable panel it connect tech alfred app chuck are disney heroes battle mode panel yeah chuck introduce panel there chuck to

RR 391: Frontend Testing Like a Rubyist with Josh Justice

Ruby Rogues

Play Episode Listen Later Dec 4, 2018 67:04

Panel: Dave Kimura Charles Max Wood Nate Hopkins Special Guest: Josh Justice In this episode of Ruby Rogues, the panelists talk with Josh Justice who is a developer, writer, and speaker. Josh streams JavaScript and web development on Friday’s at 2:00 PM (ET) here! The panelists and the guest talk about Josh’s background and frontend testing in Ruby. Check it out! Show Topics: 0:00 – Advertisement: Sentry.io 1:04 – Chuck: Hi! Dave, Nate, and myself are on the panel and our special guest is Josh Justice! I am developing a show about developer freedom and it’s called The DevRev. It will be streamed through YouTube, and I will record Friday afternoons. Check out Facebook, too! 2:11 – Josh: Thanks! I am happy to be here! 2:18 – Chuck: Introduce yourself, please! 2:24 – Josh: I have been a developer for about 14 years. I have used PHP and then got into Ruby and then frontend development. 2:46 – Chuck: You work for Big Nerd Ranch in Atlanta? 2:56 – Josh: Yep for the last 3-4 years! 3:15 – Chuck: Can you introduce the topic? 3:25 – The guest talks about Big Nerd Ranch and frontend development. Learn TDD is mentioned, too! Check it out here! 5:06 – Panel: How much bouncing do you do between React and Vue? 5:11 – Guest. 5:47 – Chuck: We need to get you on our podcast shows for React and Vue! It’s an approach that I am familiar with in Ruby – and Selenium what a pain! 6:16 – Guest: I’ve had a good experience with Cypress, actually! 7:47 – Guest: Panelist, can you share your experiences? 7:57 – Panel: Not bad experiences with testing, but now I am trying to minimize my use with JavaScript. 8:30 – Guest: I think there is a big push towards considering more server site rendering. 9:35 – Panel: What’s your recommendation to setup Cypress? 9:40 – Guest: Their docs are really great! They had some conference talks on how to set it up! 10:15 – Guest: Check out my talks about this topic. (Connect Tech 2018). 10:29 – Panel: I think Cypress is a pretty cool solution but one thing that left me confused is that you have to have an environment that is already stood-up and running. Is that accurate or has that changed? 11:00 – Guest: Can you clarify what you mean by a “running environment”? 11:04 – Panelist clarifies. 11:44 – Guest: Luckily for me I have something to say b/c I tried a week ago! 12:01 – Guest mentions Vue CLI 3. 14:38 – Panel: How can you test your code coverage? I want to know how much of my code coverage am I hitting? The applications are up and running, it’s not going through the files (per se), and is there anything that would indicate how good your coverage is with the Cypress test? 15:10 – Guest: Let me as a follow-up question: How do you approach it on the frontend? 15:24 – Panelist answers the guest’s question. 16:06 – The guest mentions Vue CLI 2 & 3. 18:31 – Chuck: Are you using the tool Istanbul? 18:36 – Guest: Yep Istanbul is the one! 18:54 – Chuck: I’ve heard some similar rumors, but can’t say. 19:02 – Panelist talks. 20:13 – Chuck: I have been working on a project and what doesn’t get test-coverage gets a candidate to get pulled-out. 20:40 – Guest: Talking about test-driven development... Guest: Have you read the original book? 21:02 – Guest: The book: “Effective Testing with RSpec 3” is updated information – check it out! The guest mentions his live stream on Friday’s. Check out the links found below! 23:57 – Panel: How is the stability with tests like Cypress with end-to-end tests? If you are testing with a login then the user has to be already created. Or what about a Twitter app – the user has to be created and not followed? How do you handle that? 24:22 – Guest: I think we are spoiled in the Rails world b/c of those... 24:53 – The guest answers the panelist’s question! 26:59 – Fresh Books! 28:07 – Guest: Does that help? 28:10 – Panel. 28:21 – Guest: I have been thinking about this, though, recently. Thinking about the contracts through the business. I have dabbled with native development and I see the cost that runs a native app. 30:21 – Panel: It’s refreshing to hear the new market’s demands. I truly haven’t seen an application that requires that. I have built some extensive applications and also very simple ones, too; the need for productivity. 31:17 – Guest mentions a talk at a conference. See here for that information! 31:43 – Guest: I have a friend who was a new developer and he really knows his stuff. He said that he didn’t know if he could be a full stack developer in the next 5-10 years. Wait a minute?! Guest: The freedom to create something that stands alone. Guest: Tom Dale is mentioned by the Guest. 33:35 – Panel: To choose Rails as a new developer (today) it’s not as easy as it was back in the day. Today you have Active Job, Action Cable and so many other components. It’s more complicated today then it was in the past. It could be overwhelming to a new developer. 35:00 – Chuck: I think a lot of that is the community’s fault and not Rails’ fault. 35:57 – Panel. 36:04 – Panel: The counter-argument could say that’s where server-less come in. 36:27 – Chuck: To some degree you can get away with it. You don’t have to worry about the infrastructure or anything else. 36:44 – Panel: Have you tried messing around with server-less functions with AWS? I have and...it’s not easy. There is not a good flow or good work flow in a server-less environment. 38:01 – Chuck: You can go to this website. It makes the setup easier b/c you are adding your Azure or AWS features. 38:30 – Panel: This topic, though, does tie back to the testing topic we were talking about earlier! 39:14 – Panel: Yeah that is why I haven’t gotten into server-less things. The Rails holistic approach is so appealing. 40:14 – Panel continues: I want to take smaller steps when it comes to technology! I want to move into things that we are laying down the tracks to make it easier travelable. That way we can consider the things we’ve learned in the past and help those in the future. 41:07 – Chuck: What are lacking then? What is the friction that is left? Seems like Cypress helped removed that but maybe not? 42:02 – Panelist mentions Cypress, Jest, Mocha, and others! 43:10 – Panel (continues): I am all about experimenting but I want to know all the reasons. What has changed and what hasn’t’ changed? 43:29 – Panel: There is an article written that talks about this topic. 43:59 – Guest mentions the video “Is TDD Dead?” (See links below.) 44:29 – Guest: I like brining thoughts together and taking his or her input and come up with my own thoughts. 46:32 – Guest (continues): The testing trophy is heavier on the top (picture of a trophy). Guest: I think the thing that draws me to unit testing is that... 47:37 – Guest: I am obsessed with testing. The guest gives a summary here! 48:15 – Chuck: We talked with Quincy Larson last week and it’s a really good take on what we are doing and what we are trying to accomplish with our tests. Check it out – it’s coming out soon! 49:05 – Panel: When you are younger into your career – the way you think about structuring your code – when you are comfortable you really don’t need that guidance. 50:00 – Guest: I would encourage folks who were new to coding to do the following... 51:36 – Guest: Think about WHY you are doing (what you are doing) and being able to articulate well what you are doing and why. 52:03 – Panel: There is no question – every time I test I am surprised how much it shapes my thinking about the code and how many bugs that I catch even in code that I thought was operating well. When you go too far though there is a fallacy there. 52:54 – Panel: Yes, testing is very important. I am a test-after-the-fact programmer. That is my self-key term. Don’t write 500-line methods b/c you won’t be able to test that. Don’t make it too abstract so have a common pattern that you will use. Have a lot of private methods that aren’t exposed to the API. 54:03 – Guest: Yes thinking about how to structure your code can be challenging at first but it gets easier. 55:58 – Chuck: I have had talks with Corey Haines about topics like this! 56:47 – Guest: Yes it can be helpful in consultancy now. 59:23 – Guest: Think about this: choosing what level to test at. 1:00:14 – Panel: It’s hard b/c it changes all the time per function or something else. There are tradeoffs with everything we do. 1:00:41 – Chuck: You are the consultant it depends doesn’t it? 1:00:51 – Picks! 1:00:55 – Advertisement: Get A Coder Job! End – Cache Fly! Links: Get a Coder Job Course Ruby Ruby on Rails Angular Cypress Vue React VUE CLI 3 Jest.io Mocha.js GitHub: Istanbul The RSpec Book RR 068 Episode Ember CLI GitHub: Factory_Bot GitHub: VCR Big Nerd Ranch Big Nerd Ranch: Josh Justice / Team Manager The Bike Shed Keynote: Tom Dale @ EmberFest 2018 JSJ 291 Episode Serverless Article: Test-Induced Design Damage Video: Is TDD Dead? Music: Sub Conscious – Electronic / 2004 Music: Interloper / 2015 Disney Heroes: Battle Mode Google Play: Disney Heroes / Battle Mode Book Authoring Playlist Tom Dale’s Twitter Corey Haines’ Twitter Coding It Wrong Josh’s Twitter Josh’s GitHub Josh’s LinkedIn Josh’s Vimeo Video Sponsors: Sentry CacheFly Fresh Books Picks: Nate Phutureprimitive - Sub Conscious Carbon Based Lifeforms - Interloper Dave Dust collections system in Wood Shop Doctor Who - Theme Music Charles Authoring music Disney Hero Battles Josh Effecting Testing with RSpec 3 Growing Object-Oriented Software, Guided by Test XUnit Test Patterns Spectacle App Alfred App

google thinking testing panel dust react guided electronic istanbul api aws github jest javascript azure rails panelists rr php frontend advertisement cypress vue theme music angular sentry mocha serverless ruby on rails freshbooks authoring selenium cachefly corey haines charles max wood big nerd ranch quincy larson jsj rspec ruby rogues rubyist tom dale devrev vue cli nate hopkins chuck you vimeo video ember cli chuck can coder job course advertisement get a coder job action cable panel it connect tech alfred app chuck are disney heroes battle mode panel yeah chuck introduce panel there chuck to

VoV 036: Vue CLI UI and Devtools with Guillaume Chau

Play Episode Listen Later Nov 6, 2018 53:19

Panel: Joe Eames Chris Fritz Divya Sasidharan Special Guest: Guillaume Chau In this episode, the panel talks with Guillaume Chau who is apart of the VueJS core team, a frontend engineer at Livestorm, and an open source contributor. The guest and the panelists talk about plugins, Webpack, Vue CLI, and much more! Check out today’s episode to hear all of the details. Show Topics: 0:00 – Advertisement – Kendo UI 1:00 – Chris lists who is on the panel along with today’s guest. Chris: Who are you and what are you working on? 1:50 – Guest: I am working on a startup in Paris. I am calling in from Lyon, France. 2:12 – Panel: Late there? 2:15 – Panel: Almost time for dinner? 2:21 – Guest: Yes, it’s cooking now! 2:26 – Panel asks a question. 2:43 – Guest answers the question. 3:14 – Panel: Anyone who didn’t want to be an expert, they don’t’ have to worry about how things tie together – you could help them with their configurations? 3:36 – Guest: A lot of the work is done for you with the configurations so you can start writing your apps. 3:53 – Panel: How is 3 different from 2? 4:06 – Guest: It’s like a new tool entirely. It’s working very different, too, with a different system. It has a different template base. 5:53 – Panel: To combine templates you have to understand it well, like different Webpacks. 6:12 – Guest: Regarding Webpacks and their configurations... 6:52 – Panel: With the template situation there was an issue where they would make their project and as new versions of Webpack came out...and new versions of Babble, and they will have to manage the dependencies of all of these. There might be some plugins that only work with x, y, and z. IT can be frustrating – can version 3 take care of this for you? 7:44 – Guest answers the question. 9:24 – Panel: How do you update plugins? 9:29 – Guest. 10:26 – Panel: Upgrade your plugins then as long as all of your plugins are the same version it’s okay? 10:34 – Guest: Yes. You can upgrade your... 11:38 – Chris: Divya, you just gave a talk (London) on...plugins, right? 11:50 – Divya: Yes. We talked about Webpack configurations. For example, if there are some testing libraries you can essentially setup a UCLI plugin to create a test – create a test folder – plugins let you generate files or folders (structure your project in a certain way). In London I talked about server less functions with... 13:30 – Panel: Any kind of pattern you want to use in different applications you can wrap that up in a plugin? 13:42 – Divya: Yes. Exactly. Instead of repeating yourself you can wrap it up. It’s really handy. 14:00 – Panel asks a question. 14:02 – Divya: You could do that... 14:10 – Panel: ...or a graph QL – Yes! 14:20 – Guest. 14:33 – Chris: Any thing that third-party plugins don’t have access to? 14:43 – Guest. 14:54 – Chris. 15:08 – Guest. 15:25 – Divya: ...if you want a UCLI service...and so you can grab those commands and add-on those commands and using those default commands. You have access to those commands, so you don’t always... 17:02 – Chris: Like deploy? 17:11 – Divya: Yes. 17:17 – Guest. 17:19 – Divya. Divya: Do you have strategies on how you go about testing your plugins? 17:35 – Guest: Yes, I do. 19:23 – Panel: So this is like end-to-end test for a CLI tool? 19:33 – Guest. 19:50 – Panel: Is there documentation for all of this? 19:59 – Guest. 20:14 – Divya: I think the way I’ve done tests is to edit an example a test project as a local dependency and then seeing that it works. I want to make sure that it works. Divya: And the other way I’ve done it is VUE CLI it is undocumented at the moment. You can test your CLI plugin from within the plugin itself. 21:55 – Guest: I’ve used some of those before. 22:08 – Chris: Speaking of the UI that is something I’d love to talk about. It seems unique to me – a CLI tool that has a UI that is built along with it. That seems strange to some people – how does that work and WHY would you need it? 22:42 – Guest: I’ll start with the WHY. It is way more powerful and as a greeter the API interface is more fixable so you can choose different options. For example when you create a project you can set different things. You basically have to name the project and you have simple options to choose form. Now it’s basically a really fixable system with plugins and stuff like that. I thought it would be nice to free it from the terminal. The best way to do that was creating a graphical interface. The main advantage of this was that you could add more information and explanations to what is going on. You can also create better interface. Guest: Also, it currently improves discoverability. 25:30 – Chris: You could do a search in the UI and type in the name of something you are working with and then your plugin would show up in the list – and then it would just be added to their project. That’s nice so they don’t have to go to the NPM or doing the README. 26:07 – Guest. 26:14 – Divya: I think it’s nice b/c I have used it extensively for my plugin. I want to see what hasn’t been taken already. I have a way of organizing my modules and I’ve used to it see what names have already been taken? 26:47 – Guest: I think sometimes... 27:15 – Divya: The feature that you are able to run tasks from the UI is nice. 27:55 – Chris: It sounds like it offers a nicer way to view a lot of things. One of the other advantages (that I found) is that I have a configuration to the listing rules to Vue – you can pick the exact rule set that you want to use. Normally when you look at a configuration file, you don’t know what rule sets are available, you don’t know what options are available. All of this you have to look at documentation. You can see descriptions of what each rule does. You can do so much in the UI. 29:19 – Guest. 29:40 – Advertisement – Get A Coder Job! 30:25 – Chris: Do they still need a terminal? 30:35 – Guest. 32:41 – Chris: That would be cool! 32:46 – Guest. 33:09 – Chris: They still need a little terminal knowledge right? 33:15 – Guest: Yes. 33:33 – Chris: They need a little terminal knowledge, they need to install the package, then they need to run VUE UI, then they can do anything from the terminal inside of the UI? 33:55 – Guest: You can create and import existing projects. 34:28 – Panel. 34:33 – Chris. 34:36 – Panel: It’s already active? 34:43 – Guest: I would like to talk about what I did in London. That conference I talked about... 37:00 – Panel. 37:07 – Guest. 37:20 – Panel: Nice! 37:25 – Guest. Guest: All of these widgets that I talked about you can use the product API and do anything that you want. 38:47 – Chris: If someone wants to see the dashboard that you are doing – where can they see that stuff? 39:00 – Guest: GitHub. Follow the manuscript instructions. 39:16 – Chris: Your London talk was recorded? 39:22 – Guest: Yes. 39:27 – Guest. 39:38 – Divya: Are you planning on giving this talk in other events? 39:47 – Guest: Maybe not anytime soon. 39:56 – Chris. 40:00 – Divya. 40:09 – Guest: It might be release already we don’t know. 40:15 – Divya: A date you would like to release by? 40:25 – Chris: Where can people support you and your work? 40:35 – Guest: Yes, they definitely can. You can check out the GitHub file. Also, check-out my open source work, too. 41:17 – Chris: Twitter? 41:19 – Guest: Yes. 41:24 – Chris: You have cute cat pictures, too. Let’s go to Picks!! 41:40 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue VUE CLI 3 Vue CLI – NPM React Angular JavaScript DevChat TV Article: Infrequently Noted Vue.js Fundamentals GetKap Snipcart Netlify Webpack.js Guillaume Chau’s Vue.JS LONDON Guillaume Chau’s Twitter Guillaume Chau’s LinkedIn Guillaume Chau’s GitHub Guillaume Chau’s GitHub Repositories Guillaume Chau’s ABOUT in Patreon.com Guillaume Chau’s Medium Guillaume Chau’s Info Divya’s London Talk Webpack – Configurations Graph QL Sponsors: Fresh Books Cache Fly Kendo UI Get A Coder Job! Picks: Joe VueJS Fundamentals Developer Experience Bait and Switch Divya Get Kap Snipcart How we built a Due CLI Plugin for Netlify Lambda Chris Meditation Gratefulness Guillaume Exercise The Expanse

google france meditation exercise medium switch panel fundamentals react lyon api ui github guillaume javascript expanse gratefulness advertisement vue angular divya babble chau freshbooks cli graphql npm readme chris do netlify configurations webpack devtools vuejs cachefly ql devchat chris you livestorm kendo ui devchattv vue cli chris they chris fritz joe eames snipcart divya sasidharan chris where chris who get a coder job us 2528sem 2529branded 257cexm chris like panel it chris any 255bfreshbooks 255d panel so panel any

VoV 036: Vue CLI UI and Devtools with Guillaume Chau

Play Episode Listen Later Nov 6, 2018 53:19

Panel: Joe Eames Chris Fritz Divya Sasidharan Special Guest: Guillaume Chau In this episode, the panel talks with Guillaume Chau who is apart of the VueJS core team, a frontend engineer at Livestorm, and an open source contributor. The guest and the panelists talk about plugins, Webpack, Vue CLI, and much more! Check out today’s episode to hear all of the details. Show Topics: 0:00 – Advertisement – Kendo UI 1:00 – Chris lists who is on the panel along with today’s guest. Chris: Who are you and what are you working on? 1:50 – Guest: I am working on a startup in Paris. I am calling in from Lyon, France. 2:12 – Panel: Late there? 2:15 – Panel: Almost time for dinner? 2:21 – Guest: Yes, it’s cooking now! 2:26 – Panel asks a question. 2:43 – Guest answers the question. 3:14 – Panel: Anyone who didn’t want to be an expert, they don’t’ have to worry about how things tie together – you could help them with their configurations? 3:36 – Guest: A lot of the work is done for you with the configurations so you can start writing your apps. 3:53 – Panel: How is 3 different from 2? 4:06 – Guest: It’s like a new tool entirely. It’s working very different, too, with a different system. It has a different template base. 5:53 – Panel: To combine templates you have to understand it well, like different Webpacks. 6:12 – Guest: Regarding Webpacks and their configurations... 6:52 – Panel: With the template situation there was an issue where they would make their project and as new versions of Webpack came out...and new versions of Babble, and they will have to manage the dependencies of all of these. There might be some plugins that only work with x, y, and z. IT can be frustrating – can version 3 take care of this for you? 7:44 – Guest answers the question. 9:24 – Panel: How do you update plugins? 9:29 – Guest. 10:26 – Panel: Upgrade your plugins then as long as all of your plugins are the same version it’s okay? 10:34 – Guest: Yes. You can upgrade your... 11:38 – Chris: Divya, you just gave a talk (London) on...plugins, right? 11:50 – Divya: Yes. We talked about Webpack configurations. For example, if there are some testing libraries you can essentially setup a UCLI plugin to create a test – create a test folder – plugins let you generate files or folders (structure your project in a certain way). In London I talked about server less functions with... 13:30 – Panel: Any kind of pattern you want to use in different applications you can wrap that up in a plugin? 13:42 – Divya: Yes. Exactly. Instead of repeating yourself you can wrap it up. It’s really handy. 14:00 – Panel asks a question. 14:02 – Divya: You could do that... 14:10 – Panel: ...or a graph QL – Yes! 14:20 – Guest. 14:33 – Chris: Any thing that third-party plugins don’t have access to? 14:43 – Guest. 14:54 – Chris. 15:08 – Guest. 15:25 – Divya: ...if you want a UCLI service...and so you can grab those commands and add-on those commands and using those default commands. You have access to those commands, so you don’t always... 17:02 – Chris: Like deploy? 17:11 – Divya: Yes. 17:17 – Guest. 17:19 – Divya. Divya: Do you have strategies on how you go about testing your plugins? 17:35 – Guest: Yes, I do. 19:23 – Panel: So this is like end-to-end test for a CLI tool? 19:33 – Guest. 19:50 – Panel: Is there documentation for all of this? 19:59 – Guest. 20:14 – Divya: I think the way I’ve done tests is to edit an example a test project as a local dependency and then seeing that it works. I want to make sure that it works. Divya: And the other way I’ve done it is VUE CLI it is undocumented at the moment. You can test your CLI plugin from within the plugin itself. 21:55 – Guest: I’ve used some of those before. 22:08 – Chris: Speaking of the UI that is something I’d love to talk about. It seems unique to me – a CLI tool that has a UI that is built along with it. That seems strange to some people – how does that work and WHY would you need it? 22:42 – Guest: I’ll start with the WHY. It is way more powerful and as a greeter the API interface is more fixable so you can choose different options. For example when you create a project you can set different things. You basically have to name the project and you have simple options to choose form. Now it’s basically a really fixable system with plugins and stuff like that. I thought it would be nice to free it from the terminal. The best way to do that was creating a graphical interface. The main advantage of this was that you could add more information and explanations to what is going on. You can also create better interface. Guest: Also, it currently improves discoverability. 25:30 – Chris: You could do a search in the UI and type in the name of something you are working with and then your plugin would show up in the list – and then it would just be added to their project. That’s nice so they don’t have to go to the NPM or doing the README. 26:07 – Guest. 26:14 – Divya: I think it’s nice b/c I have used it extensively for my plugin. I want to see what hasn’t been taken already. I have a way of organizing my modules and I’ve used to it see what names have already been taken? 26:47 – Guest: I think sometimes... 27:15 – Divya: The feature that you are able to run tasks from the UI is nice. 27:55 – Chris: It sounds like it offers a nicer way to view a lot of things. One of the other advantages (that I found) is that I have a configuration to the listing rules to Vue – you can pick the exact rule set that you want to use. Normally when you look at a configuration file, you don’t know what rule sets are available, you don’t know what options are available. All of this you have to look at documentation. You can see descriptions of what each rule does. You can do so much in the UI. 29:19 – Guest. 29:40 – Advertisement – Get A Coder Job! 30:25 – Chris: Do they still need a terminal? 30:35 – Guest. 32:41 – Chris: That would be cool! 32:46 – Guest. 33:09 – Chris: They still need a little terminal knowledge right? 33:15 – Guest: Yes. 33:33 – Chris: They need a little terminal knowledge, they need to install the package, then they need to run VUE UI, then they can do anything from the terminal inside of the UI? 33:55 – Guest: You can create and import existing projects. 34:28 – Panel. 34:33 – Chris. 34:36 – Panel: It’s already active? 34:43 – Guest: I would like to talk about what I did in London. That conference I talked about... 37:00 – Panel. 37:07 – Guest. 37:20 – Panel: Nice! 37:25 – Guest. Guest: All of these widgets that I talked about you can use the product API and do anything that you want. 38:47 – Chris: If someone wants to see the dashboard that you are doing – where can they see that stuff? 39:00 – Guest: GitHub. Follow the manuscript instructions. 39:16 – Chris: Your London talk was recorded? 39:22 – Guest: Yes. 39:27 – Guest. 39:38 – Divya: Are you planning on giving this talk in other events? 39:47 – Guest: Maybe not anytime soon. 39:56 – Chris. 40:00 – Divya. 40:09 – Guest: It might be release already we don’t know. 40:15 – Divya: A date you would like to release by? 40:25 – Chris: Where can people support you and your work? 40:35 – Guest: Yes, they definitely can. You can check out the GitHub file. Also, check-out my open source work, too. 41:17 – Chris: Twitter? 41:19 – Guest: Yes. 41:24 – Chris: You have cute cat pictures, too. Let’s go to Picks!! 41:40 – Advertisement – Fresh Books! DEVCHAT code. 30-day trial. Links: Vue VUE CLI 3 Vue CLI – NPM React Angular JavaScript DevChat TV Article: Infrequently Noted Vue.js Fundamentals GetKap Snipcart Netlify Webpack.js Guillaume Chau’s Vue.JS LONDON Guillaume Chau’s Twitter Guillaume Chau’s LinkedIn Guillaume Chau’s GitHub Guillaume Chau’s GitHub Repositories Guillaume Chau’s ABOUT in Patreon.com Guillaume Chau’s Medium Guillaume Chau’s Info Divya’s London Talk Webpack – Configurations Graph QL Sponsors: Fresh Books Cache Fly Kendo UI Get A Coder Job! Picks: Joe VueJS Fundamentals Developer Experience Bait and Switch Divya Get Kap Snipcart How we built a Due CLI Plugin for Netlify Lambda Chris Meditation Gratefulness Guillaume Exercise The Expanse

google france meditation exercise medium switch panel fundamentals react lyon api ui github guillaume javascript expanse gratefulness advertisement vue angular divya babble chau freshbooks cli graphql npm readme chris do netlify configurations webpack devtools vuejs cachefly ql devchat chris you livestorm kendo ui devchattv vue cli chris they chris fritz joe eames snipcart divya sasidharan chris where chris who get a coder job us 2528sem 2529branded 257cexm chris like panel it chris any 255bfreshbooks 255d panel so panel any

#117 - October 30, 2018

Play Episode Listen Later Oct 30, 2018 4:52

Vue Hooks, Sebastian Chopin Interview, vue-promised, progressive web apps, extending vuetify validation, VeeValidate validation providers, Vue CLI 3.0 plugin for Atomic Design & Storybook.

storybook atomic design gregg pollack vue cli

100: Sébastien Chopin - Building Universal Vue.js Apps with Nuxt.js

Full Stack Radio

Play Episode Listen Later Oct 23, 2018 48:49

In this episode Adam talks to Sébastien Chopin about Nuxt.js, a Next.js-inspired framework for building server-rendered client-side applications with Vue.js. Topics include: The history behind Nuxt.js How Nuxt.js uses special Page components and file-based routing instead of using a traditional router Creating dynamic page-based routes without a custom server How the asyncData lifecycle hook works How server-side rendering works in Nuxt.js How Nuxt.js uses intelligent code-splitting to improve performance How to use the fetch method to dispatch Vuex actions Using the head method to populate head elements on a page How layouts and middleware work Options for generating, serving, and deploying Nuxt applications When and why would someone use Vue CLI instead of Nuxt? Sponsors: Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free Rollbar, sign up at https://rollbar.com/fullstackradio and install Rollbar in your app to receive a $100 gift card for Open Collective Links: VueConf TO Discount Nuxt.js Documentation Vuepress Vue CLI 3

universal apps bastien chopin vue vuejs 10gb nuxt 20gb rollbar vue cli

#116 - October 23, 2018

Play Episode Listen Later Oct 23, 2018 5:42

Rediculously Reusable Components in Vue.js, Views on Vue, Vue CLI plugins, Universal SSR-ready components, Nuxt Cheat Sheet, Vue with TDD, Functional components, and advanced Vue debugging.

views functional vue tdd gregg pollack vue cli

VoV 030: "How we use Vue in Data Science" with Jacob Schatz & Taylor Murphy (Gitlab Team)

Play Episode Listen Later Sep 25, 2018 69:00

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

action career spring building data team medium panel react wordpress python data science daft punk online courses notion dl javascript flux indiegogo html rails set goals software engineers schatz programmers d3 node software engineering advertisement vue backgrounds gitlab angular divya benjamin hardy ruby on rails digital ocean looker gooey flask data engineers ben hardy wait but why angularjs cachefly article how hackernoon alan kay charles max wood chris lema john papa sarah drasner cachalot designing data intensive applications kendo ui vue cli chris fritz joe eames divya sasidharan coder job vuetify code badges panel you panel it panel chris panel yeah panel question chuck introduce panel there panel can panel so panel let panel any

VoV 030: "How we use Vue in Data Science" with Jacob Schatz & Taylor Murphy (Gitlab Team)

Play Episode Listen Later Sep 25, 2018 69:00

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

action career spring building data team medium panel react wordpress python data science daft punk online courses notion dl javascript flux indiegogo html rails set goals software engineers schatz programmers d3 node software engineering advertisement vue backgrounds gitlab angular divya benjamin hardy ruby on rails digital ocean looker gooey flask data engineers ben hardy wait but why angularjs cachefly article how hackernoon alan kay charles max wood chris lema john papa sarah drasner cachalot designing data intensive applications kendo ui vue cli chris fritz joe eames divya sasidharan coder job vuetify code badges panel you panel it panel chris panel yeah panel question chuck introduce panel there panel can panel so panel let panel any

RRU 026: Building React Applications in a Monorepo with Luis Vieira

React Round Up

Play Episode Listen Later Aug 28, 2018 44:30

Panel: Charles Max Wood Nader Dabit Lucas Reis Special Guests: Luis Vieira In this episode, the React Round Up panelists talk to Luis Vieira about his “Building large scale react applications in a monorepo”. Luis works in Portugal at a company called FarFetch as a front-end architect where he works mostly on JavaScript and infrastructure. They talk about the rationale behind his article, shared components, and what Lerna is and what is does. They also touch on Semantic Versioning, the difference between monolithic application and a monorepo, and more! In particular, we dive pretty deep on: Luis intro Front-end architect at FarFetch Works with JavaScript Rationale behind his article Dividing a project in multiple packages Sharing components between multiple applications Editing shared components Working in a monorepo Simplifies managing between different projects Requires more tooling What is Lerna? If you put multiple packages in one repo, how do you deal with things like the Git history getting mixed up? Versioning How does Semantic Versioning interplay with monorepos? What if you’re not using Semantic Versioning? Using the conventional commit How is the state of CI tooling regarded? He is currently more focused on React What he is experimenting with currently Building monolithic apps Monolithic aps VS monorepo Bazel Nrwl Nx And much, much more! Links: “Building large scale react applications in a monorepo” FarFetch JavaScript Lerna Semantic Versioning React Bazel Nrwl Nx Luis’s Medium @luisvieira_gmr Luis’s Newsletter Sponsors Kendo UI Digital Ocean Get a Coder Job Picks: Charles Take some time off Take a step back to reevaluate Nader Free workshop with Tyler McGinnis to come soon. Keep an eye out at Nader’s Twitter or Tyler’s Newsletter React Native EU Lucas Sketch.systems Luis Vue CLI

building sharing portugal medium front panel newsletter react applications editing special guests requires sketch javascript vieira dividing git nader rationale digital ocean farfetch monolithic simplifies versioning bazel nader dabit lerna monorepo charles max wood semantic versioning kendo ui vue cli react round up lucas reis coder job

Releases, Nova, and Russell Coight

Laravel News Podcast

Play Episode Listen Later Aug 28, 2018 46:03

Jake and Michael discuss all the latest Laravel releases, tutorials, and happenings in the community.

releases api php docker laravel pagination error messages russell coight vue cli laracon us

RRU 026: Building React Applications in a Monorepo with Luis Vieira

Play Episode Listen Later Aug 28, 2018 44:30

Panel: Charles Max Wood Nader Dabit Lucas Reis Special Guests: Luis Vieira In this episode, the React Round Up panelists talk to Luis Vieira about his “Building large scale react applications in a monorepo”. Luis works in Portugal at a company called FarFetch as a front-end architect where he works mostly on JavaScript and infrastructure. They talk about the rationale behind his article, shared components, and what Lerna is and what is does. They also touch on Semantic Versioning, the difference between monolithic application and a monorepo, and more! In particular, we dive pretty deep on: Luis intro Front-end architect at FarFetch Works with JavaScript Rationale behind his article Dividing a project in multiple packages Sharing components between multiple applications Editing shared components Working in a monorepo Simplifies managing between different projects Requires more tooling What is Lerna? If you put multiple packages in one repo, how do you deal with things like the Git history getting mixed up? Versioning How does Semantic Versioning interplay with monorepos? What if you’re not using Semantic Versioning? Using the conventional commit How is the state of CI tooling regarded? He is currently more focused on React What he is experimenting with currently Building monolithic apps Monolithic aps VS monorepo Bazel Nrwl Nx And much, much more! Links: “Building large scale react applications in a monorepo” FarFetch JavaScript Lerna Semantic Versioning React Bazel Nrwl Nx Luis’s Medium @luisvieira_gmr Luis’s Newsletter Sponsors Kendo UI Digital Ocean Get a Coder Job Picks: Charles Take some time off Take a step back to reevaluate Nader Free workshop with Tyler McGinnis to come soon. Keep an eye out at Nader’s Twitter or Tyler’s Newsletter React Native EU Lucas Sketch.systems Luis Vue CLI

building sharing portugal medium front panel newsletter react applications editing special guests requires sketch javascript vieira dividing git nader rationale digital ocean farfetch monolithic simplifies versioning bazel nader dabit lerna monorepo charles max wood semantic versioning kendo ui vue cli react round up lucas reis coder job

#108 - August 21, 2018

Play Episode Listen Later Aug 21, 2018 8:52

Framework summit, Guillaume Chau Q&A + Amsterdam talk, Views on Vue, dynamic forms, a 3D Editor, 5 Vue CLI 3 plugins, scoped slots, testing vue-apollo components, handling touch with VueJS, Vue-autosuggest new release, sending emails through Nuxt.js, and Chronocross. See http://news.vuejs.org for links to all the stories.

amsterdam views framework vue chrono cross vuejs nuxt gregg pollack vue cli

#107 - August 14, 2018

RWpod - подкаст про мир Ruby и Web технологии

Play Episode Listen Later Aug 14, 2018 7:39

Vue CLI 3.0, Vue.js Sprint, TypeScript + Vue, Vuex enterprise, Nuxt.js on DigitalOcean, PWA plugin for Vue CLI 3, Vue for React Devs, structuring Vue Components, and Quasar w/ Firebase.

sprint vue digital ocean quasar pwa firebase nuxt gregg pollack vue cli

32 выпуск 06 сезона. Rails 5.2.1, TLS 1.3, Babel 7.0.0-rc.1, Vue CLI 3.0, Kimurai, Foxr, SuperSlide.js, Wexond и прочее

Play Episode Listen Later Aug 12, 2018 21:00

Добрый день уважаемые слушатели. Представляем новый выпуск подкаста RWpod. В этом выпуске: Ruby Rails 5.2.1 has been released!, Ruby 2.6 Introduces Dir#each_child and Dir#children instance methods и Ruby 2.5 adds KeyError#receiver and KeyError#key TLS 1.3 spec released, How to Speed Up Your Ruby on Rails App и Kimurai - a modern web scraping framework written in Ruby JavaScript Babel 7.0.0-rc.1, Removing Babel's Stage Presets и Vue CLI 3.0 is here! Foxr - node.js API to control Firefox, SuperSlide.js - a lightweight, configurable sliding menu for your next PWA with promises и Wexond - a web browser built on top of Electron, React and styled-components

react babel api rails firefox electron tls pwa ruby rails vue cli

#104 - July 24, 2018

Play Episode Listen Later Jul 24, 2018 6:21

Vue.js Roadtrip Talks, renderless components, recursion for nested, testing with Jest, Intro to Vuex, Vue Cli 3, vue-socket.io, Instagram clone.

jest vue gregg pollack vue cli

VoV 018: State Management with Vue.js with Hassan Djirdeh

Play Episode Listen Later Jul 3, 2018 70:18

Panel: Charles Max Wood Chris Fritz Erik Hanchett Divya Sasidharan Special Guests: Hassan Djirdeh In this episode of Views on Vue, the panelists discuss state management with Vue.js with Hassan Djirdeh. Hassan is a front-end engineer developer based out of Toronto, Canada and works for the ecommerce company Shopify as his full-time job. In his free-time he does anything and everything related to Vue and has also recently helped publish a book called Fullstack Vue. They talk about Vue CLI 3.0, state management patterns, his talk The Importance of State Management in Vue, and more! In particular, we dive pretty deep on: Hassan intro Vue Recently started using the Vue CLI 3.0 How is Vue CLI 3.0 different from 2.0? More obvious to understand what people need for their application Vuex and Vue Router Great way to get things started What if you’re using a configuration from Vue CLI 2.0? Webpack or Browserify Making things easier and better for new Vue developers Further configuring your projects Have you found anything you haven’t been able to configure with Vue CLI 3? Git integration Vuex Modules Linting Can you create your own templates with the CLI? How much should the CLI tool walk the developer through the process? Integrating ESLint into a project Runtime errors Pre-commit hook The Importance of State Management in Vue – Hassan’s Talk And much, much more! Links: Shopify Fullstack Vue Vue CLI 3.0 Vue Vuex Vue Router Webpack Browserify Vuex Modules The Importance of State Management in Vue – Hassan’s Talk ESLint Hassan’s Medium Hassan’s GitHub @djirdehh hassandjirdeh.com Sponsors: Kendo UI FreshBooks Picks: Charles GDPR Solo Movie Chris Sarah Drasner Repo - loldash Jean-Claude Van Johnson Dark Primer Erik Wallabyjs.com Divya Gatsby.js SmooshGate blog Hassan Avengers: Infinity War Lambda School

canada talk toronto dark medium panel primer views special guests integrating shopify avengers infinity war gdpr github git gatsby vue divya runtime freshbooks cli lambda school webpack vuejs jean claude van johnson solo movie state management eslint charles max wood linting kendo ui browserify vue cli chris fritz divya sasidharan vue router

VoV 018: State Management with Vue.js with Hassan Djirdeh

Play Episode Listen Later Jul 3, 2018 70:18

Panel: Charles Max Wood Chris Fritz Erik Hanchett Divya Sasidharan Special Guests: Hassan Djirdeh In this episode of Views on Vue, the panelists discuss state management with Vue.js with Hassan Djirdeh. Hassan is a front-end engineer developer based out of Toronto, Canada and works for the ecommerce company Shopify as his full-time job. In his free-time he does anything and everything related to Vue and has also recently helped publish a book called Fullstack Vue. They talk about Vue CLI 3.0, state management patterns, his talk The Importance of State Management in Vue, and more! In particular, we dive pretty deep on: Hassan intro Vue Recently started using the Vue CLI 3.0 How is Vue CLI 3.0 different from 2.0? More obvious to understand what people need for their application Vuex and Vue Router Great way to get things started What if you’re using a configuration from Vue CLI 2.0? Webpack or Browserify Making things easier and better for new Vue developers Further configuring your projects Have you found anything you haven’t been able to configure with Vue CLI 3? Git integration Vuex Modules Linting Can you create your own templates with the CLI? How much should the CLI tool walk the developer through the process? Integrating ESLint into a project Runtime errors Pre-commit hook The Importance of State Management in Vue – Hassan’s Talk And much, much more! Links: Shopify Fullstack Vue Vue CLI 3.0 Vue Vuex Vue Router Webpack Browserify Vuex Modules The Importance of State Management in Vue – Hassan’s Talk ESLint Hassan’s Medium Hassan’s GitHub @djirdehh hassandjirdeh.com Sponsors: Kendo UI FreshBooks Picks: Charles GDPR Solo Movie Chris Sarah Drasner Repo - loldash Jean-Claude Van Johnson Dark Primer Erik Wallabyjs.com Divya Gatsby.js SmooshGate blog Hassan Avengers: Infinity War Lambda School

canada talk toronto dark medium panel primer views special guests integrating shopify avengers infinity war gdpr github git gatsby vue divya runtime freshbooks cli lambda school webpack vuejs jean claude van johnson solo movie state management eslint charles max wood linting kendo ui browserify vue cli chris fritz divya sasidharan vue router

#99 - June 19, 2018

Play Episode Listen Later Jun 19, 2018 7:39

Vue CLI, Apollo & GraphQL fro Vue.js, new CMTY release, building reactivity, NW.js, VuePress theme with Vuetify, companies using Vue, Nuxt async data options, hosting VuePress with a CMS, NativeScript, and delegating HTML links.

apollo cms html nw vue graphql nuxt nativescript gregg pollack vue cli vuetify

#95 - May 22, 2018

Play Episode Listen Later May 22, 2018 7:17

This week we cover VueMastery.com subscriptions, considerations, v-runtime-template, Vue CLI, lazy loading components, reducing CSS size, vue-googlemaps, Vuido, and the Evan You live stream.

css evan you gregg pollack vue cli

VoV 009: Building Modal Component with Filipa Lacerda

Play Episode Listen Later May 1, 2018 61:13

Panel: Charles Max Wood Erik Hanchett Divya Sasidharan Chris Fritz Joe Eames Special Guests: Filipa Lacerda In this episode of Views on Vue, the panelists discuss building modal component with Filipa Lacerda. Filipa is a senior frontend engineer at GitLab and works with Vue daily. She wrote an article recently on creating reusable components that you can use multiple times in your application without having to rewrite your code. She stresses the fact that components should be simple and not too complex, that way they can be more accessible and reusable in the future. In particular, we dive pretty deep on: Divya intro Filipa intro Vue and GitLab What makes a component reusable? Main focus What do you see that people do wrong in components? Makes your reusable components as simple as possible Accessible components Planning components Steps to writing reusable components Testing Are there types of accessibility that aren’t handles by area? Seizures Rachel Nabors VueConf Talk How do you refine this for reusability and accessibility? Focus on the code itself How do you know if the component is too complex? GitLab style guide The need to be on the same page with code Do you have any tips how to discuss style? And much, much more! Links: GitLab Vue Filipa article Rachel Nabors VueConf Talk @FilipaLacerda Filipa’s GitHub Framework Summit Filipa’s Alligator Profile Filipa’s GitLab Picks: Charles Stimulus Framework Ethereum Block Chain Udemy Blockchain Course Erik Deception Roseanne Joe Exploring Zero Configuration With Vue by Andrew Thauer 7 Secret Patterns Vue Consultants Don’t Want You to Know talk by Chris Fritz Chris The Fifth Season by N K Jemisin Flash Forward Podcast Vue CLI 3 UI Divya Proxy Article The Three-Body Problem Book Series by Cixin Liu React 16.3 Filipa Remote Work Podcast

planning focus testing panel blockchain views deception react special guests ethereum accessible makes ui github component seizures book series vue gitlab divya modal filipa three body problem lacerda cixin liu nk jemisin charles max wood vue cli joe eames chris fritz divya sasidharan three body problem cixin liu framework summit

VoV 009: Building Modal Component with Filipa Lacerda

Play Episode Listen Later May 1, 2018 61:13

Panel: Charles Max Wood Erik Hanchett Divya Sasidharan Chris Fritz Joe Eames Special Guests: Filipa Lacerda In this episode of Views on Vue, the panelists discuss building modal component with Filipa Lacerda. Filipa is a senior frontend engineer at GitLab and works with Vue daily. She wrote an article recently on creating reusable components that you can use multiple times in your application without having to rewrite your code. She stresses the fact that components should be simple and not too complex, that way they can be more accessible and reusable in the future. In particular, we dive pretty deep on: Divya intro Filipa intro Vue and GitLab What makes a component reusable? Main focus What do you see that people do wrong in components? Makes your reusable components as simple as possible Accessible components Planning components Steps to writing reusable components Testing Are there types of accessibility that aren’t handles by area? Seizures Rachel Nabors VueConf Talk How do you refine this for reusability and accessibility? Focus on the code itself How do you know if the component is too complex? GitLab style guide The need to be on the same page with code Do you have any tips how to discuss style? And much, much more! Links: GitLab Vue Filipa article Rachel Nabors VueConf Talk @FilipaLacerda Filipa’s GitHub Framework Summit Filipa’s Alligator Profile Filipa’s GitLab Picks: Charles Stimulus Framework Ethereum Block Chain Udemy Blockchain Course Erik Deception Roseanne Joe Exploring Zero Configuration With Vue by Andrew Thauer 7 Secret Patterns Vue Consultants Don’t Want You to Know talk by Chris Fritz Chris The Fifth Season by N K Jemisin Flash Forward Podcast Vue CLI 3 UI Divya Proxy Article The Three-Body Problem Book Series by Cixin Liu React 16.3 Filipa Remote Work Podcast

planning focus testing panel blockchain views deception react special guests ethereum accessible makes ui github component seizures book series vue gitlab divya modal filipa three body problem lacerda cixin liu nk jemisin charles max wood vue cli joe eames chris fritz divya sasidharan three body problem cixin liu framework summit

#91 - April 24, 2018

Play Episode Listen Later Apr 24, 2018 9:07

3 more VueConf US Videos, VuePress vs Nuxt.js, native-like animations, Vue-Cli 3 plugin, SVG and Vue.js, websockets in Vue, responsive components, Vue file upload, loading indicators, handling errors, mini-netflix clone, 5 templates for VueJS projects, Vue Firebase CRUD.

vue svg vuejs nuxt gregg pollack vue cli

#89 - April 10, 2018

Play Episode Listen Later Apr 10, 2018 6:25

Programmatic event listeners, source code deep dive, method/computed/watchers, Apollo + Vue + Vuex, Vue CLI 3, VueConf.US 2018, and Scoped Slots.

programmatic gregg pollack vue cli vueconf

VoV 005: Vue in the Enterprise with Chris Fritz

Play Episode Listen Later Apr 3, 2018 56:26

Panel: Charles Max Wood Erik Hanchett Chris Fritz In this episode of Views on Vue, the panelists discuss Vue enterprise development with Chris Fritz. Chris is the curator for documentation on the Vue core team, works on a lot of tooling to help support Vue developers, and develops resources such as the Style Guide. They compare his Vue Enterprise Boilerplate to Nuxt and discuss the pros and cons to using each. Chris also discusses why he decided to create this boilerplate and how it has allowed him to skip to the interesting part of his job. In particular, we dive pretty deep on: Chris intro Vue Documentation Cookbooks Different “recipes” in the cookbook What is enterprise development? Provides flexibility Vue Enterprise Boilerplate vs Nuxt Vue CLI Where to start? The boilerplate can be used as a study guide in a way How do you pick the tools to create this? CSS vs SCSS Why he built the boilerplate Vue Resource Jest Vue Test Utils What should people think about when using the boilerplate? Tries to encourage what he’s seen work well What do you think of TypeScript support? And much, much more! Links: Vue Vue Style Guide Documentation Cookbooks Vue Enterprise Boilerplate Nuxt Vue CLI CSS SCSS Vue Resource Jest Vue Test Utils TypeScript Support Chris’s Patreon @ChrisVFritz Chris’s GitHub Picks: Charles Google Play Store for Podcast JavaScript Dev Summit to come soon Wheel of Time by Robert Jordan Ready Player One by Ernest Cline Chuck@Devchat.tv @CMaxW Suggest Topics Erik Vue VS Code Extension Pack Chris Vue Conf US The Three-Body Problem by Cixin Liu Into the Breach Vue Vixens

time panel wheel views enterprise ready player one breach github jest css google play store vue ernest cline cli typescript robert jordan three body problem style guides cixin liu nuxt itemname charles max wood scss ready player one ernest cline vue cli chris fritz three body problem cixin liu vue vixens chuck devchat suggest topics javascript dev summit wheel time boxed set books

VoV 005: Vue in the Enterprise with Chris Fritz

Play Episode Listen Later Apr 3, 2018 56:26

Panel: Charles Max Wood Erik Hanchett Chris Fritz In this episode of Views on Vue, the panelists discuss Vue enterprise development with Chris Fritz. Chris is the curator for documentation on the Vue core team, works on a lot of tooling to help support Vue developers, and develops resources such as the Style Guide. They compare his Vue Enterprise Boilerplate to Nuxt and discuss the pros and cons to using each. Chris also discusses why he decided to create this boilerplate and how it has allowed him to skip to the interesting part of his job. In particular, we dive pretty deep on: Chris intro Vue Documentation Cookbooks Different “recipes” in the cookbook What is enterprise development? Provides flexibility Vue Enterprise Boilerplate vs Nuxt Vue CLI Where to start? The boilerplate can be used as a study guide in a way How do you pick the tools to create this? CSS vs SCSS Why he built the boilerplate Vue Resource Jest Vue Test Utils What should people think about when using the boilerplate? Tries to encourage what he’s seen work well What do you think of TypeScript support? And much, much more! Links: Vue Vue Style Guide Documentation Cookbooks Vue Enterprise Boilerplate Nuxt Vue CLI CSS SCSS Vue Resource Jest Vue Test Utils TypeScript Support Chris’s Patreon @ChrisVFritz Chris’s GitHub Picks: Charles Google Play Store for Podcast JavaScript Dev Summit to come soon Wheel of Time by Robert Jordan Ready Player One by Ernest Cline Chuck@Devchat.tv @CMaxW Suggest Topics Erik Vue VS Code Extension Pack Chris Vue Conf US The Three-Body Problem by Cixin Liu Into the Breach Vue Vixens

time panel wheel views enterprise ready player one breach github jest css google play store vue ernest cline cli typescript robert jordan three body problem style guides cixin liu nuxt itemname charles max wood scss ready player one ernest cline vue cli chris fritz three body problem cixin liu vue vixens chuck devchat suggest topics javascript dev summit wheel time boxed set books

VoV 004: Vue Documentation with Chris Fritz

Play Episode Listen Later Mar 27, 2018 72:10

Panel: Charles Max Wood John Papa Special Guests: Chris Fritz In this episode of Views on Vue, the panelists discuss Vue documentation with Chris Fritz. Chris is the curator for documentation on the Vue core team, works on a lot of tooling to help support Vue developers, and develops resources such as the Style Guide. They talk about what he is looking for when curating the documentation and what makes good documentation. Chris originally had a background in teaching as a language teacher with a minor in computer science, and this experience helps him today teach people how to learn the Vue language. In particular, we dive pretty deep on: Chris intro Vue Vue Style Guide Vue outreach Very active community What are you looking for when curating the documentation? What makes good documentation? Humor in documentation Background in language teaching It’s hard to teach people how to communicate in the different computing languages How to strike balance Documentation is a product Have people look over what you’re writing Tried Vue in JavaScript and TypeScript Future documentation in the works Vue CLI Vue Enterprise Boilerplate Vue ecosystem is exploding Vue Guide Doesn’t mind rewriting things in order to get them right And much, much more! Links: Vue Vue Style Guide JavaScript TypeScript Vue CLI Vue Enterprise Boilerplate Vue Guide Chris’s Patreon @ChrisVFritz Chris’s GitHub Picks: Charles Black Panther His Forum DevChat.tv John Five Things YouTube Videos VS Code Chris Children of Time by Adrian Tchaikovsky Blindsight by Peter Watts Queer Eye Vue Conf US

VoV 004: Vue Documentation with Chris Fritz

Play Episode Listen Later Mar 27, 2018 72:10

Panel: Charles Max Wood John Papa Special Guests: Chris Fritz In this episode of Views on Vue, the panelists discuss Vue documentation with Chris Fritz. Chris is the curator for documentation on the Vue core team, works on a lot of tooling to help support Vue developers, and develops resources such as the Style Guide. They talk about what he is looking for when curating the documentation and what makes good documentation. Chris originally had a background in teaching as a language teacher with a minor in computer science, and this experience helps him today teach people how to learn the Vue language. In particular, we dive pretty deep on: Chris intro Vue Vue Style Guide Vue outreach Very active community What are you looking for when curating the documentation? What makes good documentation? Humor in documentation Background in language teaching It’s hard to teach people how to communicate in the different computing languages How to strike balance Documentation is a product Have people look over what you’re writing Tried Vue in JavaScript and TypeScript Future documentation in the works Vue CLI Vue Enterprise Boilerplate Vue ecosystem is exploding Vue Guide Doesn’t mind rewriting things in order to get them right And much, much more! Links: Vue Vue Style Guide JavaScript TypeScript Vue CLI Vue Enterprise Boilerplate Vue Guide Chris’s Patreon @ChrisVFritz Chris’s GitHub Picks: Charles Black Panther His Forum DevChat.tv John Five Things YouTube Videos VS Code Chris Children of Time by Adrian Tchaikovsky Blindsight by Peter Watts Queer Eye Vue Conf US

VoV 003: Nuxt.js Basics and VueJS in Action

Play Episode Listen Later Mar 20, 2018 27:35

Panel: Charles Max Wood Erik Hanchett In this episode of Views on Vue, the panelists discuss the Nuxt.js, which is a framework for creating universal Vue.js applications, and how you can use it with Vue. They express how flexible this framework is to use and talk about how easy it is to get started with it. They also touch on static site generators and the pros and cons to using these. They end the podcast discussing Erik’s book, Vue.js in Action, which is a beginner-intermediate book on Vue.js. In particular, we dive pretty deep on: What is Nuxt.js? Vue Next.js Nuxt.js has flexibility Nuxt.js features What is a universal Vue.js application? Use it for SEO or to get a faster page speed Server side rendering How hard is it to set up? Vue CLI His book Vue.js in Action Will you use this in your day job? Why use Nuxt.js? Jekyll and Gatsby Static site generators About his book Vue is easy to get started with And much, much more! Links: Nuxt.js Vue Next.js Vue CLI Vue.js in Action Jekyll Gatsby React Angular @ErikCH Picks: Charles Softcover Get a Coder Job Course Erik StaticGen.com

action basics seo panel views react server static jekyll gatsby vue angular cli vuejs nuxt softcover charles max wood vue cli coder job course staticgen

VoV 003: Nuxt.js Basics and VueJS in Action