Check the new version here

Popular channels

Tutoriales de JavaScript para principiantes [curso]

Este Post es dedicado a mi Hermano que me enseño a Javascript. Espero Que lo disfruten!
Todo Los Videos Estan en HD or Alta Definicion



Javascript es un lenguaje de programación que permite a los desarrolladores crear acciones en sus páginas web. Pero ¿Qué es Javascript?, ¿Cómo nace Javascript? son algunas de la preguntas que el siguiente artículo intenta resolver.

¿Qué es Javascript?

Javascript es un lenguaje con muchas posibilidades, utilizado para crear pequeños programas que luego son insertados en una página web y en programas más grandes, orientados a objetos mucho más complejos. Con Javascript podemos crear diferentes efectos e interactuar con nuestros usuarios.

Este lenguaje posee varias características, entre ellas podemos mencionar que es un lenguaje basado en acciones que posee menos restricciones. Además, es un lenguaje que utiliza Windows y sistemas X-Windows, gran parte de la programación en este lenguaje está centrada en describir objetos, escribir funciones que respondan a movimientos del mouse, aperturas, utilización de teclas, cargas de páginas entre otros.

Es necesario resaltar que hay dos tipos de JavaScript: por un lado está el que se ejecuta en el cliente, este es el Javascript propiamente dicho, aunque técnicamente se denomina Navigator JavaScript. Pero también existe un Javascript que se ejecuta en el servidor, es más reciente y se denomina LiveWire Javascript.

¿Cómo nace Javascript?

Javascript nació con la necesidad de permitir a los autores de sitio web crear páginas que permitan intercambiar con los usuarios, ya que se necesitaba crear webs de mayor complejidad. El HTML solo permitía crear páginas estáticas donde se podía mostrar textos con estilos, pero se necesitaba interactuar con los usuarios.

En los años de 1990, Netscape creo Livescript; las primeras versiones de este lenguaje fueron principalmente dedicadas a pequeños grupos de diseñadores Web que no necesitaban utilizar un compilador, o sin ninguna experiencia en la programación orientada a objetos.

A medida que estuvieron disponibles nuevas versiones de este lenguaje incluían nuevos componentes que dan gran potencial al lenguaje, pero lamentablemente esta versión solo funcionaba en la última versión del Navigator en aquel momento.





En este Video tutorial vamos escribir nuesto primer codido en JavaScript. Vamos a Enseñarle como utilizar Document.write(); y Alert();








En álgebra usamos letras (como x) para mantener los valores (como 5).

A partir de la expresión z = x + y arriba, podemos calcular el valor de z para ser 11.

En JavaScript estas cartas se llaman variables.

Variables JavaScript
Como con el álgebra, las variables de JavaScript se pueden utilizar para contener valores (x = 5) o expresiones (z = x + y).

Variable puede tener nombres cortos (como x e y) o nombres más descriptivos (edad, capital, totalVolume).

Los nombres de variables pueden contener letras, dígitos, guiones y símbolos de dólar.

Los nombres de variables deben comenzar con una letra
Los nombres de variables también pueden comenzar con $ y _ (pero no vamos a utilizarlo)
Los nombres de variables distinguen entre mayúsculas y minúsculas (Y e Y son variables diferentes)
Las palabras reservadas (como palabras clave de JavaScript) no se pueden utilizar como nombres de variables






Prompt
Muestra un diálogo de campo de formulario con botones Aceptar y Cancelar, un texto definido por el primer parámetro enviado a la función y un input de texto con valor predeterminado definido por el segundo parámetro.

La función devuelve el valor insertado en el campo de formulario si el usuario pulsa en Aceptar o null si pulsa Cancelar o el aspa de cerrar.

Ejemplo de prompt


nombre = prompt('Introduce tu nombre','[ nombre del usuario ]');

Seleccionar SCRIPT,XML

Prompt nos será útil sobre todo para recojer datos del usuario para utilizar en nuestro script en tiempo de ejecución.





Viendo Arrays
En este tutorial vamos a utilizar un script para mostrar arrays

Ejemplo



