luvuong-le

Contributing

When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.

Please note we have a code of conduct, please follow it in all your interactions with the project.

Pull Request Process

Add numbered steps here describing the process for adding PRs.

luvuong-le

🏆 Project Title 🏆

Badges

Badges aren't necessary, but they look nice and also looks more professional so other developers know that you know what you're doing. If you need to find some badges a good place to look is shields.io

Screenshot / GIF of the application (Demo)

luvuong-le

Headings

Heading 1

Heading 2

Heading 3

Heading 6

luvuong-le

#!/bin/bash

# This could be a folder that has a basic HTML, CSS, JS setup
TEMPLATE_PATH="<path/to/templatefolder>"

function createTemplate() {
    echo "Beginning Template Creation..."

    # Navigate into the new directory
    cd "${1}"

luvuong-le

User Snippets

• Code snippets are templates that make it easier to enter repeating code patterns, such as loops or conditional-statements.

How to access user snippets

Cogwheel -> User Snippets
Windows: Ctrl + Shift + P
Mac: Ctrl/Cmd + Shift + P

luvuong-le

/**
 * -------------------------------------------------------------
 * 1. Removing Duplicates from an array
 * -------------------------------------------------------------
 * @description We make use of sets and create an array from a Set. Sets don't allow duplicates
 * @returns [1,2,3,1,2,3] -> [1,2,3]
 */

const duplicates = [1, 2, 3, 1, 2, 3];
const removedDuplicates = Array.from(new Set(duplicates));

luvuong-le

# Shebang - Tells Unix the file is executed by bin/bash
#!/bin/bash

# Template path with your project setup
TEMPLATE_PATH="YOUR_PROJECT_PATH"

function createTemplate() {
    echo "Beginning Template Creation..."

    # Navigate into the new directory

luvuong-le

/* Pass Through Dependencies */
export default ({ html, props}) => {
  
    /* Returns new Component (HTML Element) with access to dependency functions */
    return class Example extends HTMLElement {
        /* When the component is displayed */
        connectedCallback() {
            console.log('Props', this.props);
        }