Johannes Ewald jhnns

## fragment.md

      
              1 file
            
          
              0 forks
            
          
              4 comments
            
          
              2 stars
            
          
                jhnns
                / fragment.md
            
            
              Created
              April 25, 2017 15:34
            
              
                Introducing `<fragment>` element
              
          
    Introducing <fragment> element

The problem

Web pages are often built of several high-level building blocks, like <Navigation>, <Content>, <Aside> and <Footer>. A typical web page looks roughly like this:
<html>
	<head>
 

## git-pr
#!/bin/bash

if [ -z "$1" ]; then
    echo "Usage: git pr [clean] [<remote>] <id-or-url>"
    echo ""
    echo "Examples:"
    echo "git pr 42                                              -->  git fetch origin pull/42/head:pr/origin/42"
    echo "git pr upstream 42                                     -->  git fetch upstream pull/42/head:pr/upstream/42"
    echo "git pr https://github.com/peerigon/phridge/pull/1      -->  git fetch https://github.com/peerigon/phridge.git pull/1/head:pr/peerigon/phridge/1"
    echo "git pr clean                                           -->  Deletes all branches that match pr/*/* and pr/*/*/*"

## gist:5192282
## It's important to use normal slashes for paths also on windows

<VirtualHost *:80>
    DocumentRoot "C:/Users/jhnns/dev/xampp/htdocs"
    ServerName localhost
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "C:/Users/jhnns/dev/peerigon.dev"
    ServerName peerigon.dev

## index.json
[
  {
    "name": "freeCodeCamp/freeCodeCamp",
    "description": "The https://freeCodeCamp.com open source codebase and curriculum. Learn to code and help nonprofits.",
    "stars": 266038,
    "type": "other"
  },
  {
    "name": "twbs/bootstrap",
    "description": "The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.",

## app.js
import person form "./person.css";

element.innerHTML = `<h1 class="${person.name}">Name</h1>`;

## person.css
.name {
    background: hotpink;
}

## launch.json5
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "Attach to Server in Docker",
      "port": 9222,
      "timeout": 10000,
      "stopOnEntry": true,

## Dockerfile
FROM node:10.8.0-alpine
WORKDIR /server
COPY package.json package-lock.json ./
RUN npm ci
COPY . /server
CMD [ "npm", "run", "start" ]

## gulpfile.js
return tsResult.js
  .pipe(
    sourcemaps.mapSources(function(sourcePath, file) {
      return "../../" + sourcePath; // rewrite sourcePath to point to the correct TypeScript file paths
    })
  )
  .pipe(sourcemaps.write("./"))
  .pipe(gulp.dest("./dist/src"));

## launch.json
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "Docker: Attach to Node",
      "port": 9229,
      "address": "localhost",
      "localRoot": "${workspaceFolder}",
	#!/bin/bash

	if [ -z "$1" ]; then
	echo "Usage: git pr [clean] [<remote>] <id-or-url>"
	echo ""
	echo "Examples:"
	echo "git pr 42 --> git fetch origin pull/42/head:pr/origin/42"
	echo "git pr upstream 42 --> git fetch upstream pull/42/head:pr/upstream/42"
	echo "git pr https://github.com/peerigon/phridge/pull/1 --> git fetch https://github.com/peerigon/phridge.git pull/1/head:pr/peerigon/phridge/1"
	echo "git pr clean --> Deletes all branches that match pr// and pr///*"
	## It's important to use normal slashes for paths also on windows

	<VirtualHost *:80>
	DocumentRoot "C:/Users/jhnns/dev/xampp/htdocs"
	ServerName localhost
	</VirtualHost>

	<VirtualHost *:80>
	DocumentRoot "C:/Users/jhnns/dev/peerigon.dev"
	ServerName peerigon.dev
	[
	{
	"name": "freeCodeCamp/freeCodeCamp",
	"description": "The https://freeCodeCamp.com open source codebase and curriculum. Learn to code and help nonprofits.",
	"stars": 266038,
	"type": "other"
	},
	{
	"name": "twbs/bootstrap",
	"description": "The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.",
	import person form "./person.css";

	element.innerHTML = `<h1 class="${person.name}">Name</h1>`;
	{
	"version": "0.2.0",
	"configurations": [
	{
	"type": "node",
	"request": "attach",
	"name": "Attach to Server in Docker",
	"port": 9222,
	"timeout": 10000,
	"stopOnEntry": true,
	FROM node:10.8.0-alpine
	WORKDIR /server
	COPY package.json package-lock.json ./
	RUN npm ci
	COPY . /server
	CMD [ "npm", "run", "start" ]
	return tsResult.js
	.pipe(
	sourcemaps.mapSources(function(sourcePath, file) {
	return "../../" + sourcePath; // rewrite sourcePath to point to the correct TypeScript file paths
	})
	)
	.pipe(sourcemaps.write("./"))
	.pipe(gulp.dest("./dist/src"));