Desarrollar Web desde principiante a Profesional remunerado, Volumen 3: Desarrollar Web desde principiante a Profesional remunerado, #3

Por Bolakale Aremu

Desarrollar Web desde principiante a Profesional remunerado

Volumen 3

Aprende algoritmos de JavaScript y estructuras de datos paso por paso. Ejemplos, ejercicios de práctica y proyectos incluidos

Este libro es el volumen 3 de Desarrollar Web desde principiante a profesional remunerado. En este volumen algoritmos de JavaScript y estructuras de datos. Mientras HTML y CSS controlan el contenido y estilo de una página, JavaScript se utiliza para hacerla interactiva. En este volumen, aprenderás los fundamentos de JavaScript, incluyendo variables, matrices, ciclos y funciones.

Una vez que conozcas los fundamentos, aplicarás ese conocimiento para crear algoritmos para manipular cadenas, factorizar números, y aún calcular la órbita de la Estación Espacial Internacional.

A lo largo del camino, también aprenderás dos estilos importantes de programación o paradigmas: Programación Orientada a Objetos y Programación Funcional.

• Idioma: Español
• Editorial: AB Publisher LLC
• Fecha de lanzamiento: 13 nov 2024
• ISBN: 9781667480954

Vista previa del libro

Desarrollar Web desde principiante a Profesional remunerado, Volumen 3

Bolakale Aremu

––––––––

Traducido por Rafael Ayala 

Desarrollar Web desde principiante a Profesional remunerado, Volumen 3

Escrito por Bolakale Aremu

Copyright © 2024 Bolakale Aremu

Todos los derechos reservados

Distribuido por Babelcube, Inc.

www.babelcube.com

Traducido por Rafael Ayala

Diseño de portada © 2024 AB Publisher LLC

Babelcube Books y Babelcube son marcas registradas de Babelcube Inc.

Desarrollar Web

desde principiante a

Profesional remunerado

Volumen 3

Aprende algoritmos de JavaScript y estructuras de datos paso por paso.

Ejemplos, ejercicios de práctica y proyectos incluidos

Por

Bolakale Aremu

Desarrollar Web desde principiante a profesional remunerado

Volumen 3

Aprende algoritmos de JavaScript y estructuras de datos paso por paso.

Ejemplos, ejercicios de práctica y proyectos incluidos.

Derechos reservados © AB Publisher LLC

Todos los derechos reservados

Publicado en los Estados Unidos de América

Límite de responsabilidad/ Exención de garantía

Este libro contiene información obtenida de fuentes auténticas y altamente reconocidas. Se han efectuado esfuerzos razonables para publicar información y datos confiables, pero el autor y el editor no pueden asumir responsabilidad de la validez de todos los materiales o las consecuencias de su uso. Toda la información dada en este libro se basa en la investigación del propio autor y no constituye un consejo técnico, financiero o profesional. El autor y el editor han intentado localizar a los titulares de los derechos de autor de todo el material reproducido en esta publicación, y piden disculpas a los titulares de los derechos de autor si no se ha obtenido el permiso para publicarlo de esta forma. Si algún material protegido por derechos de autor no ha sido reconocido, por favor escríbanos y háganoslo saber para que podamos rectificarlo en futuras reimpresiones. Con excepción de las permitidas de acuerdo a la ley de derechos reservados de Estados Unidos de América, ninguna parte del libro puede ser reimpresa, reproducida, transmitida o utilizada de cualquier forma electrónica, mecánica, o por cualquier otro medio conocido o inventado en el futuro, incluidos el fotocopiado, la microfilmación y la grabación, o en cualquier sistema de almacenamiento o recuperación de información, sin la autorización escrita del editor.

Í N D I C E

Como aprender bien HTML5, CSS y JavaScript

1. JavaScript básico

1.0. Comenzando

1.1. Fundamentos de JavaScript

1.2. Documenta tu código de JavaScript

1.3. Declarar variables de JavaScript

1.4. Almacenar valores con el operador de asignación

1.5. Assignar el valor de una variable a otra

1.6. Inicializar variables con el operador de asignación

