Full Stack Web Development with Vue Js, NodeJS, MongoDB, JS

O curso Full Stack Web Development with Vue Js, NodeJS, MongoDB, JS é um programa abrangente que ensina os participantes a desenvolver aplicativos da Web full stack usando essas tecnologias. Abrange os fundamentos de JavaScript, desenvolvimento de front-end Vue.js, desenvolvimento de back-end Node.js com Express.js, integração de base de dados MongoDB, design de API RESTful, autenticação e autorização de usuário, implantação, teste e depuração e desenvolvimento de projeto. Os participantes adquirem competências práticas na criação de aplicações Web robustas, do frontend ao backend, incluindo a integração e a implementação de bases de dados.

• Estudante


• Professores, professores, palestrantes interessados


• Acadêmicos, profissionais de TI ou visualizadores de sistema


• Bem como aqueles interessados na linguagem JavaScript e MEVN Stack.

• Fundamentos de html e CSS


• Conceitos básicos de JavaScript

Módulo 1: Conheça o MEVN Stack

• Coisas que você deve saber antes de começar a usar o MEVN Stack


• Conhecendo o aplicativo de página única com Vue.js


• Conhecendo bancos de dados NoSQL e MongoDB


• Conheça o framework Node.js e Express.js.

Módulo 2: Preparando ferramentas e ambiente para desenvolvimento

• Instale o Node.js e o Node Package Manager (NPM)


• Instale a interface de linha de comando (CLI) Vue.js para criar projetos.


• Instale o banco de dados MongoDB


• Instale o Visual Studio Code, o IDE usado para escrever código.


• Instale o Git para controle de versão.


• Testando o projeto do aplicativo Vue.js

Módulo 3: Trabalhando com Vue.js 3 Noções básicas

• Apresentando Vue.js 3


• Crie um aplicativo Vue


• Trabalhando com vinculação de atributos


• Renderização Condicional


• Trabalhando com renderização de lista


• Trabalhando com manipulação de eventos


• Trabalhando com vinculação de classe e estilo


• Aprenda propriedades computadas


• Conheça os componentes e use adereços


• Comunicação com Eventos


• Trabalhando com formulários e v-models

Módulo 4: Trabalhando com aplicativos Vue.js 3

• Vue CLI - Criando o Projeto


• Adicionando bootstrap css e tailwind com vue.js


• Componentes de arquivo único


• Veja os princípios básicos do roteador


• Chamadas de API com Axios


• Roteamento Dinâmico


• Implantando com Renderização


• Gestão de Estado Vuex


• Dimensionando o aplicativo

Módulo 5: Aprenda a base de dados MongoDB

• Resolva problemas de permissão


• Conecte-se ao MongoDB e use a GUI do MongoDB Compass


• Trabalhando com modelos de entidade


• Criar, ler, atualizar e excluir (CRUD)


• Criptografe senhas com Node.js e BCrypt


• Validar senhas

Módulo 6: Aprenda Node.js

• Inicie um novo projeto em Node.js Hello World.


• Conheça Single Thread, Síncrono, Assíncrono


• Diferenças entre var, let, const e vantagens que você deve conhecer


• Ler-Avaliar-Imprimir Loop, Módulo, Exigir


• Caminho relativo e absoluto, Module.export


• Criar servidor com http


• Como usar o sistema de arquivos


• ReadFile vs ReadFileSync


• Evento, Emissão

Módulo 7: Construa uma API RESTful Backend com Node.js e Express.js

• Crie um servidor básico com Express.js e Node.js.


• Entenda como um servidor MEVN Stack é criado e opera


• Aprenda a usar o roteador Express.js


• Use Middleware Express.js e configuração CORS


• Endpoints RESTful com controladores HTTP


• Verifique os códigos de status HTTP

Módulo 8: Criando um sistema de autenticação de usuário, JWT e gerenciamento de sessão

• Tokens da Web JSON


• Vue.js e JSON Web Tokens


• Autenticação de usuário


• Validando a sessão de um usuário


• Gerenciando a sessão do usuário

Módulo 9: Usando o controle de versão Git

• Inicializando git em projetos Vue.js e Node.js


• Adicionando arquivos ao git


• Comprometer-se


• Adicionar git remoto a um servidor remoto, como github, bitbucket, gitlab, etc.


• Arquivos puhs no github, bitbucket, gitlab etc.


• Clonando projetos do github, bitbucket, gitlab para usar

Módulo 10: Workshop CRUD (adicionar, ler, atualizar, excluir dados)

• Conecte Vue.js ao servidor backend com Node.js e Express


• Escreva um processo para adicionar, ler, atualizar e excluir dados (CRUD) via API.


• Preparar projetos finalizados para publicação (Produção).


• Exemplo de implantação na Amazon Web Services e Amazon Elastic Compute Cloud (AWS)


• Implantando aplicativo na web


• Resolva vários problemas encontrados na implantação