Code and Coffee

Follow us On Twitter! - @CodeAndCoffeeP1 Subscribe to our YouTube Channel and Turn Notifications ON so you don't miss our LiveStreams! Subscribe to our Twitch! Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter Noah Swartz: Twitter - @NoahSwartz Want to support us? Click here and you can support the show monetarily and help us bring in more special guests! Coffee was awesome!  Quin made some West Oak Coffee Hello Neighbor  Logan made a Caramel Mocha Latte with Peppermint Coffee from Starbucks Noah continued his canned coffee experience with a Folgers canned beverage. Quin Talks Brew Methods Pour Over, French Press, Espresso.  Pour Over Vs French Press Quin's Coffee Measuring PWA -- BrewMe Modern CSS Modern CSS Frameworks CSS Preprocessors CSS Grid and Flex Great CSS Grid Documentation - CSS Tricks Great CSS Flexbox Documentation - CSS Tricks Some CSS Animation examples AirBnb Lottie https://codepen.io/aris_acoba/pen/JjGpgGg Border animations Animation libraries. But could make your package size larger.  Pure css puppy Css typewriter Thanks for listening!!! Follow us On Twitter! - @CodeAndCoffeeP1 Subscribe to our YouTube Channel and Turn Notifications ON so you don't miss our LiveStreams! Subscribe to our Twitch! Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter Noah Swartz: Twitter - @NoahSwartz Want to support us? Click here and you can support the show monetarily and help us bring in more special guests! --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow us On Twitter! - @CodeAndCoffeeP1 Subscribe to our YouTube Channel and Turn Notifications ON so you don't miss our LiveStreams! Subscribe to our Twitch! Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter Noah Swartz: Twitter - @NoahSwartz Want to support us? Click here and you can support the show monetarily and help us bring in more special guests like the one on this episode! Coffee was awesome!  Quin made some West Oak Coffee Hello Neighbor  Logan made a Caramel Mocha Latte with Peppermint Coffee from Starbucks Noah continued his canned coffee experience with a Folgers canned beverage. Quin Talks Brew Methods Pour Over, French Press, Espresso.  Pour Over Vs French Press Quin's Coffee Measuring PWA -- BrewMe Modern CSS Modern CSS Frameworks CSS Preprocessors CSS Grid and Flex Great CSS Grid Documentation - CSS Tricks Great CSS Flexbox Documentation - CSS Tricks Some CSS Animation examples AirBnb Lottie https://codepen.io/aris_acoba/pen/JjGpgGg Border animations Animation libraries. But could make your package size larger.  Pure css puppy Css typewriter Thanks for listening!!! Follow us On Twitter! - @CodeAndCoffeeP1 Subscribe to our YouTube Channel and Turn Notifications ON so you don't miss our LiveStreams! Subscribe to our Twitch! Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter Noah Swartz: Twitter - @NoahSwartz Want to support us? Click here and you can support the show monetarily and help us bring in more special guests like the one on this episode! --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow us On Twitter! - @CodeAndCoffeeP1 Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter Noah Swartz: Twitter - @NoahSwartz Want to support us? Click here and you can support the show monetarily and help us bring in more special guests like the one on this episode! Special Guest - Chris Hickingbottom CSSLP -- CTO of OpenKey Insta: @wasiandad TikTok: @wasiandad Twitter: @wasiandevdad LinkedIn -- Click here  Welcome to Episode 5! Thank you so much for listening! What are we talking about today? Developer Burnout, or really just burnout in general regarding your life or your work.  Video Chris refers to: RSA ANIMATE: Drive: The surprising truth about what motivates us Stay in the know! Want to support us? Click here and you can support the show monetarily and help us bring in more special guests like the one on this episode! Follow us On Twitter! - @CodeAndCoffeeP1 Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter Noah Swartz: Twitter - @NoahSwartz --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow us On Twitter! - @CodeAndCoffeeP1 Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter Logan’s Coffee Recipe Cold Mint Mocha 1 cup coffee 2 cup ice 1 teaspoon mint extract ¼ cup milk After placing coffee grounds in your brewer, sprinkle mint extract over grounds then brew over ice What is a Container? | App Containerization Docker Documentation PHP Docker.io - Generator Generator Links about Minikube and Orchestration minikube start | minikube Performing a Rolling Update Dockerfile reference Nginx FROM nginx COPY nginx.conf /etc/nginx/nginx.conf Autoscaling Cluster Autoscaler - Amazon EKS https://aws.amazon.com/blogs/containers/deep-dive-on-amazon-ecs-cluster-auto-scaling/#:~:text=ECS%20Cluster%20Auto%20Scaling%20 Follow us On Twitter! - @CodeAndCoffeeP1 Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow us On Twitter! - @CodeAndCoffeeP1 Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter Logan’s Coffee Recipe Cold Mint Mocha 1 cup coffee 2 cup ice 1 teaspoon mint extract ¼ cup milk After placing coffee grounds in your brewer, sprinkle mint extract over grounds then brew over ice What is a Container? | App Containerization Docker Documentation PHP Docker.io - Generator Generator Links about Minikube and Orchestration minikube start | minikube Performing a Rolling Update Dockerfile reference Nginx FROM nginx COPY nginx.conf /etc/nginx/nginx.conf Autoscaling Cluster Autoscaler - Amazon EKS https://aws.amazon.com/blogs/containers/deep-dive-on-amazon-ecs-cluster-auto-scaling/#:~:text=ECS%20Cluster%20Auto%20Scaling%20 Follow us On Twitter! - @CodeAndCoffeeP1 Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow us On Twitter! - @CodeAndCoffeeP1 Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter Logan’s Coffee Recipe Cold Mint Mocha 1 cup coffee 2 cup ice 1 teaspoon mint extract ¼ cup milk After placing coffee grounds in your brewer, sprinkle mint extract over grounds then brew over ice What is a Container? | App Containerization Docker Documentation PHP Docker.io - Generator Generator Links about Minikube and Orchestration minikube start | minikube Performing a Rolling Update Dockerfile reference Nginx FROM nginx COPY nginx.conf /etc/nginx/nginx.conf Autoscaling Cluster Autoscaler - Amazon EKS https://aws.amazon.com/blogs/containers/deep-dive-on-amazon-ecs-cluster-auto-scaling/#:~:text=ECS%20Cluster%20Auto%20Scaling%20 Follow us On Twitter! - @CodeAndCoffeeP1 Logan McCourry: Twitter - @MccourryLogan Quin Carter: Twitter - @quincarter --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow Us On Twitter! (@CodeandCoffeeP1) Quin and Noah hosting. Talking about version control and branching! Enjoy the show and here's a sneak peak to things we mentioned in the show and what we talk about! Noah's Coffee (Starbucks Nitro Cold Brew - Sweet Cream)  Quin's Coffee (West Oak Coffee - Wild Horse) (https://westoakcoffee.com/shop/wildhorse/) Brewed in a Chemex with a Fellow EKG+ Kettle Fellow Products (https://fellowproducts.com/) Gitlab.com Atlassian Github.com Git Flow Cheat Sheet (https://danielkummer.github.io/git-flow-cheatsheet/) Git Bisect (https://git-scm.com/docs/git-bisect) Command to show branch visualization in the CLI (bash with colors) git log --graph --full-history --all --color        --pretty=format:"%x1b[31m%h%x09%x1b[32m%d%x1b[0m%x20%s" Tooling http://nx.dev/ Husky Docs (https://github.com/typicode/husky/tree/master) Husky On NPM (https://www.npmjs.com/package/husky) Prettier Docs (https://prettier.io/docs/en/index.html) Prettier On NPM (https://www.npmjs.com/package/prettier) Pretty-Quick on NPM (https://www.npmjs.com/package/pretty-quick) Social Media Links: Follow Code and Coffee On Twitter! (@CodeandCoffeeP1) Follow Quin on Twitter! (@quincarter) Follow Noah on Twitter! (@NoahSwartz) Follow Logan on Twitter! (@McCourryLogan) --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow Us On Twitter! (@CodeandCoffeeP1) Quin and Noah hosting. Talking about version control and branching! Enjoy the show and here's a sneak peak to things we mentioned in the show and what we talk about! Noah's Coffee (Starbucks Nitro Cold Brew - Sweet Cream)  Quin's Coffee (West Oak Coffee - Wild Horse) (https://westoakcoffee.com/shop/wildhorse/) Brewed in a Chemex with a Fellow EKG+ Kettle Fellow Products (https://fellowproducts.com/) Gitlab.com Atlassian Github.com Git Flow Cheat Sheet (https://danielkummer.github.io/git-flow-cheatsheet/) Git Bisect (https://git-scm.com/docs/git-bisect) Command to show branch visualization in the CLI (bash with colors) git log --graph --full-history --all --color        --pretty=format:"%x1b[31m%h%x09%x1b[32m%d%x1b[0m%x20%s" Tooling http://nx.dev/ Husky Docs (https://github.com/typicode/husky/tree/master) Husky On NPM (https://www.npmjs.com/package/husky) Prettier Docs (https://prettier.io/docs/en/index.html) Prettier On NPM (https://www.npmjs.com/package/prettier) Pretty-Quick on NPM (https://www.npmjs.com/package/pretty-quick) Social Media Links: Follow Code and Coffee On Twitter! (@CodeandCoffeeP1) Follow Quin on Twitter! (@quincarter) Follow Noah on Twitter! (@NoahSwartz) Follow Logan on Twitter! (@McCourryLogan) --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow Us On Twitter! (@CodeandCoffeeP1) Quin and Noah hosting. Talking about version control and branching! Enjoy the show and here's a sneak peak to things we mentioned in the show and what we talk about! Noah's Coffee (Starbucks Nitro Cold Brew - Sweet Cream)  Quin's Coffee (West Oak Coffee - Wild Horse) (https://westoakcoffee.com/shop/wildhorse/) Brewed in a Chemex with a Fellow EKG+ Kettle Fellow Products (https://fellowproducts.com/) Gitlab.com Atlassian Github.com Git Flow Cheat Sheet (https://danielkummer.github.io/git-flow-cheatsheet/) Git Bisect (https://git-scm.com/docs/git-bisect) Command to show branch visualization in the CLI (bash with colors) git log --graph --full-history --all --color        --pretty=format:"%x1b[31m%h%x09%x1b[32m%d%x1b[0m%x20%s" Tooling http://nx.dev/ Husky Docs (https://github.com/typicode/husky/tree/master) Husky On NPM (https://www.npmjs.com/package/husky) Prettier Docs (https://prettier.io/docs/en/index.html) Prettier On NPM (https://www.npmjs.com/package/prettier) Pretty-Quick on NPM (https://www.npmjs.com/package/pretty-quick) Social Media Links: Follow Code and Coffee On Twitter! (@CodeandCoffeeP1) Follow Quin on Twitter! (@quincarter) Follow Noah on Twitter! (@NoahSwartz) Follow Logan on Twitter! (@McCourryLogan) --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow us on Twitter! @CodeAndCoffeeP1  ECMAScript 2015+ (ES6+)  What is it?  Why do we have it?  What is the importance of it Is there anything that y’all would have liked to know before developing in Javascript about ECMAScript? I.e. understanding that is wasn’t a version rather than a standard that browsers implemented  Discussion of ES5- JavaScript.  How was it developing in that way?  What are our experiences in working in ES5-     I.e. manual DOM manipulation.      jQuery      Callback hell (Promises introduced in ES7)  Should developers know how to code in ES5-, or is this a skill that should be researched(googled) when something comes up?  Defining ES6+, or more generally known as, new/advanced features of JavaScript  What are our favorite new features that the ECMA release have given      Arrow functions      Template strings      Classes      Symbols  What are some of the important features that were introduced in the new yearly ECMA releases that y’all believe junior developers should be comfortable with before going into a job position and/or interview?  Follow us on Twitter! @CodeAndCoffeeP1  Resources  In many ways, ES2015 is almost like learning a new version of JavaScript. If you are coming from an earlier syntax Ecma Technical Committee 39 governs the ECMA specification.  They decided to release a new version of ECMAScript every year starting in 2015.  A yearly update means no more big releases like ES6. ECMAScript 2016 introduced only two new features: Array.prototype.includes()Array.prototype.includes() checks the array for the value passed as an argument. It returns true if the array contains the value, otherwise, it returns false.Before, we needed to use Array.prototype.indexOf() to check if the given array contains an element or not.let numbers = [1, 2, 3, 4]; if(numbers.indexOf(2) !== -1) {  console.log('Array contains value');}  With ECMA2016, we can write:if(numbers.includes(2)) {  console.log('Array contains value');} Array.prototype.includes() handles NaN better than Array.prototype.indexOf().  If the array contains NaN, then indexOf() does not return a correct  index while searching for NaN.Array.prototype.includes() returns the correct value when searching for NaN.Exponentiation operator  See more resources below for the language specs from  ECMA Specs from 9 and up (the last few years) https://www.ecma-international.org/ecma-262/9.0/index.html  https://www.ecma-international.org/ecma-262/10.0/index.html  https://www.ecma-international.org/ecma-262/11.0/index.html  ES11 -- Optional Chaining (FINALLY), import(), Promise.allSettled(), matchAll (method for strings to produce an iterator for all matched objects generated by a global regex) --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow us on Twitter! @CodeAndCoffeeP1  ECMAScript 2015+ (ES6+)  What is it?  Why do we have it?  What is the importance of it Is there anything that y’all would have liked to know before developing in Javascript about ECMAScript? I.e. understanding that is wasn’t a version rather than a standard that browsers implemented  Discussion of ES5- JavaScript.  How was it developing in that way?  What are our experiences in working in ES5-     I.e. manual DOM manipulation.      jQuery      Callback hell (Promises introduced in ES7)  Should developers know how to code in ES5-, or is this a skill that should be researched(googled) when something comes up?  Defining ES6+, or more generally known as, new/advanced features of JavaScript  What are our favorite new features that the ECMA release have given      Arrow functions      Template strings      Classes      Symbols  What are some of the important features that were introduced in the new yearly ECMA releases that y’all believe junior developers should be comfortable with before going into a job position and/or interview?  Follow us on Twitter! @CodeAndCoffeeP1  Resources  In many ways, ES2015 is almost like learning a new version of JavaScript. If you are coming from an earlier syntax Ecma Technical Committee 39 governs the ECMA specification.  They decided to release a new version of ECMAScript every year starting in 2015.  A yearly update means no more big releases like ES6. ECMAScript 2016 introduced only two new features: Array.prototype.includes()Array.prototype.includes() checks the array for the value passed as an argument. It returns true if the array contains the value, otherwise, it returns false.Before, we needed to use Array.prototype.indexOf() to check if the given array contains an element or not.let numbers = [1, 2, 3, 4]; if(numbers.indexOf(2) !== -1) {  console.log('Array contains value');}  With ECMA2016, we can write:if(numbers.includes(2)) {  console.log('Array contains value');} Array.prototype.includes() handles NaN better than Array.prototype.indexOf().  If the array contains NaN, then indexOf() does not return a correct  index while searching for NaN.Array.prototype.includes() returns the correct value when searching for NaN.Exponentiation operator  See more resources below for the language specs from  ECMA Specs from 9 and up (the last few years) https://www.ecma-international.org/ecma-262/9.0/index.html  https://www.ecma-international.org/ecma-262/10.0/index.html  https://www.ecma-international.org/ecma-262/11.0/index.html  ES11 -- Optional Chaining (FINALLY), import(), Promise.allSettled(), matchAll (method for strings to produce an iterator for all matched objects generated by a global regex) --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow us on Twitter! @CodeAndCoffeeP1  ECMAScript 2015+ (ES6+)  What is it?  Why do we have it?  What is the importance of it Is there anything that y’all would have liked to know before developing in Javascript about ECMAScript? I.e. understanding that is wasn’t a version rather than a standard that browsers implemented  Discussion of ES5- JavaScript.  How was it developing in that way?  What are our experiences in working in ES5-     I.e. manual DOM manipulation.      jQuery      Callback hell (Promises introduced in ES7)  Should developers know how to code in ES5-, or is this a skill that should be researched(googled) when something comes up?  Defining ES6+, or more generally known as, new/advanced features of JavaScript  What are our favorite new features that the ECMA release have given      Arrow functions      Template strings      Classes      Symbols  What are some of the important features that were introduced in the new yearly ECMA releases that y’all believe junior developers should be comfortable with before going into a job position and/or interview?  Follow us on Twitter! @CodeAndCoffeeP1  Resources  In many ways, ES2015 is almost like learning a new version of JavaScript. If you are coming from an earlier syntax Ecma Technical Committee 39 governs the ECMA specification.  They decided to release a new version of ECMAScript every year starting in 2015.  A yearly update means no more big releases like ES6. ECMAScript 2016 introduced only two new features: Array.prototype.includes()Array.prototype.includes() checks the array for the value passed as an argument. It returns true if the array contains the value, otherwise, it returns false.Before, we needed to use Array.prototype.indexOf() to check if the given array contains an element or not.let numbers = [1, 2, 3, 4]; if(numbers.indexOf(2) !== -1) {  console.log('Array contains value');}  With ECMA2016, we can write:if(numbers.includes(2)) {  console.log('Array contains value');} Array.prototype.includes() handles NaN better than Array.prototype.indexOf().  If the array contains NaN, then indexOf() does not return a correct  index while searching for NaN.Array.prototype.includes() returns the correct value when searching for NaN.Exponentiation operator  See more resources below for the language specs from  ECMA Specs from 9 and up (the last few years) https://www.ecma-international.org/ecma-262/9.0/index.html  https://www.ecma-international.org/ecma-262/10.0/index.html  https://www.ecma-international.org/ecma-262/11.0/index.html  ES11 -- Optional Chaining (FINALLY), import(), Promise.allSettled(), matchAll (method for strings to produce an iterator for all matched objects generated by a global regex) --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow us on Twitter! @CodeAndCoffeeP1 Intros. A little bit about each of us and where we come from. Quin  Logan Noah Transitioning from public to private sector and the struggles you encounter during that Applying for jobs and interviewing in today's dev world (whether you have experience or no experience Talk about some possible interview scenarios Fullstack vs Frontend vs Backend Interviews What you should bring to an interview today (virtual or in person) Closing Follow us on Twitter! @CodeAndCoffeeP1 Resources: Applying for Jobs in a Field you may have Little to no experience in Interviewing Is a Game --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow us on Twitter! @CodeAndCoffeeP1 Intros. A little bit about each of us and where we come from. Quin  Logan Noah Transitioning from public to private sector and the struggles you encounter during that Applying for jobs and interviewing in today's dev world (whether you have experience or no experience Talk about some possible interview scenarios Fullstack vs Frontend vs Backend Interviews What you should bring to an interview today (virtual or in person) Closing Follow us on Twitter! @CodeAndCoffeeP1 Resources: Applying for Jobs in a Field you may have Little to no experience in Interviewing Is a Game --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

Follow us on Twitter! @CodeAndCoffeeP1 Intros. A little bit about each of us and where we come from. Quin  Logan Noah Transitioning from public to private sector and the struggles you encounter during that Applying for jobs and interviewing in today's dev world (whether you have experience or no experience Talk about some possible interview scenarios Fullstack vs Frontend vs Backend Interviews What you should bring to an interview today (virtual or in person) Closing Follow us on Twitter! @CodeAndCoffeeP1 Resources: Applying for Jobs in a Field you may have Little to no experience in Interviewing Is a Game --- This episode is sponsored by · Anchor: The easiest way to make a podcast. https://anchor.fm/app --- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support

--- Send in a voice message: https://anchor.fm/code-and-coffee/message Support this podcast: https://anchor.fm/code-and-coffee/support