Edwin Torres codesandtags

Monolith

The Monolithic Ball of Mud

The Ball Of Mud represents the worst case scenario for a Monolith. Also called as Spaghetti Code.
No clear isolation in the application.
Complex dependencies where everything depends on every other thing.
Hard to understand and harder to modify.

Cleaning Up The Ball Of Mud

To clean up the ball of mud we introduce isolation into the application by dividing the application along clear domain boundaries.
We introduce packages and libraries that help isolate related pieces of code. They provide a clean and consistent interface.

JavaScript Crypto Libraries

I start with a list and plan to create a comparison table.

WebCryptoAPI

http://www.w3.org/TR/WebCryptoAPI/

This specification describes a JavaScript API for performing basic cryptographic operations in web applications, such as hashing, signature generation and verification, and encryption and decryption. Additionally, it describes an API for applications to generate and/or manage the keying material necessary to perform these operations. Uses for this API range from user or service authentication, document or code signing, and the confidentiality and integrity of communications.

Material DatePicker by CoachCare

Fork of the official Material Datepicker for Angular v6 with timepicker support.

The datepicker allows users to enter a date either through text input, or by choosing a date from the calendar.
It is made up of several components and directives that work together.

Further documentation can be found at the official docs: https://material.angular.io/components/datepicker/overview

People

`:bowtie:`	😄 `:smile:`	😆 `:laughing:`
😊 `:blush:`	😃 `:smiley:`	☺️ `:relaxed:`
😏 `:smirk:`	😍 `:heart_eyes:`	😘 `:kissing_heart:`
😚 `:kissing_closed_eyes:`	😳 `:flushed:`	😌 `:relieved:`
😆 `:satisfied:`	😁 `:grin:`	😉 `:wink:`
😜 `:stuck_out_tongue_winking_eye:`	😝 `:stuck_out_tongue_closed_eyes:`	😀 `:grinning:`
😗 `:kissing:`	😙 `:kissing_smiling_eyes:`	😛 `:stuck_out_tongue:`

	/*------------------------------------------
	Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 - desktop (default grid)
	1024-768 - tablet landscape
	768-480 - tablet
	480-less - phone landscape & smaller
	--------------------------------------------*/
	@media all and (min-width: 1024px) and (max-width: 1280px) { }

	@media all and (min-width: 768px) and (max-width: 1024px) { }

	// (c) 2017 Yami Odymel
	// This code is licensed under MIT license.
	package main

	import (
	"fmt"
	"html"
	"strconv"
	)

	// Generate unique IDs for use as pseudo-private/protected names.
	// Similar in concept to
	// <http://wiki.ecmascript.org/doku.php?id=strawman:names>.
	//
	// The goals of this function are twofold:
	//
	// * Provide a way to generate a string guaranteed to be unique when compared
	// to other strings generated by this function.
	// * Make the string complex enough that it is highly unlikely to be
	// accidentally duplicated by hand (this is key if you're using `ID`

	/*
	Chrome does not let you modify the keyCode prop when you trigger it, so it defaults to 0.
	You can use this code to trigger a keydown with a char code of 0 in chrome.

	If you use initKeyEvent instead of initKeyboardEvent, it will work in FF
	(the bellow example would trigger keydown with a char code of 65 in FF).
	*/

	document.addEventListener( 'keydown', function( event ){
	console.log( event.keyCode )

	Lesson 1 - Iterations
	- BinaryGap - https://codility.com/demo/results/trainingU2FQPQ-7Y4/

	Lesson 2 - Arrays
	- OddOccurrencesInArray - https://codility.com/demo/results/trainingFN5RVT-XQ4/
	- CyclicRotation - https://codility.com/demo/results/trainingSH2W5R-RP5/

	Lesson 3 - Time Complexity
	- FrogJmp - https://codility.com/demo/results/training6KKWUD-BXJ/
	- PermMissingElem - https://codility.com/demo/results/training58W4YJ-VHA/

	var uniqueArray = function(arrArg) {
	return arrArg.filter(function(elem, pos,arr) {
	return arr.indexOf(elem) == pos;
	});
	};

	var uniqEs6 = (arrArg) => {
	return arrArg.filter((elem, pos, arr) => {
	return arr.indexOf(elem) == pos;
	});