An open API service indexing awesome lists of open source software.

https://github.com/edijunior88/casa_do_codigo_vuejs

Neste livro, você vai aprender a sintaxe do Vue.js 2.0, como funcionam seus componentes e métodos, como integrar com APIs externas e criar rotas, e muito mais!
https://github.com/edijunior88/casa_do_codigo_vuejs

vue vue-cli vue-router vue3 vuejs vuejs3

Last synced: 3 months ago
JSON representation

Neste livro, você vai aprender a sintaxe do Vue.js 2.0, como funcionam seus componentes e métodos, como integrar com APIs externas e criar rotas, e muito mais!

Awesome Lists containing this project

README

        

⚠️ ATENÇÃO ⚠️ Leia a issue aberta antes de continuar a utilizar esse aplicativo



Vue.js Construa Aplicações Incríveis

O modo como desenvolvemos código front-end mudou muito ao longo dos últimos anos. Mais do que dar as ferramentas necessárias para desenvolver, os frameworks de componentes reativos para interfaces web modernas vieram nos ajudar com padrões e reaproveitamento de código. Vue.js, ou simplesmente Vue, é uma biblioteca moderna de desenvolvimento front-end, uma lib JavaScript para componentes reativos para web. Ele ganhou muita visibilidade no mercado após ser adotado como padrão pelo Laravel, tendo a possibilidade de ser utilizado em qualquer projeto que possua front-end, independente da linguagem de programação escolhida.

Neste livro, você vai aprender a sintaxe do Vue.js 2.0, como funcionam seus componentes e métodos, como integrar com APIs externas e criar rotas, e muito mais! Caio Incau guia o leitor desde a instalação, passando por algumas bibliotecas úteis, até o desenvolvimento de um projeto de exemplo. A ideia é que, após ler este livro, você consiga desenvolver sua primeira aplicação em Vue.js, com um alto padrão de código, saindo com teoria e prática para poder começar a aplicar em seus próprios projetos.


Link do livro (Português): https://www.casadocodigo.com.br/products/livro-vue
Link do site: https://edijunior88-casadocodigo-vuejs.netlify.app/


Tecnologias Utilizadas

- JavaScript [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages
- Autoprefixer [Autoprefixer](https://github.com/postcss/autoprefixer) – CSS Pre-processors / Extensions
- PostCSS [PostCSS](https://github.com/postcss/postcss) – CSS Pre-processors / Extensions
- Tailwind CSS [Tailwind CSS](https://tailwindcss.com) – Front-End Frameworks
- Vue.js [Vue.js](http://vuejs.org/) – Javascript UI Libraries
- ESLint [ESLint](http://eslint.org/) – Code Review
- Prettier [Prettier](https://prettier.io/) – Code Review
- Vite [Vite](https://vitejs.dev/) – JS Build Tools / JS Task Runners
- jsdom [jsdom](https://github.com/jsdom/jsdom) – Headless Browsers
- axios [axios](https://github.com/mzabriskie/axios) – Javascript Utilities & Libraries

Para ver todas as tecnologias [clique aqui](/techstack.md)


Sobre o Vue.js


  • O que é o Vue.js?

  • Onde posso aplicar o Vue.js?

  • O que este livro vai abordar?

  • O que são os componentes reativos?

  • Qual o diferencial do Vue.js?

  • A história do Vue.js

  • Revisão

Seu primeiro componente com Vue.js


  • Instalando o Vue.js

  • Escrevendo seu primeiro componente

  • Revisão

Construindo nossa aplicação


  • Entendendo o projeto

  • Iniciando o projeto

  • Ações para nossos componentes

  • Revisão

Comunicação entre componentes


  • Comunicação por propriedades

  • A diretiva V-FOR

  • Passando as tarefas

  • Comunicação através de eventos customizados

  • Propriedades computadas

  • Revisão

Renderização condicional


  • V-IF

  • V-SHOW

  • Tarefas completas

  • Aplicando o V-IF em nossa lis
  • ta.
  • Classes de estilo dinâmicas

  • Grupos condicionais

  • Revisão

Testes unitários


  • A importância dos testes

  • Configurando o ambiente

  • Entendendo a instância do Vue

  • Criando seu primeiro teste

  • Revisão

Testes avançados e refatoração


  • Mais testes para nosso Input

  • Escrevendo bons testes

  • Revisão

Rotas


  • vue-router, rotas com Vue.js

  • Transições

  • Voltando para as rotas

  • Revisão

Requisições assíncronas


  • Aprendendo a debuggar com Vue.js Devtools

  • Mostrando o endereço

  • Revisão

Diretivas customizadas


  • Adicionando máscara

  • Construindo sua primeira diretiva

  • Plugins

  • Revisão

Distribuindo conteúdo com Slots


  • Usando Slots

  • Named Slots

  • Scoped Slots

  • Revisão

Vuex


  • O que é Vuex?

  • Quando usar Vuex?

  • Como funciona o Vuex

  • Principais conceitos do Vuex

  • Adicionando Vuex ao nosso projeto

  • Debug com Vue Developer Tools

  • Revisão

Conclusão


  • Para saber mais


Status do Deploy

[![Netlify Status](https://api.netlify.com/api/v1/badges/cc66cddf-7bce-4497-b128-844b4331c04c/deploy-status)](https://app.netlify.com/sites/edijunior88-casadocodigo-vuejs/deploys)


Status Issue

[![DeepSource](https://app.deepsource.com/gh/EdiJunior88/Casa_do_Codigo_VueJS.svg/?label=resolved+issues&show_trend=true&token=IifaCgfFTZc0H9ePELvPd24J)](https://app.deepsource.com/gh/EdiJunior88/Casa_do_Codigo_VueJS/)


Tempo Estudando o livro



wakatime



Status do Curso: ✅ Completado