Scripting Front/Back

Question 1

¿Cuál es el estandard de Javascript?

Answer 1

ECMA-262

Question 2

Paradigmas que implementa JavaScript

Answer 2

• Funcional –> se pueden asignar funciones a variables
• Imperativo –> Bucles, if
• Procedural –>
• ‘Orientado a objetos’ –> Basado en objetos/prototipos

Question 3

Caracteristicas Javascript (ES5)

Answer 3

• Interpretado –> lo interpreta el cliente, no se compila
• Funciones de primera clase –>
  
  • Poder pasar funciones como argumentos a otras funciones.
  • Que el valor de retorno de una función sea otra función.
  • Asignar funciones a variables o almacenarlas en estructuras de datos.
• Basado en prototipos
• Dinamico
• Orientado a eventos
• Clausuras
• ES6 añadió nuevas caracteristicas –>
  
  • Promesas
  • Clases
  • Array functions (foreach, map, filter)
  • Arrow functions (=lambda)

Question 4

Motores Javascript en los principales navegadores

Answer 4

• Edge –> Chakra
• Chrome –> V8
• Firefox –> SpiderMonkey
• Safari –> Nitro
• Opera –> V8

Question 5

Leguajes basados en Javascript. Trasnpilers

Answer 5

• TypeScript (MS)
• CoffeScript
• Trasnpiladores –> De fuente a fuente
  
  • Babel
  • Traceur
  • TSC

Question 6

Si hablamos de un runtime enviroment Javascript, hablamos de ….

Answer 6

NodeJS (interprete V8)

NOTA: Necesitamos tener instalado NodeJs si pretendenmos usar los gestores de paquetes escritos en JS (npm, Yarn)

Question 7

Aplicaciones para gestión Paqueteria/Dependencias ‘mundo’ Front

Answer 7

• nodeJS –> maquina virtual de javascript. Motor V8(igual que Google Chrome) lo necesitamos para correr los gestores de dependencias.
• npm –> escrito en javascript. Gestión de paquetes
• Yarn –> escrito en javascript
• Bower–> Dependencias
• Ficheros de configuración –> packet.json

Question 8

Aplicaciones para automatización de tareas

Answer 8

• Grunt –> viejuna
• Gulp –> viejuna
• Empaquetadores (Packet bundle)–> nuevos. Pruebas, limpieza y empaquetado
  
  • Webpack
  • Parcel
  • Rollup
  • Browserify
  • ESBuild

Question 9

Frameworks Javascript

Answer 9

• VUE (Chino)
• React (libreria, Facebook)
• Angular (Google)
• Ember
• Express para Back

Question 10

Si decimos ‘JavaScript Vanilla’, ¿A qué nos referimos?

Answer 10

A Javascript puro.

Question 11

¿Qué es JQuery?

Answer 11

Es una libreria. No confundir con los frameworks (Angular, React)

Question 12

Como creo una app Angular desde cero

Answer 12

1. Intalamos o tenemos ya instalado NodeJS
2. Instalamos Angular –>

npm install -g @angular/cli

3. Creamos un proyecto –>

ng new my-angular

4. Creamos componentes –> ver imagen

ng g c home

5. Empaquetamos –>

ng build

Question 13

Versiones de ECMAScript y sus años

Answer 13

• ES5 –> 2011
• ES6 –> 2015
• ES7 –> 2016

Question 14

Tres manera de definir variables en Javascript

Answer 14

• const –> valor constante
• var –> variable con mucho ambito/alcance (desaconsejado)
• let –> variable con ambito/alcance local

Question 15

¿Para que sirve ‘call’ en JS?

Answer 15

Con ‘call’ podemos invocar una función. Imaginemos que tenemos contenida la funcion en una variable/parametro de otra función, y queremos ejecutarla:

function f1(){
     console.log('Texto F1');
}

function f2(){
     console.log('Texto F2');
}

function invocadora (f) {
    f.call
}

invocadora(f2);

Mostrará en pantalla el texto ‘Texto F2’

NOTA: Se prodria ejecutar como ‘f.call()’ o como ‘f()’

Question 16

Programación orientada a prototipos. Ejemplo

Answer 16

//Funcion constructora o generadora
function Person(edad, nombre){
     this.edad = edad;
     this.nombre = nombre;
}

Person.prototype.saluda=function(){
     console.log('Hola, soy ' + this.nombre + ' y tengo ' + this.edad + ' años' );
}

let p1 = new Person(30, 'Luis');
let p2 = new Person(40, 'Maria');

p1.saluda();
p2.saluda();

Consola:

Hola, soy Luis y tengo 30 años
Hola, soy Maria y tengo 40 años

NOTA: si metiesemos la función dentro de Person, al crear objetos nos la duplicaría por cada objeto pero al hacerlo a través de ‘prototype’ solo la crea una vez

Question 17

Tipos de datos en Js

Answer 17

