Codesplitters Podcast Poul Hansen, Kevin Andries and Mikkel Rom

In this episode we step a little bit away from talking about technologies and tools, instead we talk about being a consultant. What it means and how it's different from being an in-house developer or a freelance developer. We also discuss what different constellations we have been part of and some of the nice things of being a consultant.

AngularJS reached end of LTS (Long Term Support) on 31st of December 2021, so we're saying goodbye to an old friend and go back in time and talk about our first encounters with AngularJS and remember all the goods and the bads. We also talk about some other legendary tools and frameworks such as jQuery, jQuery-UI and bootstrap.



🔗 Links:

AngularJS: https://docs.angularjs.org/misc/version-support-status

jQuery: https://jquery.com/

jQuery UI: https://jqueryui.com/

Bootstrap: https://getbootstrap.com/



Check out all our episodes on our website:

https://codesplitterspodcast.com/

Follow us on Twitter:

https://twitter.com/CodeSplitters

Poul: https://twitter.com/insanicae

Kevin: https://twitter.com/kandries89

Mikkel: https://twitter.com/mikkelrom

We look back at 2021 and reflect on what projects we worked on and what we learned. We also talk a bit about our plans with the podcast for 2022.



🔗 Links:

React and web components: https://reactjs.org/docs/web-components.html



Check out all our episodes on our website: https://codesplitterspodcast.com/

Follow us on Twitter: https://twitter.com/CodeSplitters

Poul: https://twitter.com/insanicae

Kevin: https://twitter.com/kandries89

Mikkel: https://twitter.com/mikkelrom

In this episode we focus on Mikkels experiences working with Angular and Tailwind, for the first time. What was weird? What was great? What was bad? Would he use those technologies again?

With Poul being the Angular expert and Kevin being the Tailwind expert, we talk about all the pros and cons and misconceptions of both Angular and Tailwind.



🔗 Links:

Angular

RxJs

TypeScript

Tailwind



Check out all our episodes on our website:

https://codesplitterspodcast.com/

Follow us on Twitter:

https://twitter.com/CodeSplitters

Poul: https://twitter.com/insanicae

Kevin: https://twitter.com/kandries89

Mikkel: https://twitter.com/mikkelrom

In this episode we talk about testing. Kevin wants to learn more about testing, so Poul and Mikkel try to guide him into how to get started.
We also talk about how to sell testing, why should we spend time writing tests and the different types of tests.



🔗 Links:

Jest
https://jestjs.io/

Testing Library
https://testing-library.com/

Testing Javascript
https://testingjavascript.com/

LightHouse
https://developers.google.com/web/tools/lighthouse

Axe
https://www.deque.com/axe/

Storybook
https://storybook.js.org/

Storybook a11y add-on
https://storybook.js.org/addons/@storybook/addon-a11y



Check out all of our episodes on our website:
https://codesplitterspodcast.com/

Follow us on Twitter:
Codesplitters: https://twitter.com/CodeSplitters

Poul: https://twitter.com/insanicae

Kevin: https://twitter.com/kandries89

Mikkel: https://twitter.com/mikkelrom

Since IE will be retired on June 15th 2022, we're talking a bit about how it was back in the days when we had to support old IE versions.  What does this retirement of IE mean to us as frontend developers?  What about the UX side of the decision of dropping IE support? What problems will disappear together with the support of IE? What web features will we be able to use?



🔗 LINKS


"The Internet Explorer 11 desktop application will be retired on June 15, 2022"
IE retirement announcement: 
Slack Huddle
https://slack.com/intl/en-dk/help/articles/4402059015315-Start-a-huddle-in-a-channel-or-direct-message
HTTP 203 - Is Safari the new IE?
https://http203.libsyn.com/is-safari-the-new-ie
Moving users to Microsoft Edge from Internet Explorer
https://docs.microsoft.com/da-dk/microsoft-edge/web-platform/ie-to-microsoft-edge-redirection
Browser-update
https://browser-update.org/
shame.css
https://csswizardry.com/2013/04/shame-css/
:focus-visible
https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
object-fit
https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
CSS Scroll Snap
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap
Flexbox gap
https://caniuse.com/flexbox-gap
WebP images
https://caniuse.com/webp
CSS Custom Properties
https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
line-clamp
https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp
:is()
https://developer.mozilla.org/en-US/docs/Web/CSS/:is
:where()
https://developer.mozilla.org/en-US/docs/Web/CSS/:where
String.includes
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes
Template Literals
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
Dynamic Imports
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#dynamic_imports