Skip to content

Instantly share code, notes, and snippets.

@boazblake
boazblake / index.html
Created Aug 20, 2019 — forked from panoply/index.html
Rollup Configuration – Uses Buble, SASS and Serve. Use with Mithril.js
View index.html
<!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>
@boazblake
boazblake / OO- patterns and designs
Last active Sep 16, 2018
mithril-prezentation on OO patterns and designs
View OO- patterns and designs
{
"Title": "OO- patterns and designs",
"slides": [
{
"id": "eb4c4664-b947-11e8-96f8-529269fb1459",
"title": "SLIDE _11 DIP",
"contents": "__Dependency inversion__\n===\n---\n![IP](https://image.slidesharecdn.com/openclosedprinciplekata-130915060011-phpapp01/95/open-closed-principle-kata-9-638.jpg?cb=1379225200)\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
@boazblake
boazblake / elm-app.json
Last active Sep 15, 2018
mithril-prezentation on elm-app
View elm-app.json
{
"Title": "Elm App Presentation",
"slides": [
{
"id": "4f08dfe6-b939-11e8-96f8-529269fb1459",
"title": "takeaways",
"contents": "# TAKEAWAYS\n## overall I ![elm-app-heart](https://marcosh.github.io/presentations/2016/10/28/img/elm_heart.png), \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
},
{
@boazblake
boazblake / object-oriented-prezentation.json
Last active Aug 25, 2018
mithril-prezenTation: Object-Oriented
View object-oriented-prezentation.json
{
"Title":"JS AND OO",
"slides":[
{
"id":"5b3bd810-a5f5-11e8-98d0-529269fb1459",
"title":"SLIDE 3B",
"contents":"WHY SO MUCH CONFUSION ?\n===\n\n![kyle simpson](https://images.hanselminutes.com/images/500.jpg)\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",
View component.js
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:{},
View index.html
<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 -->
@boazblake
boazblake / app.html
Created Oct 10, 2016 — forked from jdanyow/app.html
Aurelia Gist
View app.html
<template>
<h1>${message}</h1>
</template>
@boazblake
boazblake / dabblet.css
Created Dec 24, 2015
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
background: green;
background: linear-gradient(15deg, green, yellow);
min-height: 100%; */