This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Mithril Rollup.js</title> | |
<meta name="viewport" content="width=device-width, initial-scale=1" /> | |
<link href="bundle.css" rel="stylesheet" /> | |
</head> | |
<body> | |
<div id="app"></div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"Title": "OO- patterns and designs", | |
"slides": [ | |
{ | |
"id": "eb4c4664-b947-11e8-96f8-529269fb1459", | |
"title": "SLIDE _11 DIP", | |
"contents": "__Dependency inversion__\n===\n---\n\n>High level modules should not depend on low level modules rather both should depend on abstraction.\n\n>Abstraction should not depend on concrete details; rather details should depend on abstractions.”\n\nIn JS the __ concern__ of the dependancy inversion principle is to ensure decoupling between components and their depenencies.\n\n__Dependency Injection__ is __Not__ related to the principle of dependancy inversion.\n\n__DI__ a different aspect of __Inversion of Control__ in which the concern being inverted is \n__how a component obtains__ its dependencies rather than __who defines__ the interface.\n\nin DI dependencies are supplied to a component rather than the component |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"Title": "Elm App Presentation", | |
"slides": [ | |
{ | |
"id": "4f08dfe6-b939-11e8-96f8-529269fb1459", | |
"title": "takeaways", | |
"contents": "# TAKEAWAYS\n## overall I , \n## aside\nhow to start with fp is diff from OO ... need to first think about what you want to create and build the model up first. \n\n# some of the many challanges ...\n1. saving to db\n2. managing state", | |
"isSelected": false | |
}, | |
{ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"Title":"JS AND OO", | |
"slides":[ | |
{ | |
"id":"5b3bd810-a5f5-11e8-98d0-529269fb1459", | |
"title":"SLIDE 3B", | |
"contents":"WHY SO MUCH CONFUSION ?\n===\n\n\n**Kyle Simpson**\n> We have spent the better part of 19 years since JS was invented **pretending** that its internal mechanisms are **class based** so we spent all our time trying to syntactictly sugar-coat it instead of realizing that JS internal mechanisms are **linkages not copies**.\n\n https://app.pluralsight.com/player?course=advanced-javascript&author=kyle-simpson&name=advanced-javascript-m4&clip=9&mode=live\n" | |
}, | |
{ | |
"id":"5b3bdc2a-a5f5-11e8-98d0-529269fb1459", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { clone } from "ramda" | |
import { initializeTask , addTask, findTask, editTask, removeTask, saveTask} from "./model.js" | |
import { log } from "utilities" | |
export const Item = { | |
state: { | |
addItem:{}, | |
editItem:{}, | |
}, | |
info:{}, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
@import url("rotated-header.css") | |
</style> | |
<div class="scrollable-table"> | |
<table class="table table-striped table-header-rotated"> | |
<thead> | |
<tr> | |
<!-- First column header is not rotated --> | |
<th></th> | |
<!-- Following headers are rotated --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<h1>${message}</h1> | |
</template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
${message} | |
</template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The first commented line is your dabblet’s title | |
background: green; | |
background: linear-gradient(15deg, green, yellow); | |
min-height: 100%; */ |