Kevin Shaw shawmanz32na

Directory structure for JavaScript/Node Projects

While the following structure is not an absolute requirement or enforced by the tools, it is a recommendation based on what the JavaScript and in particular Node community at large have been following by convention.

Beyond a suggested structure, no tooling recommendations, or sub-module structure is outlined here.

Directories

lib/ is intended for code that can run as-is
src/ is intended for code that needs to be manipulated before it can be used

Recently when refactoring a Vue 1.0 application, I utilized ES6 arrow functions to clean up the code and make things a bit more consistent before updating to Vue 2.0. Along the way I made a few mistakes and wanted to share the lessons I learned as well as offer a few conventions that I will be using in my Vue applications moving forward.

The best way to explain this is with an example so lets start there. I'm going to throw a rather large block of code at you here, but stick with me and we will move through it a piece at a time.

<script>

// require vue-resource...

new Vue({

Last updated: April 2021

Also known as itag or format codes and way back they could be specified with the fmt parameter (e.g. &fmt=22). Depending on the age and/or popularity of the video, not all formats will be available.

DASH video

Resolution	AV1 HFR High	AV1 HFR	AV1	VP9.2 HDR HFR	VP9 HFR	VP9	H.264 HFR	H.264
	MP4	MP4	MP4	WebM	WebM	WebM	MP4	MP4

	# This file describes the network interfaces available on your system
	# and how to activate them. For more information, see interfaces(5).

	# The loopback network interface
	auto lo
	iface lo inet loopback

	# The primary network interface
	auto eth0
	iface eth0 inet static

	#!/bin/bash

	if [ $# -eq 0 ]
	then
	echo "gitlab.sh [options] postgres\|mysql\|restart
	postgres - Automatically install gitlab with postgres on ubuntu
	mysql - Automatically install gitlab with mysql on ubuntu (Not Finished)"

	elif [ $1 == 'postgres' ]; then

	### SYMBOLIC LINK FILES
	# Create a new symbolic link file named MySymLinkFile.txt in C:\Temp which links to $pshome\profile.ps1
	cd C:\Temp
	New-Item -ItemType SymbolicLink -Name MySymLinkFile.txt -Target $pshome\profile.ps1 # File
	# Target is an alias to the Value parameter

	# Equivalent to above
	New-Item -ItemType SymbolicLink -Path C:\Temp -Name MySymLinkFile.txt -Value $pshome\profile.ps1

	# Equivalent to above

	<%@ page import="java.util.*" %>
	<html>

	<head>
	<title>Http Request Headers Example in JSP</title>
	</head>

	<body>
	<h2>HTTP Request Headers Received</h2>
	<table>

	// Async/Await requirements: Latest Chrome/FF browser or Babel: https://babeljs.io/docs/plugins/transform-async-to-generator/
	// Fetch requirements: Latest Chrome/FF browser or Github fetch polyfill: https://github.com/github/fetch

	// async function
	async function fetchAsync () {
	// await response of fetch call
	let response = await fetch('https://api.github.com');
	// only proceed once promise is resolved
	let data = await response.json();
	// only proceed once second promise is resolved

	#!/usr/bin/env bash

	# Docker for Windows drive mount helper
	# Manually mounts a Windows shared drive inside the MobyLinuxVM virtual machine
	# (host running on HyperV) so that it is visible to Docker containers.
	# It enters the moby VM using nsenter via the 'docker4w/nsenter-dockerd'
	# container.
	# Then mounts the share drive using the DockerNAT ip address

	# This can be useful with unix like environments under Windows

	# https://docs.gitlab.com/ee/api/projects.html
	# https://docs.gitlab.com/ee/api/issues.html
	# https://docs.gitlab.com/ee/api/notes.html

	# Project List
	$r = Invoke-RestMethod -Headers @{ 'PRIVATE-TOKEN'='xxxxx' } -Uri http://xxxxx/api/v4/projects/
	$r \| Sort-Object -Property id \| Format-Table -Property id, name

	# Issues List
	$r = Invoke-RestMethod -Headers @{ 'PRIVATE-TOKEN'='xxxxx' } -Uri http://xxxxx/api/v4/projects/<xx>/issues