1.7. Declarar variables de cadena

1.8. Entender variables no inicialzadas

1.9. Explorar la diferencia entre palabras clave var y let

1.10. Declarar variable de solo lectura con la palabre clave const

1.11. Suma de dos números con JavaScript

1.12. Resta de un número de otro con JavaScript

1.13. Multiplicar dos números con JavaScript

1.14. Dividir un número entre otro con JavaScript

1.15. Incrementar un número con JavaScript

1.16. Decrementar un número con JavaScript

1.17. Crear números decimanles con JavaScript

1.18. Multiplicar dos números decimales con JavaScript

1.19. Dividir un decimal entre otro con JavaScript

1.20. Incrementar un número con JavaScript

1.21. Decrementar un número con JavaScript

1.22. Crear números decimales con Script

1.23. Multiplicar dos números decimales con JavaScript

1.24. Dividir un decimal entre otro con JavaScript

1.25. Encontrar un residuo con JavaScript

1.26. Asignar contenidos con Augmented Addition

1.27. Asignar contenidos con Augmented Subtraction

1.28. Asignar contenidos con Augmented Multiplication

1.29. Asignación compuesta con división aumentada

1.30. Evitar comillas textuales en las cadenas

1.31.  Entrecomillar cadenas con comillas simples

1.32. Evitar secuencias en las cadenas

1.33. Concatenar cadenas con el operador Plus

1.34. Concatenar cadenas con el operador Plus Equals

1.35. Construir cadenas con variables

1.36. Agregar variables a cadenas

1.37. Encontrar la longitud de una cadena

1.38. Utilizar notación de  paréntesis para encontrar el primer caracter de una cadena

1.39. Entender la inmutabilidad de una cadena

1.40. Utilizar notación de paréntesis para encontrar el enésimo caracter en una cadena

1.41. Utilizar notación de paréntesis para encontrar el último caracter de una cadena

1.42. Utilizar notación de paréntesis para encontrear el enésimo al último caracter de una cadena

1.43. Espacios en palabras

1.44. Almacenar valores múltiples en una variable utilizando matrices de JavaScript

1.45. Anidarr una matriz dentro de otra matriz

1.46. Accesar matrices de datos con índices

1.47. Modificar matrices de datos con índices

1.48. Accesar matrices multidimensionales con índices

1.49. Manipular matrices con el método de inserción

1.50. Manipular matrices con el método pop

1.51. Manipular matrices con el método de transferencia

1.52. Manipular matrices con el método de desplazamiento

1.53. Lista de compras

1.54. Escribir JavaScript reutilizable con Funciones

1.55. Pasar valores a funciones con argumentos

1.56. Devolver un valor desde una función con Return

1.57. Alcance global y funciones

1.58. Alcance local y funciones

1.59. Alcance Global vs Local en funciones

1.60. Entender un valor indefinido devuelto por una función

1.61. Asignación con un valor devuelto

1.62. Permanecer en línea

1.63. Entender los valores boleanos

1.64. Utilizar lógica condicional con la instrucción If

1.65. Comparar con el operador de igualdad

1.66. Compararación estricta con el operador de igualdad

1.67. Practicar la comparación de distintos valores

1.68. Comparar con el operador de desigualdad

1.69. Compararación con el operador de desigualdad estricta

1.70. Comparación con el operador de Greater Than

1.71. Comparación con los operadores de Greater Than o Equal To

1.72. Comparación con el operador Less Than

1.73. Comparación con los operadores Less Than o Equal To

1.74. Comparaciones con el operador lógico And

1.75. Comparaciones con el operador lógico Or

1.76. Introducción de las instrucciones Else

1.77. Introducción de la instrucción Else If

1.78. Orden lógico en las instrucciones If Else

1.79. Encadenar las instrucciones If Else

1.80. Código Golf

1.81. Seleccionar de muchas opciones con las instrucciones Switch

1.82. Agregar opciones default con las instrucciones en Switch

1.83. Opciones múltiples idénticas en las instrucciones Switch

1.84. Reemplazar cadenas de If Else con Switch

1.85. Devolución de valores booleanos desde funciones

