https://github.com/eugenia1984/codoacodo-fs-java

I ' m studying Full Stack (Java) with Codo a Codo
https://github.com/eugenia1984/codoacodo-fs-java

Last synced: about 2 months ago
JSON representation

I ' m studying Full Stack (Java) with Codo a Codo

• Host: GitHub
• URL: https://github.com/eugenia1984/codoacodo-fs-java
• Owner: eugenia1984
• Created: 2021-05-17T03:46:46.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-06-10T11:59:22.000Z (7 months ago)
• Last Synced: 2024-06-10T13:11:59.763Z (7 months ago)
• Language: HTML
• Homepage: https://eugenia1984.github.io/CodoACodo-FS-Java/
• Size: 2.79 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Codo a Codo - Full Stack Java

## Lo que hice 🚀

Agrupo por carpetas los temas que se ven en el curso **Full Stack Java** en **Codo a Coco**

---

## Contenido 🚀

* **Front End Teoría**

- En la carpeta [`front-end`](https://github.com/eugenia1984/CodoACodo-FS-Java/tree/main/front-end) está toda la parte teórica de la parte de Front End

 

- **HTML-practica**

  * **ejercicio 1: receta cocina:** en este archivo verá una página de inicio simple con una receta de cocina, yo usé: 


  -los diferentes encabezados (h1, h2, h3) 


  -Lista de ordenados y no ordenados para enumerar el artículo que necesita cocinar, la información nutricional y los pasos para cocinar. 


  -una imagen. 


  -etiquetas semánticas de HTML5. 


  -agregar estilo con css. 


  * **ejercicio 2: tabla:** hice una tabla con otra receta y usé: 


  -los diferentes encabezados (h1, h2, h3) 


  -tabla 


  -imagen para agregar un video. 


  -una imagen. 


  -etiquetas semánticas de HTML5. 


  -agregar estilo con css. 


  * **ejercicio 3: formulario login**: con un formulario como ejemplo debo recrear el mismo con código. 


  -todas las etiquetas crean un formulario de registro con: formulario, etiqueta, entrada. 


  -etiquetas semánticas de HTML5. 


  -agregar estilo con css. 


  

  * **ejercicio 4: formulario inmobiliaria**: Página de inicio, con título, formulario para completar datos de contacto (info. personal, info. de la propiedad e info. de contacto) y pie de página. 


  -todas las etiquetas crean un formulario de registro con: formulario, etiqueta, entrada. 


  -etiquetas semánticas de HTML5. 


  -agregar estilo con css. 


- **CSS-practica**

  * **ejercicio 1: copiar imagen**: aplicando css copie una imagen dada y utlicé.


  -etiquetas semánticas: header, mian, section, footer, nav 


  -agregué in favicon con el logo de codo a codo 


  -utilicé flexbox para organizar el contenido.

  

  * **ejercicio 2: HTML y CSS - Copiar** : Copiar unas imagenes de cajas para practicar box model junto a los selectores de CSS3.

  

  * **ejercicio 3: HTML y CSS - Maquetar** : Integrador. Maquetar lo más similar posible a la imagen dada, una landing page de inmobiliaria. 

- **Bootstrap - práctica**

  * **ejercicio 1: Copiar** : Copiar una imagen dada utilizando los componentes de Bootstrap de tarjetas y formularios de log in.

- **JavaScript - práctica**

  *  **ejercicio 1** : Declaramos variables, asignamos valores y mostramos en documento HTML.

  *  **ejercicio 2** : Realizar un programa que permita ingresar al usuario nombre del alumno, 3 notas y muestre el promedio, utilizar lo visto en clase (Prompt, Alert).

  * **ejercicio 3**: Escribe un programa que haga que aparezca en la pantalla un alert que diga “Hello World”.

  * **ejercicio 4**: Escribe un programa que pida el nombre del usuario con un prompt y escriba un texto que diga “Hola nombreUsuario”.

  * **ejercicio 5**: Escribe un programa que pida dos números y escriba en la pantalla cual es el mayor.

  * **ejercicio 6**: Escribe un programa que pida 3 números y escriba en la pantalla el mayor de los tres.

  * **ejercicio 7**: Escribe un programa que pida un número y diga si es divisible por 2.

  * **ejercicio 8**: Escribe un programa que pida una frase y escriba cuantas veces aparece la letra "a".

  * **ejercicio 9**: Escribe un programa que pida una frase y escriba las vocales que aparecen.

  * **ejercicio 10**: Escribe un programa que pida una frase y escriba cuántas de las letras que tiene son vocales.

  * **ejercicio 11**: Escribe un programa que pida una frase y escriba cuántas veces aparecen cada una de las vocales.

  * **ejercicio 12**: Escribe un programa que pida un número y nos diga si es divisible por 2, 3, 5 o 7 (sólo hay que comprobar si lo es por uno de los cuatro).

  * **ejercicio 13**: Añadir al ejercicio anterior que nos diga por cual de los cuatro es divisible (hay que decir todos por los que es divisible)

  * **ejercicio 14**: Escribir un programa que escriba en pantalla los divisores de un número dado.

  * **ejercicio 15**: Escribir un programa que escriba en pantalla los divisores comunes de dos números dados.

  * **ejercicio 16**: Escribir un programa que nos diga si un número dado es primo (no es divisiblepor ninguno otro número que no sea él mismo o la unidad).

  * **ejercicio 17**: Pide la edad y si es mayor de 18 años indica que ya puede conducir.

  * **ejercicio 18**: Pide una nota (número). Muestra la calificación según la nota: 0-3: Muy deficiente / 3-5: Insuficiente / 5-6: Suficiente / 6-7: Bien / 7-9: Notable / 9-10: Sobresaliente

  * **ejercicio 19**: Realiza un script que pida cadenas de texto hasta que se pulse “cancelar”. Al salir con “cancelar” deben mostrarse todas las cadenas concatenadas con un guión

  * **ejercicio 20**: Realiza un script que pida números hasta que se pulse “cancelar”. Si no es un número deberá indicarse con un «alert» y seguir pidiendo. Al salir con “cancelar” deberá indicarse la suma total de los números introducidos.

  * **ejercicio 21**: Realizar una página con un script que calcule el valor de la letra de un número de DNI (Documento Nacional de Identidad). El algoritmo para calcular la letra del dni es el siguiente :  ● El número debe ser entre 0 y 99999999 ● Debemos calcular el resto de la división entera entre el número y el número.

  * **ejercicio 22**: Según el resultado, de 0 a 22, le corresponderá una letra de las siguientes: (T, R, W, A, G, M, Y, F, P, D, X, B, N, J, Z, S, Q, V, H, L, C, K, E)

  ● Si lo introducido no es un número deberá indicarse con un alert y volver a

preguntar. ● Deberá de repetirse el proceso hasta que el usuario pulse «cancelar».

  * **ejercicio 23**: Realiza un script que escriba una pirámide del 1 al 30 de la siguiente forma : 

```  

1

22

333

4444

55555

666666

```

  * **ejercicio 24**: 24. Haz un script que escriba una pirámide inversa de los números del 1 al número que indique el usuario de la siguiente forma : (suponiendo que indica 6).

```  

666666

55555

4444

333

22

1

```

  * **ejercicio 25**: Un script que escriba los números del 1 al 500, que indique cuáles son múltiplos de 4 y de 9 y que cada 5 líneas muestre una línea horizontal. Por ejemplo : 

```  

123

4 (Múltiplo de 4)

5

————————————————————

67

8 (Múltiplo de 4)

9 (Múltiplo de 9)

10

```

Tema: Funciones

 * **ejercicio 26**:  Realizar una función, a la que se le pase como parámetro un número N, y muestre por consola N veces, el siguiente mensaje: “Bienvenidos al

curso Full Stack”.

 * **ejercicio 27**: Diseñar una función que tenga como parámetros dos números, y que calcule el máximo.

 * **ejercicio 28**: Crear una función que se llame promedio3, que reciba como parámetro tres valores y devuelva el promedio de los mismos.

 * **ejercicio 29**: Crear una función que lea notas hasta que ingrese -1 y devuelve el promedio de las notas leídas. ( aunque no se suele leer valores en una función)Una función que se llame siguiente, que reciba como parámetro un valor entero, y devuelva el siguiente del número ingresado como parámetro.

 * **ejercicio 30**: Una función que se llame doble, que reciba como parámetro un valor, y devuelva el doble del número ingresado como parámetro.

 * **ejercicio 31**: Una función que se llame cuadrado, que reciba como parámetro un valor, y devuelva el valor del numero ingresado como parámetro elevado al cuadrado.

 * **ejercicio 32**: Una función que se denomine imprimirValores que dado un número por parámetro, imprima cual es el valor siguiente, el doble y el cuadrado. Usando las funciones definidas en los puntos 5) , 6) y 7) : siguiente, el doble y el cuadrado.

 * **ejercicio 33**: Una función que se denomine imprimirElDobleDelSiguiente que dado un número por parámetro, imprima cual es el valor siguiente al el doble.

