├── week5 ├── day1 │ ├── 01-store │ │ ├── src │ │ │ ├── style.css │ │ │ ├── main.js │ │ │ ├── store │ │ │ │ └── generalStore.js │ │ │ ├── components │ │ │ │ ├── Message.vue │ │ │ │ └── Navbar.vue │ │ │ ├── App.vue │ │ │ └── assets │ │ │ │ └── vue.svg │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ └── package.json │ ├── 02-shop │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── src │ │ │ ├── style.css │ │ │ ├── assets │ │ │ │ └── vue.svg │ │ │ ├── App.vue │ │ │ ├── router │ │ │ │ └── index.js │ │ │ ├── views │ │ │ │ └── Cart.vue │ │ │ ├── main.js │ │ │ ├── store │ │ │ │ └── cart.js │ │ │ └── components │ │ │ │ └── Navbar.vue │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ └── package.json │ └── 03-login │ │ ├── .vscode │ │ └── extensions.json │ │ ├── src │ │ ├── style.css │ │ ├── App.vue │ │ ├── main.js │ │ ├── assets │ │ │ └── vue.svg │ │ ├── router │ │ │ └── index.js │ │ ├── store │ │ │ ├── posts.js │ │ │ └── auth.js │ │ └── components │ │ │ └── PostMessage.vue │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ └── package.json └── day2 │ └── 01-task-app │ ├── src │ ├── style.css │ ├── store │ │ ├── index.js │ │ └── auth.js │ ├── views │ │ ├── Home.vue │ │ └── Login.vue │ ├── main.js │ ├── assets │ │ └── vue.svg │ ├── router │ │ └── index.js │ └── App.vue │ ├── .vscode │ └── extensions.json │ ├── docs │ ├── assets │ │ ├── _plugin-vue_export-helper.cdc0426e.js │ │ ├── Home.bb255c8e.js │ │ └── Login.8b516f29.js │ └── index.html │ ├── .gitignore │ ├── index.html │ ├── package.json │ └── vite.config.js ├── week4 ├── day4 │ ├── 01-router │ │ ├── src │ │ │ ├── style.css │ │ │ ├── views │ │ │ │ ├── Home.vue │ │ │ │ ├── About.vue │ │ │ │ ├── Ruta1.vue │ │ │ │ ├── Subrutas.vue │ │ │ │ └── Parametros.vue │ │ │ ├── main.js │ │ │ ├── assets │ │ │ │ └── vue.svg │ │ │ └── App.vue │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ └── package.json │ ├── 02-pokedex │ │ ├── src │ │ │ ├── config │ │ │ │ └── index.js │ │ │ ├── main.js │ │ │ ├── assets │ │ │ │ └── vue.svg │ │ │ ├── api │ │ │ │ └── index.js │ │ │ ├── helpers │ │ │ │ └── index.js │ │ │ ├── App.vue │ │ │ ├── components │ │ │ │ ├── Stats.vue │ │ │ │ └── Navbar.vue │ │ │ └── routes │ │ │ │ └── index.js │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── package.json │ │ └── index.html │ └── 03-pokedexv2 │ │ ├── src │ │ ├── config │ │ │ └── index.js │ │ ├── App.vue │ │ ├── main.js │ │ ├── assets │ │ │ └── vue.svg │ │ ├── helpers │ │ │ └── index.js │ │ ├── router │ │ │ └── index.js │ │ ├── components │ │ │ ├── Stats.vue │ │ │ ├── Navbar.vue │ │ │ └── Loading.vue │ │ └── api │ │ │ └── index.js │ │ ├── .vscode │ │ └── extensions.json │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ └── package.json ├── day5 │ ├── 02-lab-basics │ │ ├── src │ │ │ ├── style.css │ │ │ ├── components │ │ │ │ ├── Footer.vue │ │ │ │ ├── Navbar.vue │ │ │ │ ├── Iteracion2.vue │ │ │ │ ├── Iteracion3.vue │ │ │ │ ├── IteracionFormularios.vue │ │ │ │ ├── Iteracion5.vue │ │ │ │ └── Iteracion4.vue │ │ │ ├── main.js │ │ │ ├── assets │ │ │ │ └── vue.svg │ │ │ └── App.vue │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── package.json │ │ ├── README.md │ │ └── index.html │ ├── 01-rutas │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── src │ │ │ ├── views │ │ │ │ ├── About.vue │ │ │ │ ├── Home.vue │ │ │ │ ├── Appreciated.vue │ │ │ │ ├── Motherboard.vue │ │ │ │ ├── Projects.vue │ │ │ │ └── Pais.vue │ │ │ ├── main.js │ │ │ ├── App.vue │ │ │ ├── assets │ │ │ │ └── vue.svg │ │ │ └── components │ │ │ │ └── Nav.vue │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ └── package.json │ ├── 03-lab-tweets │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── src │ │ │ ├── style.css │ │ │ ├── main.js │ │ │ ├── components │ │ │ │ ├── Timestamp.vue │ │ │ │ ├── ProfileImage.vue │ │ │ │ ├── Message.vue │ │ │ │ ├── Actions.vue │ │ │ │ └── User.vue │ │ │ └── assets │ │ │ │ └── vue.svg │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── package.json │ │ ├── README.md │ │ └── index.html │ └── 04-lab-contries │ │ ├── .vscode │ │ └── extensions.json │ │ ├── src │ │ ├── style.css │ │ ├── main.js │ │ ├── App.vue │ │ ├── assets │ │ │ └── vue.svg │ │ ├── components │ │ │ └── Navbar.vue │ │ └── router │ │ │ └── index.js │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── index.html │ │ └── package.json ├── day1 │ ├── 03-componentes │ │ ├── src │ │ │ ├── style.css │ │ │ ├── main.js │ │ │ ├── exports │ │ │ │ ├── index.js │ │ │ │ ├── exportaciones2.js │ │ │ │ └── exportaciones.js │ │ │ ├── App.vue │ │ │ ├── assets │ │ │ │ └── vue.svg │ │ │ ├── importaciones.js │ │ │ └── components │ │ │ │ ├── Composition.vue │ │ │ │ ├── Options.vue │ │ │ │ └── Composition2.vue │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── package.json │ │ ├── README.md │ │ └── index.html │ ├── 02-vue │ │ ├── src │ │ │ ├── style.css │ │ │ ├── main.js │ │ │ ├── assets │ │ │ │ └── vue.svg │ │ │ ├── components │ │ │ │ └── HelloWorld.vue │ │ │ └── App.vue │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── package.json │ │ ├── README.md │ │ └── index.html │ └── 01-paths │ │ ├── Frameworks Javascript.pptx │ │ ├── styles │ │ └── index.css │ │ └── index.js ├── day2 │ ├── 01-condicionales │ │ ├── src │ │ │ ├── style.css │ │ │ ├── main.js │ │ │ └── assets │ │ │ │ └── vue.svg │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── package.json │ │ ├── README.md │ │ └── index.html │ ├── 03-propiedades │ │ ├── src │ │ │ ├── style.css │ │ │ ├── main.js │ │ │ ├── components │ │ │ │ ├── PropsOptionsApi.vue │ │ │ │ ├── SlotComponent.vue │ │ │ │ └── SlotCard.vue │ │ │ └── assets │ │ │ │ └── vue.svg │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── package.json │ │ ├── README.md │ │ └── index.html │ ├── 04-project │ │ ├── .vscode │ │ │ └── extensions.json │ │ ├── src │ │ │ ├── style.css │ │ │ ├── main.js │ │ │ ├── App.vue │ │ │ └── assets │ │ │ │ └── vue.svg │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── package.json │ │ ├── README.md │ │ └── index.html │ └── 02-formularios │ │ ├── .vscode │ │ └── extensions.json │ │ ├── src │ │ ├── style.css │ │ ├── main.js │ │ ├── App.vue │ │ └── assets │ │ │ └── vue.svg │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── package.json │ │ ├── README.md │ │ └── index.html └── day3 │ ├── 01-eventos │ ├── .vscode │ │ └── extensions.json │ ├── src │ │ ├── style.css │ │ ├── main.js │ │ ├── assets │ │ │ └── vue.svg │ │ └── components │ │ │ ├── CicloComponente.vue │ │ │ ├── EventComponent.vue │ │ │ └── Modal.vue │ ├── vite.config.js │ ├── .gitignore │ ├── package.json │ ├── README.md │ └── index.html │ ├── 03-project │ ├── .vscode │ │ └── extensions.json │ ├── src │ │ ├── main.js │ │ ├── style.css │ │ ├── components │ │ │ ├── SectionsFooter.vue │ │ │ ├── Hero.vue │ │ │ ├── HeroImage.vue │ │ │ └── HeroText.vue │ │ ├── assets │ │ │ └── vue.svg │ │ └── App.vue │ ├── vite.config.js │ ├── .gitignore │ ├── package.json │ ├── README.md │ └── index.html │ └── 02-ciclo-componentes │ ├── .vscode │ └── extensions.json │ ├── src │ ├── main.js │ ├── assets │ │ └── vue.svg │ ├── style.css │ └── App.vue │ ├── vite.config.js │ ├── .gitignore │ ├── package.json │ ├── README.md │ └── index.html ├── README.md ├── week1 ├── day4 │ ├── 06-calculadora │ │ ├── .gitignore │ │ ├── other.js │ │ ├── README.md │ │ ├── package.json │ │ └── yarn.lock │ ├── 01-max.js │ ├── 02-table.js │ ├── 03-maxArray.js │ ├── 04-fizzbuzz.js │ └── 05-palindromo.js ├── day1 │ ├── Ironhack-Dia1-Git.pptx │ └── Ironhack-Dia1-HTML.pptx ├── day5 │ ├── 02-fetch │ │ └── index.js │ ├── 01-promesas │ │ ├── 01-promesas.js │ │ └── index.html │ ├── 04-chartb │ │ └── index.html │ ├── 04-chart │ │ ├── css │ │ │ └── style.css │ │ └── index.html │ └── 03-indecisionApp │ │ ├── index.html │ │ └── styles │ │ └── styles.css ├── day3 │ ├── 03-bucles.js │ ├── 02-datos.js │ └── 04-funciones.js └── day2 │ ├── responsive.html │ └── responsive.css ├── week6 └── 01-bulma │ ├── .vscode │ └── extensions.json │ ├── src │ ├── main.js │ └── assets │ │ └── vue.svg │ ├── vite.config.js │ ├── .gitignore │ ├── README.md │ ├── index.html │ └── package.json ├── week3 ├── day1 │ ├── 01-bulma │ │ ├── styles │ │ │ ├── bulma │ │ │ │ ├── sass │ │ │ │ │ ├── helpers │ │ │ │ │ │ ├── overflow.sass │ │ │ │ │ │ ├── position.sass │ │ │ │ │ │ ├── float.sass │ │ │ │ │ │ ├── _all.sass │ │ │ │ │ │ └── other.sass │ │ │ │ │ ├── grid │ │ │ │ │ │ ├── _all.sass │ │ │ │ │ │ └── tiles.sass │ │ │ │ │ ├── layout │ │ │ │ │ │ ├── _all.sass │ │ │ │ │ │ ├── footer.sass │ │ │ │ │ │ └── section.sass │ │ │ │ │ ├── base │ │ │ │ │ │ ├── _all.sass │ │ │ │ │ │ ├── animations.sass │ │ │ │ │ │ └── helpers.sass │ │ │ │ │ ├── elements │ │ │ │ │ │ ├── form.sass │ │ │ │ │ │ ├── _all.sass │ │ │ │ │ │ ├── other.sass │ │ │ │ │ │ ├── box.sass │ │ │ │ │ │ └── container.sass │ │ │ │ │ ├── utilities │ │ │ │ │ │ ├── animations.sass │ │ │ │ │ │ ├── _all.sass │ │ │ │ │ │ └── extends.sass │ │ │ │ │ ├── form │ │ │ │ │ │ ├── _all.sass │ │ │ │ │ │ └── checkbox-radio.sass │ │ │ │ │ └── components │ │ │ │ │ │ └── _all.sass │ │ │ │ └── bulma.sass │ │ │ └── index.css │ │ └── index.js │ └── 02-youtube │ │ └── styles │ │ ├── index.css │ │ ├── layout.css │ │ ├── videos.css │ │ └── navbar.css ├── day4 │ └── 02-cine-app │ │ ├── views │ │ ├── 404.html │ │ ├── populars.html │ │ ├── nowPlaying.html │ │ ├── home.html │ │ └── search.html │ │ ├── images │ │ ├── logo.png │ │ └── placeholder.png │ │ ├── styles │ │ ├── index.css │ │ ├── details.css │ │ ├── navbar.css │ │ └── movies.css │ │ ├── js │ │ ├── movieCard.js │ │ └── controllers │ │ │ ├── populars.js │ │ │ └── nowPlaying.js │ │ └── main.js ├── day2 │ ├── 01-lab-dom-cart │ │ ├── .gitignore │ │ ├── jest-puppeteer.config.js │ │ └── .github │ │ │ ├── workflows │ │ │ └── test.yml │ │ │ └── stale.yml │ └── 02-storage │ │ └── index.html └── day3 │ ├── 01-lab-js-greatest-movies-es-master │ ├── .gitignore │ ├── jasmine │ │ └── jasmine-2.8.0 │ │ │ ├── ironhack-logo.png │ │ │ └── jasmine_favicon.png │ ├── .github │ │ ├── workflows │ │ │ └── test.yml │ │ └── stale.yml │ └── SpecRunner.html │ ├── 03-lab-javascript-chronometer-es-master │ ├── .gitignore │ ├── styles │ │ └── fonts │ │ │ └── ds-digib.ttf │ ├── .github │ │ ├── workflows │ │ │ └── test.yml │ │ └── stale.yml │ └── package.json │ └── 02-clases │ └── 02-index.js └── week2 ├── day3 ├── 02-reverse │ └── index.js ├── 01-sort │ └── index.html ├── 03-map │ └── index.js ├── 05-filter │ └── index.js └── 04-reduce │ └── index.js ├── day4 ├── 04-frameworks │ └── styles │ │ └── styles.css └── 03-funciones │ └── index.js ├── day1 ├── 03-background │ ├── README.md │ ├── resuelto │ │ ├── index.js │ │ ├── index.html │ │ └── styles.css │ ├── index.html │ ├── index.js │ └── style.css ├── 02-contador │ ├── README.md │ ├── resuelto │ │ ├── index.js │ │ ├── index.html │ │ └── style.css │ └── index.html └── 04-calculadora │ ├── README.md │ ├── resuelto │ ├── styles.css │ └── index.html │ ├── style.css │ └── index.html ├── day2 ├── lab-javascript-functions-and-arrays-master │ ├── .gitignore │ ├── jasmine │ │ └── jasmine-2.8.0 │ │ │ ├── ironhack-logo.png │ │ │ └── jasmine_favicon.png │ └── SpecRunner.html ├── 02-dom │ └── index.html └── 03-todo │ ├── resuelto │ └── index.html │ └── index.html └── day5 ├── 01-fetch └── index.html └── 02-reto └── styles └── index.css /week5/day1/01-store/src/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day4/01-router/src/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/src/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/src/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Ejercicios clase ironhack 2 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/src/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day2/01-condicionales/src/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day2/03-propiedades/src/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week1/day4/06-calculadora/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ -------------------------------------------------------------------------------- /week1/day4/06-calculadora/other.js: -------------------------------------------------------------------------------- 1 | export const a = 1 -------------------------------------------------------------------------------- /week4/day1/02-vue/src/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0px; 3 | } -------------------------------------------------------------------------------- /week4/day4/02-pokedex/src/config/index.js: -------------------------------------------------------------------------------- 1 | 2 | export const limitPokemons = 551; -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/src/config/index.js: -------------------------------------------------------------------------------- 1 | 2 | export const limitPokemons = 251; -------------------------------------------------------------------------------- /week4/day1/02-vue/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week5/day1/02-shop/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week6/01-bulma/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day2/04-project/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day3/01-eventos/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day3/03-project/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day4/01-router/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day4/02-pokedex/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week5/day1/01-store/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week5/day1/03-login/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week1/day4/06-calculadora/README.md: -------------------------------------------------------------------------------- 1 | # Claculadora 2 | 3 | Instrucciones: 4 | ``` 5 | yarn add 6 | ``` -------------------------------------------------------------------------------- /week4/day1/03-componentes/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day2/01-condicionales/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day2/02-formularios/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day2/03-propiedades/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day5/04-lab-contries/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week5/day1/02-shop/src/style.css: -------------------------------------------------------------------------------- 1 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; -------------------------------------------------------------------------------- /week4/day2/02-formularios/src/style.css: -------------------------------------------------------------------------------- 1 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; -------------------------------------------------------------------------------- /week4/day2/04-project/src/style.css: -------------------------------------------------------------------------------- 1 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; -------------------------------------------------------------------------------- /week4/day3/01-eventos/src/style.css: -------------------------------------------------------------------------------- 1 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; -------------------------------------------------------------------------------- /week4/day3/02-ciclo-componentes/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["Vue.volar"] 3 | } 4 | -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/src/style.css: -------------------------------------------------------------------------------- 1 | @import 'https://pro.fontawesome.com/releases/v5.10.0/css/all.css' -------------------------------------------------------------------------------- /week5/day1/03-login/src/style.css: -------------------------------------------------------------------------------- 1 | 2 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/helpers/overflow.sass: -------------------------------------------------------------------------------- 1 | .is-clipped 2 | overflow: hidden !important 3 | -------------------------------------------------------------------------------- /week4/day5/04-lab-contries/src/style.css: -------------------------------------------------------------------------------- 1 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; -------------------------------------------------------------------------------- /week1/day1/Ironhack-Dia1-Git.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arsalas/ironhack-clases/HEAD/week1/day1/Ironhack-Dia1-Git.pptx -------------------------------------------------------------------------------- /week1/day1/Ironhack-Dia1-HTML.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arsalas/ironhack-clases/HEAD/week1/day1/Ironhack-Dia1-HTML.pptx -------------------------------------------------------------------------------- /week3/day4/02-cine-app/views/404.html: -------------------------------------------------------------------------------- 1 |
2 |

