From dbef259c3b8dde72c3c3fe162540a448f6e43f14 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dar=C3=ADo=20Here=C3=B1=C3=BA?= Date: Thu, 17 Nov 2022 21:14:04 -0300 Subject: [PATCH 01/79] Translation proposal in Spanish translation (paragraph 03) --- 7-bank-project/solution/translations/README.es.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/7-bank-project/solution/translations/README.es.md b/7-bank-project/solution/translations/README.es.md index bd93a706..89aea8f8 100644 --- a/7-bank-project/solution/translations/README.es.md +++ b/7-bank-project/solution/translations/README.es.md @@ -1,6 +1,6 @@ # Aplicación bancaria -> Solución de ejemplo para el proyecto de la aplicación bancaria, construida con HTML5 vanilla, CSS y JavaScript (sin marcos ni bibliotecas). +> Solución de ejemplo para el proyecto de la aplicación bancaria, construida con HTML5 vanilla, CSS y JavaScript (sin entorno de trabajos ni bibliotecas). ## Ejecutando la aplicación @@ -10,4 +10,4 @@ Se puede usar cualquier servidor web para ejecutar la aplicación, pero dado que 1. Git clone este repositorio. 2. Abra una terminal, luego ejecute `npx lite-server solution`. Iniciará un servidor web de desarrollo en el puerto `3000` -3. Abra `http://localhost: 3000` en un navegador para ejecutar la aplicación. \ No newline at end of file +3. Abra `http://localhost: 3000` en un navegador para ejecutar la aplicación. From 4c458f140e5e961552c1d22366a950f20caaa73f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dar=C3=ADo=20Here=C3=B1=C3=BA?= Date: Thu, 17 Nov 2022 21:19:07 -0300 Subject: [PATCH 02/79] Fixed internal URL (Paragraph 09) --- 7-bank-project/solution/translations/README.es.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/7-bank-project/solution/translations/README.es.md b/7-bank-project/solution/translations/README.es.md index 89aea8f8..7cf90396 100644 --- a/7-bank-project/solution/translations/README.es.md +++ b/7-bank-project/solution/translations/README.es.md @@ -6,7 +6,7 @@ Primero asegúrese de tener el [servidor API](../api/README.md) en ejecución. -Se puede usar cualquier servidor web para ejecutar la aplicación, pero dado que debe tener [Node.js]https://nodejs.org) instalado de todos modos para ejecutar la API, puede: +Se puede usar cualquier servidor web para ejecutar la aplicación, pero dado que debe tener [Node.js](https://nodejs.org) instalado de todos modos para ejecutar la API, puede: 1. Git clone este repositorio. 2. Abra una terminal, luego ejecute `npx lite-server solution`. Iniciará un servidor web de desarrollo en el puerto `3000` From b658e22da647d6b3f596283addf40844bfb5549f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Dar=C3=ADo=20Here=C3=B1=C3=BA?= Date: Sat, 15 Jul 2023 17:59:48 -0300 Subject: [PATCH 03/79] Update 7-bank-project/solution/translations/README.es.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Abril Ureña <107883174+abrilurena@users.noreply.github.com> --- 7-bank-project/solution/translations/README.es.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/7-bank-project/solution/translations/README.es.md b/7-bank-project/solution/translations/README.es.md index 7cf90396..96f685dc 100644 --- a/7-bank-project/solution/translations/README.es.md +++ b/7-bank-project/solution/translations/README.es.md @@ -6,7 +6,7 @@ Primero asegúrese de tener el [servidor API](../api/README.md) en ejecución. -Se puede usar cualquier servidor web para ejecutar la aplicación, pero dado que debe tener [Node.js](https://nodejs.org) instalado de todos modos para ejecutar la API, puede: +Se puede usar cualquier servidor web para ejecutar la aplicación, pero debido a que debes de tener [Node.js](https://nodejs.org) instalado para ejecutar la API, puedes: 1. Git clone este repositorio. 2. Abra una terminal, luego ejecute `npx lite-server solution`. Iniciará un servidor web de desarrollo en el puerto `3000` From 88adf6133558a41fdf32d52c5f984d7fd7849b13 Mon Sep 17 00:00:00 2001 From: Sara Gibbons Date: Sat, 23 Sep 2023 12:27:55 -0400 Subject: [PATCH 04/79] Create devcontainer.json --- .devcontainer/devcontainer.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 .devcontainer/devcontainer.json diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json new file mode 100644 index 00000000..a7ccca0d --- /dev/null +++ b/.devcontainer/devcontainer.json @@ -0,0 +1,15 @@ +{ + "image": "mcr.microsoft.com/devcontainers/universal:2", + "features": { + "ghcr.io/devcontainers/features/github-cli:1": {} + }, + "customizations": { + "vscode": { + "extensions": [ + "GitHub.copilot", + "ms-vscode.azure-account", + "ms-azuretools.vscode-azurestaticwebapps" + ] + } + } +} From 6dadfd9c9c727d87aaca3d799bc80310c8d3c7e3 Mon Sep 17 00:00:00 2001 From: Sivasish Praharaj <98220976+Sivasish48@users.noreply.github.com> Date: Mon, 14 Aug 2023 10:44:27 -0700 Subject: [PATCH 05/79] Update index.html --- index.html | 85 +++++++++++++++++++++++++++--------------------------- 1 file changed, 43 insertions(+), 42 deletions(-) diff --git a/index.html b/index.html index 73f3b08b..0fdc0ee1 100644 --- a/index.html +++ b/index.html @@ -1,42 +1,43 @@ - - - - - Web Dev for Beginners - - - - - - - -
- - - - + + + + + Web Dev for Beginners + + + + + + + + +
+ + + + From 2cecc496c0f3da4eed4ab949d7fd13a42565957a Mon Sep 17 00:00:00 2001 From: omahs <73983677+omahs@users.noreply.github.com> Date: Mon, 28 Aug 2023 10:48:19 +0200 Subject: [PATCH 06/79] fix typos --- 8-code-editor/1-using-a-code-editor/README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/8-code-editor/1-using-a-code-editor/README.md b/8-code-editor/1-using-a-code-editor/README.md index f56dd7fe..6a065b5b 100644 --- a/8-code-editor/1-using-a-code-editor/README.md +++ b/8-code-editor/1-using-a-code-editor/README.md @@ -99,7 +99,7 @@ To view the changes you made to your project, select the file(s) in the `Changes ![View changes](../images/working-tree.png) -If you are safisfied with the changes you made, hover on the `Changes` folder and click the `+` button to stage the changes. Staging simply means preparing your changes to commit them to GitHub. +If you are satisfied with the changes you made, hover on the `Changes` folder and click the `+` button to stage the changes. Staging simply means preparing your changes to commit them to GitHub. If however you are not comfortable with some changes and you want to discard them, hover on the `Changes` folder and select the `undo` icon. @@ -113,7 +113,7 @@ Once done working on your project, select the `hamburger menu icon` at the top l Installing extensions on VSCode allows you to add new features and customized development environment options on your editor to improve your development workflow. These extensions also help you add support for multiple programming languages and are often either generic extensions or language-based extensions. To browse through the list of all available extensions, click the _`Extensions icon`_ on the activity bar and start typing the name of the extension on the text field labelled _'Search Extensions in Marketplace'_. -You will see a list of extensions, each one containing **the extension name, publisher's name, a 1 sentense description, number of downloads** and **a star rating**. +You will see a list of extensions, each one containing **the extension name, publisher's name, a 1 sentence description, number of downloads** and **a star rating**. ![Extension details](../images/extension-details.png) From aee7ada96d2d55cfb78ccfbd53c9d82e8a105b1d Mon Sep 17 00:00:00 2001 From: omahs <73983677+omahs@users.noreply.github.com> Date: Mon, 28 Aug 2023 10:51:13 +0200 Subject: [PATCH 07/79] fix typos --- 7-bank-project/1-template-route/README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/7-bank-project/1-template-route/README.md b/7-bank-project/1-template-route/README.md index 5fbb1440..0f902537 100644 --- a/7-bank-project/1-template-route/README.md +++ b/7-bank-project/1-template-route/README.md @@ -36,12 +36,12 @@ On your computer, create a folder named `bank` with a file named `index.html` in ## HTML templates -If you want to create multiples screens for a web page, one solution would be to create one HTML file for every screen you want to display. However, this solution comes with some inconvenience: +If you want to create multiple screens for a web page, one solution would be to create one HTML file for every screen you want to display. However, this solution comes with some inconvenience: - You have to reload the entire HTML when switching screen, which can be slow. - It's difficult to share data between the different screens. -Another approach is have only one HTML file, and define multiple [HTML templates](https://developer.mozilla.org/docs/Web/HTML/Element/template) using the ` + + + computed: { + questions() { + return this.file.quizzes; + }, + }, + created() { + this.route = this.$route.params.id; + this.locale = this.$route.query.loc; + }, + methods: { + handleAnswerClick(isCorrect) { + this.error = false; + let nextQuestion = this.currentQuestion + 1; + if (isCorrect == "true") { + //always 3 questions per quiz + if (nextQuestion < 3) { + this.currentQuestion = nextQuestion; + } else { + this.complete = true; + } + } else { + this.error = true; + } + }, + }, + }; + + \ No newline at end of file diff --git a/quiz-app/src/components/QuizGreeting.vue b/quiz-app/src/components/QuizGreeting.vue new file mode 100644 index 00000000..250d3f10 --- /dev/null +++ b/quiz-app/src/components/QuizGreeting.vue @@ -0,0 +1,42 @@ + + + + + diff --git a/quiz-app/src/components/Quizzes.vue b/quiz-app/src/components/Quizzes.vue new file mode 100644 index 00000000..74987e7d --- /dev/null +++ b/quiz-app/src/components/Quizzes.vue @@ -0,0 +1,59 @@ + + + + \ No newline at end of file diff --git a/quiz-app/src/components/icons/IconCommunity.vue b/quiz-app/src/components/icons/IconCommunity.vue new file mode 100644 index 00000000..2dc8b055 --- /dev/null +++ b/quiz-app/src/components/icons/IconCommunity.vue @@ -0,0 +1,7 @@ + diff --git a/quiz-app/src/components/icons/IconDocumentation.vue b/quiz-app/src/components/icons/IconDocumentation.vue new file mode 100644 index 00000000..6d4791cf --- /dev/null +++ b/quiz-app/src/components/icons/IconDocumentation.vue @@ -0,0 +1,7 @@ + diff --git a/quiz-app/src/components/icons/IconEcosystem.vue b/quiz-app/src/components/icons/IconEcosystem.vue new file mode 100644 index 00000000..c3a4f078 --- /dev/null +++ b/quiz-app/src/components/icons/IconEcosystem.vue @@ -0,0 +1,7 @@ + diff --git a/quiz-app/src/components/icons/IconSupport.vue b/quiz-app/src/components/icons/IconSupport.vue new file mode 100644 index 00000000..7452834d --- /dev/null +++ b/quiz-app/src/components/icons/IconSupport.vue @@ -0,0 +1,7 @@ + diff --git a/quiz-app/src/components/icons/IconTooling.vue b/quiz-app/src/components/icons/IconTooling.vue new file mode 100644 index 00000000..660598d7 --- /dev/null +++ b/quiz-app/src/components/icons/IconTooling.vue @@ -0,0 +1,19 @@ + + diff --git a/quiz-app/src/main.js b/quiz-app/src/main.js index 31e02038..5a5dbdba 100644 --- a/quiz-app/src/main.js +++ b/quiz-app/src/main.js @@ -1,14 +1,11 @@ -import Vue from 'vue'; -import App from './App.vue'; -Vue.config.productionTip = false; -import router from './router'; +import './assets/main.css' -import VueI18n from 'vue-i18n'; -Vue.use(VueI18n); +import { createApp } from 'vue' +import App from './App.vue' +import router from './router' -const i18n = new VueI18n({ - locale: 'en', - fallbackLocale: 'en', -}); +const app = createApp(App) -new Vue({ i18n, router, render: (h) => h(App) }).$mount('#app'); +app.use(router) + +app.mount('#app') diff --git a/quiz-app/src/router/index.js b/quiz-app/src/router/index.js index 562a80f3..1d89ac95 100644 --- a/quiz-app/src/router/index.js +++ b/quiz-app/src/router/index.js @@ -1,34 +1,29 @@ -import Vue from 'vue'; -import Router from 'vue-router'; -import Home from '@/views/Home.vue'; -import Quiz from '@/components/Quiz.vue'; -import NotFound from '@/views/NotFound.vue'; -Vue.use(Router); +import { createRouter, createWebHistory } from 'vue-router' +import HomeView from '../views/HomeView.vue' +import Quiz from '@/components/Quiz.vue' -const router = new Router({ - mode: 'history', - base: process.env.BASE_URL, - routes: [ - { - path: '/', - name: 'home', - component: Home, - }, - { - path: '/quiz/:id', - name: 'Quiz', - component: Quiz, - }, - { - path: '/:pathMatch(.*)*', - name: 'NotFound', - component: NotFound, - meta: { title: 'Not Found' }, - }, - ], -}); +const router = createRouter({ + history: createWebHistory(import.meta.env.BASE_URL), + routes: [ + { + path: '/', + name: 'home', + component: HomeView + }, + { + path: '/quiz/:id', + name: 'quiz-detail', + component: Quiz + }, + { + path: '/about', + name: 'about', + // route level code-splitting + // this generates a separate chunk (About.[hash].js) for this route + // which is lazy-loaded when the route is visited. + component: () => import('../views/AboutView.vue') + } + ] +}) -router.beforeEach((to, from, next) => { - next(); -}); -export default router; +export default router diff --git a/quiz-app/src/views/AboutView.vue b/quiz-app/src/views/AboutView.vue new file mode 100644 index 00000000..aab8ebb6 --- /dev/null +++ b/quiz-app/src/views/AboutView.vue @@ -0,0 +1,16 @@ + + + diff --git a/quiz-app/src/views/Home.vue b/quiz-app/src/views/Home.vue deleted file mode 100644 index 01ce25cc..00000000 --- a/quiz-app/src/views/Home.vue +++ /dev/null @@ -1,26 +0,0 @@ - - - \ No newline at end of file diff --git a/quiz-app/src/views/HomeView.vue b/quiz-app/src/views/HomeView.vue new file mode 100644 index 00000000..d6236df1 --- /dev/null +++ b/quiz-app/src/views/HomeView.vue @@ -0,0 +1,9 @@ + + + diff --git a/quiz-app/src/views/NotFound.vue b/quiz-app/src/views/NotFound.vue deleted file mode 100644 index f1dae5c6..00000000 --- a/quiz-app/src/views/NotFound.vue +++ /dev/null @@ -1,5 +0,0 @@ - \ No newline at end of file diff --git a/quiz-app/vite.config.js b/quiz-app/vite.config.js new file mode 100644 index 00000000..5c45e1d9 --- /dev/null +++ b/quiz-app/vite.config.js @@ -0,0 +1,16 @@ +import { fileURLToPath, URL } from 'node:url' + +import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue' + +// https://vitejs.dev/config/ +export default defineConfig({ + plugins: [ + vue(), + ], + resolve: { + alias: { + '@': fileURLToPath(new URL('./src', import.meta.url)) + } + } +}) From 2a05babd7416838377ddbbde91f70e95b412d80c Mon Sep 17 00:00:00 2001 From: Chris Date: Fri, 30 Aug 2024 13:24:05 +0100 Subject: [PATCH 44/79] remvoing .vscode --- quiz-app/.gitignore | 2 +- quiz-app/.vscode/settings.json | 5 ----- 2 files changed, 1 insertion(+), 6 deletions(-) delete mode 100644 quiz-app/.vscode/settings.json diff --git a/quiz-app/.gitignore b/quiz-app/.gitignore index 8ee54e8d..62c7dbc6 100644 --- a/quiz-app/.gitignore +++ b/quiz-app/.gitignore @@ -6,7 +6,7 @@ yarn-debug.log* yarn-error.log* pnpm-debug.log* lerna-debug.log* - +.vscode node_modules .DS_Store dist diff --git a/quiz-app/.vscode/settings.json b/quiz-app/.vscode/settings.json deleted file mode 100644 index c8e04def..00000000 --- a/quiz-app/.vscode/settings.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "editor.codeActionsOnSave": { - "source.fixAll": "explicit" - } -} From a8724defeaba1f0731c685db78429a303c6c2cd5 Mon Sep 17 00:00:00 2001 From: Chris Date: Mon, 2 Sep 2024 19:09:38 +0100 Subject: [PATCH 45/79] fixing lint errors --- quiz-app/src/components/{Quiz.vue => QuizComponent.vue} | 2 +- quiz-app/src/components/{Quizzes.vue => QuizzesComponent.vue} | 4 ++-- quiz-app/src/router/index.js | 4 ++-- quiz-app/src/views/HomeView.vue | 4 ++-- 4 files changed, 7 insertions(+), 7 deletions(-) rename quiz-app/src/components/{Quiz.vue => QuizComponent.vue} (99%) rename quiz-app/src/components/{Quizzes.vue => QuizzesComponent.vue} (92%) diff --git a/quiz-app/src/components/Quiz.vue b/quiz-app/src/components/QuizComponent.vue similarity index 99% rename from quiz-app/src/components/Quiz.vue rename to quiz-app/src/components/QuizComponent.vue index df7091d0..89b7d02c 100644 --- a/quiz-app/src/components/Quiz.vue +++ b/quiz-app/src/components/QuizComponent.vue @@ -87,7 +87,7 @@ export default { - name: "Quiz", + name: "QuizComponent", data() { return { currentQuestion: 0, diff --git a/quiz-app/src/components/Quizzes.vue b/quiz-app/src/components/QuizzesComponent.vue similarity index 92% rename from quiz-app/src/components/Quizzes.vue rename to quiz-app/src/components/QuizzesComponent.vue index 74987e7d..6be72efd 100644 --- a/quiz-app/src/components/Quizzes.vue +++ b/quiz-app/src/components/QuizzesComponent.vue @@ -8,7 +8,7 @@