• Number
• String
• Boolean
• Array
• Object
• null
• undefined

Question 18

Operadores en JS

Answer 18

• Asignación –> =
• Aritmeticos –> +, -, *, /, %, **
• Logicos –> !, &&, ||
• Relacionales –> >, <, >=, >=, ==, !=, === (valor y tipo)
• Operador flecha –> =>
• typeof, instanceof, delete, void,
• A nivel de bits -> |, &, ^, ~, <<, >>, >>>

Question 19

Manejo del objeto Arrays en Js

Answer 19

let colors = ['red', 'green', 'blue'];

console.log('tercer elemento: ' + colors.at(2)) ;

//Sacar el último elemento eliminandolo
console.log(colors.pop()) ; //blue --> colors = ['red', 'green'];
console.log(colors.pop()) ; //green --> colors = ['red'];

//Meter por el final y retorna el nuevo número de elementos
console.log(colors.push('violet')) ; //2 --> colors = ['red', 'violet']; 
console.log(colors.push('purple')) ; //2 --> colors = ['red', 'violet', 'purple']; 

//Sacar el primer elemento eliminandolo
console.log(colors.shift()) ; //red --> colors = ['violet', 'purple']; 
console.log(colors.shift()) ; //violet --> colors = ['purple']; 

// color.sort()
// Array.prototype.length (propiedad) --> color.length
// color.forEach( (element) => console.log(element)); --> ejecuta la función 
// por cada elemento
// * color.splice(start, num.Borrados, itemInsert, ....)

Question 20

Funcion ‘splice()’ de los arrays en JS

Answer 20

Función ‘navaja suiza’. En el lugar del índice dado, borra tantos elementos como se indique y añade en esa posición los elementos listados.

splice(start)
splice(start, deleteCount)
splice(start, deleteCount, item1)
splice(start, deleteCount, item1, item2)
splice(start, deleteCount, item1, item2, /* …, */ itemN)

//*******************
//Remove 0 (zero) elements before index 2, and insert "drum"
const myFish = ["angel", "clown", "mandarin", "sturgeon"];
const removed = myFish.splice(2, 0, "drum");

// myFish is ["angel", "clown", "drum", "mandarin", "sturgeon"]

//********************
//Remove 1 element at index 2, and insert "trumpet"
const myFish = ["angel", "clown", "drum", "sturgeon"];
const removed = myFish.splice(2, 1, "trumpet");

// myFish is ["angel", "clown", "trumpet", "sturgeon"]
// removed is ["drum"]

//**********************
//Remove 2 elements from index 0, and insert "parrot", "anemone" and "blue"
const myFish = ["angel", "clown", "trumpet", "sturgeon"];
const removed = myFish.splice(0, 2, "parrot", "anemone", "blue");

// myFish is ["parrot", "anemone", "blue", "trumpet", "sturgeon"]
// removed is ["angel", "clown"]

Question 21

Manejo del objeto JSON en Js

Answer 21

• El método JSON.stringify() convierte un objeto o valor de JavaScript en una cadena de texto JSON, opcionalmente reemplaza valores si se indica una función de reemplazo, o si se especifican las propiedades mediante un array de reemplazo.
• El método JSON.parse() analiza una cadena de texto como JSON, transformando opcionalmente el valor producido por el análisis.

JSON.stringify(value)
JSON.stringify(value, replacer)
JSON.stringify(value, replacer, space)

//**********************
let person = {
    firstName: 'John',
    lastName: 'Doe';
    age: 30
};

console.log(JSON.stringify(person)); 
//{"firstName": "John", "lastName": "Doe", "age": 30};

//**************************

JSON.parse(text[, reviver])

//**************************
const personJson = {"firstName": "John", "lastName": "Doe", "age": 30};

let personObj = JSON.parse(personJson);
console.log(personObj.firstName); // John

Question 22

Cómo hariamos herencia en Javascript

Answer 22

Encadenando prototypes.

funcion Persona(){
}

Persona.prototype.saluda = function() { console.log('Hola mundo');}

function Empleado(){
}

Empleado.prototype = Persona.prototype //Habriamos heredado de Persona

Question 23

Producto para calidad de código en JS

Answer 23

ESLint

Question 24

Expresiones regulares en JS

Answer 24

• test(text) –> Comprueba si la expresión regular «casa» con el texto text pasado por parámetro.
• exec(text) –> Ejecuta una búsqueda en el texto text. Devuelve un array con capturas de lo que coincide.
• texto.match(regex) –> como test pero se usa de otra manera, con el regex por parametro

NOTA: Estas funciones son de patron, seria algo asi como:

var myRe = /d(b+)d/g;
var myArray = myRe.exec("cdbbdbsbz");

Question 25

Funcionamiento de AJAX

Answer 25