404 Pagina no encontrada

3 |
-------------------------------------------------------------------------------- /week3/day4/02-cine-app/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arsalas/ironhack-clases/HEAD/week3/day4/02-cine-app/images/logo.png -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/grid/_all.sass: -------------------------------------------------------------------------------- 1 | /* Bulma Grid */ 2 | @charset "utf-8" 3 | 4 | @import "columns" 5 | @import "tiles" 6 | -------------------------------------------------------------------------------- /week3/day2/01-lab-dom-cart/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | .vscode 4 | package-lock.json 5 | yarn.lock 6 | *.log 7 | lab-solution.html 8 | -------------------------------------------------------------------------------- /week3/day4/02-cine-app/images/placeholder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arsalas/ironhack-clases/HEAD/week3/day4/02-cine-app/images/placeholder.png -------------------------------------------------------------------------------- /week4/day1/01-paths/Frameworks Javascript.pptx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arsalas/ironhack-clases/HEAD/week4/day1/01-paths/Frameworks Javascript.pptx -------------------------------------------------------------------------------- /week4/day4/01-router/src/views/Home.vue: -------------------------------------------------------------------------------- 1 | 4 | 6 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/src/views/About.vue: -------------------------------------------------------------------------------- 1 | 4 | 6 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/src/views/Home.vue: -------------------------------------------------------------------------------- 1 | 4 | 6 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/src/store/index.js: -------------------------------------------------------------------------------- 1 | // Nos permite importar los dos stores en la misma linea 2 | export * from './auth' 3 | export * from './task' -------------------------------------------------------------------------------- /week2/day3/02-reverse/index.js: -------------------------------------------------------------------------------- 1 | // Reverse invierte el orden de una array 2 | 3 | const arr = [1, 20, 3, 4, 5]; 4 | 5 | arr.reverse(); 6 | console.log(arr) -------------------------------------------------------------------------------- /week4/day4/01-router/src/views/About.vue: -------------------------------------------------------------------------------- 1 | 4 | 6 | -------------------------------------------------------------------------------- /week4/day4/01-router/src/views/Ruta1.vue: -------------------------------------------------------------------------------- 1 | 4 | 6 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/src/views/Home.vue: -------------------------------------------------------------------------------- 1 | 4 | 6 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/src/views/Login.vue: -------------------------------------------------------------------------------- 1 | 4 | 6 | -------------------------------------------------------------------------------- /week6/01-bulma/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.scss' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week3/day2/01-lab-dom-cart/jest-puppeteer.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | server: { 3 | command: 'serve . -l 4444', 4 | port: 4444 5 | } 6 | }; 7 | -------------------------------------------------------------------------------- /week4/day1/02-vue/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/layout/_all.sass: -------------------------------------------------------------------------------- 1 | /* Bulma Layout */ 2 | @charset "utf-8" 3 | 4 | @import "hero" 5 | @import "section" 6 | @import "footer" 7 | -------------------------------------------------------------------------------- /week3/day3/01-lab-js-greatest-movies-es-master/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | .vscode 4 | package-lock.json 5 | yarn.lock 6 | *.log 7 | lab-solution.html 8 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week4/day2/02-formularios/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week4/day2/03-propiedades/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week4/day2/04-project/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week4/day3/01-eventos/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week4/day3/03-project/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/src/views/Appreciated.vue: -------------------------------------------------------------------------------- 1 | 4 | 6 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/src/views/Motherboard.vue: -------------------------------------------------------------------------------- 1 | 4 | 6 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/src/components/Footer.vue: -------------------------------------------------------------------------------- 1 | 4 | 6 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/src/components/Navbar.vue: -------------------------------------------------------------------------------- 1 | 4 | 6 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/docs/assets/_plugin-vue_export-helper.cdc0426e.js: -------------------------------------------------------------------------------- 1 | const s=(t,r)=>{const o=t.__vccOpts||t;for(const[c,e]of r)o[c]=e;return o};export{s as _}; 2 | -------------------------------------------------------------------------------- /week2/day4/04-frameworks/styles/styles.css: -------------------------------------------------------------------------------- 1 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; 2 | 3 | .newClass { 4 | background-color: red; 5 | } -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/base/_all.sass: -------------------------------------------------------------------------------- 1 | /* Bulma Base */ 2 | @charset "utf-8" 3 | 4 | @import "minireset" 5 | @import "generic" 6 | @import "animations" 7 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/base/animations.sass: -------------------------------------------------------------------------------- 1 | @keyframes spinAround 2 | from 3 | transform: rotate(0deg) 4 | to 5 | transform: rotate(359deg) 6 | -------------------------------------------------------------------------------- /week3/day3/03-lab-javascript-chronometer-es-master/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | .vscode 4 | package-lock.json 5 | yarn.lock 6 | *.log 7 | lab-solution.html 8 | -------------------------------------------------------------------------------- /week4/day2/01-condicionales/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week2/day1/03-background/README.md: -------------------------------------------------------------------------------- 1 | # Random color 2 | 3 | ## Intrucciones 4 | Crear un html con un boton 5 | Al hacer clic en el boton el color de fondo se ha de cambiar al azar -------------------------------------------------------------------------------- /week2/day2/lab-javascript-functions-and-arrays-master/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | .vscode 4 | package-lock.json 5 | yarn.lock 6 | *.log 7 | lab-solution.html 8 | -------------------------------------------------------------------------------- /week4/day3/02-ciclo-componentes/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | 5 | createApp(App).mount('#app') 6 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/elements/form.sass: -------------------------------------------------------------------------------- 1 | @warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead." 2 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/base/helpers.sass: -------------------------------------------------------------------------------- 1 | @warn "The helpers.sass file is DEPRECATED. It has moved into its own /helpers folder. Please import sass/helpers/_all instead." 2 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/utilities/animations.sass: -------------------------------------------------------------------------------- 1 | @warn "The animations.sass file has MOVED. It is now in the /base folder. Please import sass/base/animations instead." 2 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/helpers/position.sass: -------------------------------------------------------------------------------- 1 | @import "../utilities/mixins" 2 | 3 | .is-overlay 4 | @extend %overlay 5 | 6 | .is-relative 7 | position: relative !important 8 | -------------------------------------------------------------------------------- /week3/day4/02-cine-app/styles/index.css: -------------------------------------------------------------------------------- 1 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; 2 | 3 | @import './movies.css'; 4 | @import './details.css'; 5 | @import './navbar.css' -------------------------------------------------------------------------------- /week4/day4/01-router/src/views/Subrutas.vue: -------------------------------------------------------------------------------- 1 | 5 | 7 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | import router from './router' 5 | 6 | createApp(App).use(router).mount('#app') 7 | -------------------------------------------------------------------------------- /week3/day3/03-lab-javascript-chronometer-es-master/styles/fonts/ds-digib.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arsalas/ironhack-clases/HEAD/week3/day3/03-lab-javascript-chronometer-es-master/styles/fonts/ds-digib.ttf -------------------------------------------------------------------------------- /week4/day1/03-componentes/src/exports/index.js: -------------------------------------------------------------------------------- 1 | // No es obligatorio pero es una buena practica 2 | // Lo exporto todo desde aqui, * todo 3 | export * from './exportaciones'; 4 | export * from './exportaciones2' -------------------------------------------------------------------------------- /week6/01-bulma/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day1/02-vue/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day5/04-lab-contries/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | import router from './router' 5 | 6 | createApp(App).use(router).mount('#app') 7 | -------------------------------------------------------------------------------- /week5/day1/01-store/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week5/day1/02-shop/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week5/day1/03-login/src/App.vue: -------------------------------------------------------------------------------- 1 | 4 | 8 | -------------------------------------------------------------------------------- /week5/day1/03-login/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day2/04-project/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day3/01-eventos/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day3/03-project/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day4/01-router/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day4/02-pokedex/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day2/01-condicionales/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day2/02-formularios/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day2/03-propiedades/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day5/04-lab-contries/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week3/day3/01-lab-js-greatest-movies-es-master/jasmine/jasmine-2.8.0/ironhack-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arsalas/ironhack-clases/HEAD/week3/day3/01-lab-js-greatest-movies-es-master/jasmine/jasmine-2.8.0/ironhack-logo.png -------------------------------------------------------------------------------- /week4/day3/02-ciclo-componentes/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()] 7 | }) 8 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/src/App.vue: -------------------------------------------------------------------------------- 1 | 5 | 8 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | import router from './router' 5 | 6 | createApp(App) 7 | .use(router) 8 | .mount('#app') 9 | -------------------------------------------------------------------------------- /week3/day3/01-lab-js-greatest-movies-es-master/jasmine/jasmine-2.8.0/jasmine_favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arsalas/ironhack-clases/HEAD/week3/day3/01-lab-js-greatest-movies-es-master/jasmine/jasmine-2.8.0/jasmine_favicon.png -------------------------------------------------------------------------------- /week4/day4/02-pokedex/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | 4 | import App from './App.vue' 5 | import router from './routes' 6 | 7 | createApp(App) 8 | .use(router) 9 | .mount('#app') 10 | -------------------------------------------------------------------------------- /week2/day2/lab-javascript-functions-and-arrays-master/jasmine/jasmine-2.8.0/ironhack-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arsalas/ironhack-clases/HEAD/week2/day2/lab-javascript-functions-and-arrays-master/jasmine/jasmine-2.8.0/ironhack-logo.png -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/form/_all.sass: -------------------------------------------------------------------------------- 1 | /* Bulma Form */ 2 | @charset "utf-8" 3 | 4 | @import "shared" 5 | @import "input-textarea" 6 | @import "checkbox-radio" 7 | @import "select" 8 | @import "file" 9 | @import "tools" 10 | -------------------------------------------------------------------------------- /week2/day2/lab-javascript-functions-and-arrays-master/jasmine/jasmine-2.8.0/jasmine_favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/arsalas/ironhack-clases/HEAD/week2/day2/lab-javascript-functions-and-arrays-master/jasmine/jasmine-2.8.0/jasmine_favicon.png -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/helpers/float.sass: -------------------------------------------------------------------------------- 1 | @import "../utilities/mixins" 2 | 3 | .is-clearfix 4 | +clearfix 5 | 6 | .is-pulled-left 7 | float: left !important 8 | 9 | .is-pulled-right 10 | float: right !important 11 | -------------------------------------------------------------------------------- /week1/day4/01-max.js: -------------------------------------------------------------------------------- 1 | // Funcion que retorne el max entre dos numeros 2 | 3 | const max = (n1, n2) =>{ 4 | if (n1 > n2) return n1; 5 | return n2; 6 | } 7 | 8 | console.log(max(1, 6)); 9 | console.log(max(7, 6)); 10 | console.log(max(-17, 8)); -------------------------------------------------------------------------------- /week5/day2/01-task-app/docs/assets/Home.bb255c8e.js: -------------------------------------------------------------------------------- 1 | import{_ as e}from"./_plugin-vue_export-helper.cdc0426e.js";import{o,c}from"./index.8493fe10.js";const r={};function t(n,s){return o(),c("h1",null,"Home")}const m=e(r,[["render",t]]);export{m as default}; 2 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/docs/assets/Login.8b516f29.js: -------------------------------------------------------------------------------- 1 | import{_ as o}from"./_plugin-vue_export-helper.cdc0426e.js";import{o as e,c}from"./index.8493fe10.js";const n={};function r(t,s){return e(),c("h1",null,"Login")}const f=o(n,[["render",r]]);export{f as default}; 2 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/utilities/_all.sass: -------------------------------------------------------------------------------- 1 | /* Bulma Utilities */ 2 | @charset "utf-8" 3 | 4 | @import "initial-variables" 5 | @import "functions" 6 | @import "derived-variables" 7 | @import "mixins" 8 | @import "controls" 9 | @import "extends" 10 | -------------------------------------------------------------------------------- /week4/day2/03-propiedades/src/components/PropsOptionsApi.vue: -------------------------------------------------------------------------------- 1 | 2 | 12 | -------------------------------------------------------------------------------- /week4/day2/04-project/src/App.vue: -------------------------------------------------------------------------------- 1 | 5 | 9 | -------------------------------------------------------------------------------- /week4/day5/04-lab-contries/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 11 | 12 | -------------------------------------------------------------------------------- /week3/day1/02-youtube/styles/index.css: -------------------------------------------------------------------------------- 1 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; 2 | 3 | @import './navbar.css'; 4 | @import './videos.css'; 5 | @import './layout.css'; 6 | 7 | body { 8 | background-color: #191918 ; 9 | min-height: 100vh; 10 | } -------------------------------------------------------------------------------- /week1/day4/02-table.js: -------------------------------------------------------------------------------- 1 | // Una funcion que escriba la tabla de multiplicar de un numero 2 | // 1 x n = n 3 | // 9 x n = n 4 | 5 | const table = (num) => { 6 | for (let i = 1; i <= 9; i++) 7 | { 8 | console.log(`${i} x ${num} = ${i *num}`); 9 | } 10 | } 11 | table(5) -------------------------------------------------------------------------------- /week4/day1/03-componentes/src/exports/exportaciones2.js: -------------------------------------------------------------------------------- 1 | 2 | // exportacion 3 | 4 | export const newvariable = 'variable'; 5 | export let newvariable2 = 'variable2'; 6 | const newvariable3 = 'variable3'; 7 | export const newFunc3 = () => { } 8 | export function newFunc4() { } 9 | 10 | -------------------------------------------------------------------------------- /week4/day4/01-router/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | import router from './router' 5 | 6 | // Con .use(router) implementamos en router en la app 7 | createApp(App) 8 | .use(router) 9 | .mount('#app') 10 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 9 | -------------------------------------------------------------------------------- /week2/day1/02-contador/README.md: -------------------------------------------------------------------------------- 1 | # Contador 2 | 3 | ## Intrucciones 4 | Crear un html con 3 botones +, -, Reset y un Contador 5 | Al hacer clic en + el contador se ha de incrementar en 1 6 | Al hacer clic en - el contador se ha de reducir en 1 7 | Al hacer clic en Reset el contador se ha poner en 0 8 | -------------------------------------------------------------------------------- /week5/day1/01-store/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | import {createPinia} from 'pinia'; 5 | // cretePinia 6 | const pinia = createPinia(); 7 | 8 | createApp(App) 9 | // Use de pinia 10 | .use(pinia) 11 | .mount('#app') 12 | -------------------------------------------------------------------------------- /week4/day2/02-formularios/src/App.vue: -------------------------------------------------------------------------------- 1 | 5 | 9 | -------------------------------------------------------------------------------- /week1/day5/02-fetch/index.js: -------------------------------------------------------------------------------- 1 | 2 | const getPokemon = async () => { 3 | const pokemon = await fetch('https://pokeapi.co/api/v2/pokemon/ditto') 4 | const data = await pokemon.json() 5 | return data; 6 | } 7 | 8 | const main = async () =>{ 9 | console.log(await getPokemon()) 10 | } 11 | 12 | main(); -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/helpers/_all.sass: -------------------------------------------------------------------------------- 1 | /* Bulma Helpers */ 2 | @charset "utf-8" 3 | 4 | @import "color" 5 | @import "flexbox" 6 | @import "float" 7 | @import "other" 8 | @import "overflow" 9 | @import "position" 10 | @import "spacing" 11 | @import "typography" 12 | @import "visibility" 13 | -------------------------------------------------------------------------------- /week1/day4/06-calculadora/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "06-calculadora", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "type": "module", 7 | "scripts": { 8 | "start": "node index.js" 9 | }, 10 | "dependencies": { 11 | "prompt-sync": "^4.2.0" 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/index.css: -------------------------------------------------------------------------------- 1 | /* @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; */ 2 | @import "./bulma/css/bulma.min.css"; 3 | 4 | 5 | .box{ 6 | background-color: red; 7 | } 8 | 9 | .square-btn{ 10 | background-color: blue!important; 11 | border-radius: 0px; 12 | } -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/src/components/Timestamp.vue: -------------------------------------------------------------------------------- 1 | 4 | 11 | -------------------------------------------------------------------------------- /week1/day5/01-promesas/01-promesas.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | const getData = () => { 4 | return new Promise((resolve, reject)=>{ 5 | setTimeout(() => { 6 | resolve([1, 2, 3]) 7 | }, 5000); 8 | }) 9 | } 10 | 11 | const main = async () =>{ 12 | console.log(await getData()) 13 | } 14 | main(); -------------------------------------------------------------------------------- /week3/day4/02-cine-app/views/populars.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