1.86. Patrón de retorno anticipado para funciones

1.87. Tarjetas de recuento

1.88. Construir objetos de JavaScript

1.89. Accesar propiedades de objetos con notación Dot

1.90. Accesar propiedades de objetos con la notación de corchetes

1.91. Accesar propiedades de objetos con variables

1.92. Actualizar propiedades de objetos

1.93. Agregar propiedades nuevas a un objeto de JavaScript

1.94. Borrar propiedades de un objeto de JavaScript

1.95. Utilizar objetos para búsquedas

1.96. Probar objetos para propiedades

1.97. Manipular objetos complejos

1.98. Accesar objetos anidados

1.99. Accesar matrices anidadas

1.100. Colección de registros

1.101. Iterar con ciclos While de JavaScript

1.102. Iterar con ciclos For de JavaScript

1.103. Iterar números impares con un ciclo For

1.104. Contar hacia atrás con un ciclo For

1.105. Iterar a través de una matriz con un cliclo For

1.106. Anidar ciclos For

1.107. Iterar con ciclos JavaScript Do...While

1.108. Reemplazar ciclos utilizando Recursión

1.109. Búsqueda de perfil

1.110. Generar fracciones aleatorias con JavaScript

1.111. Generar  números enteros aleatorios con JavaScript

1.112. Generar números enteros aleatorios con un rango

1.113. Utilzar la función parseInt

1.114. Utilizar la función parseInt con el radical

1.115. Utilizar el operador condicional (Ternary)

1.116. Utilizar múltiples operadores condicionales (Ternary)

1.117. Utilizar recursión para crear una cuenta regresiva

1.118. Utilizar recursión para crearun rango de números

2. ECMAScript 6

2.1. Comparar los alcances de las palabras clave var y let

2.2. Mutar una matriz declarada con const

2.3. Prevenir mutación de objeto

2.4. Utilizar funciones de matriz par escribir funciones anónimas concisas

2.5. Escribir funciones matriciales con parámetros

2.6. Establecer parámetros por default para tus funciones

2.7. Utilizar el parámetro Rest con parámetros de funciones

2.8. Utilizar el operador Spread para evaluar matrices en sitio

2.9. Utilizar la asignación de desestructurar para extraer valores de los objetos

2.10. Utilizar la asignación de desestructurar para asignar valores desde objetos

2.11. Utilizar la asignación de desestructurar para asignar variables desde objetos anidados

2.12. Utilizar la asignación de desestructurar para asignar variables desde matrices

2.13. Desestructurar por medio de elementos rest

2.14. Utilizar la asignación de desestructurar para para pasar un objeto como parámetros de función

2.15. Crear cadenas utilizando literales de plantilla

2.16. Escribir instrucciones literales de objeto concisas utilizando la abreviatura de propiedad de objeto

2.17. Escribir funciones declarativas concisas con ES6

2.18. Utilizar sintaxis de clase para definir un contructor de función

2.19. Utilizar getters y setters para controlar el acceso a un objeto

2.20. Crear un módulo Script

2.21. Utilizar export para compartir un código de bloque

2.22. Reutilzar código de  JavaScript usando import

2.23. Utilizar * para importar todo desde un archivo

2.24. Crear una exportación por reserva con un default de export

2.25. Importar un Export por default

2.26. Crear una promesa de JavaScript

2.27. Completar una promesa con resolve y reject

2.28. Manejar una promesa cumplida con then

2.29. Manejar una promesa rechazada con catch

3. Expresiones regulares

3.1. Utilizar el método Test

3.2. Coincidencia de cadenas literales

3.3. Coincidir una cadena literal con difirentes posibilidades

3.4. Ignorar mayúsculas mientras coincidan

3.5. Extraer coincidencias

3.6. Encuentra más que la primera coincidencia

3.7. Coincidir cualquier cosa con el punto comodín

3.8. Hacer coincidir un solo carácter con múltiples posibilidades

3.9. Coincidir letras del alfabeto

3.10. Coincidir números y letras del alfabeto

3.11. Coincidencia de caracteres individuales no especificados