* API AJAX --> XMLHttpRequest * open (URL servicio REST. Ej.: GET/empleados) * send (Lanzamos realmente la petición) * Properties * readyState --> valores entre el 0-4. 4 es que los datos ya están cargados * status --> código http (200 es bien) * onreadystatechange --> tu tienes que codificar tu funcion de tratamiento que se lanzará cuando cambie readyState. Manejador de eventos * responseText --> Información de vuelta tipo JSON * responseXML --> Información de vuelta tipo XML * Librerias de terceros AXIOS

Question 26

Funcionamiento de Fech

Answer 26

* Promesas --> Al ser JS mono-hilo hacemos promesas que son funciones que pueden ir 'bien' o 'mal', y se pasan otras dos funciones para manejarlo. ``` let promise = new Promise(function(resolve, reject) { // la función se ejecuta automáticamente cuando se construye la promesa // después de 1 segundo, indica que la tarea está hecha con el resultado "hecho" setTimeout(() => resolve("hecho"), 1000); }); promise('/empleados').then( function(result) { /* manejar un resultado exitoso */ }, function(error) { /* manejar un error */ } ); // .catch(f) es lo mismo que promise.then(null, f) promise.catch(alert); ```

Question 27

Funcionamiento de async/await

Answer 27

``` async function f() { let promise = new Promise((resolve, reject) => { setTimeout(() => resolve("¡Hecho!"), 1000) }); let result = await promise; // espera hasta que la promesa se resuelva (*) alert(result); // "¡Hecho!" } f(); ```

Question 28

APIS de HTML5

Answer 28

* WebStorage * WebSocket / Server-Sent Events * Geolocation * Canva * IndexedDB * File * WebWorker * Drag&Drop * Selector * SVG

Question 29

Eventos y manejadores de eventos en JS

Answer 29

``` // Ahora --> En el fichero Js sin 'ensuciar' el HTML const a = document.querySelector("a"); a.addEventListener("click", function(e) { e.preventDefault(); e.stopPropagation(); logEvent(e); }); ``` NOTA: Hay eventos que burbujean. Se puede parar si no nos interesa con la funcion 'stopPropagation()'

Question 30

Librerias para pruebas Js

Answer 30

* Jasmine * Jest * Mocha * Karma

Question 31

Consideraciones Javascript

Answer 31

* Nació como lenguaje para scripting en el cliente pero se ha extendido al mundo servidor * Paqueteria --> npm (package.json) * Frameworks --> Express * Runtime --> NodeJS (V8)

Question 32

Consideraciones PHP

Answer 32

* No nació como lenguaje para el mundo web * Paqueteria --> Composer (composer.json) * Frameworks --> Symphony, Laravel, CakePHP, Yii * Runtime --> Zend

Question 33

Consideraciones Ruby

Answer 33

* Paqueteria --> Gems (gemfile) * Framework --> Ruby on Rails

Question 34

Consideraciones Pyton

Answer 34

* Paqueteria --> Pip (setup.py) * Frameworks --> Django, Flask

Question 35

Consideraciones Javascript en servidor

Answer 35

* Paqueteria --> npm (package.json) * Frameworks --> Express (backend servicio rest)

Question 36

Orden para bajarse un paquete en PHP

Answer 36

composer **require** vendor/package:version ``` composer require tecnickcom/tcpdf ```

Question 37

Qué es MEAN

Answer 37

* **M**ongoDB * **E**xpress.js * **A**ngular * **N**ode.js

Question 38

Qué es MERN

Answer 38

* **M**ongoDB * **E**xpress.js * **R**eact * **N**ode.js

Question 39

Qué es MEVN

Answer 39

* **M**ongoDB * **E**xpress.js * **V**UE * **N**ode.js

Question 40

Entorno de ejecución PHP

Answer 40

* **Capa 1)** Necesita siempre un 'Frontal web', Servidor Web o Servidor HTTP (Apache HTTP o NGINX) * **Capa 2)** Runtime * Módulo PHP de Apache --> Se ejecuta en el mismo 'proceso' que el propio Apache * Módulo php-fpm --> Se ejecuta el interprete en un proceso independiente * **Capa 3)** BBDD NOTA: Pensemos que PHP no nació para el mundo web

Question 41

Infraestructura para probar/ejecutar PHP

Answer 41

* WAMP --> Windows, Apache, MySQL, PHP (Perl, Python) * LAMP --> Linux, Apache, MySQL, PHP (Perl, Python) * MAMP --> Mac, Apache, MySQL, PHP (Perl, Python) * XAMPP --> SO, Apache, MySQL/MariaDB, PHP (Perl, Python). Es el generíco de los otros * LEMP --> Linux, NGINX, MySQL, PHP (Perl, Python)

Question 42

Qué es LMS / CMS en PHP y que gestores tenemos. Productos comerciales

Answer 42

