Conceptos de programación

JavaScript es un buen lenguaje para comenzar a programar. Una de las razones principales es que los requerimientos son mínimos – un navegador web y un editor de texto son suficientes para comenzar. Además, no se necesita ninguna configuración especial en el equipo.

Algunos conceptos de programación aplicados en JavaScript: comentarios, tipos de datos, variables, ramificaciones, ciclos, funciones y objetos.

ConceptoSirven paraSintaxis / Ejemplo
ComentariosEscribir texto que no va a ser interpretado por JavaScript.
Útil para describir la funcionalidad del código (documentación).
// Sintaxis

// Comentario de una línea

/*
Comentario que puede
abarcar más de una línea
*/
Tipos de datosen JavaScript se pueden utilizar los siguientes tipos de datos:
números (no hace distinción entre enteros y decimales), letras (cadenas de texto), boolean (valores de verdad), nulo (null), valor no definido (undefined).
var numero 
var letra
var valor_de_verdad
var nulo
var valor_no_definido

numero = 5.4
letra = "Cadena de texto en javascript"
valor_de_verdad = true
nulo = null

console.log(numero)
console.log(letra)
console.log(valor_de_verdad)
console.log(nulo)
console.log(valor_no_definido)
VariablesAlmacenar valores temporales.
Si la variable almacena más de un valor al mismo tiempo se le conoce como arreglo (array).
Los valores dentro del arreglo pueden ser de distintos tipos.
//  Sintaxis
  
var curso
curso = "javascript"

var arreglo
arreglo = []
arreglo[0] = "valor1"
  
//  Ejemplo
  
var dia
dia = 'martes'

var semana
semana = ['lunes', 'martes', 'miercoles', 'jueves', 'viernes', 'sábado', 'domingo']
RamificacionesEjecutar bloques de código con base en el cumplimiento de una condición o del valor (de verdad) que tenga una variable o expresión.
// Sintaxis

if (condición) {
} else {
}

switch (variable) {
  case 'uno':
  break
  case 'dos':
  break
  default:
}

// Ejemplo

if (dia == 'viernes') {
console.log('hay clase')
} else {
/* no hay clase de js */
}
switch (dia) {
case 'sábado':
alert('sábado')
break
case 'domingo':
alert('domingo')
break
default:
alert('¡Entre de semana!')
}
CiclosRepetir bloques de código con base en el cumplimiento de una condición
// Sintaxis

for(inicio; condición p/continuar; incremento) {
}

while (condición) {
}


// Ejemplo

var arreglo
arreglo = ["L", "M", "X", "J", "V"]

for(i = 0; i < arreglo.length; i++) {
console.log(arreglo[i]);
}

while (continuar) {
// código
continuar = prompt('¿Quieres continuar?');
}
FuncionesAgrupar bloques de código.
// Sintaxis

function mi_funcion() {
// código
}


// Ejemplo
function saludar(nombre) {
alert('Hola ' + nombre)
}

saludar('javascript')
ObjetosAplicar los conceptos de programación orientada a objetos (definir clases, métodos y atributos).Además de esto se pueden definir prototipos o extender la funcionalidad de los tipos de datos básicos (números, cadenas de texto, arreglos).
// Sintaxis

var Clase = function() {
  this.atributo 
  this.funcion = funcion
  
  function funcion() {
  }
}


// Ejemplo

var Persona = function(nombre) {
            this.nombre = nombre
            this.saluda = saluda
            
            function saluda () {
              return "Mi nombre es: " + this.nombre
            }
          } 
          
var persona = new Persona("eamexicano")
persona.saluda()

Si no has trabajado con JavaScript antes – no sabes cómo incluirlo en un documento html aquí.

O visita esta publicación para tener una referencia de como utilizar la consola de las herramientas de desarrollo y tener una referencia de las ventanas emergentes.