{"id":22690990,"url":"https://github.com/marcos-monte/vue-coder","last_synced_at":"2026-04-29T17:39:52.070Z","repository":{"id":265449478,"uuid":"888542650","full_name":"Marcos-Monte/vue-coder","owner":"Marcos-Monte","description":"Este repositório é dedicado aos meus estudos iniciais em Vue.js. Aqui registro minha evolução, desde os conceitos básicos até exemplos práticos.  O objetivo é aprender e documentar o progresso, tornando o aprendizado útil também para outros iniciantes. 🚀","archived":false,"fork":false,"pushed_at":"2025-02-20T01:18:23.000Z","size":1279,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-20T02:26:10.196Z","etag":null,"topics":["javascript","vue-router","vuejs","vuex"],"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/Marcos-Monte.png","metadata":{"files":{"readme":"readme.md","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":"2024-11-14T15:22:00.000Z","updated_at":"2025-02-20T01:18:26.000Z","dependencies_parsed_at":"2024-12-19T01:26:30.564Z","dependency_job_id":"88648f38-26af-449e-8a70-0e2ececc521a","html_url":"https://github.com/Marcos-Monte/vue-coder","commit_stats":null,"previous_names":["marcos-monte/vue-coder"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marcos-Monte%2Fvue-coder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marcos-Monte%2Fvue-coder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marcos-Monte%2Fvue-coder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marcos-Monte%2Fvue-coder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Marcos-Monte","download_url":"https://codeload.github.com/Marcos-Monte/vue-coder/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246215825,"owners_count":20741894,"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":["javascript","vue-router","vuejs","vuex"],"created_at":"2024-12-10T01:09:00.426Z","updated_at":"2026-04-29T17:39:52.042Z","avatar_url":"https://github.com/Marcos-Monte.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Estudos em Vue.js\n\nEste repositório é dedicado aos meus estudos iniciais em Vue.js. Aqui registro minha evolução, desde os conceitos básicos até exemplos práticos.  \n\nO objetivo é aprender e documentar o progresso, tornando o aprendizado útil também para outros iniciantes. 🚀  \n\n---\n\n## Visão Geral do Curso\n\n### Interagindo com a DOM (Templates)\n\nTodo o **core** do Vue será abordado neste capítulo:\n- Manipulação do template (HTML)\n- Eventos\n- Propriedades Reativas\n- Estilos\n- Adicionar classes nos elementos HTML\n\n### Entendendo a Instância Vue.js\n\nAprofundamento nos conceitos de instâncias usando Vue.js.\n\n### Vue CLI\n\nInicialmente será feita a importação direta do arquivo JS, evoluindo para o uso do Vue CLI.\n\n#### O que é o Vue CLI?\n- Ferramenta de linha de comando que cria e configura projetos Vue.js.\n\n### Componentes\n\nConceito essencial para todos os principais frameworks JavaScript:\n- Fundamental para a profissionalização do código.\n\n### Formulários\n\n- Trabalhar com formulários e validações no Vue.js.\n\n### Diretivas, Filtros e Mixins\n\n- **Diretivas**: Atributos especiais como `v-if` e `v-for` que aplicam comportamento reativo.\n- **Filtros**: Formatam valores antes da exibição.\n- **Mixins**: Permitem compartilhar lógica entre componentes.\n\n### Animações e Transições\n\n- **Transições**: Adicionam efeitos de entrada e saída a elementos com diretivas como `v-if` e `v-show`.\n- **Animações**: Criam efeitos mais complexos com CSS ou JavaScript.\n\n### Trabalhando com HTTP\n\n- Requisições Ajax utilizando a biblioteca **Axios**.\n- Axios é baseada em **Promises**.\n\n### Aplicações SPA - Single Page Applications\n\n#### Roteamento\n- Navegação entre múltiplas páginas com o **vue-router**.\n\n#### Gerenciamento de Estado (Vuex)\n- Gerencia o estado de forma eficiente, ideal para aplicações maiores.\n\n### Deploying\n\n- Implantação da aplicação em produção, utilizando ferramentas na nuvem.\n\n### Exercícios\n\n- Aulas com exercícios e desafios práticos.\n\n### Projetos\n\nSerão desenvolvidos 5 projetos práticos:\n1. **Projeto 1**: Interação com Templates.  \n2. **Projeto 2**: Trabalhando com Componentes.  \n3. **Projeto 3**: Aplicando Animações.  \n4. **Projeto 4**: Rotas e Gerenciamento de Estado.  \n5. **Projeto Final**: Aplicação voltada ao mercado.\n\n---\n\nAcompanhe minha evolução e sinta-se à vontade para contribuir! 🚀\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarcos-monte%2Fvue-coder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarcos-monte%2Fvue-coder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarcos-monte%2Fvue-coder/lists"}