eamexicano

Conceptos de programación

Categories:

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.

Concepto Sirven para Sintaxis / Ejemplo
Comentarios Escribir 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 datos en 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)
Variables Almacenar 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']
Ramificaciones Ejecutar 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!')
}
Ciclos Repetir 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?');
}
Funciones Agrupar bloques de código. 
// Sintaxis

function mi_funcion() {
// código
}


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

saludar('javascript')
Objetos Aplicar 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.