Code and Coffee Quin Carter, Logan McCourry, Noah Swartz

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!


---

Send in a voice message: https://podcasters.spotify.com/pod/show/code-and-coffee/message
Support this podcast: https://podcasters.spotify.com/pod/show/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


---

Send in a voice message: https://podcasters.spotify.com/pod/show/code-and-coffee/message
Support this podcast: https://podcasters.spotify.com/pod/show/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://podcasters.spotify.com/pod/show/code-and-coffee/message
Support this podcast: https://podcasters.spotify.com/pod/show/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://podcasters.spotify.com/pod/show/code-and-coffee/message
Support this podcast: https://podcasters.spotify.com/pod/show/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://podcasters.spotify.com/pod/show/code-and-coffee/message
Support this podcast: https://podcasters.spotify.com/pod/show/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://podcasters.spotify.com/pod/show/code-and-coffee/message
Support this podcast: https://podcasters.spotify.com/pod/show/code-and-coffee/support