PELICULAS POPULARES

4 |
5 |
6 |
7 |
8 |
-------------------------------------------------------------------------------- /week1/day4/03-maxArray.js: -------------------------------------------------------------------------------- 1 | // funcion que retorne el num max de una array 2 | 3 | const maxArr = (nums) =>{ 4 | let max = nums[0]; 5 | for (let i = 1; i < nums.length; i++) 6 | { 7 | if (nums[i] > max) max = nums[i]; 8 | } 9 | return max; 10 | } 11 | 12 | console.log(maxArr([3, 1, 7, 0, -90])) -------------------------------------------------------------------------------- /week3/day4/02-cine-app/views/nowPlaying.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

PELICULAS EN CARTELERA

4 |
5 |
6 |
7 |
8 |
-------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/src/components/ProfileImage.vue: -------------------------------------------------------------------------------- 1 | 4 | 11 | -------------------------------------------------------------------------------- /week1/day3/03-bucles.js: -------------------------------------------------------------------------------- 1 | // Lista de numeros de 1 a 10 2 | for (let i = 1; i <= 10; i++){ 3 | console.log(`El numero i es: ${i}`) 4 | } 5 | 6 | console.log(1 != 2) 7 | if ((1 == 1 && 2 != 2) || 1 == 1){ 8 | console.log('la condicion se cumple') 9 | }else { 10 | console.log('la condicion no se cumple') 11 | } 12 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/src/components/Iteracion2.vue: -------------------------------------------------------------------------------- 1 | 9 | 14 | -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/src/components/Message.vue: -------------------------------------------------------------------------------- 1 | 6 | 13 | -------------------------------------------------------------------------------- /week5/day1/03-login/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | import router from './router' 5 | import { createPinia } from 'pinia' 6 | 7 | const pinia = createPinia() 8 | 9 | createApp(App) 10 | .use(router) 11 | .use(pinia) 12 | .mount('#app') 13 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import { createPinia } from 'pinia' 3 | import './style.css' 4 | import App from './App.vue' 5 | import router from './router' 6 | 7 | const pinia = createPinia(); 8 | 9 | createApp(App) 10 | .use(router) 11 | .use(pinia) 12 | .mount('#app') 13 | -------------------------------------------------------------------------------- /week3/day4/02-cine-app/styles/details.css: -------------------------------------------------------------------------------- 1 | #backdrop{ 2 | height: 20rem; 3 | background-size: cover; 4 | background-position: center; 5 | display: flex; 6 | align-items: flex-end; 7 | color: #eee; 8 | } 9 | 10 | #backdrop .title{ 11 | color: #fff; 12 | margin: 0px 13 | } 14 | 15 | #rate{ 16 | font-weight: 500; 17 | } -------------------------------------------------------------------------------- /week4/day1/03-componentes/src/exports/exportaciones.js: -------------------------------------------------------------------------------- 1 | 2 | // exportacion 3 | 4 | export const variable = 'variable'; 5 | export let variable2 = 'variable2'; 6 | const variable3 = 'variable3'; 7 | export const newFunc = () => { } 8 | export function newFunc2() { } 9 | 10 | // exportacion por defecto, solo 1 por archivo 11 | export default variable3; -------------------------------------------------------------------------------- /week2/day1/04-calculadora/README.md: -------------------------------------------------------------------------------- 1 | # Calculadora 2 | 3 | ## Intrucciones 4 | Crear un html con un boton, dos inputs numericos y un input tipo select con la opcion de +, -, *, / y % 5 | Al pulsar el boton se ha de monstrar un alert con el resultado 6 | Si no hay ningun numero, se hace una division o modulo entre 0 ha de mostrar la alerta con un mensaje de error 7 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/helpers/other.sass: -------------------------------------------------------------------------------- 1 | @import "../utilities/mixins" 2 | 3 | .is-radiusless 4 | border-radius: 0 !important 5 | 6 | .is-shadowless 7 | box-shadow: none !important 8 | 9 | .is-clickable 10 | cursor: pointer !important 11 | pointer-events: all !important 12 | 13 | .is-unselectable 14 | @extend %unselectable 15 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/utilities/extends.sass: -------------------------------------------------------------------------------- 1 | @import "mixins" 2 | 3 | %control 4 | +control 5 | 6 | %unselectable 7 | +unselectable 8 | 9 | %arrow 10 | +arrow 11 | 12 | %block 13 | +block 14 | 15 | %delete 16 | +delete 17 | 18 | %loader 19 | +loader 20 | 21 | %overlay 22 | +overlay 23 | 24 | %reset 25 | +reset 26 | -------------------------------------------------------------------------------- /week2/day1/03-background/resuelto/index.js: -------------------------------------------------------------------------------- 1 | const getRandom = () => Math.ceil(Math.random() * 255); 2 | 3 | const handleClick = () => { 4 | document.querySelector( 5 | "#body" 6 | ).style.backgroundColor = `rgb(${getRandom()}, ${getRandom()}, ${getRandom()})`; 7 | }; 8 | 9 | document.querySelector("#btn").addEventListener("click", handleClick); 10 | -------------------------------------------------------------------------------- /week2/day5/01-fetch/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/components/_all.sass: -------------------------------------------------------------------------------- 1 | /* Bulma Components */ 2 | @charset "utf-8" 3 | 4 | @import "breadcrumb" 5 | @import "card" 6 | @import "dropdown" 7 | @import "level" 8 | @import "media" 9 | @import "menu" 10 | @import "message" 11 | @import "modal" 12 | @import "navbar" 13 | @import "pagination" 14 | @import "panel" 15 | @import "tabs" 16 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/elements/_all.sass: -------------------------------------------------------------------------------- 1 | /* Bulma Elements */ 2 | @charset "utf-8" 3 | 4 | @import "box" 5 | @import "button" 6 | @import "container" 7 | @import "content" 8 | @import "icon" 9 | @import "image" 10 | @import "notification" 11 | @import "progress" 12 | @import "table" 13 | @import "tag" 14 | @import "title" 15 | 16 | @import "other" 17 | -------------------------------------------------------------------------------- /week2/day3/01-sort/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /week3/day4/02-cine-app/styles/navbar.css: -------------------------------------------------------------------------------- 1 | .navbar{ 2 | -webkit-box-shadow: 2px 10px 67px -24px rgba(0, 0, 0, 0.75); 3 | -moz-box-shadow: 2px 10px 67px -24px rgba(0, 0, 0, 0.75); 4 | box-shadow: 2px 10px 67px -24px rgba(0, 0, 0, 0.75); 5 | } 6 | 7 | #app-title{ 8 | font-weight: bold; 9 | font-size: 1.5rem; 10 | margin-left: 1rem; 11 | color: #333; 12 | } -------------------------------------------------------------------------------- /week4/day4/01-router/src/views/Parametros.vue: -------------------------------------------------------------------------------- 1 | 5 | 10 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/bulma.sass: -------------------------------------------------------------------------------- 1 | @charset "utf-8" 2 | /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */ 3 | @import "sass/utilities/_all" 4 | @import "sass/base/_all" 5 | @import "sass/elements/_all" 6 | @import "sass/form/_all" 7 | @import "sass/components/_all" 8 | @import "sass/grid/_all" 9 | @import "sass/helpers/_all" 10 | @import "sass/layout/_all" 11 | -------------------------------------------------------------------------------- /week1/day5/01-promesas/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /week4/day1/02-vue/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week5/day1/02-shop/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week6/01-bulma/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/layout/footer.sass: -------------------------------------------------------------------------------- 1 | @import "../utilities/derived-variables" 2 | 3 | $footer-background-color: $scheme-main-bis !default 4 | $footer-color: false !default 5 | $footer-padding: 3rem 1.5rem 6rem !default 6 | 7 | .footer 8 | background-color: $footer-background-color 9 | padding: $footer-padding 10 | @if $footer-color 11 | color: $footer-color 12 | -------------------------------------------------------------------------------- /week4/day2/04-project/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day3/01-eventos/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day3/03-project/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day4/01-router/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day4/02-pokedex/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week5/day1/01-store/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week5/day1/03-login/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day2/01-condicionales/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day2/02-formularios/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day2/03-propiedades/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day3/03-project/src/style.css: -------------------------------------------------------------------------------- 1 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; 2 | 3 | body{ 4 | background-color: #f2f4fc; 5 | } 6 | 7 | .button{ 8 | padding: 1.5rem; 9 | border-radius: 0px; 10 | } 11 | 12 | .button.is-primary{ 13 | 14 | background-color: #072ac8; 15 | } 16 | 17 | .button.is-primary:hover{ 18 | background-color: #292e47; 19 | } -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/src/components/Iteracion3.vue: -------------------------------------------------------------------------------- 1 | 5 | 14 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/src/components/IteracionFormularios.vue: -------------------------------------------------------------------------------- 1 | 9 | 15 | -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day5/04-lab-contries/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day3/02-ciclo-componentes/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/src/components/Actions.vue: -------------------------------------------------------------------------------- 1 | 10 | 12 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | .env 26 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/src/App.vue: -------------------------------------------------------------------------------- 1 | 8 | 18 | -------------------------------------------------------------------------------- /week1/day2/responsive.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | Document 10 | 11 | 12 |
13 | 14 | -------------------------------------------------------------------------------- /week4/day1/02-vue/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "02-vue", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^3.1.0", 16 | "vite": "^3.1.0" 17 | } 18 | } -------------------------------------------------------------------------------- /week5/day1/01-store/src/store/generalStore.js: -------------------------------------------------------------------------------- 1 | import { defineStore } from 'pinia' 2 | 3 | export const useStore = defineStore('main', { 4 | // other options... 5 | // En el state definimos las variables que se van a compartir en la aplicacion 6 | state: () => ({ 7 | count: 0 8 | }), 9 | 10 | actions: { 11 | increment(){ 12 | this.count++ 13 | } 14 | } 15 | }) -------------------------------------------------------------------------------- /week4/day2/04-project/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "04-project", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^3.1.0", 16 | "vite": "^3.1.0" 17 | } 18 | } -------------------------------------------------------------------------------- /week4/day3/01-eventos/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "01-eventos", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^3.1.0", 16 | "vite": "^3.1.0" 17 | } 18 | } -------------------------------------------------------------------------------- /week4/day3/03-project/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "04-project", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^3.1.0", 16 | "vite": "^3.1.0" 17 | } 18 | } -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "lab-basics", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^3.1.0", 16 | "vite": "^3.1.0" 17 | } 18 | } -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/src/components/User.vue: -------------------------------------------------------------------------------- 1 | 7 | 14 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "03-componentes", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^3.1.0", 16 | "vite": "^3.1.0" 17 | } 18 | } -------------------------------------------------------------------------------- /week4/day2/02-formularios/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "02-formularios", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^3.1.0", 16 | "vite": "^3.1.0" 17 | } 18 | } -------------------------------------------------------------------------------- /week4/day2/03-propiedades/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "03-propiedades", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^3.1.0", 16 | "vite": "^3.1.0" 17 | } 18 | } -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "03-lab-tweets", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^3.1.0", 16 | "vite": "^3.1.0" 17 | } 18 | } -------------------------------------------------------------------------------- /week2/day4/03-funciones/index.js: -------------------------------------------------------------------------------- 1 | // Si son mas de 3 argumentos no seria recomendado asi 2 | const funcion = (arg1, arg2, arg3, arg4, arg5)=>{ 3 | 4 | } 5 | // Si son mas 3 argumentos mejor pasar un objeto 6 | const function2 = ({arg1, arg2, arg3, arg4}) => { 7 | 8 | } 9 | 10 | funcion(1, 2, 3, 4); 11 | const obj ={ 12 | arg1: '', 13 | arg2: '', 14 | arg3: '', 15 | arg4: '', 16 | arg5: '' 17 | } 18 | function2(obj) -------------------------------------------------------------------------------- /week3/day1/01-bulma/index.js: -------------------------------------------------------------------------------- 1 | const btn = document.querySelector('#btn-hamburgesa'); 2 | const menu = document.querySelector('#menu-hamburguesa'); 3 | 4 | 5 | btn.addEventListener('click', () => { 6 | 7 | // classList nos da las clases que tiene un elemento 8 | // toggle quita o pone una clase en funcion si ya la tiene o no 9 | btn.classList.toggle('is-active'); 10 | menu.classList.toggle('is-active'); 11 | 12 | }) -------------------------------------------------------------------------------- /week4/day2/01-condicionales/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "01-condicionales", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^3.1.0", 16 | "vite": "^3.1.0" 17 | } 18 | } -------------------------------------------------------------------------------- /week6/01-bulma/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day1/02-vue/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day2/04-project/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week5/day1/01-store/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week5/day1/02-shop/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week5/day1/03-login/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day1/01-paths/styles/index.css: -------------------------------------------------------------------------------- 1 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; 2 | 3 | 4 | 5 | /* .card *{ 6 | border: solid 2px red; 7 | } */ 8 | 9 | .card{ 10 | height: 100%; 11 | display: flex; 12 | flex-direction: column; 13 | } 14 | 15 | .card-content{ 16 | flex: 1; 17 | display: flex; 18 | flex-direction: column; 19 | justify-content: space-between; 20 | height: 100%; 21 | } -------------------------------------------------------------------------------- /week4/day1/03-componentes/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day3/01-eventos/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Vue 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day3/02-ciclo-componentes/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "02-ciclo-componentes", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37" 13 | }, 14 | "devDependencies": { 15 | "@vitejs/plugin-vue": "^3.1.0", 16 | "vite": "^3.1.0" 17 | } 18 | } -------------------------------------------------------------------------------- /week4/day3/03-project/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Vue 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day4/01-router/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Vue 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day5/04-lab-contries/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Vue 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day2/01-condicionales/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day2/02-formularios/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Vue 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day2/03-propiedades/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Vue 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day3/02-ciclo-componentes/README.md: -------------------------------------------------------------------------------- 1 | # Vue 3 + Vite 2 | 3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` 12 | 13 | 14 | -------------------------------------------------------------------------------- /week4/day3/02-ciclo-componentes/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Vue 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /week5/day1/01-store/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "01-store", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "pinia": "^2.0.23", 13 | "vue": "^3.2.37" 14 | }, 15 | "devDependencies": { 16 | "@vitejs/plugin-vue": "^3.1.0", 17 | "vite": "^3.1.0" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /week1/day4/04-fizzbuzz.js: -------------------------------------------------------------------------------- 1 | // Funcion que escriba en pantalla los numeros del 1 al 100 2 | // si el numero es multiplo de 3 tiene que poner fizz 3 | // si el numero es multiplo de 5 tiene que poner buzz 4 | 5 | const fizzbuzz = () => { 6 | for (let i = 1; i <= 100; i++) 7 | { 8 | if (i % 3 == 0) console.log('fizz'); 9 | else if (i % 5 == 0) console.log('buzz'); 10 | else console.log(i); 11 | } 12 | } 13 | 14 | fizzbuzz() -------------------------------------------------------------------------------- /week4/day4/01-router/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "01-router", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37", 13 | "vue-router": "^4.1.5" 14 | }, 15 | "devDependencies": { 16 | "@vitejs/plugin-vue": "^3.1.0", 17 | "vite": "^3.1.0" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "01-rutas", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37", 13 | "vue-router": "^4.1.5" 14 | }, 15 | "devDependencies": { 16 | "@vitejs/plugin-vue": "^3.1.0", 17 | "vite": "^3.1.0" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /week4/day3/03-project/src/components/SectionsFooter.vue: -------------------------------------------------------------------------------- 1 | 8 | 16 | -------------------------------------------------------------------------------- /week5/day1/01-store/src/components/Message.vue: -------------------------------------------------------------------------------- 1 | 8 | 17 | -------------------------------------------------------------------------------- /week4/day5/04-lab-contries/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "04-lab-contries", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "vue": "^3.2.37", 13 | "vue-router": "^4.1.5" 14 | }, 15 | "devDependencies": { 16 | "@vitejs/plugin-vue": "^3.1.0", 17 | "vite": "^3.1.0" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /week6/01-bulma/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "01-bulma", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "bulma": "^0.9.4", 13 | "vue": "^3.2.37" 14 | }, 15 | "devDependencies": { 16 | "@vitejs/plugin-vue": "^3.1.0", 17 | "sass": "^1.55.0", 18 | "vite": "^3.1.0" 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /week3/day1/02-youtube/styles/layout.css: -------------------------------------------------------------------------------- 1 | 2 | .layout{ 3 | display: flex; 4 | 5 | } 6 | 7 | .layout aside{ 8 | width: 250px; 9 | background-color: #202121; 10 | min-height: calc(100vh - 57px); 11 | } 12 | .layout .videos { 13 | width: calc(100% - 250px); 14 | } 15 | 16 | .aside-item{ 17 | color: #eee; 18 | padding: 10px 15px; 19 | cursor: pointer; 20 | transition: 300ms; 21 | } 22 | 23 | .aside-item:hover{ 24 | background-color: #666; 25 | } -------------------------------------------------------------------------------- /week4/day1/01-paths/index.js: -------------------------------------------------------------------------------- 1 | let num = 4; 2 | 3 | // debugger; 4 | num += 6; 5 | // debugger; 6 | 7 | const main = async (num) => { 8 | try { 9 | debugger; 10 | 11 | const resp = await fetch('https://pokeapi.co/api/v2/pokemon/' + num) 12 | console.log(resp) 13 | } catch (error) { 14 | console.log(error) 15 | debugger; 16 | alert('Vuelve a intentarlo en unos momentos') 17 | } 18 | } 19 | 20 | main(num); 21 | 22 | -------------------------------------------------------------------------------- /week3/day3/02-clases/02-index.js: -------------------------------------------------------------------------------- 1 | class Usuario{ 2 | #nombre; 3 | #email; 4 | 5 | constructor(nombre, email){ 6 | this.#nombre = nombre; 7 | this.#email = email 8 | } 9 | leer(){} 10 | 11 | } 12 | 13 | class Admin extends Usuario{ 14 | 15 | constructor(nombre, email){ 16 | super(nombre, email); 17 | } 18 | borrar(){} 19 | editar(){} 20 | crear(){} 21 | } 22 | 23 | new Usuario('usuario', 'email'); 24 | // new Promise -------------------------------------------------------------------------------- /week5/day1/03-login/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "03-login", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "pinia": "^2.0.23", 13 | "vue": "^3.2.37", 14 | "vue-router": "^4.1.5" 15 | }, 16 | "devDependencies": { 17 | "@vitejs/plugin-vue": "^3.1.0", 18 | "vite": "^3.1.0" 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /week5/day1/01-store/src/App.vue: -------------------------------------------------------------------------------- 1 | 7 | 18 | -------------------------------------------------------------------------------- /week5/day1/01-store/src/components/Navbar.vue: -------------------------------------------------------------------------------- 1 | 8 | 14 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/docs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + Vue 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /week4/day1/02-vue/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week5/day1/02-shop/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week6/01-bulma/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week1/day5/04-chartb/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 |
14 | 15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /week2/day1/03-background/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 | 13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /week4/day2/04-project/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day3/01-eventos/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day3/03-project/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day4/01-router/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day4/02-pokedex/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "axios": "^1.1.2", 13 | "fast-average-color": "^9.1.1", 14 | "vue": "^3.2.37", 15 | "vue-router": "^4.1.5" 16 | }, 17 | "devDependencies": { 18 | "@vitejs/plugin-vue": "^3.1.0", 19 | "vite": "^3.1.0" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /week4/day4/02-pokedex/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week5/day1/01-store/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week5/day1/03-login/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day2/01-condicionales/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day2/02-formularios/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day2/03-propiedades/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day5/03-lab-tweets/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day5/04-lab-contries/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week5/day1/02-shop/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "02-shop", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "pinia": "^2.0.23", 13 | "pinia-plugin-persist": "^1.0.0", 14 | "vue": "^3.2.37", 15 | "vue-router": "^4.1.5" 16 | }, 17 | "devDependencies": { 18 | "@vitejs/plugin-vue": "^3.1.0", 19 | "vite": "^3.1.0" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /week5/day1/03-login/src/router/index.js: -------------------------------------------------------------------------------- 1 | import {createRouter, createWebHistory} from 'vue-router' 2 | 3 | const routes = [ 4 | { 5 | path: '/', 6 | name: 'home', 7 | component: () => import('../views/Home.vue') 8 | }, 9 | { 10 | path: '/login', 11 | name: 'login', 12 | component: () => import('../views/Login.vue') 13 | } 14 | ] 15 | 16 | const router = createRouter({ 17 | history: createWebHistory(), 18 | routes 19 | }) 20 | 21 | export default router; -------------------------------------------------------------------------------- /week4/day3/02-ciclo-componentes/src/assets/vue.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "03-pokedexv2", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "axios": "^1.1.2", 13 | "fast-average-color": "^9.1.1", 14 | "vue": "^3.2.37", 15 | "vue-router": "^4.1.5" 16 | }, 17 | "devDependencies": { 18 | "@vitejs/plugin-vue": "^3.1.0", 19 | "vite": "^3.1.0" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "task-app", 3 | "private": true, 4 | "version": "0.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@supabase/supabase-js": "^2.0.0", 13 | "pinia": "^2.0.23", 14 | "vue": "^3.2.37", 15 | "vue-router": "^4.1.5" 16 | }, 17 | "devDependencies": { 18 | "@vitejs/plugin-vue": "^3.1.0", 19 | "vite": "^3.1.0" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/src/helpers/index.js: -------------------------------------------------------------------------------- 1 | import { FastAverageColor } from 'fast-average-color' 2 | 3 | export const getPokemonImage = (id) => { 4 | return `https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/official-artwork/${id}.png` 5 | } 6 | 7 | // Creamos una funcion que nos retornara el color predominante de una imagen 8 | export const getColorByImage = async (image) => { 9 | const fac = new FastAverageColor(); 10 | const color = await fac.getColorAsync(image) 11 | return color.hex 12 | } -------------------------------------------------------------------------------- /week4/day5/04-lab-contries/src/components/Navbar.vue: -------------------------------------------------------------------------------- 1 | 12 | 14 | -------------------------------------------------------------------------------- /week4/day4/02-pokedex/src/api/index.js: -------------------------------------------------------------------------------- 1 | import axios from 'axios'; 2 | import { limitPokemons } from '../config'; 3 | 4 | const pokeApi = axios.create({ 5 | baseURL: 'https://pokeapi.co/api/v2/', 6 | timeout: 3000 7 | }); 8 | 9 | export const getPokemons = async () => { 10 | const response = await pokeApi.get('pokemon?limit=' + limitPokemons); 11 | return response.data; 12 | } 13 | 14 | export const getPokemonDetails = async (id) => { 15 | const response = await pokeApi.get('pokemon/' + id); 16 | return response.data; 17 | } -------------------------------------------------------------------------------- /week2/day1/02-contador/resuelto/index.js: -------------------------------------------------------------------------------- 1 | let counter = 0; 2 | 3 | 4 | const printCounter = () => { 5 | document.querySelector('#counter').innerHTML = counter 6 | } 7 | 8 | 9 | document.querySelector('#suma').addEventListener('click', () => { 10 | counter++; 11 | printCounter(); 12 | }) 13 | document.querySelector('#resta').addEventListener('click', () => { 14 | counter--; 15 | printCounter(); 16 | }) 17 | document.querySelector('#reset').addEventListener('click', () => { 18 | counter = 0; 19 | printCounter(); 20 | }) 21 | 22 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/layout/section.sass: -------------------------------------------------------------------------------- 1 | @import "../utilities/mixins" 2 | 3 | $section-padding: 3rem 1.5rem !default 4 | $section-padding-desktop: 3rem 3rem !default 5 | $section-padding-medium: 9rem 4.5rem !default 6 | $section-padding-large: 18rem 6rem !default 7 | 8 | .section 9 | padding: $section-padding 10 | // Responsiveness 11 | +desktop 12 | padding: $section-padding-desktop 13 | // Sizes 14 | &.is-medium 15 | padding: $section-padding-medium 16 | &.is-large 17 | padding: $section-padding-large 18 | -------------------------------------------------------------------------------- /week4/day4/02-pokedex/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Pokedex 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /week2/day1/03-background/resuelto/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Backgroound 10 | 11 | 12 | 13 |
14 | 15 |
16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/form/checkbox-radio.sass: -------------------------------------------------------------------------------- 1 | %checkbox-radio 2 | cursor: pointer 3 | display: inline-block 4 | line-height: 1.25 5 | position: relative 6 | input 7 | cursor: pointer 8 | &:hover 9 | color: $input-hover-color 10 | &[disabled], 11 | fieldset[disabled] &, 12 | input[disabled] 13 | color: $input-disabled-color 14 | cursor: not-allowed 15 | 16 | .checkbox 17 | @extend %checkbox-radio 18 | 19 | .radio 20 | @extend %checkbox-radio 21 | & + .radio 22 | +ltr-property("margin", 0.5em, false) 23 | -------------------------------------------------------------------------------- /week3/day4/02-cine-app/views/home.html: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 |

PELICULAS EN CARTELERA

5 |
6 |
7 |
8 |
9 |
10 |

PELICULAS POPULARES

11 |
12 |
13 |
14 |
15 | 16 | 17 |
-------------------------------------------------------------------------------- /week5/day1/02-shop/src/App.vue: -------------------------------------------------------------------------------- 1 | 5 | 19 | -------------------------------------------------------------------------------- /week5/day1/02-shop/src/router/index.js: -------------------------------------------------------------------------------- 1 | // Crear un router con las vistas Home y Cart 2 | 3 | import {createRouter, createWebHistory} from 'vue-router' 4 | 5 | const routes = [ 6 | { 7 | path: '/', 8 | name: 'home', 9 | component: () => import('../views/Home.vue') 10 | }, 11 | { 12 | path: '/cart', 13 | name: 'cart', 14 | component: () => import('../views/Cart.vue') 15 | } 16 | ] 17 | 18 | const router = createRouter({ 19 | history: createWebHistory(), 20 | routes 21 | }) 22 | 23 | export default router; -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/src/router/index.js: -------------------------------------------------------------------------------- 1 | import {createRouter, createWebHistory} from 'vue-router' 2 | 3 | // Definimos las rutas 4 | const routes = [ 5 | { 6 | path: '/', 7 | name: 'home', 8 | component: () => import('../views/Home.vue') 9 | }, 10 | { 11 | path: '/:id', 12 | name: 'details', 13 | component: () => import('../views/Details.vue') 14 | } 15 | ] 16 | 17 | // Creamos el router 18 | const router = createRouter({ 19 | history: createWebHistory(), 20 | routes 21 | }) 22 | 23 | export default router -------------------------------------------------------------------------------- /week5/day1/02-shop/src/views/Cart.vue: -------------------------------------------------------------------------------- 1 | 12 | 18 | -------------------------------------------------------------------------------- /week1/day5/04-chart/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | } 4 | 5 | .container { 6 | height: 100vh; 7 | display: flex; 8 | align-items: center; 9 | justify-content: center; 10 | background-color: #eee; 11 | } 12 | 13 | .chart { 14 | width: 50%; 15 | background-color: #fafafa; 16 | border-radius: 20px; 17 | padding: 20px; 18 | -webkit-box-shadow: 0px 0px 31px -4px rgba(0, 0, 0, 0.75); 19 | -moz-box-shadow: 0px 0px 31px -4px rgba(0, 0, 0, 0.75); 20 | box-shadow: 0px 0px 31px -4px rgba(0, 0, 0, 0.75); 21 | } 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /week5/day1/02-shop/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue' 2 | import './style.css' 3 | import App from './App.vue' 4 | import router from './router' 5 | import { createPinia } from 'pinia' 6 | import piniaPersist from 'pinia-plugin-persist' 7 | 8 | // Crear un store con pinia del carrito donde guardaremos una 9 | // array de productos 10 | // monstrar en el navbar el lenght de los productos en 11 | // la seccion del carrito 12 | const pinia = createPinia() 13 | pinia.use(piniaPersist) 14 | 15 | createApp(App) 16 | .use(router) 17 | .use(pinia) 18 | .mount('#app') 19 | -------------------------------------------------------------------------------- /week4/day4/02-pokedex/src/helpers/index.js: -------------------------------------------------------------------------------- 1 | import { FastAverageColor } from 'fast-average-color' 2 | 3 | // export const getPokemonImage = (id) => `https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/dream-world/${id}.svg` 4 | export const getPokemonImage = (id) => `https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/official-artwork/${id}.png` 5 | 6 | export const getColorByImage = async (image) => { 7 | 8 | const fac = new FastAverageColor(); 9 | const color = await fac.getColorAsync(image) 10 | return color.hex; 11 | } -------------------------------------------------------------------------------- /week3/day4/02-cine-app/js/movieCard.js: -------------------------------------------------------------------------------- 1 | import { IMG_URL } from "./api.js" 2 | 3 | export const printMovieCard = (id, imagen, title) => { 4 | return ` 5 |
6 | 7 |
8 |
9 | 10 |
11 |
12 | ${title} 13 |
14 |
15 | 16 |
17 | ` 18 | } -------------------------------------------------------------------------------- /week3/day4/02-cine-app/js/controllers/populars.js: -------------------------------------------------------------------------------- 1 | import { getPopularMovies } from "../api.js" 2 | import { printMovieCard } from "../movieCard.js"; 3 | 4 | 5 | const printPopularsMovies = async () => { 6 | const response = await getPopularMovies(); 7 | const populars = response.results; 8 | let html = ''; 9 | populars.map(movie => { 10 | html += printMovieCard(movie.id, movie.poster_path, movie.title) 11 | }) 12 | document.querySelector('#populars .columns').innerHTML = html; 13 | } 14 | 15 | export const loadPopulars = async () => { 16 | printPopularsMovies(); 17 | } -------------------------------------------------------------------------------- /week4/day3/01-eventos/src/components/CicloComponente.vue: -------------------------------------------------------------------------------- 1 | 6 | 27 | -------------------------------------------------------------------------------- /week2/day5/02-reto/styles/index.css: -------------------------------------------------------------------------------- 1 | @import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"; 2 | 3 | body{ 4 | background-color: #eee; 5 | } 6 | 7 | main { 8 | height: 100vh; 9 | display: flex; 10 | justify-content: center; 11 | align-items: center; 12 | } 13 | 14 | main nav { 15 | width: 400px; 16 | height: 80vh; 17 | 18 | } 19 | 20 | 21 | .agenda{ 22 | background-color: #fff; 23 | } 24 | .agenda-header{ 25 | background-color: #b61111 !important; 26 | } 27 | 28 | #list{ 29 | overflow: hidden; 30 | overflow-y: auto; 31 | height: calc(100% - 55px - 57px); 32 | } -------------------------------------------------------------------------------- /week3/day4/02-cine-app/js/controllers/nowPlaying.js: -------------------------------------------------------------------------------- 1 | import { getNowPlayingMovies } from "../api.js" 2 | import { printMovieCard } from "../movieCard.js"; 3 | 4 | 5 | const printNowPlayingMovies = async () => { 6 | const response = await getNowPlayingMovies(); 7 | const nowPlaying = response.results; 8 | let html = ''; 9 | nowPlaying.map(movie => { 10 | html += printMovieCard(movie.id, movie.poster_path, movie.title) 11 | }) 12 | document.querySelector('#nowPlaying .columns').innerHTML = html; 13 | } 14 | 15 | export const loadNowPlaying = async () => { 16 | printNowPlayingMovies(); 17 | } -------------------------------------------------------------------------------- /week5/day2/01-task-app/src/router/index.js: -------------------------------------------------------------------------------- 1 | import { createRouter, createWebHistory } from 'vue-router' 2 | 3 | const routes = [ 4 | { 5 | path: '/', 6 | name: 'home', 7 | component: () => import('../views/Home.vue') 8 | }, 9 | { 10 | path: '/login', 11 | name: 'login', 12 | component: () => import('../views/Login.vue') 13 | }, 14 | ] 15 | 16 | const router = createRouter({ 17 | history: createWebHistory(import.meta.env.BASE_URL), 18 | routes, 19 | 20 | }) 21 | 22 | console.log('router: ', import.meta.env.BASE_URL) 23 | 24 | export default router; -------------------------------------------------------------------------------- /week5/day1/03-login/src/store/posts.js: -------------------------------------------------------------------------------- 1 | 2 | import { defineStore } from 'pinia' 3 | 4 | // { 5 | // id: 1, 6 | // message: '', 7 | // user: '', 8 | // date: new Date() 9 | // } 10 | export const usePostsStore = defineStore('posts', { 11 | state: () => ({ 12 | posts: [] 13 | }), 14 | 15 | actions: { 16 | new(message, user) { 17 | const post = { 18 | id: this.posts.length + 1, 19 | message: message, 20 | user: user, 21 | date: new Date() 22 | } 23 | this.posts.push(post); 24 | } 25 | } 26 | }) -------------------------------------------------------------------------------- /week2/day2/02-dom/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 |
14 |

Item

15 | 16 |
17 |
18 |
Item2
19 | 20 |
21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /week4/day3/01-eventos/src/components/EventComponent.vue: -------------------------------------------------------------------------------- 1 | 5 | 21 | -------------------------------------------------------------------------------- /week2/day1/04-calculadora/resuelto/styles.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | body{ 4 | margin: 0px; 5 | display: flex; 6 | height: 100vh; 7 | flex-direction: column; 8 | justify-content: center; 9 | align-items: center; 10 | } 11 | 12 | input, select{ 13 | padding: 10px; 14 | border-radius: 4px; 15 | border: solid 1px #333; 16 | } 17 | 18 | button{ 19 | padding: 10px 20px; 20 | background-color: #1530cc; 21 | color: #fff; 22 | font-weight: bold; 23 | font-size: large; 24 | border-radius: 4px; 25 | cursor: pointer; 26 | border: none; 27 | } 28 | 29 | button:hover{ 30 | background-color: #112282; 31 | 32 | } -------------------------------------------------------------------------------- /week1/day5/04-chart/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 |
17 | 18 |
19 |
20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /week4/day3/02-ciclo-componentes/src/style.css: -------------------------------------------------------------------------------- 1 | :root, 2 | :root.light { 3 | 4 | --bg: #fff; 5 | --color: #333; 6 | } 7 | 8 | :root.dark { 9 | --bg: #333; 10 | --color: #fff; 11 | } 12 | 13 | :root.blue{ 14 | --bg: #05396b; 15 | --color: #e7f1fe; 16 | } 17 | 18 | :root.pink { 19 | --bg: #ffcad4; 20 | --color: #e75480; 21 | } 22 | 23 | :root.space { 24 | --bg: #000; 25 | --color: #f2bd16 26 | } 27 | 28 | * { 29 | background-color: var(--bg); 30 | color: var(--color); 31 | transition: 300ms; 32 | } 33 | 34 | @media (prefers-color-scheme: dark) { 35 | :root { 36 | --bg: #333; 37 | --color: #fff; 38 | } 39 | } -------------------------------------------------------------------------------- /week4/day4/02-pokedex/src/App.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 21 | 22 | 27 | -------------------------------------------------------------------------------- /week4/day4/02-pokedex/src/components/Stats.vue: -------------------------------------------------------------------------------- 1 | 7 | 13 | -------------------------------------------------------------------------------- /week4/day2/03-propiedades/src/components/SlotComponent.vue: -------------------------------------------------------------------------------- 1 | 14 | 16 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/src/components/Iteracion5.vue: -------------------------------------------------------------------------------- 1 | 8 | 19 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/src/components/Stats.vue: -------------------------------------------------------------------------------- 1 | 8 | 15 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/src/views/Projects.vue: -------------------------------------------------------------------------------- 1 | 10 | 19 | -------------------------------------------------------------------------------- /week3/day4/02-cine-app/styles/movies.css: -------------------------------------------------------------------------------- 1 | .movie-card { 2 | border-radius: 20px; 3 | overflow: hidden; 4 | cursor: pointer; 5 | position: relative; 6 | transition: 300ms; 7 | } 8 | 9 | .movie-card:hover { 10 | transform: scale(1.1) 11 | } 12 | 13 | .movie-info { 14 | position: absolute; 15 | top: 0px; 16 | bottom: 0px; 17 | left: 0px; 18 | right: 0px; 19 | background-color: rgba(0, 0, 0, 0.7); 20 | color: #eee; 21 | padding: 10px; 22 | font-weight: 700; 23 | display: none; 24 | align-items: center; 25 | justify-content: center; 26 | text-align: center; 27 | } 28 | 29 | .movie-card:hover .movie-info { 30 | display: flex; 31 | } -------------------------------------------------------------------------------- /week4/day3/03-project/src/App.vue: -------------------------------------------------------------------------------- 1 | 11 | 22 | -------------------------------------------------------------------------------- /week4/day4/02-pokedex/src/routes/index.js: -------------------------------------------------------------------------------- 1 | import { createRouter, createWebHistory } from 'vue-router' 2 | 3 | 4 | const routes = [ 5 | { 6 | path: '/', 7 | name: 'home', 8 | component: () => import('../views/Home.vue') 9 | }, 10 | { 11 | path: '/:id', 12 | name: 'details', 13 | component: () => import('../views/Details.vue') 14 | }, 15 | 16 | ] 17 | 18 | // 3. Create the router instance and pass the `routes` option 19 | // You can pass in additional options here, but let's 20 | // keep it simple for now. 21 | const router = createRouter({ 22 | history: createWebHistory(), 23 | routes, 24 | }) 25 | 26 | 27 | 28 | export default router; -------------------------------------------------------------------------------- /week5/day1/02-shop/src/store/cart.js: -------------------------------------------------------------------------------- 1 | import { defineStore } from 'pinia' 2 | 3 | export const useCartStore = defineStore('cart', { 4 | state: () => ({ 5 | products: [] 6 | }), 7 | 8 | actions: { 9 | //Hacer un push del producto al state products 10 | add(product) { 11 | this.products.push(product) 12 | } 13 | }, 14 | persist: { 15 | // Nos activa la persistencia del store 16 | enabled: true, 17 | strategies: [ 18 | { 19 | // Key del store 20 | key: 'cart', 21 | // donde guarda el store 22 | storage: localStorage, 23 | }, 24 | ], 25 | }, 26 | }) -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/elements/other.sass: -------------------------------------------------------------------------------- 1 | @import "../utilities/mixins" 2 | 3 | .block 4 | @extend %block 5 | 6 | .delete 7 | @extend %delete 8 | 9 | .heading 10 | display: block 11 | font-size: 11px 12 | letter-spacing: 1px 13 | margin-bottom: 5px 14 | text-transform: uppercase 15 | 16 | .loader 17 | @extend %loader 18 | 19 | .number 20 | align-items: center 21 | background-color: $background 22 | border-radius: $radius-rounded 23 | display: inline-flex 24 | font-size: $size-medium 25 | height: 2em 26 | justify-content: center 27 | margin-right: 1.5rem 28 | min-width: 2.5em 29 | padding: 0.25rem 0.5rem 30 | text-align: center 31 | vertical-align: top 32 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/src/views/Pais.vue: -------------------------------------------------------------------------------- 1 | 4 | 25 | -------------------------------------------------------------------------------- /week2/day1/03-background/index.js: -------------------------------------------------------------------------------- 1 | 2 | // Guardamos la referencia al div que cambiara el background color 3 | const container = document.querySelector('.container'); 4 | 5 | const getRandom = () => { 6 | // Math.random() -> devuelve un numero al azar entre 0 y 1 7 | // Math.ceil() -> redondea a la baja un numero 8 | // Multiplicamos por el numero maximo que queremos obtener 9 | // En el caso de los colores van de 0 a 255 10 | return Math.ceil(Math.random() * 255); 11 | } 12 | 13 | const handleClick = () => { 14 | container.style.backgroundColor = `rgb(${getRandom()}, ${getRandom()}, ${getRandom()})` 15 | } 16 | 17 | document.querySelector('#btn').addEventListener('click', handleClick) 18 | 19 | -------------------------------------------------------------------------------- /week2/day1/04-calculadora/style.css: -------------------------------------------------------------------------------- 1 | 2 | body{ 3 | margin: 0px; 4 | display: flex; 5 | height: 100vh; 6 | align-items: center; 7 | justify-content: center; 8 | flex-direction: column; 9 | } 10 | 11 | input, select { 12 | padding: 10px; 13 | border-radius: 4px; 14 | border: 1px solid #333; 15 | } 16 | 17 | body > * { 18 | margin-bottom: 20px; 19 | } 20 | 21 | button { 22 | padding: 10px 20px; 23 | background-color: #1530cc; 24 | color: #fff; 25 | font-weight: bold; 26 | font-size: large; 27 | border-radius: 4px; 28 | cursor: pointer; 29 | border: none; 30 | transition: 300ms; 31 | } 32 | 33 | button:hover{ 34 | background-color: #10228d; 35 | } -------------------------------------------------------------------------------- /week2/day2/03-todo/resuelto/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | TO DO LIST 9 | 10 | 11 | 12 | 13 |

TO DO LIST

14 |
15 |
16 | 17 | 18 |
19 |
20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/src/importaciones.js: -------------------------------------------------------------------------------- 1 | // importar variables y funciones de otros archivos 2 | 3 | // Si pongo {} va a buscar el nombre de la variable que importo 4 | import { variable, newFunc,newvariable } from './exports'; 5 | // Si no pongo {} importa el export default del archivo y le da el nombre 6 | // que le diga al import 7 | import nuevaVariable from './exports/exportaciones' 8 | 9 | // Importa todo 10 | import * as Importaciones from './exports/exportaciones'; 11 | 12 | console.log(variable, nuevaVariable) 13 | 14 | // Si no uso el index.js tengo que importar los archivos uno por uno 15 | import { variable, newFunc } from './exports/exportaciones'; 16 | import {newvariable} from './exports/exportaciones2' -------------------------------------------------------------------------------- /week3/day2/02-storage/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 |
18 | 21 |
22 | 23 |
24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/src/App.vue: -------------------------------------------------------------------------------- 1 | 11 | 23 | -------------------------------------------------------------------------------- /week2/day1/02-contador/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 |
13 | 0 14 |
15 |
16 | 17 | 18 | 19 |
20 |
21 | 22 | 23 | -------------------------------------------------------------------------------- /week4/day5/02-lab-basics/src/components/Iteracion4.vue: -------------------------------------------------------------------------------- 1 | 8 | 28 | -------------------------------------------------------------------------------- /week2/day1/02-contador/resuelto/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Contador 10 | 11 | 12 | 13 | 14 |
15 |
0
16 |
17 | 18 | 19 | 20 |
21 |
22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/src/components/Composition.vue: -------------------------------------------------------------------------------- 1 | 10 | 30 | -------------------------------------------------------------------------------- /week3/day4/02-cine-app/views/search.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 | 7 | 8 | 9 | 10 |
11 |
12 | 13 |

14 |
15 |
16 |
17 |
18 | 19 |
-------------------------------------------------------------------------------- /week3/day2/01-lab-dom-cart/.github/workflows/test.yml: -------------------------------------------------------------------------------- 1 | name: Automated Testing 2 | on: push 3 | jobs: 4 | test: 5 | runs-on: ubuntu-latest 6 | steps: 7 | - name: Load code 8 | uses: actions/checkout@v2 9 | - name: Prepare environment 10 | uses: actions/setup-node@v2 11 | with: 12 | node-version: '14' 13 | check-latest: true 14 | - name: Install dependencies 15 | run: npm i 16 | - name: Run tests 17 | run: npm run test -- --ci --reporters=default --reporters=jest-junit 18 | - name: Reports the results of tests 19 | uses: IgnusG/jest-report-action@v2.3.3 20 | if: always() 21 | with: 22 | access-token: ${{ secrets.GITHUB_TOKEN }} 23 | run-name: test 24 | -------------------------------------------------------------------------------- /week5/day1/02-shop/src/components/Navbar.vue: -------------------------------------------------------------------------------- 1 | 17 | 23 | -------------------------------------------------------------------------------- /week5/day1/03-login/src/store/auth.js: -------------------------------------------------------------------------------- 1 | // crear un store que tenga la vatiable 2 | // isAuth -> para indicar si el usuario esta identificado 3 | // user -> Objeto con la informacion del usuario 4 | 5 | import { defineStore } from 'pinia' 6 | 7 | export const useAuthStore = defineStore('auth', { 8 | state: () => ({ 9 | isAuth: false, 10 | user: { 11 | name: '', 12 | email: '' 13 | } 14 | }), 15 | 16 | actions: { 17 | login(name, email){ 18 | this.isAuth = true; 19 | this.user.name = name; 20 | this.user.email = email; 21 | }, 22 | 23 | logout(){ 24 | this.isAuth = false; 25 | this.user.name = ''; 26 | this.user.email = ''; 27 | } 28 | 29 | 30 | } 31 | }) -------------------------------------------------------------------------------- /week2/day2/03-todo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 |

TO DO LIST

12 |
13 |
14 | 15 |
16 |
17 |
18 | 19 | 20 |
21 |
22 | 23 |
24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/src/App.vue: -------------------------------------------------------------------------------- 1 | 13 | 29 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/src/components/Options.vue: -------------------------------------------------------------------------------- 1 | 10 | 32 | -------------------------------------------------------------------------------- /week1/day3/02-datos.js: -------------------------------------------------------------------------------- 1 | // Arrays empiezan en 0 2 | const arr1 = [1, 2, 3, 4, 5]; 3 | 4 | console.log(arr1[arr1.length - 1]); 5 | 6 | const arr2 = [1, 'text', true]; // no se debe hacer 7 | 8 | for (let i = 0; i < arr1.length; i++){ 9 | console.log(arr1[i]) 10 | } 11 | 12 | // objetos json {indice: valor} 13 | const obj = { 14 | name: "nombre", 15 | edad: 30 16 | } 17 | const index = ['name', 'edad', 'otro'] 18 | const varOb = 'edad' 19 | console.log(obj.edad) // lo normal es acceder de esta manera 20 | console.log(obj[varOb]) // rara vez se ve 21 | console.log(obj.edad) 22 | for (let j = 0; j < index.length; j++) { 23 | console.log(obj[index[j]]); 24 | } 25 | 26 | const obj2 = { 27 | propUno: "" 28 | }; 29 | // Anadiendo propiedades a los objetos 30 | obj2.name = 'nombre'; 31 | 32 | 33 | -------------------------------------------------------------------------------- /week1/day5/03-indecisionApp/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Indecision App 8 | 9 | 10 | 11 |
12 |
13 |

Decision App

14 | 15 |
16 | 17 |
18 |
19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /week3/day3/03-lab-javascript-chronometer-es-master/.github/workflows/test.yml: -------------------------------------------------------------------------------- 1 | name: Automated Testing 2 | on: push 3 | jobs: 4 | test: 5 | runs-on: ubuntu-latest 6 | steps: 7 | - name: Load code 8 | uses: actions/checkout@v2 9 | - name: Prepare environment 10 | uses: actions/setup-node@v2 11 | with: 12 | node-version: '14' 13 | check-latest: true 14 | - name: Install dependencies 15 | run: npm i 16 | - name: Run tests 17 | run: npm run test -- --ci --reporters=default --reporters=jest-junit 18 | - name: Reports the results of tests 19 | uses: IgnusG/jest-report-action@v2.3.3 20 | if: always() 21 | with: 22 | access-token: ${{ secrets.GITHUB_TOKEN }} 23 | run-name: test 24 | -------------------------------------------------------------------------------- /week5/day2/01-task-app/src/store/auth.js: -------------------------------------------------------------------------------- 1 | import { defineStore } from 'pinia' 2 | 3 | export const useAuthStore = defineStore('auth', { 4 | // arrow function recommended for full type inference 5 | state: () => { 6 | return { 7 | // all these properties will have their type inferred automatically 8 | // Nos indicara si el usuario esta autenticado 9 | isAuth: false, 10 | // Guardaremos el id de supabase que nos dara al hacer el login 11 | id: undefined 12 | } 13 | }, 14 | actions: { 15 | login() { 16 | // TODO cambiar el estado de autenticacion e id del usuario 17 | }, 18 | 19 | logout(){ 20 | // TODO cambiar el estado de autenticacion e id del usuario 21 | } 22 | } 23 | }) -------------------------------------------------------------------------------- /week3/day3/01-lab-js-greatest-movies-es-master/.github/workflows/test.yml: -------------------------------------------------------------------------------- 1 | name: Automated Testing 2 | on: [push, pull_request] 3 | jobs: 4 | test: 5 | runs-on: ubuntu-latest 6 | steps: 7 | - name: Load code 8 | uses: actions/checkout@v2 9 | - name: Prepare environment 10 | uses: actions/setup-node@v2 11 | with: 12 | node-version: '14' 13 | check-latest: true 14 | - name: Install dependencies 15 | run: npm i 16 | - name: Run tests 17 | run: npm run test -- --ci --reporters=default --reporters=jest-junit 18 | - name: Reports the results of tests 19 | uses: IgnusG/jest-report-action@v2.3.3 20 | if: always() 21 | with: 22 | access-token: ${{ secrets.GITHUB_TOKEN }} 23 | run-name: test 24 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/src/api/index.js: -------------------------------------------------------------------------------- 1 | import axios from 'axios' 2 | import { limitPokemons } from '../config' 3 | 4 | //axios es un equivalente a fetch 5 | 6 | //creamos una instancia de la pokeapi 7 | // timeout corta la peticion cuando pasa el timepo en ms 8 | const pokeApi = axios.create({ 9 | baseURL: 'https://pokeapi.co/api/v2/', 10 | timeout: 3000 11 | }) 12 | 13 | export const getPokemons = async () => { 14 | const response = await pokeApi.get('pokemon?limit=' + limitPokemons); 15 | //.data es parecido al .json del fetch pero no es una promesa 16 | return response.data 17 | } 18 | 19 | // Obtendremos la informacion de un pokemon por su id 20 | export const getPokemonDetails = async (id) => { 21 | const response = await pokeApi.get('pokemon/' + id); 22 | return response.data; 23 | } -------------------------------------------------------------------------------- /week3/day4/02-cine-app/main.js: -------------------------------------------------------------------------------- 1 | import { router } from './js/router.js'; 2 | 3 | // menu hamburguesa 4 | const btn = document.querySelector('#btn-menu'); 5 | const menu = document.querySelector('#items-menu'); 6 | 7 | // Escuchamos el cambio de la url 8 | window.addEventListener('popstate', router) 9 | 10 | // Escuchamos el evento de submit del formulariop 11 | document.querySelector('#form-search').addEventListener('submit', (e) => { 12 | e.preventDefault(); 13 | // Cambiamos la url 14 | location.hash = '#search?query=' + document.querySelector('#input-search').value; 15 | document.querySelector('#input-search').value = ''; 16 | }) 17 | 18 | // menu hamburguesa 19 | btn.addEventListener('click', () => { 20 | btn.classList.toggle('is-active'); 21 | menu.classList.toggle('is-active'); 22 | }) 23 | 24 | router() -------------------------------------------------------------------------------- /week4/day1/02-vue/src/components/HelloWorld.vue: -------------------------------------------------------------------------------- 1 | 5 | 28 | -------------------------------------------------------------------------------- /week4/day5/04-lab-contries/src/router/index.js: -------------------------------------------------------------------------------- 1 | // src/router.js 2 | import { createRouter, createWebHistory } from 'vue-router'; 3 | 4 | const routes = [ 5 | { 6 | path: '/', 7 | name: 'countries', 8 | component: () => import(/* webpackChunkName: 'list' */ '../views/CountriesList.vue'), 9 | // Si hay children el componente de esta ruta tiene que tener un router-view 10 | children: [ 11 | { 12 | path: ':code', 13 | name: 'details', 14 | component: () => import(/* webpackChunkName: 'details' */ '../views/CountriesDetails.vue') 15 | }, 16 | ] 17 | } 18 | ]; 19 | 20 | const router = createRouter({ 21 | history: createWebHistory('/'), 22 | routes, 23 | scrollBehavior() { 24 | document.getElementById('app').scrollIntoView(); 25 | } 26 | }); 27 | 28 | export default router; -------------------------------------------------------------------------------- /week5/day2/01-task-app/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import vue from '@vitejs/plugin-vue' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [vue()], 7 | // Carpeta donde creara el build 8 | build: { outDir: 'docs' }, 9 | // Comprobamos si estamos en produccion y la base es el nombre del repositorio, si no raiz 10 | // condicion ? 'nombre-repositorio' : '/' 11 | // Operador ternario 12 | // if (process.env.NODE_ENV === 'produccion') { 13 | // base: 'produccion' 14 | // } else { 15 | // base: '/ 16 | // } 17 | // produccion seria github pages 18 | // desarrollo seria yarn dev 19 | base: process.env.NODE_ENV === 'production' ? '/task-app/' : '/' 20 | // base: process.env.NODE_ENV === 'development' ? '/' : '/task-app/' 21 | }) 22 | -------------------------------------------------------------------------------- /week1/day4/05-palindromo.js: -------------------------------------------------------------------------------- 1 | // funcion que retorne un booleano si la sftring que 2 | // recibe es un palindromo 3 | // palindromo es una palabra que se le igua de alante a tras 4 | 5 | 6 | const isPalindromo = (str) => { 7 | return str.split('').reverse().join('') === str 8 | } 9 | const isPalindromo2 = (str) => 10 | str.split('').reverse().join('') === str 11 | 12 | 13 | // console.log(isPalindromo('anitalavalatina')); 14 | // console.log(isPalindromo('no es palindromo')); 15 | 16 | const str = "Hola Mundo a" 17 | console.log(str.split(' o ')) 18 | const nums = [1, 2, 3, 4] 19 | console.log(nums.reverse()) 20 | const strs = ['Hola', 'Mundo', 'gfd']; 21 | console.log(strs.join('')) 22 | 23 | const countWords = (str) => { 24 | const arr = str.split(' '); 25 | return arr.length; 26 | } 27 | console.log(countWords('esto es una frase')) -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/elements/box.sass: -------------------------------------------------------------------------------- 1 | @import "../utilities/mixins" 2 | 3 | $box-color: $text !default 4 | $box-background-color: $scheme-main !default 5 | $box-radius: $radius-large !default 6 | $box-shadow: $shadow !default 7 | $box-padding: 1.25rem !default 8 | 9 | $box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default 10 | $box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default 11 | 12 | .box 13 | @extend %block 14 | background-color: $box-background-color 15 | border-radius: $box-radius 16 | box-shadow: $box-shadow 17 | color: $box-color 18 | display: block 19 | padding: $box-padding 20 | 21 | a.box 22 | &:hover, 23 | &:focus 24 | box-shadow: $box-link-hover-shadow 25 | &:active 26 | box-shadow: $box-link-active-shadow 27 | -------------------------------------------------------------------------------- /week4/day5/01-rutas/src/components/Nav.vue: -------------------------------------------------------------------------------- 1 | 16 | 18 | -------------------------------------------------------------------------------- /week2/day2/lab-javascript-functions-and-arrays-master/SpecRunner.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Jasmine Spec Runner v2.8.0 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /week3/day3/01-lab-js-greatest-movies-es-master/SpecRunner.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Jasmine Spec Runner v2.8.0 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/src/components/Navbar.vue: -------------------------------------------------------------------------------- 1 | 11 | 13 | -------------------------------------------------------------------------------- /week5/day1/03-login/src/components/PostMessage.vue: -------------------------------------------------------------------------------- 1 | 12 | 22 | -------------------------------------------------------------------------------- /week2/day3/03-map/index.js: -------------------------------------------------------------------------------- 1 | // map --> crea una nueva array, no modifica la original 2 | 3 | const arr = [1, 2, 3, 4, 5]; 4 | 5 | const modif = arr.map((num) => { 6 | console.log(num) 7 | return num; 8 | }) 9 | console.log(arr); 10 | console.log(modif); 11 | 12 | const arr2 = [ 13 | { 14 | name: 'Nombre', 15 | age: 20 16 | }, 17 | { 18 | name: 'Nombre2', 19 | age: 12 20 | } 21 | ] 22 | 23 | const newArray = [] 24 | for (let i = 0; i < arr2.length; i++) { 25 | const person = arr2[i]; 26 | newArray.push(person) 27 | } 28 | 29 | array.forEach(person => { 30 | 31 | }); 32 | 33 | const modif2 = arr2.map(person => { 34 | console.log(person) 35 | if (person.age >= 18) 36 | person.isAdult = true; 37 | else 38 | person.isAdult = false; 39 | return person; 40 | }) 41 | 42 | console.log(modif2); -------------------------------------------------------------------------------- /week4/day3/02-ciclo-componentes/src/App.vue: -------------------------------------------------------------------------------- 1 | 13 | 32 | -------------------------------------------------------------------------------- /week2/day1/03-background/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0px; 3 | } 4 | 5 | .container { 6 | height: 100vh; 7 | display: flex; 8 | align-items: center; 9 | justify-content: center; 10 | } 11 | 12 | button{ 13 | padding: 15px 40px; 14 | font-weight: bold; 15 | border-radius: 200px; 16 | font-size: 30px; 17 | border: none; 18 | background-color: #252486; 19 | color: #fff; 20 | transition: 300ms; 21 | cursor: pointer; 22 | -webkit-box-shadow: -4px -1px 58px 0px rgba(0,0,0,0.75); 23 | -moz-box-shadow: -4px -1px 58px 0px rgba(0,0,0,0.75); 24 | box-shadow: -4px -1px 58px 0px rgba(0,0,0,0.75); 25 | } 26 | 27 | button:hover{ 28 | background-color: #1b1a5f; 29 | -webkit-box-shadow: -4px -1px 157px 0px rgba(0,0,0,0.75); 30 | -moz-box-shadow: -4px -1px 157px 0px rgba(0,0,0,0.75); 31 | box-shadow: -4px -1px 157px 0px rgba(0,0,0,0.75); 32 | } -------------------------------------------------------------------------------- /week4/day4/02-pokedex/src/components/Navbar.vue: -------------------------------------------------------------------------------- 1 | 11 | 13 | -------------------------------------------------------------------------------- /week2/day1/04-calculadora/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |
12 | 13 | 14 |
15 | 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /week2/day1/03-background/resuelto/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px 3 | } 4 | 5 | .container { 6 | height: 100vh; 7 | display: flex; 8 | justify-content: center; 9 | align-items: center; 10 | 11 | } 12 | 13 | button { 14 | padding: 15px 40px; 15 | font-weight: bold; 16 | border-radius: 200px; 17 | border: none; 18 | background-color: #251486; 19 | font-size: 30px; 20 | color: #fff; 21 | transition: 300ms; 22 | cursor: pointer; 23 | -webkit-box-shadow: 1px 2px 34px -15px rgba(0, 0, 0, 0.75); 24 | -moz-box-shadow: 1px 2px 34px -15px rgba(0, 0, 0, 0.75); 25 | box-shadow: 1px 2px 34px -15px rgba(0, 0, 0, 0.75); 26 | } 27 | 28 | button:hover { 29 | background-color: #3618db; 30 | -webkit-box-shadow: 1px 2px 34px 3px rgba(0, 0, 0, 0.75); 31 | -moz-box-shadow: 1px 2px 34px 3px rgba(0, 0, 0, 0.75); 32 | box-shadow: 1px 2px 34px 3px rgba(0, 0, 0, 0.75); 33 | } -------------------------------------------------------------------------------- /week4/day1/02-vue/src/App.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /week4/day3/03-project/src/components/Hero.vue: -------------------------------------------------------------------------------- 1 | 17 | 21 | -------------------------------------------------------------------------------- /week4/day2/03-propiedades/src/components/SlotCard.vue: -------------------------------------------------------------------------------- 1 | 15 | 20 | -------------------------------------------------------------------------------- /week4/day3/03-project/src/components/HeroImage.vue: -------------------------------------------------------------------------------- 1 | 8 | 10 | -------------------------------------------------------------------------------- /week1/day2/responsive.css: -------------------------------------------------------------------------------- 1 | 2 | body{ 3 | background-color: blue; 4 | } 5 | 6 | @media only screen and (max-width: 200px){ 7 | body{ 8 | background-color: red; 9 | } 10 | } 11 | 12 | /* For desktop: */ 13 | .col-1 {width: 8.33%;} 14 | .col-2 {width: 16.66%;} 15 | .col-3 {width: 25%;} 16 | .col-4 {width: 33.33%;} 17 | .col-5 {width: 41.66%;} 18 | .col-6 {width: 50%;} 19 | .col-7 {width: 58.33%;} 20 | .col-8 {width: 66.66%;} 21 | .col-9 {width: 75%;} 22 | .col-10 {width: 83.33%;} 23 | .col-11 {width: 91.66%;} 24 | .col-12 {width: 100%;} 25 | 26 | .red{ 27 | background-color: green; 28 | aspect-ratio: 1; 29 | } 30 | 31 | @media only screen and (max-width: 300px) { 32 | /* For mobile phones: */ 33 | [class*="col-"] { 34 | width: 100%; 35 | } 36 | } 37 | 38 | @media only screen and (max-width: 250px) { 39 | /* For mobile phones: */ 40 | [class*="col-"] { 41 | width: 100%; 42 | background-color: yellow; 43 | } 44 | } -------------------------------------------------------------------------------- /week4/day3/03-project/src/components/HeroText.vue: -------------------------------------------------------------------------------- 1 | 16 | 18 | -------------------------------------------------------------------------------- /week2/day1/04-calculadora/resuelto/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Calculadora 9 | 10 | 11 |
12 | 13 | 14 |
15 |
16 | 23 |
24 |
25 | 26 |
27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /week4/day4/01-router/src/App.vue: -------------------------------------------------------------------------------- 1 | 16 | 18 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/grid/tiles.sass: -------------------------------------------------------------------------------- 1 | @import "../utilities/mixins" 2 | 3 | $tile-spacing: 0.75rem !default 4 | 5 | .tile 6 | align-items: stretch 7 | display: block 8 | flex-basis: 0 9 | flex-grow: 1 10 | flex-shrink: 1 11 | min-height: min-content 12 | // Modifiers 13 | &.is-ancestor 14 | margin-left: $tile-spacing * -1 15 | margin-right: $tile-spacing * -1 16 | margin-top: $tile-spacing * -1 17 | &:last-child 18 | margin-bottom: $tile-spacing * -1 19 | &:not(:last-child) 20 | margin-bottom: $tile-spacing 21 | &.is-child 22 | margin: 0 !important 23 | &.is-parent 24 | padding: $tile-spacing 25 | &.is-vertical 26 | flex-direction: column 27 | & > .tile.is-child:not(:last-child) 28 | margin-bottom: 1.5rem !important 29 | // Responsiveness 30 | +tablet 31 | &:not(.is-child) 32 | display: flex 33 | @for $i from 1 through 12 34 | &.is-#{$i} 35 | flex: none 36 | width: (divide($i, 12)) * 100% 37 | -------------------------------------------------------------------------------- /week3/day1/02-youtube/styles/videos.css: -------------------------------------------------------------------------------- 1 | .grid { 2 | padding: 20px; 3 | } 4 | 5 | .video-info { 6 | color: #ccc; 7 | font-size: 0.8rem; 8 | } 9 | 10 | .video-title { 11 | color: #fff; 12 | font-weight: bold; 13 | font-size: 1rem; 14 | } 15 | 16 | .cover-img { 17 | position: relative; 18 | } 19 | 20 | .cover-img img { 21 | position: absolut; 22 | top: 0px; 23 | bottom: 0px; 24 | left: 0px; 25 | right: 0px; 26 | } 27 | .cover-img span{ 28 | position: absolute; 29 | bottom: 5px; 30 | right: 5px; 31 | background-color: #222; 32 | color: #fff; 33 | font-weight: 700; 34 | } 35 | 36 | .sub-header{ 37 | display: flex; 38 | margin-bottom: 20px; 39 | background-color: #202121; 40 | padding: 10px; 41 | border-bottom: 1px solid #555 42 | } 43 | 44 | .sub-header-item{ 45 | border: solid 1px #666; 46 | margin: 0px 10px; 47 | padding: 5px 20px; 48 | border-radius: 200px; 49 | background-color: #444; 50 | color: #eee; 51 | } -------------------------------------------------------------------------------- /week3/day3/03-lab-javascript-chronometer-es-master/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "lab-javascript-chronometer", 3 | "version": "1.0.0", 4 | "license": "UNLICENSED", 5 | "scripts": { 6 | "test": "jest", 7 | "test:watch": "jest --watchAll --verbose=false" 8 | }, 9 | "devDependencies": { 10 | "jest": "^26.6.3", 11 | "jest-html-reporter": "^3.3.0", 12 | "jest-junit": "^12.0.0" 13 | }, 14 | "jest": { 15 | "reporters": [ 16 | "default", 17 | [ 18 | "./node_modules/jest-html-reporter", 19 | { 20 | "pageTitle": "Lab Solution", 21 | "outputPath": "lab-solution.html", 22 | "includeFailureMsg": true, 23 | "includeConsoleLog": true 24 | } 25 | ] 26 | ] 27 | }, 28 | "jest-junit": { 29 | "suiteNameTemplate": "{filepath}", 30 | "classNameTemplate": "{classname}", 31 | "titleTemplate": "{title}" 32 | }, 33 | "prettier": { 34 | "singleQuote": true, 35 | "trailingComma": "none" 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /week2/day1/02-contador/resuelto/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | padding: 0px; 4 | color: #fff; 5 | } 6 | 7 | .container { 8 | height: 100vh; 9 | background: linear-gradient(#111, #333); 10 | display: flex; 11 | justify-content: center; 12 | align-items: center; 13 | flex-direction: column; 14 | } 15 | 16 | #counter { 17 | font-size: 100px; 18 | font-weight: bold; 19 | margin-bottom: 80px; 20 | } 21 | 22 | button { 23 | padding: 15px 30px; 24 | border-radius: 10px; 25 | border: none; 26 | font-weight: bold; 27 | font-size: 20px; 28 | text-transform: uppercase; 29 | color: #fff; 30 | cursor: pointer; 31 | } 32 | 33 | .buttons * { 34 | margin-right: 10px; 35 | } 36 | 37 | #suma, 38 | #resta { 39 | background-color: #1061db; 40 | } 41 | 42 | #suma:hover, 43 | #resta:hover { 44 | background-color: #0b4498; 45 | } 46 | 47 | #reset { 48 | background-color: #14b5dd; 49 | } 50 | 51 | #reset:hover { 52 | background-color: #0f88a6; 53 | } -------------------------------------------------------------------------------- /week2/day3/05-filter/index.js: -------------------------------------------------------------------------------- 1 | // Filter filtra la array retornando una nueva array con la misma estructura pero con los elementos filtrados 2 | 3 | const arr = [1, 4, 68, 87, 2, 8]; 4 | 5 | const modif = arr.filter((number) => { 6 | if (number >= 10) return true; 7 | }) 8 | 9 | 10 | const arr2 = [ 11 | { 12 | title: 'Titulo', 13 | puntuacion: 6 14 | }, 15 | { 16 | title: 'Titulo 2', 17 | puntuacion: 5 18 | }, 19 | { 20 | title: 'Titulo 2', 21 | puntuacion: 8 22 | }, 23 | { 24 | title: 'Titulo 2', 25 | puntuacion: 3 26 | }, 27 | { 28 | title: 'Titulo 2', 29 | puntuacion: 9 30 | }, 31 | { 32 | title: 'Titulo 2', 33 | puntuacion: 1 34 | }, 35 | ] 36 | 37 | const modif2 = arr2.filter((pelicula)=>{ 38 | if (pelicula.puntuacion > 7) return true 39 | }) 40 | 41 | console.log('orig: ', arr); 42 | console.log('filtrada: ', modif) 43 | 44 | console.log('orig: ', arr2); 45 | console.log('filtrada: ', modif2) -------------------------------------------------------------------------------- /week3/day2/01-lab-dom-cart/.github/stale.yml: -------------------------------------------------------------------------------- 1 | # Configuration for probot-stale - https://github.com/probot/stale 2 | 3 | # Number of days of inactivity before an Issue or Pull Request becomes stale 4 | daysUntilStale: 21 5 | 6 | # Issues or Pull Requests with these labels will never be considered stale. Set to `[]` to disable 7 | exemptLabels: 8 | - bugs 9 | - enhancements 10 | 11 | # Number of days of inactivity before an Issue or Pull Request with the stale label is closed. 12 | # Set to false to disable. If disabled, issues still need to be closed manually, but will remain marked as stale. 13 | daysUntilClose: 7 14 | 15 | # Label to use when marking as stale 16 | staleLabel: stale 17 | 18 | # Comment to post when marking as stale. Set to `false` to disable 19 | markComment: > 20 | This pull request has been automatically marked as stale because it didn't have any recent activity. It will be closed if no further activity occurs. Thank you 21 | for your contributions. 22 | closeComment: > 23 | This pull request is closed. Thank you. 24 | -------------------------------------------------------------------------------- /week4/day1/03-componentes/src/components/Composition2.vue: -------------------------------------------------------------------------------- 1 | 10 | 39 | -------------------------------------------------------------------------------- /week4/day3/01-eventos/src/components/Modal.vue: -------------------------------------------------------------------------------- 1 | 19 | 29 | -------------------------------------------------------------------------------- /week3/day1/01-bulma/styles/bulma/sass/elements/container.sass: -------------------------------------------------------------------------------- 1 | @import "../utilities/mixins" 2 | 3 | $container-offset: (2 * $gap) !default 4 | $container-max-width: $fullhd !default 5 | 6 | .container 7 | flex-grow: 1 8 | margin: 0 auto 9 | position: relative 10 | width: auto 11 | &.is-fluid 12 | max-width: none !important 13 | padding-left: $gap 14 | padding-right: $gap 15 | width: 100% 16 | +desktop 17 | max-width: $desktop - $container-offset 18 | +until-widescreen 19 | &.is-widescreen:not(.is-max-desktop) 20 | max-width: min($widescreen, $container-max-width) - $container-offset 21 | +until-fullhd 22 | &.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) 23 | max-width: min($fullhd, $container-max-width) - $container-offset 24 | +widescreen 25 | &:not(.is-max-desktop) 26 | max-width: min($widescreen, $container-max-width) - $container-offset 27 | +fullhd 28 | &:not(.is-max-desktop):not(.is-max-widescreen) 29 | max-width: min($fullhd, $container-max-width) - $container-offset 30 | -------------------------------------------------------------------------------- /week3/day3/01-lab-js-greatest-movies-es-master/.github/stale.yml: -------------------------------------------------------------------------------- 1 | # Configuration for probot-stale - https://github.com/probot/stale 2 | 3 | # Number of days of inactivity before an Issue or Pull Request becomes stale 4 | daysUntilStale: 21 5 | 6 | # Issues or Pull Requests with these labels will never be considered stale. Set to `[]` to disable 7 | exemptLabels: 8 | - bug 9 | - enhancement 10 | 11 | # Number of days of inactivity before an Issue or Pull Request with the stale label is closed. 12 | # Set to false to disable. If disabled, issues still need to be closed manually, but will remain marked as stale. 13 | daysUntilClose: 2 14 | 15 | # Label to use when marking as stale 16 | staleLabel: stale 17 | 18 | # Comment to post when marking as stale. Set to `false` to disable 19 | markComment: > 20 | This pull request has been automatically marked as stale because it didn't have any recent activity. It will be closed if no further activity occurs. Thank you 21 | for your contributions. 22 | closeComment: > 23 | This pull request is closed. Thank you. 24 | -------------------------------------------------------------------------------- /week1/day4/06-calculadora/yarn.lock: -------------------------------------------------------------------------------- 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. 2 | # yarn lockfile v1 3 | 4 | 5 | ansi-regex@^4.1.0: 6 | version "4.1.1" 7 | resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed" 8 | integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g== 9 | 10 | prompt-sync@^4.2.0: 11 | version "4.2.0" 12 | resolved "https://registry.yarnpkg.com/prompt-sync/-/prompt-sync-4.2.0.tgz#0198f73c5b70e3b03e4b9033a50540a7c9a1d7f4" 13 | integrity sha512-BuEzzc5zptP5LsgV5MZETjDaKSWfchl5U9Luiu8SKp7iZWD5tZalOxvNcZRwv+d2phNFr8xlbxmFNcRKfJOzJw== 14 | dependencies: 15 | strip-ansi "^5.0.0" 16 | 17 | strip-ansi@^5.0.0: 18 | version "5.2.0" 19 | resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae" 20 | integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA== 21 | dependencies: 22 | ansi-regex "^4.1.0" 23 | -------------------------------------------------------------------------------- /week3/day3/03-lab-javascript-chronometer-es-master/.github/stale.yml: -------------------------------------------------------------------------------- 1 | # Configuration for probot-stale - https://github.com/probot/stale 2 | 3 | # Number of days of inactivity before an Issue or Pull Request becomes stale 4 | daysUntilStale: 21 5 | 6 | # Issues or Pull Requests with these labels will never be considered stale. Set to `[]` to disable 7 | exemptLabels: 8 | - bug 9 | - enhancement 10 | 11 | # Number of days of inactivity before an Issue or Pull Request with the stale label is closed. 12 | # Set to false to disable. If disabled, issues still need to be closed manually, but will remain marked as stale. 13 | daysUntilClose: 7 14 | 15 | # Label to use when marking as stale 16 | staleLabel: stale 17 | 18 | # Comment to post when marking as stale. Set to `false` to disable 19 | markComment: > 20 | This pull request has been automatically marked as stale because it didn't have any recent activity. It will be closed if no further activity occurs. Thank you 21 | for your contributions. 22 | closeComment: > 23 | This pull request is closed. Thank you. 24 | -------------------------------------------------------------------------------- /week2/day3/04-reduce/index.js: -------------------------------------------------------------------------------- 1 | // reduce recorre la array y ejucuta una funcion en cada iteracion 2 | // que recibe le valor previo acumulado y el valor actual de la iteracion 3 | // lo que retorna en cada iteracion es el acumulado de la siguiente 4 | // Al final reduce retorna el numero acumulado 5 | 6 | // La usaremos para suma o hacer operaciones matematicas acumuladas dentro de una array 7 | // Solo se puede usar en arrays 8 | 9 | const arr = [1, 2, 3, 4, 5]; 10 | const arr2 = [ 11 | { 12 | title: 'a', 13 | puntuacion: 5 14 | }, 15 | { 16 | title: 'b', 17 | puntuacion: 8 18 | } 19 | ] 20 | 21 | // Array de numeros 22 | const result = arr.reduce((previousValue, currentValue) => { 23 | console.log(previousValue, currentValue) 24 | return previousValue + currentValue 25 | }) 26 | 27 | // Array de objetos 28 | const result2 = arr2.reduce((prev, curr) => { 29 | console.log(prev) 30 | return (curr.puntuacion + prev.puntuacion) 31 | }) 32 | 33 | console.log('result: ', result); 34 | console.log('result2: ', result2) -------------------------------------------------------------------------------- /week3/day1/02-youtube/styles/navbar.css: -------------------------------------------------------------------------------- 1 | 2 | .my-navbar{ 3 | background-color: #202020; 4 | border-bottom: 1px solid #555; 5 | color: #fff !important; 6 | display: flex; 7 | justify-content: space-between; 8 | position: sticky; 9 | top: 0px; 10 | } 11 | 12 | .navbar-item{ 13 | color: #fff !important; 14 | 15 | } 16 | 17 | .btn-dark{ 18 | 19 | background-color: #303030; 20 | border: none; 21 | padding: 10px 30px; 22 | border-radius: 0px; 23 | } 24 | 25 | .btn-dark{ 26 | color: #fff; 27 | } 28 | 29 | .my-navbar .input{ 30 | background-color: #0C0C0C; 31 | border: 1px solid #303030; 32 | width: 500px 33 | } 34 | 35 | .my-navbar .input::placeholder { 36 | color: #eee; 37 | } 38 | 39 | .login-btn{ 40 | text-transform: uppercase; 41 | background-color: transparent; 42 | color: #3ea6ff; 43 | border-color: #3ea6ff; 44 | } 45 | 46 | .login-btn:hover{ 47 | text-transform: uppercase; 48 | background-color: transparent; 49 | color: #3ea6ff; 50 | border-color: #3ea6ff; 51 | } 52 | 53 | -------------------------------------------------------------------------------- /week4/day4/03-pokedexv2/src/components/Loading.vue: -------------------------------------------------------------------------------- 1 | 9 | 11 | -------------------------------------------------------------------------------- /week1/day5/03-indecisionApp/styles/styles.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Dangrek&display=swap'); 2 | body{ 3 | margin: 0px; 4 | background-color: #333; 5 | color: #fff; 6 | text-align: center; 7 | font-weight: bold; 8 | font-family: 'Dangrek', cursive; 9 | font-size: 30px; 10 | } 11 | 12 | h1{ 13 | padding: 0px; 14 | margin: 0px; 15 | } 16 | 17 | #container{ 18 | position: relative; 19 | height: 100vh; 20 | width: 100vw; 21 | background-size: cover; 22 | background-position: center; 23 | } 24 | 25 | input { 26 | padding: 10px 15px; 27 | border: solid 1px #333; 28 | border-radius: 4px; 29 | min-width: 400px; 30 | } 31 | 32 | input:focus{ 33 | outline: none; 34 | } 35 | 36 | form{ 37 | position: absolute; 38 | top: 50px; 39 | left: 0px; 40 | right: 0px; 41 | } 42 | 43 | #content { 44 | position: absolute; 45 | bottom: 50px; 46 | left: 0px; 47 | right: 0px; 48 | } 49 | 50 | .decision{ 51 | text-transform: uppercase; 52 | } 53 | 54 | label{ 55 | font-size: 20px; 56 | } -------------------------------------------------------------------------------- /week1/day3/04-funciones.js: -------------------------------------------------------------------------------- 1 | // funciones 2 | function sumar(n1, n2){ 3 | return n1 + n2; 4 | console.log('algo') ; 5 | } 6 | 7 | function sumar2(n1, n2){ 8 | console.log(`El numero 1 es: ${n1}`) 9 | console.log(`El numero 2 es: ${n2}`) 10 | console.log(`La suma es ${n1 + n2}`) 11 | } 12 | 13 | //console.log(sumar(3, 2)); 14 | //console.log(sumar2(3, 2)); 15 | const n1 = sumar(1, 1); 16 | const n2 = sumar(2, 2); 17 | console.log(sumar(n1, n2)); 18 | 19 | 20 | // arrow function 21 | const resta = (n1, n2) => n1 - n2; 22 | const resta2 = (n1, n2) => { 23 | return n1 - n2; 24 | } 25 | 26 | function resta3(n1, n2){ 27 | return n1 -n2; 28 | } 29 | //function suma4(n1, n2) => n1 -n2 //no se puede hacer 30 | r1 = resta(4, 5); 31 | r2 = resta(6, 1) 32 | console.log(resta(r1, r2)); 33 | 34 | try { 35 | console.log(fn()) 36 | } catch (error) { 37 | console.log('ha habido un error') 38 | } 39 | const fn = () =>{ 40 | console.log(1) 41 | } 42 | 43 | // 1 - monstrar por pantalla una lista de 1 a 100 44 | // 2 - monstrar por pantalla una lista de 1 a 100 45 | // pero solo imprimir los numeros pares --------------------------------------------------------------------------------