3.12. Coincidencia de caracteres que ocurren una o más veces

3.13. Coincidencia de caracteres que ocurren cero o más veces

3.14. Encotrar caracteres con una coincidencia vaga

3.15. Encontrar uno o más criminales en una cacería

3.16. Coincidencia de patrones de cadenas iniciales

3.17. Coincidencia de patrones de cadenas finales

3.18. Coincidencia de todas las letras y números

3.19. Coincidencia de todo menos letras y números

3.20. Coincidencia de todos los números

3.21. Coincidencia de todos los que no son números

3.22. Restringir posibles nombres de usuario

3.23. Concidir espacios en blanco

3.24. Coincidencia de caracteres sin espacios en blanco

3.25. Especificar el número máximo y mínimo de coincidencias

3.26. Especificar sólo el número inferior de coincidencias

3.27. Especificar el número exacto de coincidencias

3.28. Marcar todos o ninguno

3.29.Previsión positiva o negativa

3.30. Comprobar la agrupación mixta de caracteres

3.31. Reutilizar patrones mediante grupos de captura

3.32. Utilizar grupos de captura para buscar y reemplazar

3.33. Remover espacios en blanco del principio y el final

4. Depurar

4.1. Utilizar la consola de JavaScript para verificar el valor de una variable

4.2. Utilizar typeof para verificar el tipo de una variable

4.3. Detección de nombres de variables y funciones mal escritos

4.4. Detectar peréntesis, corchetes, llaves y comillas abiertos

4.5. Detectar el uso de comillas dobles y simples

4.6. Detectar el usto de operador asignado en lugar el operador de igualdad

4.7. Detectar paréntesis abiertos y cerrados después de una función Call

4.8. Detectar argumentos que se pasan el orden incorrecto cuando se llama a una función

4.9. Detección de errores al utilizar la indexación

4.10. Ten cuidado al reinicializar variables dentro de un ciclo

4.11. Prevenir ciclos infinitos con una condición terminal válida

5. Estructuras de datos básicas

5.1. Utilizar una matriz para almacenar una colección de datos

5.2. Accesar los contenidos de una matriz utilizado notación de corchetes

5.3. Agregar elementos a una matriz con push() y unshift()

5.4. Remover elementos de una matriz con pop() y shift()

5.5. Remove elemenots utiliznado splice()

5.6. Agregar elementos utilizando splice()

5.7. Copiar elementos de una matriz utilizando slice()

5.8. Copiar una matriz con el operador Spread

5.9. Combinar matrices con el operador Spread

5.10. Verificar la presencia de un elemento con indexOf()

5.11. Iterar a través de todos los elementos de una matriz utilizando For Loops

5.12. Crear matrices complejas multi-dimensionales

5.13. Agregar pares de valores clave a objetos JavaScript

5.14. Modificar un objeto anidado dentro de un objeto

5.15. Accesar propiedades de nombres con la notación de corchetes

5.16. Utilizar las palabra clave de delete para remover propiedades del objeto

5.17. Verificar si un objeto tiene una propiedad

5.18. Iterar a través de las claves de un objeto con el postuladdo for...in

5.19. Generar una matriz de todas las claves de objeto con Object.keys()

5.20. Modificar una matriz almacenada en un objeto

6. Programación básica de algoritmos

6.1. Convertir Celsius a Fahrenheit

6.2. Invertir una cadena

6.3. Factorizar un número

6.4. Encontrar la palabra más larga en una cadena

6.5. Obtener los números más grandes de las matrices

6.6. Confirmar el final

6.7. Repetir una cadena

6.8. Truncar una cadena

6.9. El que la encuentra la conserva

6.10. ¿Buuu quén?

6.11. Expediente del título una frase

6.12. Cortar y empalmar

6.13. Enlace saltarín

6.14. ¿A dónde pertenezco?

6.15. Mutaciones

6.16. Mono grosero

7. Programación orientada a objetos

7.1. Crear unobjeto básico de JavaScript

7.2. Utilizar notación Dot para accesar las propiedades de un objeto

7.3. Crear un método en un objeto

