Max Alva alvag

## pasos-node-ts-jest.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                alvag
                / pasos-node-ts-jest.md
            
            
              Created
              October 13, 2023 11:21
                — forked from Klerith/pasos-node-ts-jest.md
            
              
                Note + TypeScript + Jest = Testing
              
          
    Pasos para configurar Jest con TypeScript, en Node

Documentación oficial sobre Jest

Instalaciones de desarrollo (super test es útil para probar Express)

npm install -D jest @types/jest ts-jest supertest


## configurar-node-ts.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                alvag
                / configurar-node-ts.md
            
            
              Created
              October 13, 2023 11:19
                — forked from Klerith/configurar-node-ts.md
            
              
                Node con TypeScript - TS-Node-dev simplificado
              
          
    Node con TypeScript - TS-Node-dev (preferido)


Instalar TypeScript y demás dependencias

npm i -D typescript @types/node ts-node-dev rimraf


Inicializar el archivo de configuración de TypeScript ( Se puede configurar al gusto)

npx tsc --init --outDir dist/ --rootDir src


## pasos-node-typescript.md

      
              2 files
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                alvag
                / pasos-node-typescript.md
            
            
              Created
              October 12, 2023 09:59
                — forked from Klerith/pasos-node-typescript.md
            
              
                Configurar proyecto de Node con TypeScript
              
          
    Pasos para usar Node con TypeScript con Nodemon

Más información - Docs Oficiales

Instalar TypeScript y tipos de Node, como dependencia de desarrollo

npm i -D typescript @types/node


Inicializar el archivo de configuración de TypeScript ( Se puede configurar al gusto)


## .editorconfig
# Editor configuration, see https://editorconfig.org
root = true

[*]
charset = utf-8
indent_style = space
indent_size = 4
insert_final_newline = true
trim_trailing_whitespace = true

## mixins.scss
@mixin min-width-576 {
    @media (min-width: 576px) {
        @content;
    }
}

@mixin min-width-768 {
    @media (min-width: 768px) {
        @content;
    }

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    .switch {
  position: relative;

## serverClass.js
const express = require('express');
const path = require('path');
const open = require('open');

class Server {
	constructor(port, app) {
		this.port = port;
		this.app = app;
	}
	get() {

## smoothScroll.js
const smoothScroll = element =>
  document.querySelector(element).scrollIntoView({
    behavior: 'smooth'
  });

smoothScroll('#fooBar'); // scrolls smoothly to the element with the id fooBar
smoothScroll('.fooBar'); // scrolls smoothly to the first element with a class of fooBar

## required-param.js
const isRequired = () => { throw new Error('param is required'); };

const hello = (name = isRequired()) => { console.log(`hello ${name}`) };

// This will throw an error because no name is provided
hello();

// This will also throw an error
hello(undefined);

## index.html
<div class="donut"></div>
	# Editor configuration, see https://editorconfig.org
	root = true

	[*]
	charset = utf-8
	indent_style = space
	indent_size = 4
	insert_final_newline = true
	trim_trailing_whitespace = true
	@mixin min-width-576 {
	@media (min-width: 576px) {
	@content;
	}
	}

	@mixin min-width-768 {
	@media (min-width: 768px) {
	@content;
	}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<style>
	.switch {
	position: relative;
	const express = require('express');
	const path = require('path');
	const open = require('open');

	class Server {
	constructor(port, app) {
	this.port = port;
	this.app = app;
	}
	get() {
	const smoothScroll = element =>
	document.querySelector(element).scrollIntoView({
	behavior: 'smooth'
	});

	smoothScroll('#fooBar'); // scrolls smoothly to the element with the id fooBar
	smoothScroll('.fooBar'); // scrolls smoothly to the first element with a class of fooBar
	const isRequired = () => { throw new Error('param is required'); };

	const hello = (name = isRequired()) => { console.log(`hello ${name}`) };

	// This will throw an error because no name is provided
	hello();

	// This will also throw an error
	hello(undefined);