* LMS -> Learnign Manage System eLearning --> Moodle * CMS --> Content Manage System Generalista (Gestor de contenido)--> Drupal / Wordpress / Joomla * Gestor de contenido orientado a comercio electronico/tienda on-line --> Magento, Prestashop, Oscommerce * Gestor de contenidos para foros --> phpBB * Gestor de contenido para wiki --> DocuWiki y MediaWiki * Gestores documentales --> NO gestionan contenido, gestionan documetos (pdf), Metadatos + ACLS acceso + Versionado --> Alfresco y Documentum

Question 43

Que es Deno

Answer 43

Runtime competencia de Node.js

Question 44

PHP. Importar paquetes

Answer 44

* include/include_once (si no existe Warning y sigue) * require/require_once (si no existe error y para) EJ.: include '/Path/To/File.php';

Question 45

PHP. Tipos de datos

Answer 45

* Integer * Float * String * Array * Object * Resource --> * Boolean * NULL

Question 46

PHP. Variables y constantes

Answer 46

* Constantes: * const PI = 3.14; --> Sin '$' se resuelven en tiempo de ejecucíon * define('MAX',200); --> se resuelve en tiempo de ejecucion (no se puede usar en clases). Se puede definir condicionalmente. Se usa sin '$' * Existen una serie de constantes magicas que tienen el formato __CONSTANTE__ como son: DIR, LINE, CLASS, METHOD, FUNCTION, TRAIT, NAMESPACE --> echo 'Valor de __DIR__: '.__DIR__.PHP_EOL; // Dir actual * Variables * $variable1 = 10; --> Siempre con '$' * isset($variable4) --> para saber si esta inicializada

Question 47

PHP. Operadores

Answer 47

* = --> para asignar una variable --> $a=6; * . --> Para concatenar cadenas de caractares --> $variable3 = $variable2.$variable1; * .= --> Concatenación y asignación * == --> Si es Igual en valor / En arrays si son iguales los valores * === --> Si son el mismo valor-tipo / En arrays si son el mismo valor-tipo * != --> Distinto valor/ En arrays que no sean iguales * !== --> Distinto valor-tipo / En arrays si son distintos valor-tipo * <> --> Distinto / En arrays que no sean iguales * < --> Menor que * <= --> Menor o igual * > --> Mayor que * >= --> Mayor o igual * <=> --> Spaceship operator. A <=> B --> 1 si A>B; 0 si A=B; -1 si A Suma / En arrays Union * '-' --> Resta * '*' --> Multiplicacion * / --> Division * % --> Modulo * ** --> Exponente * ++ --> Operador de incremento * -- --> Operador de decremento * && --> And * || --> Or * ! --> Not * and --> And * xor --> Xor * or --> Or * ?: = Ternary operator. (Condition) ? (Statement1) : (Statement2); print ($marks>=40) ? "pass" : "Fail"; * ?? --> echo $variable4 ?? '$variable4 sin valor'.PHP_EOL; // output --> $variable4 sin valor (porque $variable4 es NULL)

Question 48

PHP. Cadenas de caracteres

Answer 48

* Concatenación --> '.' --> $variable3 = $variable2.$variable1; * ' --> Las cadenas con comillas simples NO son parseadas. $cad1='Hola Que tal $var1';// output --> Hola Que tal $var1 * " --> Las cadenas con dobles comillas son parseadas/evaluadas. $cad2="Hola Que tal $var1"; // output --> Hola Que tal 300 * $cad1[0]; --> Referencia los caracteres por posicion en la cadena * SUBSTR * substr("abcdef", 2); // output --> cdef * substr("abcdef", -2) ; // output --> ef (con "start" negativo empieza por el final) * substr("abcdef", 0, 2); // output --> ab (toma los primeros 2) * substr("abcdef", 0, -2); // output --> abcd (con "length" negativo, quita los ultimos dos) * echo "Valor de PI:".PI; printf("Hay %u minutos en una %s", $minutos, $unidadTiempo); // Impresion con formato * echo preg_replace($pattern, $replacement, $string); // Remplaza en la cadena $string lo que coincida con $pattern por $replacement * $array = preg_split( "/[\s,]+/", $texto );// Guardo en un array todas las palabras separadas por comas o espacios. * preg_match( $patron, $texto ); // Encuentra el patron $patron en el texto $texto

Question 49

PHP. Arrays

Answer 49

