Platzi
Platzi

¡Invierte en ti y celebremos! Adquiere un plan Expert o Expert+ a precio especial.

Antes: $349
$259
Currency
Antes: $349
Ahorras: $90
COMIENZA AHORA
Termina en: 16D : 8H : 34M : 24S

Debes tener cuenta en Platzi

Para ver esta clase abierta debes iniciar sesión

Primeros pasos en el navegador con alert5/36

Ya tienes un navegador y un editor de texto, eso es lo único que requieres.

Ve a la consola, desde ahí puedes escribir JavaScript sin tener que crear un archivo.

Primero mostremos un mensaje, escribe:

alert('Hola mamá, estoy programando');

Lo que has hecho es ejecutar una función, estas son colecciones de código que hacen algo, en JS siempre que quieres ejecutar una debes escribir paréntesis de apertura y de cierre, las comillas delimitan un texto (string) y punto y coma (;) se utiliza para terminar la instrucción.

También, podemos crear operaciones básicas,

var x = 1;

var y = 2;

var z = x + y;

Hemos declarado variables, las declaramos con la palabra reservada var, el nombre, operador de asignación (=) y el valor que va a tener.

Recuerda: Todo en programación tiene que ver con seguir las reglas de un lenguaje y luego crear las instrucciones que quieres para lograr los objetivos que deseas.

TIP: En consola puedes hacer más grande el tamaño de la letra con Ctrl y +

var texto1 = "Creo";

var texto2 = "que aprendi ";

var texto3 = "esta clase";

alert(text1+text2+text3);

Apuntes del video...

1.- Abrir Google

2.- Lado derecho Mouse, click en Inspeccionar

3.- Click en Consola


alert("Hola mamá, estoy programando");


Vocabulario...


- alert es una orden

- Las comillas son para delimitar un texto libre" o sea una cadena de texto (String)

- Funciones son colecciones de códigos que hacen algo y van dentro de paréntesis

- Los Parámetros son la información que una función necesita para lograr algo, y van dentro de los paréntesis y con comillas

- Punto y coma ; la gran mayoría de líneas de código terminan en punto y coma, y es para decirle al navegador que hasta ahí termina la instrucción que le dimos

- Los Bloques de código son los que no terminan en punto y coma ; sólo las líneas independientes


var x = 1;


- var es igual a variable (declara la existencia de una variable en memoria)

- Operador es el signo = asigna el valor de la variable

- x variable, = operador, 1 el valor de la variable


- Cuando sumamos un número a un texto ambos se vuelven textos y eso se llama concatenación


alert("El valor de z es " + z);






🖥️ alert nos sirve para mostrar información o resultados de una operación por pantalla. También es usada para mostrar alertas de advertencia.

var coro = "Quedate en "
var navi = "tu casa "
var rus = "ctmd"
alert(coro+navi+rus);

😄 😄

no se si estoy aprendiendo super rapido o no entiendo nada … 😦

Prueben realizar todo lo indicado por Freddy, pero sin usar los 'punto y coma'. Notarán que todo funciona. Algo importante que deben tener en cuenta es que si bien usar o no 'punto y coma' en un inicio les será indiferente, después, cuando ya sean unos devs profesionales, esto les traerá algunos problemitas. Esto debido al uso de minimizadores de código JavaScript. El navegador lee todas las líneas de código línea por línea hasta que encuentra un punto y coma (signo que indica el final de la instrucción), pero al minimizar el código el navegador no encuentra este signo por ningún lado, entonces esto hará que el código no se ejecute y devuelva un error.

Así como alert hay confirm y prompt ejemplo:

  • El método Window.confirm() muestra una ventana de diálogo con un mensaje opcional y dos botones, Aceptar y Cancelar

  • El método Window.prompt() muestra un diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.