7.4. Hacer un código más reutilizable con esta palabra clave

7.5. Definir una función Constructor

7.6. Utilizar un Constructor para crear objetos

7.7. Constructores extendidos para recibir argumentos

7.8. Verifucar un constructor de objetos con instanceof

7.9. Comprender las propieades en sí

7.10. Utilizar las proiedades de un prototipo para reducir código duplicado

7.11. Iterar a través de todas las propiedades

7.12. Entender el Constructor Property

7.13. Cambiar el prototipo a un objeto nuevo

7.14. Recuerda establecer la propiedad del constructor cuando cambie el prototipo

7.15. Entender de donde viene un prototipo de objeto

7.16.  Comprender la cadena de prototipos

7.17. Utilizar la herencia para que no te repitas a ti mismo

7.18. Heredar comportamiento de un superhombre

7.19. Establecer el prototipo del hijo en una instancia del padre

7.20. Restablecer una propiedad heredada del constructor

7.21. Agregar métodos después de la herencia

7.22. Sobreescribe métodos hereditarios

7.23. Utilizar un Mixin para agregar comportamiento común entre objetos no relacionados

7.24. Utilizar Closure para proteger propiedades dentro de un objeto para ser modificado externamente

7.25. Comprender la expresión de función inmediatamente invocada (EFII – IIFE en inglés)

7.26. Utilizar una EFII para crear un módulo

8. Programar funcionalmente

8.1. Aprender acerca de programar funcionalmente

8.2. Comprender la terminología de programar funcionalmente

8.3. Comprender los peligros de utilizar código imperativo

8.4. Evitar mutaciones y efectos laterales usando programación funcional

8.5.  Transferir argumentos para evitar la dependencia externa en una función

8.6. Refactorización de variables globales fuera de las funciones

8.7. Utilizar el método map para extraer datos de una matriz

8.8. Implementar map en un protoripo

8.9. Utilizar el método de filtrar para extraer datos de una matriz

8.10. Implementar el método de filtrar en un prototipo

8.11. Devolver parte de una matriz con el método slice

8.12. Remover elementos de una matriz utilizando slice en lugar de splice

8.13. Combinar dos matrices utilizando el método concat

8.14. Agregar elementos al final de una matriz utilizando concat en lugar de push

8.15. Utiliza el método reduce par analizar datos

8.16. Utilizar Higher-Order Functions map, filter, o reduce para resolver problemas complejos

8.17. Clasificar una matriz alfabéticamene utilizando el método sort

8.18. Devolver una matriz clasificada sin cambiar la matriz original

8.19. Dividir una cadena en una matriz utilizando el método split

8.20. Combinar una matriz dentro de una cadena utilizando el método join

8.21. Aplicar programación funcional para convertir cadenas a enlaces URL

8.22. Utilizar cada método para verificar que cada elemento en una matriz cumpla un criterio

8.23. Utilizar algún método para verificar que cualesquiera elementos en una matriz cumplan un criterio

8.24. Introducción al curtido y aplicación parcial

9. Escritura de algoritmos intermedios

9.1. Sumar todos los números en un rango

9.2. Diferenciar dos matrices

9.3. Buscar y destruir

9.4. ¿Porqué estás?

9.5 El Caso de la tapa del grifo

9.6. Latín porcino

9.7. Buscar y reemplazar

9.8. Emparejar DNA

9.9. Letras faltantes

9.10. Unión clasificada

9.11. Convertir entidades HTML

9.12. Sumar todos los números impares de Fibonacci

9.13. Sumar todos los Primos

9.14. El mútiplo común mas pequeño

9.15. Gotéalo

9.16. Carrusel

9.17. Agentes binarios

9.18. Todo debe ser verdadero

9.19. Argumentos Opcionales

9.20. Crear una persona

9.21. Mapear los escombros

10. Proyectos JavaScript

10.1 Verificador de palíndromo

10.2. Convertidor de números romanos

10.3. Cifrado de César

10.4. Validador de números telefónicos

10.5. Caja registradora

10.6. Preparar una entrevista de codificación

10.7. Cómo obtener ayuda en lo futuro