var cars = ["Saab", "Volvo", "BMW"];
document.getElementById("demo".innerHTML = cars;

La primera línea (en el guión) crea una matriz denominada coches.

La segunda línea "encuentra" el elemento con id = "demo" y "muestra" de la matriz en el "innerHTML" de la misma.






Sentencias JavaScript menudo comienzan con un identificador de declaración para identificar la acción JavaScript a realizar.

Declaración de identificadores son palabras reservadas y no se pueden utilizar como nombres de variables (o cualquier otra cosa).

En HTML, sentencias de JavaScript son líneas de comandos ejecutados por el navegador web.







Sentencias condicionales
Muy a menudo, cuando se escribe código, que desea realizar diferentes acciones para diferentes decisiones.

Puede usar instrucciones condicionales en el código para hacer esto.

En JavaScript tenemos las siguientes sentencias condicionales:

Utilice si para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera
Utilice otro para especificar un bloque de código que se ejecutará, si la misma condición es falsa
Utilice else if para especificar una nueva condición para poner a prueba, si la primera condición es falsa
Utilice el interruptor para especificar muchos bloques alternativos de código para ser ejecutado






La sentencia else if
Utilice el else if declaración para especificar una nueva condición si la primera condición es falsa.

Sintaxis

if (condition1) {
block of code to be executed if condition1 is true
} else if (condition2) {
block of code to be executed if the condition1 is false and condition2 is true
} else {
block of code to be executed if the condition1 is false and condition2 is false
}



link: https://www.youtube.com/watch?v=zEQQdBrpc2s&list=UUt3EqPxKgCJcYPZncGXME3g


Diferentes tipos de Loops
JavaScript soporta diferentes tipos de bucles:

para - bucles a través de un bloque de código un número de veces
para / en - recorre las propiedades de un objeto
mientras que - recorre un bloque de código mientras una condición especificada es verdadera
do / while - también bucles a través de un bloque de código mientras una condición especificada es verdadera
El bucle For
El bucle for es a menudo la herramienta que va a utilizar cuando se quiere crear un bucle.

El bucle for tiene la siguiente sintaxis:

for (statement 1; statement 2; statement 3) {
code block to be executed
}

Declaración 1 se ejecuta antes de que comience el bucle (el bloque de código).

Declaración 2 define la condición para ejecutar el bucle (el bloque de código).

Declaración 3 se ejecuta cada vez después de que el bucle (el bloque de código) ha sido ejecutado.

En el ejemplo anterior, se puede leer:

Declaración 1 establece una variable antes de que comience el bucle (var i = 0).

Declaración 2 define la condición para el bucle para ejecutar (i debe ser inferior a 5).

Declaración 3 aumenta un valor (i ++) cada vez que el bloque de código en el bucle se haya ejecutado.

Declaración 1
Normalmente, se utilizará la declaración 1 para iniciar la variable utilizada en el bucle (var i = 0).

Esto no es siempre el caso, JavaScript no le importa. Declaración 1 es opcional.






Loops pueden ejecutar un bloque de código, siempre y cuando la condición especificada sea verdadera.

El bucle While
El bucle while bucles a través de un bloque de código, siempre y cuando la condición especificada sea verdadera.

Sintaxis

while (condition) {
code block to be executed
}
Ejemplo

En el siguiente ejemplo, el código en el bucle se ejecuta, una y otra vez, siempre y cuando una variable (i) es menor que 10:




La sentencia break
Usted ya ha visto la sentencia break se utiliza en un capítulo anterior de este tutorial. Se utiliza para "saltar" de una sentencia switch ().

La sentencia break también se puede utilizar para saltar de un bucle.

La sentencia break rompe el bucle y continúa ejecutando el código después de que el bucle (si los hay):

La sentencia continue se rompe uno de iteración (en el circuito), si se produce una condición especificada, y continúa con la siguiente iteración del bucle.







Una función de JavaScript es un bloque de código diseñado para realizar una tarea en particular.

Una función de JavaScript se ejecuta cuando "algo" lo invoca (llama).
Sintaxis Función JavaScript
Una función de JavaScript se define con la función de la palabra clave, seguido por un nombre , seguido de paréntesis () .

Los nombres de funciones pueden contener letras, dígitos, guiones y símbolos de dólar (mismas reglas que las variables).

Los paréntesis pueden incluir nombres de parámetros separados por comas: ( parámetro1, parámetro2, ... )







Las propiedades son la parte más importante de cualquier objeto de JavaScript.

Propiedades de JavaScript
Las propiedades son los valores asociados a un objeto de JavaScript.

Un objeto de JavaScript es una colección de propiedades no ordenadas.

Propiedades generalmente se pueden cambiar, agregar, y se borran, pero algunos son de sólo lectura.







Métodos de JavaScript
Los métodos son las acciones que se pueden realizar en los objetos.

Nota
Los métodos son sólo las funciones definidas como propiedades del objeto.




El objeto Math le permite realizar tareas matemáticas en los números.

El objeto de Matemáticas
El objeto Math le permite realizar tareas matemáticas.

El objeto Math incluye varios métodos matemáticos.
objetos de matematica numeros al azar y redondear numeros en javascript. El objeto de Matemáticas. El objeto Math le permite realizar tareas matemáticas





HTML DOM permite JavaScript para reaccionar a los eventos de HTML.
Un JavaScript puede ejecutarse cuando se produce un evento, como cuando un usuario hace clic en un elemento HTML.

Para ejecutar código cuando un usuario hace clic en un elemento, añadir código JavaScript a un atributo de evento HTML:

onclick=JavaScript
Ejemplos de eventos de HTML:

Cuando un usuario hace clic en el ratón
Cuando una página web se ha cargado
Cuando una imagen se ha cargado
Cuando el ratón se mueve sobre un elemento
Cuando se cambia un campo de entrada
Cuando se envía un formulario HTML
Cuando un usuario acaricia una clave





El uso de un constructor Object
Los ejemplos anteriores se limitan en muchas situaciones. Ellos sólo crean un único objeto.

A veces nos gusta tener un "tipo de objeto" que se puede utilizar para crear muchos objetos de un tipo.




Creación de un objeto JavaScript
Con JavaScript, puede definir y crear sus propios objetos.

Hay diferentes maneras de crear nuevos objetos:

Definir y crear un único objeto, utilizando un objeto literal.
Definir y crear un único objeto, con la nueva palabra clave.
Definir un constructor de objetos, y luego crear objetos del tipo construido.
NotaEn ECMAScript 5, un objeto también se puede crear con la función Object.create ().

El uso de un objeto Literal
Esta es la forma más fácil de crear un objeto de JavaScript.

El uso de un objeto literal, tanto definir y crear un objeto en un comunicado.

Un literal de objeto es una lista del nombre: pares de valores (como la edad: 50) dentro de llaves { }.




Una función de JavaScript es un bloque de código diseñado para realizar una tarea en particular.

Una función de JavaScript se ejecuta cuando "algo" lo invoca (llama).
Una función de JavaScript es un bloque de código para realizar una tarea. if y else Marca un bloque de sentencias que se ejecutan en función de una condición.





Programación orientada a objetos
La programación orientada a objetos es un paradigma de programación que utiliza la abstracción para crear modelos basados ​​en el mundo real. Utiliza diversas técnicas de paradigmas previamente establecidas, incluyendo la modularidad, polimorfismo y encapsulamiento. Hoy en día, muchos lenguajes de programación (como Java, JavaScript, C#, C++, Python, PHP, Ruby y Objective-C) soportan programación orientada a objetos (POO).

La programación orientada a objetos puede considerarse como el diseño de software a través de una conjunto de objetos que cooperan, a diferencia de un punto de vista tradicional en el que un programa puede considerarse como un conjunto de funciones, o simplemente como una lista de instrucciones para la computadora. En la programación orientada a objetos, cada objeto es capaz de recibir mensajes, procesar datos y enviar mensajes a otros objetos. Cada objeto puede verse como una pequeña máquina independiente con un papel o responsabilidad definida.

OOP pretende promover una mayor flexibilidad y facilidad de mantenimiento en la programación y es muy popular en la ingeniería de software a gran escala. Gracias a su fuerte énfasis en la modularidad, el código orientado al objetos está concebido para ser más fácil de desarrollar y más fácil de entender posteriormente, prestándose a un análisis más directo, a una mayor codificación y comprensión de situaciones y procedimientos complejos que otros métodos de programación menos modulares. 2
Programación orientada a objetos (OOP) con Javascript
JavaScript es un lenguaje de programacion/scripting ampliamente subestimado e infravalorado. La principal razón de esto es por como surgió: Fue desarrollado primero para un solo navegador (Netscape Navigator) pero pronto, al ver su potencial, fue integrado a la mayoría de navegadores web por sus fabricantes.

Como suele suceder con los lenguajes de creación web, pronto surgió el caos: Extensiones, atributos o métodos no estandares fueron implementados por uno u otro navegador, causando que muchas veces se tuviera que crear un código dos veces, para que corriera en cualquier escenario. Así, gracias a esta falta de estandarización, muchos tomaron al JavaScript como una mala práctica (No les recuerda al CSS?).

Espero Que le alla Gustado!!!
0No comments yet