Ejemplo de “confirm"
var x = 1;
var y = 2;
var z = x + y;
var resp = confirm(”¿Deseas sumar"+ x +" mas "+ y + “?”);
if (resp == true) {
mensaje = "Resultado " + z;
} else {
mensaje = “Terminado”;
}

Ejemplo de "prompt"
var x = 1;
var y = 2;
var z = x + y;
var resp = prompt("La suma de “+ x +” + “+ y + " es:”);
if (resp == z) {
mensaje = “Correcto”;
} else {
mensaje = “Incorrecto”;
}

Platzi Core, si los colegios fueran así! 

yo creo que esto sera como memorizar claves del gta o age of empires :v, despues se volvera automatico

var a = "Nunca ";
var b = "Pares ";
var c = "De ";
var d ="Aprender";
var z = a + b + c + d
alert(z + " con Platzi");

alert("Buen curso");

APUNTES
Inspector de elementos, console es un lugar donde podemos hacer JS sin necesidad de programar en un archivo.

alert("Hola mama estoy programando);
alert es una Funcion que como su nombre lo indica dispara una alerta en la pantalla con el contenido puesto dentro de los parentecis, ya sea un texto (el cual va entre comilas) o tambien podemos colocar una variable dentro del parentesis y en la alerta mostrara el valor de dicha variable, ej:

alert(variable);

var es la forma de declarar una variable y se logra de la siguiente manera,
-Primeramente escribes var al declarar la variable:
var
-Despues nombramos la variable seguido de un igual:
var x =
-Despues asignamos un valor a la variable (este no es un paso obligatorio, ya que solamente podemos declarar la variable con la finalidad de mas adelante asignarle un valor):
var x = 10;
O en caso de que mas adelante sea asignado el valor:
var x;

IMPORTANTE
Siempre que terminemos una linea de codigo debemos colocar al final un punto y coma ;, esta regla se rompe cuando se usa algo conocido como bloques de codigo pero eso se vera mas adelante.

Siempre que se declare una variable se tiene que escribir un parentesis de inicio y otro de cierre, dentro de los parentesis van los parametros (son la informacion que una funcion necesitapara lograr algo).

Las comillas son utilizadas para delimitar un texto, cuando quieras poner un texto libre tienes que colocar comillas ( a esto se le conoce como string).

Cuando tu le sumas un numero a un texto ambos se vuelven texto

ALERT: es una orden que javascript ya tiene preprogramada.
FUNCIONES: Son colecciones de código que hacen algo.
Cuando las FUNCIONES son invocadas deben estar entre () y dentro de los mismos van a estar los PARÁMETROS.
PARÁMETROS: Son la información que se necesita para lograr algo, en el caso del ALERT su función es lo que uno va a mostrar en dicha alerta la cual va en comillas para delimitar un texto o un STRING.
STRING: Es una cadena de texto la cual es un texto libre la cual tiene que ir entre comillas, de lo contrario el programa entenderá eso como una función o una variable.
VAR: Declara la existencia de una variable en memoria
OPERADOR: Asigna el valor de la variable.

Acá les comparto mis apuntes de esta clase. Espero les sirva 😄 ProgBas1.2.png

Microresumen

  • Alert => es un método de Javascript que dispara un mensaje o notificación, personalizable.
  • Funciones => son colecciones de código que ejecutan algo.
  • Parámetros => Información que una función necesita para ejecutarse.
  • punto y coma => se utiliza al final de cada instrucción, delimita el final de una y el comienzo de otra.
  • var => Manera de declarar una variable.
  • operador (=) => Asigna un valor a una varialble declarada.

PROGRAMAR ES DIFICIL, PERO EXTREMADAMENTE RECOMPENSANTE UNA VEZ QUE LO ENTIENDES!

  

Para mostrar un mensaje en javascript

En el navegador -> click derecho en un lugar vacio ->Inspeccionar

Abre una ventanita y escoge console, este sera el lugar para programar

Para mandar un mensaje en Javascript

Escribeà alert(“ hola mama estoy programando”);

Alert es una instrucción o funcion que dispara un cuadrito en la pantalla, y lo que aparece en el cuadrito es el parametro, que es lo que se escribe dentro del parentesis.

El parametro en este caso es un mensaje de texto libre, para delimitar el texto del codigo se usan comillas y a todo esto se le denomina string

El estring es el segmento de texto libre que se puede unir con numero o variables concatenando.

Concatenar es unir o sumar caracteres y/o variables

Variable se escribe var, var es una palabra clave o reservada quiere decir que es una palabra unica y exclusiva para algo que el sistema ya lo tiene definido y sirve para guardar en memoria 

Entonces a var le pongo un nombre y se escribe al lado izquierdo del = en este caso es var x= el nombre es x y del lado derecho de = el valor que le voy a dar a esa variable

Por eso var x = 1 

Var y= 2

Var z = x +y

El valor de una variable va a ser el resultado de lo que esta al lado derecho del =

Vale añadir que es necesario al final de cada una de las lineas de codigo finalizar con ; exceptuando los bloques

Un bloque es un conjunto de lineas de codigo con una estructura definida

Codigo de linea independiente;

}

este no lleva ; 

Álgebra.. Traumas personales...😵

 Es importante saber diferenciar los tipos de datos al momento de crear nuestras variables, acá les dejo un aporte

; para una linea de codigo y { }, para bloques

Hoy en día el mejor editor de código es VSCode.

Me motiva mucho que desde el primer video del curso estemos escribiendo lineas de código (aunque sean sencillas y la cosa se complique más adelante...) Las explicaciones son perfectas: directas y claras :)

Freddy podías comentar que el tabulador ayuda a completar el comando, etiqueta o como se le llame, de ese modo no tenemos que aprender todos los comandos de memoria, simplemente el tab nos ayuda a recordar y escribir menos.


JavaScript es "Case Sensitive" por lo tanto si no se respetan  mayúsculas y minúsculas en los nombres, el código dará error.

No se que pasa pero se traba mucho el video y la pagina va lento, no es el internet ya lo comprobe, que estara pasando ?

un profesor me dijo una vez “un curso de programación sin el Hola mundo! no es un curso de programación”, claro aquí es mas moderno no saludamos al mundo sino a mamá 😃

alert(“gracias familia platzi”);
var x = 5;
var y = 5;
var z = x + y;
z;
alert("Platzi tiene clasificación de " + z)

var x = “Freddy”;
var y = “Curso de programación básica”;
var z = x + y;
z;
Un curso expléndido

