En el siguiente video te muestro como crear y obtener la información de un formulario dinámico creado en HTML y JavaScript, sin utilizar framework o biblioteca alguna.
Los formularios dinámicos son algo indispensable que debemos saber crear como programadores.
Tarde o temprano nos amos a enfrentar a un requerimiento que necesite de una solución dinámica.
En el siguiente video te muestro como crear y obtener la información de un formulario dinámico creado en HTML y JavaScript, sin utilizar framework o biblioteca alguna.
Las Common Table Expressions nos permiten crear una colección temporal a partir de una consulta, pero también nos dan el poder de realizar cálculos con recursividad.
Las Common Table Expressions nos permiten crear una colección temporal a partir de una consulta, pero también nos dan el poder de realizar cálculos con recursividad.
A continuación te muestro a detalle como utilizar esta herramienta de SQL.
El DOM es el API que podemos utilizar con JavaScript para manipular el contenido HTML de un sitio web.
El DOM es el API que podemos utilizar con JavaScript para manipular el contenido HTML de un sitio web.
En el siguiente video te mostraré con ejemplos el potencial que tenemos gracias a esta API.
HTML es una herramienta muy extensa y hay un conjunto de atributos poco conocidos que he agrupado para mostrarte con ejemplos en el siguiente video.
HTML es una herramienta muy extensa y hay un conjunto de atributos poco conocidos que he agrupado para mostrarte con ejemplos en el siguiente video.
El conocerlos puede ahorrarte trabajo innecesario que recae muchas veces en JavaScript.
HTML es una herramienta muy utilizada por muchos Programadores, pero aun así tiene características que son poco conocidas.
HTML es una herramienta muy utilizada por muchos Programadores, pero aun así tiene características que son poco conocidas.
En el siguiente video te mostraré 10 cosas poco conocidas de HTML
Es por ello que hice un video con cosas básicas que debes conocer y darte una idea de que que es lo que hace un programador frontend.
Una de las preguntas que más me hacen es como comenzar a programar en el frontend.
Es por ello que hice un video con cosas básicas que debes conocer y darte una idea de que que es lo que hace un programador frontend.
En este video te mostrare cual es la diferencia de la interface IEnumerable y la interface IQueryable al momento de utilizar LINQ.
En este video veremos LINQ a nivel intermedio, haremos ejercicios prácticos con los cuales te explicare como puedes utilizar las funciones take, skip, select, union y count en tus consultas de LINQ.
Código
class Program
{
static void Main(string[] args)
{
List<Persona> lst = new List<Persona>() {
new Persona() { Edad = 40, Nombre = "Pancho" },
new Persona() { Edad = 30, Nombre = "Juan" },
new Persona() { Edad = 11, Nombre = "Mario" },
new Persona() { Edad = 18, Nombre = "Juana" },
new Persona() { Edad = 6, Nombre = "Memo" },
};
List<Persona> lstSoloTexto = new List<Persona>() {
new Persona() { Edad = 30, Nombre = "Héctor" },
new Persona() { Edad = 38, Nombre = "Fernando" },
new Persona() { Edad = 12, Nombre = "Miguel" }
};
List<string> lstOrdenadosSoloNombres = (
from a in
(from d in lst
select d )
.Union(
from d in lstSoloTexto
select d
)
orderby a.Nombre
select a.EdadYNombre
)
.ToList();
int numerodepersonas = lstOrdenadosSoloNombres.Count;
foreach (var Nombre in lstOrdenadosSoloNombres)
{
Console.WriteLine(Nombre);
}
}
public class Persona
{
public int Edad { get; set; }
public string Nombre { get; set; }
public string EdadYNombre
{
get {
return Edad + " - " + Nombre;
}
}
}
}
En este video te mostrare como crear un piano en menos de 10 minutos utilizando javascript, sin la necesidad de tener un mp3 o wav, y solo con un navegador y código.
Piano (pícale a las teclas)
CSS
* { box-sizing:border-box; }
body{ margin:0; background:#222; }
ul {
height:18.875em; width:34em;
margin:5em auto; padding:3em 0 0 3em; position:relative;
border:1px solid #160801; border-radius:1em;
background:-webkit-gradient(linear, right bottom, left top, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0))), url('https://f.cl.ly/items/2q1f3t0C3R1b0g081w3n/vwood.png');
box-shadow:0 0 50px rgba(0,0,0,0.5) inset, 0 1px rgba(212,152,125,0.2) inset,0 5px 15px rgba(0,0,0,0.5); }
li { margin:0; padding:0; list-style:none; position:relative; float:left; }
ul .white {
height:16em; width:4em; z-index:1;
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
border-radius:0 0 5px 5px;
box-shadow:-1px 0 0 rgba(255,255,255,0.8) inset, 0 0 5px #ccc inset, 0 0 3px rgba(0,0,0,0.2);
background: linear-gradient(top, #eee 0%,#fff 100%);
}
ul .white:active {
border-top:1px solid #777;
border-left:1px solid #999;
border-bottom:1px solid #999;
box-shadow:2px 0 3px rgba(0,0,0,0.1) inset, -5px 5px 20px rgba(0,0,0,0.2) inset,0 0 3px rgba(0,0,0,0.2);
background: linear-gradient(top, #fff 0%,#e9e9e9 100%);
}
.black {
height:8em; width:2em; margin:0 0 0 -1em; z-index:2;
border:1px solid #000;
border-radius:0 0 3px 3px;
box-shadow:-1px -1px 2px rgba(255,255,255,0.2) inset, 0 -5px 2px 3px rgba(0,0,0,0.6) inset, 0 2px 4px rgba(0,0,0,0.5);
background:linear-gradient(45deg, #222 0%,#555 100%);
}
.black:active {
box-shadow:-1px -1px 2px rgba(255,255,255,0.2) inset, 0 -2px 2px 3px rgba(0,0,0,0.6) inset, 0 1px 2px rgba(0,0,0,0.5);
background:linear-gradient(left, #444 0%,#222 100%);
}
.a,.g,.f,.d,.c { margin:0 0 0 -1em; }
ul li:first-child { border-radius:5px 0 5px 5px; }
ul li:last-child { border-radius:0 5px 5px 5px; }
HTML
<ul class="set">
<li onclick=" jsNota(174.614)" class="white b"></li>
<li onclick=" jsNota(184.997)" class="black as"></li>
<li onclick=" jsNota(195.998)" class="white a"></li>
<li onclick=" jsNota(207.652)" class="black gs"></li>
<li onclick=" jsNota(220.000)" class="white g"></li>
<li onclick=" jsNota(233.082)" class="black fs"></li>
<li onclick=" jsNota(246.942)" class="white f"></li>
<li onclick=" jsNota(261.626)" class="white e"></li>
<li onclick=" jsNota(277.183)" class="black ds"></li>
<li onclick=" jsNota(293.665)" class="white d"></li>
<li onclick=" jsNota(311.127)" class="black cs"></li>
<li onclick=" jsNota(329.628)" class="white c"></li>
</ul>
Javascript
var context= new AudioContext();
function jsNota(frecuencia){
var o= context.createOscillator();
g=context.createGain();
o.connect(g);
o.type="sawtooth";
o.frequency.value=frecuencia;
g.connect(context.destination);
o.start(0);
g.gain.exponentialRampToValueAtTime(0.00001,context.currentTime +1.5);
}
En este video, te enseñare como no depender de las rutas que nos da el SAT para generar la cadena original, e incluyo todos los archivos necesarios xslt abajo para que los puedas descargar.
Archivos xslt: descargar