––––––––

Como aprender bien HTML5, CSS y JavaScript

Sé que hay recursos en línea más que suficientes para enseñar a los principiantes absolutamente todo lo que necesitan para aprender desarrollo web desde cero. Pero este libro es diferente porque aborda algunos problemas de desarrollo web. La credibilidad de un desarrollador web es mucho más que sus credenciales. En realidad, se trata de la fuerza de su portafolio.

Las oportunidades de empleo con frecuencia proceden de muestras de trabajo y habilidades concretas, más que de un título universitario. Así que hay que aprender lo suficiente. Por lo tanto, necesitas aprender bien. Este libro no sólo te ayudará a aprender bien y a construir una cartera impresionante, sino que también te proporcionará ayuda y apoyo continuo.

Con este libro y mi equipo de soporte y ayuda 24/7, no hay nada por lo que temas. He ayudado a muchos desarrolladores web a actualizar sus habilidades de desarrollo, lanzar carreras de éxito y ser contratado para trabajos a distancia. Observo que aún los más ambiciosos principiantes pueden caer en problemas, de manera que no pueden decidir donde comenzar. A veces se encuentran completamente perdidos en el camino y necesitan más ayuda.

La verdad es todos requieren ayuda en algún punto u otro para aprender html5, CSS o JavaScript correctamente en su trayecto de desarrolladores web. Coloqué suficientes retos de código, consejos y soluciones en los volúmenes 1, 2 y 3 de las series. En este volumen, obtendrás práctica en proyectos en este libro para probar tus habilidades.  También obtendrás más ayuda si utilizas el enlace de asistencia gratuito que aparece al final de este libro. Te ayudaré a aprender bien.

Finalmente, si compras este libro, te agregaré a mi comunidad de desarrollo web, de manera que puedas continuar aprendiendo y obtener más ayuda hasta que te conviertas en un profesional bien pagado.

Bolakale Aremu

CEO, AB Publisher LLC

Desarrollador web e ingeniero de software

ABPublisher.com

1. JavaScript básico

1.0. Comenzando

Este libro es el volumen 3 de Desarrollador web desde principiante a profesional remunerado - Web Development from Beginner to Paid Professional. En este volumen, aprenderás algoritmos de JavaScript y estructuras de datos. Mientras que HTML y CSS controlan el contenido y el estilo de una página, JavaScript se utiliza para hacerla interactiva. En este volumen aprenderás los fundamentos de JavaScript, incluyendo variables, matrices, objetos, ciclos y funciones.

Una vez que tengas claros todos los fundamentos, aplicarás esos conocimientos creando algoritmos para manipular cadenas, factorizar números e incluso calcular la órbita de la Estación Espacial Internacional.

A lo largo del camino también aprenderás dos estilos de programación importantes o paradigmas: Programación Orientada a Objetos (POO) y Programación Funcional (PF).

El aspecto importante acera de desarrollo web es que es muy apropiado para muchas personas provenientes de diferentes ámbitos. Por lo que no importa si tienes poca experiencia o no tienes, o si no tienes experiencia técnica previa y estás buscando transitar tu conjunto de conocimiento al desarrollo web.

Para las lecciones en las secciones subsecuentes, requerirás crear algunos archivos y abrirlos en Visual Studio. Como instalar y utilizar Visual Studio se explicó en el Libro 1 de las series. Si todavía no las tienes, es altamente recomendable que bajes e instales el editor de Visual Estudio (https://code.visualstudio.com/download) y el explorador de Google Chrome  (https://www.google.com/chrome/) ahora mismo y comiences. Ellos son fáciles de instalar, y tienen muchas herramientas de desarrollador preinstaladas.

Hay muchos videos en Youtube de como instalar las últimas versiones de Visual Studio (www.youtube.com/watch?v=m9mIwKeTJhk) y el explorador de (www.youtube.com/watch?v=ThQAkabE0J8).

De manera alternativa, con el editor en línea W3schools de JavaScript (www.w3schools.com/js/tryit.asp?filename=tryjs_editor), puedes editar HTML, CSS y código de