Git Product home page Git Product logo

vuejs's Introduction

VueJS

Conocimientos requeridos

Para aprender vuejs, es ampliamente recomendable contar con los siguientes conocimientos:

  • HTML 5

  • CSS 3

  • Javascript

Se hace enfásis en tener conocmientos sólidos de JS ya que el lenguaje por defecto del framework es JS. [1]

Requisitos de software

Roadmap in 2021

Frontend developer

frontend

Backend developer

backend

VueJS en un README.adoc

Ciclo de desarrollo de un sitio web

architecture

Ventajas y desventajas

Ventajas
  • Fácil de aprender

  • Ligero

  • PWA (Progressive Web Applications)

  • SPA (Single Page Applications)

  • Conserva la aplicación en orden y modulada

Desventajas
  • La comunidad aún es relativamente pequeña

  • SPA

    • Utilizar el SEO (Search Engine Optimization) se vuelve algo más complicado, nos referimos a la indexado de búsqueda de nuestra página

    • No se habilitan los "bookmarks" del lado del usuario.

    • Problemas con la navegación del usuario.

    • ¿Cómo se corrige? Se utiliza el Side Server Render (SSR), por medio de Nuxt.js

La idea básica

Vamos a poder utilizar sentencias de control con HTML

Se busca descomponer el desarrollo en componentes

components

separate by components

Conceptos a desarrollar de desarrollo Web

  • DOM (Document Object Model)

  • Virtual DOM

  • Linter

Ciclo de vida de la instancia de VueJS

lifecycle

Conceptos de JavaScript

  • var vs let

  • == vs ===

  • Declaración de funciones en el estándar ES6

  • High order array methods

    • Map

    • Reduce

    • Filter

  • De-estructuración de objetos y de arreglos

Conceptos de VueJS

  • Hook functions

Notas rápidas

  • En cada componente de VueJS tenemos: template, funcionalidad, estilos

  • Interpolation en el template (Mostacho)

  • Solo puede haber un elemento de "HTML" por <template></template>

  • Operaciones en la interpolación

  • Directivas (v-if, v-on) : https://v3.vuejs.org/api/directives.html#v-html

  • Style scoped

  • Class binding


1. También se puede utilizar TypeScript.

vuejs's People

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.