{"id":21754785,"url":"https://github.com/roverty/vuejs","last_synced_at":"2026-04-10T16:53:02.916Z","repository":{"id":105905632,"uuid":"311425307","full_name":"roverty/VueJS","owner":"roverty","description":"Repositorio con material para aprender VueJS desde cero.","archived":false,"fork":false,"pushed_at":"2021-04-03T06:26:10.000Z","size":2492,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-25T23:47:02.927Z","etag":null,"topics":["vuejs"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/roverty.png","metadata":{"files":{"readme":"README.adoc","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-11-09T18:12:04.000Z","updated_at":"2022-09-20T19:14:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"1e08cbc8-4102-4bae-9537-605a3ed876cf","html_url":"https://github.com/roverty/VueJS","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roverty%2FVueJS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roverty%2FVueJS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roverty%2FVueJS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/roverty%2FVueJS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/roverty","download_url":"https://codeload.github.com/roverty/VueJS/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244728237,"owners_count":20500023,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["vuejs"],"created_at":"2024-11-26T09:15:23.928Z","updated_at":"2026-04-10T16:52:57.866Z","avatar_url":"https://github.com/roverty.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"= VueJS\nCreado por Rodrigo Francisco \u003crhodfra@gmail.com\u003e\nVersion 1.0, 11.11.2020\n:description: Archivo README del repositorio de VueJS\n:keywords: vuejs, js  \n//:sectnums: \n// Configuracion de la tabla de contenidos\n:toc: \n:toc-placement!:\n:toclevels: 4                                          \n:toc-title: Contenido\n\n// Ruta base de las imagenes\n:imagesdir: ./README.assets/ \n\n// Resaltar sintaxis\n:source-highlighter: pygments\n\n// Iconos para entorno local\nifndef::env-github[:icons: font]\n\n// Iconos para entorno github\nifdef::env-github[]\n:caution-caption: :fire:\n:important-caption: :exclamation:\n:note-caption: :paperclip:\n:tip-caption: :bulb:\n:warning-caption: :warning:\nendif::[]\n\nVueJS es un framework de JavaScript que podríamos considerar\ncomo el hermano de http://react.org/[React] y de http://angular.io[Angular]\n\nimage::vuejs.jpg[vuejs]\n\ntoc::[]\n\n== Conocimientos requeridos\n\nPara aprender https://vuejs.org/[vuejs], es ampliamente recomendable contar \ncon los siguientes conocimientos:\n\n* HTML 5\n* CSS 3\n* Javascript\n\nSe hace enfásis en tener conocmientos sólidos de JS ya que el lenguaje por defecto del framework es JS. footnote:disclaimer[También se puede utilizar TypeScript.]\n\n== Requisitos de software\n\n* https://nodejs.org/en/[NodeJS]\n* https://cli.vuejs.org/[Vue-CLI]\n\n== Roadmap in 2021\n\n=== Frontend developer\n\nimage:vue-in-a-readme/frontend.png[]\n\n=== Backend developer\n\nimage:vue-in-a-readme/backend.png[]\n\n== VueJS en un README.adoc\n\n=== Ciclo de desarrollo de un sitio web\n\nimage:vue-in-a-readme/architecture.jpg[]\n\n=== Ventajas y desventajas\n\n.Ventajas\n* Fácil de aprender\n* Ligero\n* PWA (Progressive Web Applications)\n* SPA (Single Page Applications)\n* Conserva la aplicación en orden y _modulada_\n\n.Desventajas\n* La comunidad aún es relativamente pequeña\n* SPA\n** Utilizar el SEO (Search Engine Optimization) se vuelve algo más complicado,\nnos referimos a la indexado de búsqueda de nuestra página\n** No se habilitan los \"bookmarks\" del lado del usuario.\n** Problemas con la navegación del usuario.\n** _¿Cómo se corrige?_ Se utiliza el *Side Server Render (SSR)*, por medio de\n_Nuxt.js_\n\n\n=== La idea básica\n\nVamos a poder utilizar sentencias de control con HTML\n\nSe busca _descomponer_ el desarrollo en *componentes*\n\nimage:vue-in-a-readme/components.png[]\n\nimage:vue-in-a-readme/separate-by-components.png[]\n\n=== Conceptos a desarrollar de desarrollo Web\n\n* DOM (Document Object Model)\n* Virtual DOM\n* Linter\n\n=== Ciclo de vida de la instancia de VueJS\n\nimage:vue-in-a-readme/lifecycle.png[]\n\n=== Conceptos de JavaScript\n\n* `var` vs `let`\n* `==` vs `===`\n* Declaración de funciones en el estándar ES6\n* High order array methods\n** Map\n** Reduce\n** Filter\n* De-estructuración de objetos y de arreglos\n\n=== Conceptos de VueJS\n* Hook _functions_\n\n=== Notas rápidas\n\n* En cada componente de VueJS tenemos: template, funcionalidad, estilos\n* Interpolation en el _template_ (Mostacho)\n* Solo puede haber un elemento de \"HTML\" por `\u003ctemplate\u003e\u003c/template\u003e`\n* Operaciones en la interpolación\n* Directivas (v-if, v-on) : https://v3.vuejs.org/api/directives.html#v-html\n* Style scoped\n* Class binding\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froverty%2Fvuejs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Froverty%2Fvuejs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froverty%2Fvuejs/lists"}