Kert Rey Nikko S. Lumahang kertnik05

## typescriptreact.json
{
	// Place your snippets for typescriptreact here. Each snippet is defined under a snippet name and has a prefix, body and
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
	// same ids are connected.
	// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",

## docker-compose.yml
version: '3'

services:
  cypress:
    build:
      context: './images'
      dockerfile: Dockerfile

## guide.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                kertnik05
                / guide.md
            
            
              Created
              January 26, 2022 07:31
            
              
                Dockerize FE (Vue)
              
          
    spin ka lang muna ng container na may nodeJS pang build mo lang if gnun gusto mo ...
pero meron kc ung iba kasama na ung dist sa build ng image pero gnito ung sa prod
docker run -w /usr/www -v path/to/app:/usr/www --name node-builder node:10-slim npm install && npm run build  --> install and build (dist)
pag need mo ulit mag install and build docker start -i node-builder
tapos kung gusto na serve docker run -d -p 8080:80 --name fe-webserver -v /path/to/dist:/usr/share/nginx/html:ro -d nginx
localhost:8080 sa browser

  
## .wslconfig
[wsl2]
memory=1GB
processors=2

## Driver.java
public class Driver
{
    public static void main(String[] args)
    {
        Person person = new Person();
        person.setName("John Wick");
        person.setAge(30);

        System.out.println("Person name is: " + person.getName());
        System.out.println("Person age is: " + person.getAge());

## app.js
// Add an onSale property to the product’s data that is used to conditionally render a span that says “On Sale!”

const app = new Vue({
    el: '#app',
    data: {
        product: 'Socks',
        description: 'A pair of warm, fuzzy socks',
        image: './assets/vmSocks-green-onWhite.jpg',
        link: 'somewebsite.com',
        inventory: 100,

## app.js
//Add a link to your data object, and use
// v-bind to sync it up with an anchor tag in
// your HTML. Hint: you’ll be binding to the
// href attribute.

const app = new Vue({
    el: '#app',
    data: {
        product: 'Socks',
        description: 'A pair of warm, fuzzy socks',

## app.js
// Add a description to the data object
// with the value "A pair of warm, fuzzy
// socks". Then display the description using
// an expression in an p element, underneath
// the h1.

const app = new Vue({
    el: '#app',
    data: {
        product: 'Socks',

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>HTML Table Cell Split Diagonally</title>
    </head>
    <body>
        <table>
           <tr>
               <td>
                   <div class="c1">A</div>

## style.css
td {
    padding: 50px;
    border: 2px solid black;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(49%, white), color-stop(50%, black), color-stop(51%, white));
    background-image: -webkit-linear-gradient(top left, white 49%, black 50%, white 51%);
    background-image: -o-linear-gradient(top left, white 49%, black 50%, white 51%);
    background-image: linear-gradient(to bottom right, white 49%, black 50%, white 51%);
}
	{
	// Place your snippets for typescriptreact here. Each snippet is defined under a snippet name and has a prefix, body and
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
	// same ids are connected.
	// Example:
	// "Print to console": {
	// "prefix": "log",
	// "body": [
	// "console.log('$1');",
	version: '3'

	services:
	cypress:
	build:
	context: './images'
	dockerfile: Dockerfile
	public class Driver
	{
	public static void main(String[] args)
	{
	Person person = new Person();
	person.setName("John Wick");
	person.setAge(30);

	System.out.println("Person name is: " + person.getName());
	System.out.println("Person age is: " + person.getAge());
	// Add an onSale property to the product’s data that is used to conditionally render a span that says “On Sale!”

	const app = new Vue({
	el: '#app',
	data: {
	product: 'Socks',
	description: 'A pair of warm, fuzzy socks',
	image: './assets/vmSocks-green-onWhite.jpg',
	link: 'somewebsite.com',
	inventory: 100,
	//Add a link to your data object, and use
	// v-bind to sync it up with an anchor tag in
	// your HTML. Hint: you’ll be binding to the
	// href attribute.

	const app = new Vue({
	el: '#app',
	data: {
	product: 'Socks',
	description: 'A pair of warm, fuzzy socks',
	// Add a description to the data object
	// with the value "A pair of warm, fuzzy
	// socks". Then display the description using
	// an expression in an p element, underneath
	// the h1.

	const app = new Vue({
	el: '#app',
	data: {
	product: 'Socks',
	<!DOCTYPE html>
	<html>
	<head>
	<title>HTML Table Cell Split Diagonally</title>
	</head>
	<body>
	<table>
	<tr>
	<td>
	<div class="c1">A</div>
	td {
	padding: 50px;
	border: 2px solid black;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(49%, white), color-stop(50%, black), color-stop(51%, white));
	background-image: -webkit-linear-gradient(top left, white 49%, black 50%, white 51%);
	background-image: -o-linear-gradient(top left, white 49%, black 50%, white 51%);
	background-image: linear-gradient(to bottom right, white 49%, black 50%, white 51%);
	}