Usando las funciones definidas en los puntos 5) , 6) : siguiente, el doble.

 * **ejercicio 34**: Una función que se denomine imprimirElDobleDelSiguienteAlCuadrado que dado un número por parámetro, imprima cual es el valor siguiente al el doble. Usando las funciones definidas en los puntos 5) , 6) y 7) : siguiente, el doble y el cuadrado.

 * **ejercicio 35**: Una función que dado la longitud de un lado de un cuadrado devuelva el perímetro.

 * **ejercicio 36**: Una función que dado la longitud de un lado de un cuadrado devuelva la superficie.

 * **ejercicio 37**: Una función que dado el radio de un círculo devuelva la circunferencia (perímetro del círculo).

 * **ejercicio 38**: Una función que dado el radio de un círculo devuelva el área del círculo.

 * **ejercicio 39**: Una función que dado un número de mes y me devuelva la cantidad de días de ese mes (suponiendo que no es un año bisiesto).

 * **ejercicio 40**: Una función que reciba como parámetro un año y diga si ese año es bisiesto.

 * **ejercicio 41**: Una función que reciba el día, mes y año y me devuelva la cantidad de días de ese mes.

 * **ejercicio 42**: Una función que reciba día, mes y año y devuelva el día anterior 18.Una función que se llame ultimoDiaDelMes que reciba día, mes y año y devuelva el último día del mes.

