Lloyd Atkinson lloydjatkinson

Background

I feel incredibly frustrated, demotivated, and totally defeated. I decided to write this down as I needed to vent and I genuinely feel upset at the thought of explaining this whole saga multiple times as a few people have asked. This week at work I found out in a few months time I will be moving to another team within the wider programme that we are all working under.

I will summarise the story to keep it brief and prevent it spanning dozens of pages. I skipped a lot of details, each part of the story in reality could be expanded into several pages of how to absolutely ruin productivity and grind teams out of existence.

I joined this organisation in 2020 just as the pandemic struck with the promise of greenfield development, pushing for creating good quality software, all with a focus on "creating software we can be proud of". In reality the first year and a half was the only time any of these values were actively pursued. With multiple key developers and other people in leadership positions

I update this page over time as I find new courses and resources. If you have any suggestions, please let me know. I ensure that I only link to high-quality content. This page focusses on JavaScript, obviously. I have another page on .NET related courses planned.

Why did I make this list?

I've experienced a variety of code bases and have seen both great and terrible code. As a software developer, I want to make sure I'm using the best tools and techniques for my job. I want other developers to have this mindset also. Bad code can be written with anything, but in particular I've been facing a multitude of problems, bugs, spaghetti code, and general misuse of particular frameworks and libraries in the combined JavaScript, Node, and frontend space.

In short, I have grown frustrated with low quality, unmaintainable code. I made this page as a way to share what I consider to be excellent resources to help other developers write better code across the spectrum - frameworks, styling, testing, build tools,

	<template>
	<span class="fa-icon" :class="icon"></span>
	</template>

	<script>
	import { defineComponent } from 'vue';
	export default defineComponent({
	name: 'BreadcrumbIcon',

	props: {

	describe('send-incidents.js', () => {
	let axiosMock;
	let mockSendIncidentFormData;

	beforeEach(() => {
	axiosMock = new MockAdapter(axios);
	mockSendIncidentFormData = {
	message: faker.random.words(),
	};

	interface Logger {
	log(message: string, context?: Record<string, unknown>): void;
	logError(message: string, context: Record<string, unknown>): void;
	}

	const thing: Logger = {
	log (message: string, context?: Record<string, unknown>) {
	console.log(message, JSON.stringify(context, null, 4));
	},

	/* eslint-disable quote-props */
	module.exports = {
	root: true,
	env: {
	node: true,
	},
	extends: [
	'plugin:vue/base',
	'plugin:vue/vue3-essential',
	'plugin:vue/vue3-recommended',

	<script lang="ts">
	import { defineComponent } from 'vue';

	import { mapActions, mapStores } from 'pinia';
	import { useTodoStore } from '../store';

	export default defineComponent({
	name: 'TodoList',

	computed: {

	export const MobileNavigationMenu = ({ targetSelector }: { targetSelector: string }) => {
	if (!document) {
	// We're in SSR/SSG. Render fallback content of a menu button in the closed stated.
	return <MenuButton isOpen={ false } />;
	}

	const menu = document.querySelector(targetSelector);
	if (!menu) return null;

	const [isOpen, setIsOpen] = useState(false);

	https://timdeschryver.dev/blog/how-i-have-set-up-my-new-windows-development-environment-in-2022#git-defaults
	https://www.techwatching.dev/posts/automate-developer-machine
	https://www.jamestharpe.com/automated-developer-environment/
	https://dev.to/dmehro/automate-development-environment-setup-via-powershell-20pf
	https://edi.wang/post/2018/12/21/automate-windows-10-developer-machine-setup
	https://octopus.com/blog/automate-developer-machine-setup-with-chocolatey
	https://www.codeaperture.io/2017/11/28/automated-developer-machine-setup-part-1-introduction-and-dism/
	https://dmehro.com/automate-development-environment-via-powershell/
	https://evandontje.com/2013/04/09/automate-windows-developer-machine-setup/
	http://www.robertbird.co.uk/devops/building-my-developer-machine-from-a-script

	> [email protected] cli-test
	> tsx ./tools/cli.ts

	create-article
	> Creates a new markdown file in the drafts directory with an APA cased title and URL safe filename

	ARGUMENTS:
	<name> - a string

	OPTIONS: