Sreejith Sasidharan sreez

Learning Plan for Test Driven Development (TDD)

These learning resources primarily focus on Test Driven Development (TDD).

There is an emphasis on learning using PHP, Laravel and PHPUnit.
All these resources are free (at the time of writing)

Wordpress & Docker

This file will setup Wordpress, MySQL & PHPMyAdmin with a single command. Add the code below to a file called "docker-compose.yaml" and run the command

$ docker-compose up -d

# To Tear Down
$ docker-compose down --volumes

Code is clean if it can be understood easily – by everyone on the team. Clean code can be read and enhanced by a developer other than its original author. With understandability comes readability, changeability, extensibility and maintainability.

General rules

Follow standard conventions.
Keep it simple stupid. Simpler is always better. Reduce complexity as much as possible.
Boy scout rule. Leave the campground cleaner than you found it.
Always find root cause. Always look for the root cause of a problem.

Design rules

Installing Xdebug for XAMPP with PHP 7.x

New: XAMPP - XDebug Setup for PHP 8

Requirements

XAMPP for Windows: https://www.apachefriends.org/download.html
Microsoft Visual C++ Redistributable for Visual Studio 2015, 2017 and 2019

	import React, {Component} from 'react';
	import '../App.css';
	import Header from './Header';

	export default class Home extends Component{
	constructor(){
	super();
	this.state = {
	list: [],
	error: null

	/*! = $rembase: 14px
	--------------------------------------------------------------
	* hmtl { font-size: 87.5%; }
	* body { font-size: 14px; font-size: 1rem; line-height: 1; }
	* 4px 0.28571429rem
	* 8px 0.571428571rem
	* 12px 0.857142857rem
	* 13px 0.928571429rem
	* 14px 1rem
	* 16px 1.142857143rem

	"use strict";

	// Load plugins
	const autoprefixer = require("autoprefixer");
	const browsersync = require("browser-sync").create();
	const cp = require("child_process");
	const cssnano = require("cssnano");
	const del = require("del");
	const eslint = require("gulp-eslint");
	const gulp = require("gulp");

	// npm install --save-dev gulp babelify browserify babel-preset-es2015 gulp-connect vinyl-source-stream vinyl-buffer gulp-uglify gulp-sourcemaps

	/*
	folder structure:
	build
	src/js/index.js
	static/index.html
	package.json
	gulpfile.js
	*/

	<?php
	namespace Vendor\Module\Block\Adminhtml\Widget;

	class ImageChooser extends \Magento\Backend\Block\Template
	{
	/**
	* @var \Magento\Framework\Data\Form\Element\Factory
	*/
	protected $_elementFactory;

	// Gulp 4
	var gulp = require('gulp');
	var using = require('gulp-using');
	var grep = require('gulp-grep');
	var changed = require('gulp-changed');
	var del = require('del');
	var coffee = require('gulp-coffee');
	var less = require('gulp-less');
	var coffeelint = require('gulp-coffeelint');
	var sourcemaps = require('gulp-sourcemaps');