Tema: String y Array

 * **ejercicio 43**: cree un array con todas las edades de los estudiantes de su clase. Itere el array utilizando un bucle while y luego imprima todas las edades en la consola.

 * **ejercicio 44**: Al ejercicio anterior agregue un condicional dentro del ciclo while para imprimir solo números pares. Cambie el ciclo para usar un ciclo "for" en lugar de un ciclo "while".

Para los siguientes ejercicios, no puede ordenar su array. ¡Asegúrese de que su solución funcione para cualquier array que se pase!

 * **ejercicio 43**: escriba una función que reciba un array como parámetro e imprima el número más bajo de la array en la consola.

 * **ejercicio 44**: escriba una función que reciba un array como parámetro e imprima el número más grande de la array en la consola.

 * **ejercicio 45**: Escriba una función que reciba dos parámetros, una array y un índice. La función imprimirá el valor del elemento en la posición dada (basado en uno) en la consola. Por ejemplo, dada la siguiente array e índice, la función imprimirá '6'. ``var array = [3,6,67,6,23,11,100,8,93,0,17,24,7,1,33,45,28,33,23,12,99,100];`` - ``var index = 1;``

 * **ejercicio 46**: Escriba una función que reciba una array y solo imprima los valores que se repiten. Por ejemplo, dada la siguiente array e índice, la función imprimirá '6,23,33,100'.

``var array = [3,6,67,6,23,11,100,8,93,0,17,24,7,1,33,45,28,33,23,12,99,100];``

 * **ejercicio 47**: escriba una función de JavaScript simple para unir todos los elementos de la siguiente array en una cadena. ``myColor = ["Red", "Green", "White", "Black"];`` Debería ver lo siguiente en su consola:`` "Rojo", "Verde", "Blanco", "Negro"``

 * **ejercicio 48**: escriba una función de JavaScript que invierta un número. Por ejemplo, si ``x = 32443``, la salida debería ser ``34423``.

 * **ejercicio 49**: escriba una función de JavaScript que devuelva una cadena en orden alfabético. Por ejemplo, si ``x = 'webmaster'``, la salida debería ser ``'abeemrstw'``. La puntuación y los números no se pasan en la cadena.

 * **ejercicio 50**: escriba una función de JavaScript que convierta la primera letra de cada palabra a mayúsculas. Por ejemplo, si ``x = "prince of persia"``, la salida debería ser ``"Prince Of Persia"``.

 * **ejercicio 51**: escriba una función de JavaScript que busque la palabra más larga de una frase. Por ejemplo, si ``x = "Tutorial de desarrollo web"``, el resultado debería ser ``"Desarrollo"``.

---

## Tecnologías utilizadas: 🛠️

-  **HTML5** 

-  **CSS3** 

-  **BOOTSTRAP** 

-  **JAVASCRIPT**

---

## Podes ver acá:

[https://eugenia1984.github.io/CodoACodo-FS-Java/](https://eugenia1984.github.io/CodoACodo-FS-Java/)

---

## Por favor: 🎁

* Comparte este proyecto con otros 📢

* Invita una cerveza 🍺 o un café ☕ a alguien del equipo.

* Muchas gracias 🤓.

---

## Notas

Agradezco su interés en este Proyecto ⌨️ con ❤️ de [María Eugenia Costa](https://github.com/eugenia1984) 😊 y síganme en [LinkedIn - maria-eugenia-costa](https://www.linkedin.com/in/maria-eugenia-costa/)

---