* $arr1 = array(10, 'abc', 30); //Se crea con datos heterogeneos * $arr2 = array(3 => 66, 5 => 'abc', 7 => 99 ); // indice numerico explicito * $arr3 = array('name' => 'foo', 'age' => 20);// asociativo (el indice no es numerico) * $arr4 = ['name' => 'foo', 'age' => 20];// forma corta con [ ] * $arr5 = explode(',', $cadena1); // crea un array a base de trocear $cadena con el delimitadorj. implode(",", $arr6); crea una cadena a partir de una array $arr6 con el delimitador ',' * $arr7 = str_split($cadena2, 3); // trocea la cadena de 3 en 3 caracteres * array_fill(10, 5, 'five'); // Crear un array que comienza en el indice 10, de 5 elementos y con valor 'five' en todas las entradas * range(0, 100, 10); // Crea un array mediante la definicion de un rango(inicio, fin, paso/incremento) * array_shift($stack); // Desplaza los elmentos hacia la izquierda, eliminando y retornando el primero. Desencolar * array_pop($stack); //Saca y elimina el último elemento. Pila * array_push($stack,"five"); // añade un elemento por el final. Pila * array_map("funcion", $datos1); // Ejecuta sobre todos los elementos de $datos1 la función "funcion" y devuelve el array resultado. $datos1 no queda modificado. * list($a, $b, $c) = $array; //Inicializa las variables $a, $b, $c con el contenido de $array. * sort($datos4); //Ordena los datos, rsort(al revés), ksort(por clave) * count($datos5); //Devuelve el numero de elementos del array

Question 50

PHP. Bucles y sentencias de control

Answer 50

* IF / ELSE / ELSE IF/ELSEIF / SWITCH ``` if ($a > $b) { echo "a is bigger than b"; } elseif ($a == $b) { echo "a is equal to b"; } else { echo "a is smaller than b"; } switch ($i) { case 0: echo "i equals 0"; break; case 1: echo "i equals 1"; break; case 2: echo "i equals 2"; break; } ``` * FOR ``` for ($i = 1; $i <= 10; $i++) { echo $i; } ``` * FOREACH (en arrays) ``` $arr = [ '111' => 'daniel', '222' => 'pedro', '333' => 'ana' ]; // de esta forma, obtenemos por referencia los elementos del array y podemos modificarlos con la variable de iteracion foreach($arr as $value) { $value += 1; } foreach($arr as $key => $value) { echo $key . ' = ' . $value . PHP_EOL; } ``` * WHILE ``` /* example 1 */ $i = 1; while ($i <= 10) { echo $i++; /* the printed value would be $i before the increment (post-increment) */ } /* example 2 */ $i = 1; while ($i <= 10): echo $i; $i++; endwhile; ``` * DO-WHILE ``` $i = 0; do { echo $i; } while ($i > 0); ```

Question 51

PHP. Funciones

Answer 51

* function funcion1(int $param) // * function funcion2(?Producto $param) //Admite null en la llamada * function myFunc(){...} .... myFunc('variable', 3, 'parametros'); // Se puede llamar con parametros a funciones sin parametros. Dentro con un for se recorre la entrada. * function sumarUno(&$arg) // Parametros por referencia * function funcion3() .... $var = "funcion3"; // Asignacion de funciones (tipico de la prog. funcional)

Question 52

PHP. Programación orientada a objetos

Answer 52

* $this->atributo --> se hace referencia con '->' y no con '.' * static --> define métodos estaticos * self::metodo() --> Desde dentro de la clase llamada a métodos estaticos. * Clase::metodo() --> Desde fuera de la clase llamada a métodos estaticos. * parent:: --> como *super* en Java * $objeto->metodo() --> Llamada a método de clase normal * class Cliente extends Persona --> Igual que Java * __construct($nombre,$email) --> Con doble '__' * __call($name_of_function, $arguments) --> Sobrecarga. Si llamamos a un método que no existe en nuestra clase pero tenemos definido el __call entrára por ahí * Magic Method Get/Set --> necesitan establecer los valores en un array de properties asociativo con los nombres de los atributos. * __get --> Getter * __set --> Setter * final --> Igual que Java * public / potected / private --> Igual que Java

Question 53

PHP. Superglobals

Answer 53

Le dan a PHP ojos en el mundo web. Si no existieran estas variables PHP no podria usar nada del mundo web. Son Arrays ASOCIATIVOS (clave-valor) * $GLOBALS * $_SERVER --> Datos del servidor * $_GET --> Tenemos todo lo que haya en la queryString (/empleado**?usr=1234**) * $_POST --> Datos pasados por un formulario * $_FILES --> Si nos mandan ficheros * $_COOKIE --> Datos de las cookies * $_SESSION * $_REQUEST --> Array asociativo con: $_GET, $_POST and $_COOKIE. * $_ENV

Question 54

PHP. Tratos

Answer 54

El orden de ejecución siempre será : Class members > trait methods > inherited methods ``` trait Dog { public function makeNoise() { echo "Woof".PHP_EOL; } public function wantWalkies() { echo "Yes please!".PHP_EOL; } } trait Cat { public function makeNoise() { echo "Purr".PHP_EOL; } public function wantWalkies() { echo "No thanks!".PHP_EOL; } } class Animal { function wantWalkies () { echo "Animal".PHP_EOL; } } class DomesticPet extends Animal { use Dog, Cat { Cat::makeNoise insteadof Dog; Cat::wantWalkies as kittyWalk; Dog::wantWalkies insteadof Cat; } } $obj = new DomesticPet(); $obj->makeNoise(); // Purr $obj->wantWalkies(); // Yes please! $obj->kittyWalk(); // No thanks! ```

