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!

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

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:

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

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

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 \

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)

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.     

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     

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)

Follow us on Twitter! @CodeAndCoffeeP1

Intros. A little bit about each of us and where we come from.

Follow us on Twitter! @CodeAndCoffeeP1

Resources:

Applying for Jobs in a Field you may have Little to no experience in

Interviewing Is a Game