Google (navegador
ATON. IO(editor de texto)
Inspeccionar elemento
*click derecho
*inspeccionar
(enseguida)
Click (Console)

alert (“hola mamá estoy programado”)
=
Var a = “tengo” ;
Var b= “hambre” ;
Var c= alert (a+b) ;
😂

Nunca logre terminar este curso, espero Si poderlo terminar esta vez, ya es mi 3er intento. Creo que era por falta de motivacion y disciplina. Ahora ya encontre mi motivacion y ya se que necesito disciplina. Cuando logre terminar este curso hare lo posible para juntar el dinero faltante para comprar el plan expert.

Me gusta mucho la forma en que hace ver sencillo el proceso de creación.

por que recomiendas Chrome

Firefox quiero mucho a los desarrolladores..

recomiendo Firefox. 

el punto y coma cierra la ejecucion de la linea

primeros pasos con alert.png

Realmente sí me asusté cuando mencionaron “Álgebra” Jajajajaja

Muchos nos asustamos cuando Freedy dijo “Algebra”.

alert("Mamá se me quema el cerebro :c ");

Era muy adepto a Atom hasta que conocí a Visual Studio Code. Te he fallado Atom 💔

un plus que se puede hacer es que los String no siempre es obligario usar las comillas dobles “” también se pueden usar las comillas sencillas ’ '.
Esto sirve para un menos uso de la memoria.

el texto que se coloque en las comillas sencillas Javascript tambien lo va a reconocer como una cadena de texto o String

alert('Hola mundo!');

Todo en programacion tiene que ver con seguir las reglas de un lenguaje y luego crear las instrucciones que quieres para que ocurra el objetivo que deseas.

Funciones o métodos: colecciones de codigo que hacen algo.
parametros: informacion que una funcion necesita para lograr algo.
uso de comillas: esn una cadena de texto “string”. todo lo que coloquemos dentro de comillas es un texto libre .
punto y coma: le dice al navegador oye hasta acá termina la instruccion y a partir de aqui empieza otra.
//
Los programas usualmente utilizan datos para realizar actividades.
Al crear una variable se reserva una ubicación en memoria, o un espacio en memoria, para almacenar valores. Se llama variable porque la información almacenada en esa ubicación puede ser modificada cuando el programa es ejecutado.

**alert **: es una función que internamente JavaScript tiene por defecto, funciona para que los navegadores disparen un mensaje en pantalla.
Todas las funciones contienen un paréntesis de apertura y un paréntesis de cierre
Dentro los paréntesis van los parámetros, que son la información de que debe hacer el código
Las comillas son para delimitar un texto, es un texto libre y recibe el nombre de **string **
El punto y coma es para decir que finaliza la instrucción
variables usa la palabra resrevada var , el = asigna el valor de la variable
Lo que ocuure a la derecha del igual ocurre primero y luego lo metes en la variable
string cadena de texto
Concatenar Sumarle un numero a un texto

¿Alguien que esté suscrito a Platzi Expert me podría confirmar si todos los cursos de las carreras disponibles cuentan con la misma calidad y atención a detalle con la que cuenta este curso gratuito? Estoy pensando en suscribirme para Navidad:)

var html = "HTML: Gestor de contenidos ";
var css = "CSS: Gestor de estilos ";
var js = "JAVASCRIPT: Gestor de interacciones ";
alert ("Una página web esta compuesta de una vitrina a través de un htlm " + html

  • css+ js );

Highlights:

  1. La consola, dentro del inspector de google, nos sirve para probar código.
  2. alert → Es el nombre de una función. Esta particularmente nos permite mostrar un texto en pantalla en forma de alerta.
  3. (Parámetro): → Es lo que queremos que muestre la función.
  4. Cuando usamos comillas, le estamos indicando al navegador que interprete todo lo que esté dentro de ellas como texto, no como una función.
  5. El “+” se usa para concatenar, es decir, unir información de naturaleza diferente.