Question 55

PHP. MySQL

Answer 55

* PROCEDURAL * mysqli_connect("localhost", "root", "root", "rrhh"); * mysqli_prepare($link, $sql)) * mysqli_stmt_bind_param($stmt, "s", $param_term); * mysqli_stmt_execute($stmt)) * mysqli_stmt_get_result($stmt); * PDO * $pdo = new PDO("mysql:host=localhost;dbname=rrhh", "root", "root"); * $stmt = $pdo->prepare($sql); * $stmt->bindParam(":term", $term); * $stmt->execute(); * $stmt->fetch() * OBJETOS * $mysqli = new mysqli("localhost", "root", "root", "rrhh"); * $stmt = $mysqli->prepare($sql) * $stmt->bind_param("s", $param_term); * $result = $stmt->execute() * $row = $result->fetch_array(MYSQLI_ASSOC)

Question 56

PHP. JSON

Answer 56

* json_encode($row); --> Pasa a JSON el objecto PHP ``` $stack = array("one", "two", "three", "four"); echo json_encode($stack); ``` * json_decode($json); --> Pasa a un objeto PHP la cadena JSON ``` $json = '{"foo-bar": 12345}'; $obj = json_decode($json); print $obj->{'foo-bar'}; // 12345 ```

Question 57

PHP. Laravel

Answer 57

* PRINCIPALES COMPONENTES * FACTORY * SEEDER * MODEL * MIGRATION * CONTROLLER (RUTAS y MIDDLEWARE) * JOBS * GATES y POLICIES * Elocuent --> ORM de Laravel. * Doctrine --> ORM de Symfoy

Question 58

¿Cuál de los siguientes NO es un framework para javascript? a) Angular b) Bootstrap c) React d) JDBC

Answer 58

d) JDBC

Question 59

¿Cuál de los siguientes lenguajes está relacionado con el desarrollo en backend? a) GO b) SASS c) XML d) ANGULAR

Answer 59

a) GO

Question 60

En JSON, ¿qué valor mostraria la consola si ejecutamos este código: console.log(4 * 3 ** 2)? a) 36 b) -1 c) 24 d) Null

Answer 60

a) 36

Question 61

En PHP, señale qué variable de entorno se puede usar para almacenar datos del inicio de sesión de un usuario: a) $_SESSION b) $SESSION c) $_GLOBAL d) $GLOBAL

Answer 61

a) $_SESSION

Question 62

¿Qué conjunto de herramientas de presentación y comportamiento ofrece componentes para trabajar en la parte dinámica del frontal web HTML? a) NumPy b) ActiveMQ c) Bootstrap d) TensorFlow

Answer 62

c) Bootstrap

Question 63

¿Qué método estático usaria para convertir una cadena JSON en un valor u objeto javascript?: a) JSON.parse() b) JSON.stringify() c) let obj = JSON d) let obj= New JSON

Answer 63

a) JSON.parse()

Question 64

Indique, de entre las siguientes afirmaciones, cuál es relativa a Ruby on Rails (RoR): a) Es un lenguaje de programación creado por G. Ruby. b) Es un framework de control de versiones escrito en el lenguaje Ruby. c) Es un framework de desarrollo de aplicaciones web basado en el patrón MVC. d) Es un servicio de .NET.

Answer 64

c) Es un framework de desarrollo de aplicaciones web basado en el patrón MVC.

Question 65

En una sentencia "if" en el lenguaje de programación Python, ¿cómo se identifica el bloque de código a ejecutar si la condición se cumple? a) El bloque debe estar delimitado por llaves {} b) El bloque debe estar delimitado por corchetes [] c) El bloque debe estar delimitado por corchetes () d) Cada línea del bloque debe estar precedida por el mismo número de espacios en blanco, con la misma sangría.

Answer 65

d) Cada línea del bloque debe estar precedida por el mismo número de espacios en blanco, con la misma sangría.

Question 66

Indique cuál de las siguientes característica de JavaScript es INCORRECTA: a) Es imperativo y dinámico. b) Proporciona funciones de segunda clase. c) Es débilmente tipado. d) Está basado en prototipos.

Answer 66

b) Proporciona funciones de segunda clase.

Question 67

Dentro de las tecnologías para el desarrollo web utilizadas en su unidad, se contempla utilizar javascript. ¿Qué valor devuelve la siguiente función javascript? ``` function prueba(){ var i = 1; var j = 0; while (i<7) { j+=i; i+=2; } return j; } ``` a) 2 b) 9 c) 6 d) 0

Answer 67

b) 9

Question 68

