Skip to content

Instantly share code, notes, and snippets.

Stavros Kefaleas skiabox

Block or report user

Report or block skiabox

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@skiabox
skiabox / es6_javascript_snippet.js
Created Aug 30, 2019
ES6 Destructured Objects Parameters #ES6 #Javascript
View es6_javascript_snippet.js
function shipmentES6({ items = 'bananas', number = 5, package = 'boxes' } = {}) {
console.log(`We have a shipment of ${items} in ${number} ${package}.`);
};
shipmentES6({ package: 'crates' });
// -> We have a shipment of bananas in 5 crates.
shipmentES6({ items: 'tomatoes', number: 18 });
// -> We have a shipment of tomatoes in 18 boxes.
shipmentES6();
// -> We have a shipment of bananas in 5 boxes.
@skiabox
skiabox / bootstrap4_1.txt
Created Sep 16, 2017
[Boostrap4 beta] Installation instructions for .angular-cli.json #bootstrap4
View bootstrap4_1.txt
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css",
"forms.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.js",
"../node_modules/popper.js/dist/popper.js",
"../node_modules/bootstrap/dist/js/bootstrap.js"
],
@skiabox
skiabox / package
Created Jul 29, 2017
package.json
View package
{
"name": "WebpackTypescript1",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack-dev-server",
"build:prod": "webpack -p"
},
View app.ts
import '../css/main.css';
import '../css/input-elements.css';
import {secretButton, secretParagraph } from './dom-loader';
let showSecret: boolean = false;
secretButton!.addEventListener('click', toggleSecretState);
updateSecretParagraph();
View dom-loader.ts
export const secretButton: Element | null = document.querySelector('#secret-button');
export const secretParagraph: Element | null = document.querySelector('#secret-paragraph');
@skiabox
skiabox / webpack.config.js
Last active Sep 18, 2017
webpack.config.js
View webpack.config.js
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: './src/js/app.ts',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: '/dist'
@skiabox
skiabox / tsconfig
Last active Jul 29, 2017
tsconfig.json
View tsconfig
{
"compilerOptions": {
/* Basic Options */
"target": "es5", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', or 'ESNEXT'. */
"module": "commonjs", /* Specify module code generation: 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
// "lib": [], /* Specify library files to be included in the compilation: */
"allowJs": true, /* Allow javascript files to be compiled. */
// "checkJs": true, /* Report errors in .js files. */
// "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
// "declaration": true, /* Generates corresponding '.d.ts' file. */
@skiabox
skiabox / index.html
Last active Sep 17, 2017
index.html
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Webpack 3 with Typescript</title>
</head>
<body>
View input-elements.css
button {
border: 1px solid black;
background-color: white;
padding: 8px;
font: inherit;
cursor: pointer;
outline: none;
}
button:hover {
View main.css
body {
font-family: Helvetica, Arial, sans-serif;
text-align: center;
}
h1 {
font-size: 28px;
margin: 20px;
}
You can’t perform that action at this time.