Yo lo entiendo de esta manera:
En Lenguaje Español la estructura es:
Sujeto + Predicado+ Punto (.)
En Lenguaje de Java Script:la estructura es:
Función + Parámetro + Punto y Coma (😉

Algo para la gente que va empezando:
Se recomienda que ya no usen var, usen en vez:

  • let: Es como var pero con mejoras, permite algo llamado ‘block-scoping’
  • const: Permite definir algo que no va a cambiar, una constante

Referencia: https://hackernoon.com/why-you-shouldnt-use-var-anymore-f109a58b9b70

Hola,
Se puede declarar mas de una variable en la misma linea de código?

Yo estudio Negocios Internacionales en Perú, pero siempre me interesó el mundo de la programación y realmente como lo explican en platzi es demasiado sencillo aprender. Que buen servicio, realmente vale la pena invertir en tu propia educación. Felicidades y gracias por la enseñanza de calidad que brindan.

mi pc es un xp studio- 4 gigas, RAM de hace 10 años, me serviría para programar en java scrip, HTML ,css, y otros?

Siento que estoy aprendiendo un montón, de verdad vale mucho la pena darse la oportunidad de aprender cosas nuevas.

.- abrir el navegador.
.- ir a about:blank
.- abrir ‘inspeccionar’
.- ir a Consola
.- disparar un Alert. “mamá estoy programando”.
.- las funciones son colecciones de codigo que se ejecuta cada vez que se invoca la misma.
.- alert es una funcion.
.- todo lo que se coloca entre comillas “” es una cadena de texto o string, texto libre.
.- Dentro de los paréntesis van los parámetros.
.- El punto y coma indica al navegador que allí termina la instrucción.
.- Bloques de código, entre llaves {}.
.- var declara la existencia de una variable en la memoria.
.- se crean variables. se le asigna valores numericos a las dos primeras.
.- se le asigna una funcion a la tercera.
.- se llama la tecera y hace su operación algebráica con el valor de las dos primeras.
.- luego se llama el valor de la variable tercera mediante un alert. Se usa concatenación.

En JS las funciones tienen paréntesis de apertura y cierre (); dentro de ellos van los parámetros, que es lo que hace que una función logre algo. Las comillas se utilizan para delimitar un texto, el cual se llama String y es el mensaje que va dentro de las comillas; este se define como una cadena de texto o texto libre. El punto y coma ; se utiliza para decir al navegador donde termina la instrucción.

Así o más claro, no todos tienen el don de la enseñanza, pero Fredy lo sobre pasa.

les dejo mi ejercicio de alert :v aun no se como poner espacio entre los resultados de alert

var platzi = "programacion"
undefined
var estudiante = "profesional"
undefined
var resultado = platzi + estudiante
undefined
alert ( "los estudiantes de platzi sin duda aprenderan" + resultado ) ;
undefined

Nota:
Alert: Recibe como parámetro el mensaje que se debe mostrar en la ventana.
Paréntesis(): Debe haber uno de apertura y otro de cierre para que ocurra algo.
Comillas("): También llamados string sirve para delimitar un texto libre, es decir, para que no se confundan como si fuera una función como alert.
Punto y coma(😉: es para terminar el texto

Comandos de teclado para abrir la consola:

.
Para abrir la Consola web (Ctrl+Mayús+I en Windows y Linux o Cmd-Opción-K en Mac), abre el menú Herramientas en Firefox y selecciona “Desarrollador ▶ Consola web”. Para Chrome y Brave lo puedes lanzar con Cmd-Opción-J

Pero, ¿Que significa concatenación?

al utilizer la consola de chrome en realidad que lenguaje estamos escribiendo?

Mas personas como freddy que enseñen asiiii

var x = “excelente”;
alert ("La calidad de la clase es " + x);

Resumen:

  • alert: es una función propia de JS que se utiliza para enviar mensajes emergentes.
    Sintaxis: alert (“mensaje”);
  • var: es una palabra reservada que se utiliza para declarar variables y asignar valores a las mismas.
    Sintaxis: var nombre_variable = valor;
  • toda linea de código en JS finaliza con un punto y coma (😉
  • dentro de un alert podemos concatenar el mensaje con una variable con el signo +.
    Sintaxis: alert (“mensaje” + nombre_variable);

Que Fino!! Emoción activa!!

Retomando las variables, lo de alert es práctico.

como puedo borrar una linea sin borrar todo? … suelo equivocarme varias veces :c

Que privilegio a los que comienzan aprender de esta manera! Excelente maestro.

Es un lujazo recibir estás clases sólo con una cuenta gratuita en platzi, muchas gracias a los que están detrás de todo esto!

x,y,z mis peores enemigos en la facultad

Las clases con freddy son excelentes

Yo aqui con 16 años preparandome para mi carrera 😃

_alert (“un mensaje”); _

alert es una función.

Para que ocurra debo escribir ( )

" " es un string, si no las escribo JavaScript pensará que es una función o variable.

Concatenación es la suma de un texto con una variable.

alguien aparte de mi disfruto jugar con el navegador dando tantas “alert”

Alert(“Freddy enseña muy bien”);

En classes.png
En classes alert.png

Me encanta Freddy, todo lo hace más fácil! Gracias!

El uso de las comillas para especificar que se trata de un texto y no un valor también es algo básico de Excel, todo lo que no sea un número y se quiera usar dentro de una función o formula debe estár encerrado entre comillas, de lo contrario Excel no lo entenderá. Pasa lo mismo con javascript, ahora entiendo las cosas mucho mejor 😄

Sintaxis de una funcion:
<funcion>(<parametros>);

  • funcion: pieza de codigo que genera un resultado
  • (): siempre hay que invocarlos para que la funcion ocurra
  • <parametros>: informacion que necesita la funcion
  • ; indica el fin de la instruccion

este curso es genial si todas las escuelas enseñaran así sin tanto rollo y saturacion de información las personas aprenderían muy rápido y con alegría 😄 acabando este curso a pagar todo el año para seguir estudiando

var x=“al”;
var y=“ert”;
var z=x+y;
z;

XD

Ahora si entendí la asignación de variables jsjs

alert(" muchas gracias por la explicación");

Revisa esto para que aprendas más sobre JS: http://tutorialesprogramacionya.com/javascriptya/

Cuando tu declaras una variable sin poner el var delante, estas declarando esa variablede manera global a todo el documento *.js en cambio si pones var variable la estas declarando local al metodo que vas a utilizar.

Soy totalmente nuevo en el tema de programación pero esta primeras clases me han parecido excelentes cada vez me motivo a aprender más!

con razón nunca entendí programación,nunca tuve quien explicara con tanta claridad.ESTUPENDO.
GRACIAS

Totalmente claro.
Alert (“Hola Mundo”);
// Con Alert insertamos un mensaje
Var x = 1;
Var y = 2;
Var z = x + y;
// Con var insertamos variable
z;
3;
// Un texto entre comillas es un texto libre
Alert ("El valor de z es " + z);
/Cuando sumas un número a un texto, ambos pasan a ser texto esto pasa a llamarse concatenación/

Tengo una pregunta por que en la
document.addEventListener(“keydown”, dibujarTeclado)
function dibujarTeclado(evento)
{
Console.log(evento);
}
Por que si le cambiamos el nombre a evento ? En la consola me aparece todo los componentes de la tecla que yo haiga oprimido por que si le cambio el nombre me sigue apareciendo los componentes que integran esa tecla o los atributos …???
Ademas otra pregunta en ese codigo fucntion es una variable y dibujarTeclado es unavaruable que le estamos pasando el parametro evento y tiene un codigo adentro o ya me confundia alguien que me aclare porfavor…
yo se que esta duda es de la otra clase pero por alguna razon no me deja publicarla alla gracia

Abrimos el navegador (chrome)

Click derecho / Inspeccionar

Console


--


Ctrl + +

cmd + +

Para ampliar el tamaño de la letra.


--


alert("ola k ase?")


--


var x = 1;

var y = 2;

var z = x + y;


--


"Todo en la programación tiene que ver con seguir las reglas de un lenguaje y luego crear las instrucciones que quieres para que ocurra el objetivo que deseas"


--


alert       -->  función que dispara una ventanita emergente.

Elementos de una función.

    Paréntesis ( ) (uno de apertura y uno de cierre)

    Parámetros (van dentro de los paréntesis)

    Comillas (string, cadena de texto)

    Punto y coma (finaliza cada instrucción) Es una buena práctica ponerlo.


--


Concatenar (+) es unir dos o más cadenas.



    

es un poco complicado pero con practica se puede aprender a programar

Esta genial, gracias!

soy estudiante de ing de software ,me a gustado mucho el curso ya que explica muy bien a detalle que es cada cosa y como funciona ,ya yo he programado paginas web solo venia a ver que tal era platzi y me ha gustado bastante voy a recomendarlo amigos que quieran aprender a programar

Freddy que forma de explicar y enseñar tan brutal, envías esa energía de motivación y ganas de seguir con toda.

Es la decima ves que veo el curso desde 0. Tuve que hacer un curso de fundamentos de la programación por que no me entraba en mi cabeza que era una variable hahah. Pero la verdad Me encanta esto!

Es muy importante colocar todos los símbolos, textos, por ejemplo ; , todo correctamente para no tener errores

Me preocupa este nuevo sistema de video, se traba mucho. Aunque mi ancho de banda no es muy bueno, por lo menos los videos de los otros cursos los puedo ver

Cuando lo termine de hacer me sentí muy bien al lograr algo que pensé muy lejano que podía lograr y comprender. Gracias Fredd.

La energía y la forma de la explicación, hace que quieras seguir viendo los video... gracias @Freddy

Hi

Alert = forma en la que JS escribe un mensaje en pantalla
variable var = declara la existencia de una variable en memoria

Si alguien no entiende puede ver curso de programacion de la gekpedia de ernesto con diagramas de flujo para desarrollo de la logica y entender mejor

atom esta todo en ingles siempre

¿Que pasa si quiero escribir comilas y que se muestre?

var texto1 = "Creo";

var texto2 = "que aprendi ";

var texto3 = "esta clase";

alert(text1+text2+text3);

Apuntes del video...

1.- Abrir Google

2.- Lado derecho Mouse, click en Inspeccionar

3.- Click en Consola


alert("Hola mamá, estoy programando");


Vocabulario...


- alert es una orden

- Las comillas son para delimitar un texto libre" o sea una cadena de texto (String)

- Funciones son colecciones de códigos que hacen algo y van dentro de paréntesis

- Los Parámetros son la información que una función necesita para lograr algo, y van dentro de los paréntesis y con comillas

- Punto y coma ; la gran mayoría de líneas de código terminan en punto y coma, y es para decirle al navegador que hasta ahí termina la instrucción que le dimos

- Los Bloques de código son los que no terminan en punto y coma ; sólo las líneas independientes


var x = 1;


- var es igual a variable (declara la existencia de una variable en memoria)

- Operador es el signo = asigna el valor de la variable

- x variable, = operador, 1 el valor de la variable


- Cuando sumamos un número a un texto ambos se vuelven textos y eso se llama concatenación


alert("El valor de z es " + z);






🖥️ alert nos sirve para mostrar información o resultados de una operación por pantalla. También es usada para mostrar alertas de advertencia.

var coro = "Quedate en "
var navi = "tu casa "
var rus = "ctmd"
alert(coro+navi+rus);

😄 😄

no se si estoy aprendiendo super rapido o no entiendo nada … 😦

Prueben realizar todo lo indicado por Freddy, pero sin usar los 'punto y coma'. Notarán que todo funciona. Algo importante que deben tener en cuenta es que si bien usar o no 'punto y coma' en un inicio les será indiferente, después, cuando ya sean unos devs profesionales, esto les traerá algunos problemitas. Esto debido al uso de minimizadores de código JavaScript. El navegador lee todas las líneas de código línea por línea hasta que encuentra un punto y coma (signo que indica el final de la instrucción), pero al minimizar el código el navegador no encuentra este signo por ningún lado, entonces esto hará que el código no se ejecute y devuelva un error.

Así como alert hay confirm y prompt ejemplo:

  • El método Window.confirm() muestra una ventana de diálogo con un mensaje opcional y dos botones, Aceptar y Cancelar

  • El método Window.prompt() muestra un diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.

Ejemplo de “confirm"
var x = 1;
var y = 2;
var z = x + y;
var resp = confirm(”¿Deseas sumar"+ x +" mas "+ y + “?”);
if (resp == true) {
mensaje = "Resultado " + z;
} else {
mensaje = “Terminado”;
}

Ejemplo de "prompt"
var x = 1;
var y = 2;
var z = x + y;
var resp = prompt("La suma de “+ x +” + “+ y + " es:”);
if (resp == z) {
mensaje = “Correcto”;
} else {
mensaje = “Incorrecto”;
}

Platzi Core, si los colegios fueran así! 

yo creo que esto sera como memorizar claves del gta o age of empires :v, despues se volvera automatico

var a = "Nunca ";
var b = "Pares ";
var c = "De ";
var d ="Aprender";
var z = a + b + c + d
alert(z + " con Platzi");

alert("Buen curso");

APUNTES
Inspector de elementos, console es un lugar donde podemos hacer JS sin necesidad de programar en un archivo.

alert("Hola mama estoy programando);
alert es una Funcion que como su nombre lo indica dispara una alerta en la pantalla con el contenido puesto dentro de los parentecis, ya sea un texto (el cual va entre comilas) o tambien podemos colocar una variable dentro del parentesis y en la alerta mostrara el valor de dicha variable, ej:

alert(variable);

var es la forma de declarar una variable y se logra de la siguiente manera,
-Primeramente escribes var al declarar la variable:
var
-Despues nombramos la variable seguido de un igual:
var x =
-Despues asignamos un valor a la variable (este no es un paso obligatorio, ya que solamente podemos declarar la variable con la finalidad de mas adelante asignarle un valor):
var x = 10;
O en caso de que mas adelante sea asignado el valor:
var x;

IMPORTANTE
Siempre que terminemos una linea de codigo debemos colocar al final un punto y coma ;, esta regla se rompe cuando se usa algo conocido como bloques de codigo pero eso se vera mas adelante.

Siempre que se declare una variable se tiene que escribir un parentesis de inicio y otro de cierre, dentro de los parentesis van los parametros (son la informacion que una funcion necesitapara lograr algo).

Las comillas son utilizadas para delimitar un texto, cuando quieras poner un texto libre tienes que colocar comillas ( a esto se le conoce como string).

Cuando tu le sumas un numero a un texto ambos se vuelven texto

ALERT: es una orden que javascript ya tiene preprogramada.
FUNCIONES: Son colecciones de código que hacen algo.
Cuando las FUNCIONES son invocadas deben estar entre () y dentro de los mismos van a estar los PARÁMETROS.
PARÁMETROS: Son la información que se necesita para lograr algo, en el caso del ALERT su función es lo que uno va a mostrar en dicha alerta la cual va en comillas para delimitar un texto o un STRING.
STRING: Es una cadena de texto la cual es un texto libre la cual tiene que ir entre comillas, de lo contrario el programa entenderá eso como una función o una variable.
VAR: Declara la existencia de una variable en memoria
OPERADOR: Asigna el valor de la variable.

Acá les comparto mis apuntes de esta clase. Espero les sirva 😄 ProgBas1.2.png

Microresumen

  • Alert => es un método de Javascript que dispara un mensaje o notificación, personalizable.
  • Funciones => son colecciones de código que ejecutan algo.
  • Parámetros => Información que una función necesita para ejecutarse.
  • punto y coma => se utiliza al final de cada instrucción, delimita el final de una y el comienzo de otra.
  • var => Manera de declarar una variable.
  • operador (=) => Asigna un valor a una varialble declarada.

PROGRAMAR ES DIFICIL, PERO EXTREMADAMENTE RECOMPENSANTE UNA VEZ QUE LO ENTIENDES!

  

Para mostrar un mensaje en javascript

En el navegador -> click derecho en un lugar vacio ->Inspeccionar

Abre una ventanita y escoge console, este sera el lugar para programar

Para mandar un mensaje en Javascript

Escribeà alert(“ hola mama estoy programando”);

Alert es una instrucción o funcion que dispara un cuadrito en la pantalla, y lo que aparece en el cuadrito es el parametro, que es lo que se escribe dentro del parentesis.

El parametro en este caso es un mensaje de texto libre, para delimitar el texto del codigo se usan comillas y a todo esto se le denomina string

El estring es el segmento de texto libre que se puede unir con numero o variables concatenando.

Concatenar es unir o sumar caracteres y/o variables

Variable se escribe var, var es una palabra clave o reservada quiere decir que es una palabra unica y exclusiva para algo que el sistema ya lo tiene definido y sirve para guardar en memoria 

Entonces a var le pongo un nombre y se escribe al lado izquierdo del = en este caso es var x= el nombre es x y del lado derecho de = el valor que le voy a dar a esa variable

Por eso var x = 1 

Var y= 2

Var z = x +y

El valor de una variable va a ser el resultado de lo que esta al lado derecho del =

Vale añadir que es necesario al final de cada una de las lineas de codigo finalizar con ; exceptuando los bloques

Un bloque es un conjunto de lineas de codigo con una estructura definida

Codigo de linea independiente;

}

este no lleva ; 

Álgebra.. Traumas personales...😵

 Es importante saber diferenciar los tipos de datos al momento de crear nuestras variables, acá les dejo un aporte

; para una linea de codigo y { }, para bloques

Hoy en día el mejor editor de código es VSCode.

Me motiva mucho que desde el primer video del curso estemos escribiendo lineas de código (aunque sean sencillas y la cosa se complique más adelante...) Las explicaciones son perfectas: directas y claras :)

Freddy podías comentar que el tabulador ayuda a completar el comando, etiqueta o como se le llame, de ese modo no tenemos que aprender todos los comandos de memoria, simplemente el tab nos ayuda a recordar y escribir menos.


JavaScript es "Case Sensitive" por lo tanto si no se respetan  mayúsculas y minúsculas en los nombres, el código dará error.

No se que pasa pero se traba mucho el video y la pagina va lento, no es el internet ya lo comprobe, que estara pasando ?

un profesor me dijo una vez “un curso de programación sin el Hola mundo! no es un curso de programación”, claro aquí es mas moderno no saludamos al mundo sino a mamá 😃

alert(“gracias familia platzi”);
var x = 5;
var y = 5;
var z = x + y;
z;
alert("Platzi tiene clasificación de " + z)

var x = “Freddy”;
var y = “Curso de programación básica”;
var z = x + y;
z;
Un curso expléndido

Google (navegador
ATON. IO(editor de texto)
Inspeccionar elemento
*click derecho
*inspeccionar
(enseguida)
Click (Console)

alert (“hola mamá estoy programado”)
=
Var a = “tengo” ;
Var b= “hambre” ;
Var c= alert (a+b) ;
😂

Nunca logre terminar este curso, espero Si poderlo terminar esta vez, ya es mi 3er intento. Creo que era por falta de motivacion y disciplina. Ahora ya encontre mi motivacion y ya se que necesito disciplina. Cuando logre terminar este curso hare lo posible para juntar el dinero faltante para comprar el plan expert.

Me gusta mucho la forma en que hace ver sencillo el proceso de creación.

por que recomiendas Chrome

Firefox quiero mucho a los desarrolladores..

recomiendo Firefox. 

el punto y coma cierra la ejecucion de la linea

primeros pasos con alert.png

Realmente sí me asusté cuando mencionaron “Álgebra” Jajajajaja

Muchos nos asustamos cuando Freedy dijo “Algebra”.

alert("Mamá se me quema el cerebro :c ");

Era muy adepto a Atom hasta que conocí a Visual Studio Code. Te he fallado Atom 💔

un plus que se puede hacer es que los String no siempre es obligario usar las comillas dobles “” también se pueden usar las comillas sencillas ’ '.
Esto sirve para un menos uso de la memoria.

el texto que se coloque en las comillas sencillas Javascript tambien lo va a reconocer como una cadena de texto o String

alert('Hola mundo!');

Todo en programacion tiene que ver con seguir las reglas de un lenguaje y luego crear las instrucciones que quieres para que ocurra el objetivo que deseas.

Funciones o métodos: colecciones de codigo que hacen algo.
parametros: informacion que una funcion necesita para lograr algo.
uso de comillas: esn una cadena de texto “string”. todo lo que coloquemos dentro de comillas es un texto libre .
punto y coma: le dice al navegador oye hasta acá termina la instruccion y a partir de aqui empieza otra.
//
Los programas usualmente utilizan datos para realizar actividades.
Al crear una variable se reserva una ubicación en memoria, o un espacio en memoria, para almacenar valores. Se llama variable porque la información almacenada en esa ubicación puede ser modificada cuando el programa es ejecutado.

**alert **: es una función que internamente JavaScript tiene por defecto, funciona para que los navegadores disparen un mensaje en pantalla.
Todas las funciones contienen un paréntesis de apertura y un paréntesis de cierre
Dentro los paréntesis van los parámetros, que son la información de que debe hacer el código
Las comillas son para delimitar un texto, es un texto libre y recibe el nombre de **string **
El punto y coma es para decir que finaliza la instrucción
variables usa la palabra resrevada var , el = asigna el valor de la variable
Lo que ocuure a la derecha del igual ocurre primero y luego lo metes en la variable
string cadena de texto
Concatenar Sumarle un numero a un texto

¿Alguien que esté suscrito a Platzi Expert me podría confirmar si todos los cursos de las carreras disponibles cuentan con la misma calidad y atención a detalle con la que cuenta este curso gratuito? Estoy pensando en suscribirme para Navidad:)

var html = "HTML: Gestor de contenidos ";
var css = "CSS: Gestor de estilos ";
var js = "JAVASCRIPT: Gestor de interacciones ";
alert ("Una página web esta compuesta de una vitrina a través de un htlm " + html

  • css+ js );

Highlights:

  1. La consola, dentro del inspector de google, nos sirve para probar código.
  2. alert → Es el nombre de una función. Esta particularmente nos permite mostrar un texto en pantalla en forma de alerta.
  3. (Parámetro): → Es lo que queremos que muestre la función.
  4. Cuando usamos comillas, le estamos indicando al navegador que interprete todo lo que esté dentro de ellas como texto, no como una función.
  5. El “+” se usa para concatenar, es decir, unir información de naturaleza diferente.

Yo lo entiendo de esta manera:
En Lenguaje Español la estructura es:
Sujeto + Predicado+ Punto (.)
En Lenguaje de Java Script:la estructura es:
Función + Parámetro + Punto y Coma (😉

Algo para la gente que va empezando:
Se recomienda que ya no usen var, usen en vez:

  • let: Es como var pero con mejoras, permite algo llamado ‘block-scoping’
  • const: Permite definir algo que no va a cambiar, una constante

Referencia: https://hackernoon.com/why-you-shouldnt-use-var-anymore-f109a58b9b70

Hola,
Se puede declarar mas de una variable en la misma linea de código?

Yo estudio Negocios Internacionales en Perú, pero siempre me interesó el mundo de la programación y realmente como lo explican en platzi es demasiado sencillo aprender. Que buen servicio, realmente vale la pena invertir en tu propia educación. Felicidades y gracias por la enseñanza de calidad que brindan.

mi pc es un xp studio- 4 gigas, RAM de hace 10 años, me serviría para programar en java scrip, HTML ,css, y otros?

Siento que estoy aprendiendo un montón, de verdad vale mucho la pena darse la oportunidad de aprender cosas nuevas.

.- abrir el navegador.
.- ir a about:blank
.- abrir ‘inspeccionar’
.- ir a Consola
.- disparar un Alert. “mamá estoy programando”.
.- las funciones son colecciones de codigo que se ejecuta cada vez que se invoca la misma.
.- alert es una funcion.
.- todo lo que se coloca entre comillas “” es una cadena de texto o string, texto libre.
.- Dentro de los paréntesis van los parámetros.
.- El punto y coma indica al navegador que allí termina la instrucción.
.- Bloques de código, entre llaves {}.
.- var declara la existencia de una variable en la memoria.
.- se crean variables. se le asigna valores numericos a las dos primeras.
.- se le asigna una funcion a la tercera.
.- se llama la tecera y hace su operación algebráica con el valor de las dos primeras.
.- luego se llama el valor de la variable tercera mediante un alert. Se usa concatenación.

En JS las funciones tienen paréntesis de apertura y cierre (); dentro de ellos van los parámetros, que es lo que hace que una función logre algo. Las comillas se utilizan para delimitar un texto, el cual se llama String y es el mensaje que va dentro de las comillas; este se define como una cadena de texto o texto libre. El punto y coma ; se utiliza para decir al navegador donde termina la instrucción.

Así o más claro, no todos tienen el don de la enseñanza, pero Fredy lo sobre pasa.

les dejo mi ejercicio de alert :v aun no se como poner espacio entre los resultados de alert

var platzi = "programacion"
undefined
var estudiante = "profesional"
undefined
var resultado = platzi + estudiante
undefined
alert ( "los estudiantes de platzi sin duda aprenderan" + resultado ) ;
undefined

Nota:
Alert: Recibe como parámetro el mensaje que se debe mostrar en la ventana.
Paréntesis(): Debe haber uno de apertura y otro de cierre para que ocurra algo.
Comillas("): También llamados string sirve para delimitar un texto libre, es decir, para que no se confundan como si fuera una función como alert.
Punto y coma(😉: es para terminar el texto

Comandos de teclado para abrir la consola:

.
Para abrir la Consola web (Ctrl+Mayús+I en Windows y Linux o Cmd-Opción-K en Mac), abre el menú Herramientas en Firefox y selecciona “Desarrollador ▶ Consola web”. Para Chrome y Brave lo puedes lanzar con Cmd-Opción-J

Pero, ¿Que significa concatenación?

al utilizer la consola de chrome en realidad que lenguaje estamos escribiendo?

Mas personas como freddy que enseñen asiiii

var x = “excelente”;
alert ("La calidad de la clase es " + x);

Resumen:

  • alert: es una función propia de JS que se utiliza para enviar mensajes emergentes.
    Sintaxis: alert (“mensaje”);
  • var: es una palabra reservada que se utiliza para declarar variables y asignar valores a las mismas.
    Sintaxis: var nombre_variable = valor;
  • toda linea de código en JS finaliza con un punto y coma (😉
  • dentro de un alert podemos concatenar el mensaje con una variable con el signo +.
    Sintaxis: alert (“mensaje” + nombre_variable);

Que Fino!! Emoción activa!!

Retomando las variables, lo de alert es práctico.

como puedo borrar una linea sin borrar todo? … suelo equivocarme varias veces :c

Que privilegio a los que comienzan aprender de esta manera! Excelente maestro.

Es un lujazo recibir estás clases sólo con una cuenta gratuita en platzi, muchas gracias a los que están detrás de todo esto!

x,y,z mis peores enemigos en la facultad

Las clases con freddy son excelentes

Yo aqui con 16 años preparandome para mi carrera 😃

_alert (“un mensaje”); _

alert es una función.

Para que ocurra debo escribir ( )

" " es un string, si no las escribo JavaScript pensará que es una función o variable.

Concatenación es la suma de un texto con una variable.

alguien aparte de mi disfruto jugar con el navegador dando tantas “alert”

Alert(“Freddy enseña muy bien”);

En classes.png
En classes alert.png

Me encanta Freddy, todo lo hace más fácil! Gracias!

El uso de las comillas para especificar que se trata de un texto y no un valor también es algo básico de Excel, todo lo que no sea un número y se quiera usar dentro de una función o formula debe estár encerrado entre comillas, de lo contrario Excel no lo entenderá. Pasa lo mismo con javascript, ahora entiendo las cosas mucho mejor 😄

Sintaxis de una funcion:
<funcion>(<parametros>);

  • funcion: pieza de codigo que genera un resultado
  • (): siempre hay que invocarlos para que la funcion ocurra
  • <parametros>: informacion que necesita la funcion
  • ; indica el fin de la instruccion

este curso es genial si todas las escuelas enseñaran así sin tanto rollo y saturacion de información las personas aprenderían muy rápido y con alegría 😄 acabando este curso a pagar todo el año para seguir estudiando

var x=“al”;
var y=“ert”;
var z=x+y;
z;

XD

Ahora si entendí la asignación de variables jsjs

alert(" muchas gracias por la explicación");

Revisa esto para que aprendas más sobre JS: http://tutorialesprogramacionya.com/javascriptya/

Cuando tu declaras una variable sin poner el var delante, estas declarando esa variablede manera global a todo el documento *.js en cambio si pones var variable la estas declarando local al metodo que vas a utilizar.

Soy totalmente nuevo en el tema de programación pero esta primeras clases me han parecido excelentes cada vez me motivo a aprender más!

con razón nunca entendí programación,nunca tuve quien explicara con tanta claridad.ESTUPENDO.
GRACIAS

Totalmente claro.
Alert (“Hola Mundo”);
// Con Alert insertamos un mensaje
Var x = 1;
Var y = 2;
Var z = x + y;
// Con var insertamos variable
z;
3;
// Un texto entre comillas es un texto libre
Alert ("El valor de z es " + z);
/Cuando sumas un número a un texto, ambos pasan a ser texto esto pasa a llamarse concatenación/

Tengo una pregunta por que en la
document.addEventListener(“keydown”, dibujarTeclado)
function dibujarTeclado(evento)
{
Console.log(evento);
}
Por que si le cambiamos el nombre a evento ? En la consola me aparece todo los componentes de la tecla que yo haiga oprimido por que si le cambio el nombre me sigue apareciendo los componentes que integran esa tecla o los atributos …???
Ademas otra pregunta en ese codigo fucntion es una variable y dibujarTeclado es unavaruable que le estamos pasando el parametro evento y tiene un codigo adentro o ya me confundia alguien que me aclare porfavor…
yo se que esta duda es de la otra clase pero por alguna razon no me deja publicarla alla gracia

Abrimos el navegador (chrome)

Click derecho / Inspeccionar

Console


--


Ctrl + +

cmd + +

Para ampliar el tamaño de la letra.


--


alert("ola k ase?")


--


var x = 1;

var y = 2;

var z = x + y;


--


"Todo en la programación tiene que ver con seguir las reglas de un lenguaje y luego crear las instrucciones que quieres para que ocurra el objetivo que deseas"


--


alert       -->  función que dispara una ventanita emergente.

Elementos de una función.

    Paréntesis ( ) (uno de apertura y uno de cierre)

    Parámetros (van dentro de los paréntesis)

    Comillas (string, cadena de texto)

    Punto y coma (finaliza cada instrucción) Es una buena práctica ponerlo.


--


Concatenar (+) es unir dos o más cadenas.



    

es un poco complicado pero con practica se puede aprender a programar

Esta genial, gracias!

soy estudiante de ing de software ,me a gustado mucho el curso ya que explica muy bien a detalle que es cada cosa y como funciona ,ya yo he programado paginas web solo venia a ver que tal era platzi y me ha gustado bastante voy a recomendarlo amigos que quieran aprender a programar

Freddy que forma de explicar y enseñar tan brutal, envías esa energía de motivación y ganas de seguir con toda.

Es la decima ves que veo el curso desde 0. Tuve que hacer un curso de fundamentos de la programación por que no me entraba en mi cabeza que era una variable hahah. Pero la verdad Me encanta esto!

Es muy importante colocar todos los símbolos, textos, por ejemplo ; , todo correctamente para no tener errores

Me preocupa este nuevo sistema de video, se traba mucho. Aunque mi ancho de banda no es muy bueno, por lo menos los videos de los otros cursos los puedo ver

Cuando lo termine de hacer me sentí muy bien al lograr algo que pensé muy lejano que podía lograr y comprender. Gracias Fredd.

La energía y la forma de la explicación, hace que quieras seguir viendo los video... gracias @Freddy

Hi

Alert = forma en la que JS escribe un mensaje en pantalla
variable var = declara la existencia de una variable en memoria

Si alguien no entiende puede ver curso de programacion de la gekpedia de ernesto con diagramas de flujo para desarrollo de la logica y entender mejor

atom esta todo en ingles siempre

¿Que pasa si quiero escribir comilas y que se muestre?