Utilizando el lenguaje Python, a continuación se muestra la variable opositor, en la que se almacena el nombre y las puntuaciones de tres ejercicios por orden: opositor = {'nombre': 'Sandra Gomez”, 'notas': [27, 36, 12]} ¿Cómo asignaría a una variable llamada notaSegundoEjercicio el valor 36? a) notaSegundoEjercicio = opositor.notas.Value.ltem2 b) notaSegundoEjercicio = opositor['notas'][1] c) notaSegundoEjercicio = opositor.Key[notas].Value[1] d) notaSegundoEjercicio = opositor(notas(2))

Answer 68

b) notaSegundoEjercicio = opositor['notas'][1]

Question 69

Se está valorando la realización de otros desarrollos de Machine Learning para Python y le preguntan cuál de las siguientes podría ser una libreria válida para ello. a) Keras b) Yum c) Mahotas d) Openpyd

Answer 69

a) Keras

Question 70

Dentro del código de la página web a la que acceden los opositores, se encuentra el siquiente codigo HTML: < html>< body>

Primer ejercicio TAI ¿Cuál es el código javascript para obtener la cadena "Primer ejercicio TAI"? a) var titulo = document.getElementByld('titulo").firstChild.nodeValue; b) var titulo = document.titulo.InnerHTML; c) var titulo = document.getElement("h1").InnerText; d) var titulo = document.children[0].getValue();

Answer 70

a) var titulo = document.getElementByld('titulo").firstChild.nodeValue;

Question 71

Entre los lenguajes contemplados para el nuevo sistema de información se encuentra Python, De entre los siguientes, ¿cuál es un framework para desarrollo web en Python? a) Django b) Keras c) Pip d) Numpy

Answer 71

a) Django

Question 72

Se plantea la necesidad de incluir un campo de tipo select de tal manera que, si se elige la opción “SI” se habilite la entrada de datos en un campo tipo fecha, estando deshabilitado en caso contrario. ¿Qué evento del campo de tipo select utilizaría para recoger este comportamiento? a) El evento onClick b) El evento onSelection c) El evento onChange d) El evento onValue

Answer 72

c) El evento onChange

Question 73

El núcleo del desarrollo se pretende realizar en PHP, mediante el framework Laravel, ¿qué motor de persistencia de datos utiliza dicho framework? a) Eloquent b) SQLAIchemy c) iBATIS d) Web2py

Answer 73

a) Eloquent

Question 74

Indique qué realiza el siguiente fragmento de código PHP ``` ``` a) Genera y muestra una contraseña aleatoria formada por 8 caracteres donde los caracteres pueden repatirse. b) Genera y muestra una contraseña aleatoria formada por 8 caracteres donde los caracteres no pueden repetirse. c) Genera y muestra una contraseña aleatoria formada por 5 caracteres donde los caracteres pueden repetirse. d) Genera y muestra una contraseña aleatoria formada por 5 caracteres donde los caracteres no pueden repetirse.

Answer 74

d) Genera y muestra una contraseña aleatoria formada por 5 caracteres dondo los caracteres no pueden repetirso.

Question 75

Durante el diseño del código PHP se encuentra declarado un array con valores. Se precisa almacenar la longitud del mismo. ¿Cómo lo haría? a) $longitud = long($array): b) $longitud = calculate($array); c) $longitud = count($array): d) $longitud = range($array):

Answer 75

c) $longitud = count($array):

Question 76

Si además está recorriendo un array y quiere mostrar los valores, ¿cuál sería la instrucción correcta? a) echo "Posición " + $i +":" + Sarray[$i) . "; b) echo "Posición " & $1 &": * & Sarray($]] & "\n'; c) echo "Posición ". $i.":". $array[$i] . "\n"; d) echo "Posición ".concat($i).concat(": ") concat($array[$]) concat("\n");

Answer 76

c) echo "Posición ". $i.":". $array[$i] . "\n";

Question 77

Se está planteando sustituir el framework de desarrollo. ¿Qué otro framework de PHP se podría utilizar? a) Flask b) Symfony e) Django d) Vaadin

Answer 77

b) Symfony

Question 78

Como requisito de seguridad, se desea que el campo contraseña esté formado por 6 o más caracteres y tenga al menos un numero, una letra en minúscula y una letra en mayúscula, sin tener un orden establecido. ¿Qué tipo de validación implementaría para soportario? a) pattern="([0-9]+[a-z])+[A-Z]).{6,}" b) pattern="([0-9][a-z][A-Z]).{6}" c) pattern="(0-9a-zA-Z).{6}" d) pattern="(?=.\*\d)(?=.\*[a-z])(?=.\*[A-Z]).{6,}"

Answer 78

d) pattern="(?=.\*\d)(?=.\*[a-z])(?=.\*[A-Z]).{6,}"

Question 79

¿Qué comando utilizaría para crear un proyecto llamado ‘agencia’ con el framework Laravel? a) new project agencia b) php-composer create-project agencia c) composer create-project prefer-dist laravel/laravel agencia d) php archetype:create project agencia

