Repasando TypeScript

Repasando de forma rápida la sintaxis básica de TypeScript.
//---------- tipo de datos

var myString: string ="hello world";
myString = 22 +"";
document.write(myString);

var myNumber: number = 66;
document.write(myNumber.toString());

var myBoolean: boolean = true;
document.write(myBoolean.toString());

var myVar: any = "hello";
myVar = false;
document.write(myVar);


//---------- Arreglo
var anyArray: any[] = [1,2,"cadena1","cadena2",[], {},""];
var StringArray: string[] = ["item1","item2",""];
var booleanArray: boolean[]= [true,false,true];

//--------tuplas
var strNumTuple: [string, number];
strNumTuple =["hola",77];


//--------void - undefined - null
let myVoid: void = undefined;
let myNull: null = null;
let myUndefined: undefined = undefined;

document.write(typeof(myVoid));


//--------funciones
function getSum(num1: number, num2: number): number{
    return num1+num2;
}

let mysum = function(num1: number | string, num2: number | string):number{
    if(typeof(num1) === 'string'){
        num1 = parseInt(num1);
    }
    if(typeof(num2) === 'string'){
        num2 = parseInt(num2);
    }
    return num1 + num2;
}

function getName(firstName: string,
    lastName?:string): string{       //el atributo con ? es un parametro opcional
    if(lastName == undefined){
        return firstName;
    }
    //return firstName + " " + lastName;      ES5
    return `${firstName} ${lastName}`;    //  ES6
}
document.write(getName("Luis"));



//-------Interfaces
interface ITodo{
    title: string;
    text: string;
}
function showTodo(todo: ITodo){
//function showTodo(todo: {title: string; text: string}){
    console.log(`${todo.title} - ${todo.text}`);
}

showTodo({
    title: "Eat Dinner",
    text: "lorem"
})

//----- CLASES

class User {
    private name: string; // no es accesile fuera de la clase
    public email: string; //accesible fuera de la clase
    protected age: number; //no es accesible
   
    //constructor, sera llamado apenas sea istanciado
    constructor(name:string, email:string, age: number){
        this.name = name;
        this.email = email;
        this.age = age;
    }

    //metodo
    register(){
        console.log(`${this.name} is registeder`);
    }
    showMeAge(){
        return this.age;
    }
    public AgeInYears(){
        return this.age + ' years';
    }
    payInvoice(){
        console.log(`${this.name} pago su factura`);
    }

}

var jhon = new User('qwerty', "alfred@asdfg", 28);

document.write(jhon.name); //this = jhon
console.log(jhon.register());

//------ Herencia
class Menber extends User {
    id: number;

    constructor(id: number, name: string, email: string, age: number){
        super(name, email, age);
        this.id= id;
    }
    //metodo heredado de la clase padre
    payInvoice(){
        super.payInvoice();
    }
}
var gordon  = new Menber(1, 'jose', 'jose@MediaQueryList', 11);

gordon.payInvoice();

Usando Git Hub

******************************************
**                                                                            **
**   PASOS PARA TRABAJAR CON GIT HUB **
**                                                                            **
******************************************

1 Ingresa a tu cuenta gut hub
2 crea un repositorio
3 indicar el origen de nuestro repositorio (escribir este codigo en git Bach)
git remote add origin https://github.com/ejemplo/ejemplo
4 ingresar todos los archivos a ese repositorio
git push -u origin master
5 pedira que te logues a git hub - ingresa tu usuario y pass
6 listo!!!

********* clonar proyecto desde git hub *******************
para clonar un proyecto desde git hub a tu computadora:
1 colocarte en el git bash y en la ruta para tu proyecto
git clone https://github.com/ejemplo/ejemplo

********* repositorio remoto *****************************
1 enviar lo que hay en nuestro repositorio local al repositorio de git hub
git push -u origin master
2 para ver los repositorios remotos a los q nuestro proyecto local esta enlasado
git remote -v

// fetch -> traemos historial del repositorio remoto al repositorio local
// push -> enviamos el historial local al repositorio remoto
3 verificar en el repositorio local, la creacion de una nueva rama
git branch -a  //este nos señala el comit en el que esta el repositorio remoto
4 verificar que el repositorio local y el repositorio remoto se encuentren en el mismo comit
git log --all --oneline --decorate
5 para sincronizar el historial local con el remoto
git push origin master

Usando Git

******************************************
**                                                                            **
** PASOS PARA TRABAJAR CON GIT         **
**                                                                            **
******************************************

primero debemos estar dentro del directorio donde esta nuestro proyecto
usando nuestro Git Bash, ingresamos a la ruta de nuestro proyecto

1 iniciar git
git init
2 ver que archivos tenemos (working directory) - color rojo
git status
3 agregar los archivos a starging area - color verde
git add <namefile>
git add .  //esto agregara todos los archivos modificados
4 crear tu primer commit (o copia del proyecto) - lo subira al Repository
git commit
git commit -m "el mensaje del commit" //esto evitara abrir la ventana del Vim
5 configurar los permisos
git config --global user.email "tu email aqui"
git config --global user.name "tu nombre aqui"
6 al dar un commit se abrira el editor de codigo de Vim
para escribir en el escribe i
para salir escribe :wq
7 para verificar que se creo mi commit
git log
8 entorno de trabajo limpio y nada para comitear
     git status
On branch master
nothing to commit, working tree clean
9 proceso terminado

********* como eliminar los cambios *****************
1 si al editar un archivo no lo quieres guardar en el starging area, pero si eliminar los cambios en el working directory
git checkout --<namefile>

******** muestra los cambios ************************
1 para visualizar los cambios realizados en un archivo (lo anterior sera ROJO y lo nuevo sera VERDE)
git diff <namefile>

***************** archivos para ignorar *************
1 median un archivo llamado .gitignore podemos ignorar a los archivos o carpetas agregadas a ese archivo

****************** crear rama ***********************
1 mostrar las ramas - la de color verde es en la que estamos ahora
git branch
2 crear otra rama
git branch nombreRama
3 usar la rama creada
git checkout nombreRama

***************** historial de repositorio ****************************
1 mostrar el historial de los commit
git log
2 mostrar el historial de loc commit de forma abreviada
git log --oneline
3 dirigirnos a algun punto de un commit, mediante su hash
git checkout 0798719
4 para ver todos los commits en una linea
git log --all --online

************* sacar un archivo del area de preparacion (starging area) *****************
1 para sacar del area de preparacion
git reset HEAD <nameFile>

*************las ramas *************
la rama principal es la rama master
git branch
1 para ver los commints en una linea de todas las ramas, nombre de ramas junto al comit
y dibuje el grafico de historial decoradas con asteriscos y rayitas
git log --oneline --all --decorate --graph
2 para mezclar ramas, posicionarse en la rama principal
git merge dev //dev es el nombre de una rama creada
3 agregar el archivo
git add .
4 comitear
git commit -m "comentario"
5 opcional borrar comit rama
git branch -d dev