Answer 79

c) composer create-project prefer-dist laravel/laravel agencia

Question 80

Indique la afirmación verdadera, ECMAScript 7 (también llamado ECMAScript 2016) añade: a) Try/catch b) Soporte para JSON. c) Operador exponencial (**). d) Expresiones regulares.

Answer 80

c) Operador exponencial (**).

Question 81

En PHP 7, dado el siguiente array: $monedas = array(“bitcoin", "ada", "ripple"), ¿qué sentencia permite mostrar el número de elementos que tiene? a) echo str_len($monedas); b) echo count($monedas); c) echo size($monedas); d) echo length($monedas);

Answer 81

b) echo count($monedas);

Question 82

Se ha adaptado el código PHP de la aplicación antigua (versión 5.4) a una versión actual. Observe el código PHP siguiente que se corresponde ya con el nuevo sistema: ``` mostrarPeticion () ; ?> ``` ¿Qué resultado se obtendrá de su ejecución? a) La petición es formal. b) La petición es informal. c) La petición es $descripcion. d) Da un error de ejecución.

Answer 82

a) La petición es formal.

Question 83

JS. DOM. Selectores de elementos

Answer 83

* document.getElementById('nodeType1'); * document.getElementsByTagName('section'); * document.querySelector("#cols"); --> a través de un selector CSS, el primero que cumpla * document.querySelectorAll("#cols"); --> a través de un selector CSS, todos los que cumplan * document.forms[0].nombre.value; --> Acceso directamente a formularios

Question 84

JS. Eventos

Answer 84

* button.addEventListener("click", function()); --> Se añade el evento al elemento. * event.stopPropagation(); --> para el *burbujeo* cuando se puede aplicar al evento * Eventos * change --> Cuando el elemento cambia * select --> Cuando un texto que contiene el elemento es seleccionado * blur --> Cuando se pierde el foco sobre el elemento * focus --> Cuando se pone el foco sobre el elemento * click --> Cuando se clicka sobre el elemento * keypress --> Cuando se presiona una tecla del teclado. Devuelve caracter * keydown --> Código ascii de tecla presionada * keyup --> Código ascii de tecla soltada * input --> Se dispara cuando el valor (value) de un elemento < input>, < select>, o < textarea> ha sido cambiado.

Question 85

¿Cuales son los metodos del objeto Array en javascript para añadir y extraer elementos?

Answer 85

Sobre todo push y pop

Question 86

¿Cómo se transforma en javascript una cadena json a un objeto y con que funcion se hace lo contrario?

Answer 86

a. JSON.parse(cadena) --> paso a Objeto JS b. JSON.stringify(objeto) --> paso a cadena JSON

Question 87

En Javascript/DOM, ¿Conoces algun metodo para obtener un elemento(s) del DOM en base a su Id? ¿Y en base a un valor de algun atributo dado?

Answer 87

1. document.getElementById(id) 2. document.querySelector(selector de tipo atributo) y document.querySelectorAll(selector de tipo atributo)

Question 88

Dos formas de realizar peticiones HTTP asincronas desde el cliente en Javascript

Answer 88

1. API AJAX (objeto XMLHttpRequest) 2. API Fetch NOTA: Las promesas o el async/await nos pueden servir para "envolver" estas llamadas asincronas

Question 89

Utilidad del metodo preventDefault sobre un DOMEvent

Answer 89

Metodo que usamos si queremos "cancelar" el comportamiento de ese evento (siempre que el evento sea CANCELABLE) NOTA: stopPropagation es para evitar el burbujeo a los "padres"

Question 90

Utilidad de la libreria Jasmine

Answer 90

Pruebas unitarias de codigo Javascript

Question 91

¿En que consiste el operador "nave espacial" en PHP?

Answer 91

Operador de comparacion (<=>) A <=> B * 1 Si A es mayor que B * 0 Si A y B son iguales * -1 Si A es menor que B

Question 92

¿Cual es el gestor de dependencias en PHP?

Answer 92

composer ej. composer require

Question 93

En php, ¿en que consisten los traits?

Answer 93

Elementos de programacion que nos permiten reutilizar codigo sin tener que usar MAL la HERENCIA

Question 94

¿Como se llama al ORM de PHP/Laravel?

Answer 94

Eloquent

Question 95

¿Como se define un constructor en PHP y en Python?

Answer 95

1. __construct (esto es un magic method) 2. def __init__(self): ...

Question 96

¿Que representan las siglas del stack MEVN?

Answer 96

* **M**ongoDB (BBDD NoSQL Documental/JSON) * **E**xpress (Framework Web para Javascript) * **V**ue (Framework "MVC" Javascript de Front) * **N**ode (Runtime de Javascript)

Question 97

ORM en Javascript

Answer 97

* Sequelize * Bookshelf * Objection.js * TypeORM * Mongoose