Mestres Begin
Mobile - React Native
Crie apps para iOS e Android com Expo e React Native. Aprenda do zero com vídeos práticos sobre desenvolvimento mobile moderno e eficiente.
Au 01 - Mobile - React Native - Configurando ambiente e criando projeto - Mestres BEGIN
Configuração do ambiente React Native com Expo, incluindo pré-requisitos, criação de projeto, emulador Android e dicas de desenvolvimento eficiente.
Au 02 - Mobile - React Native - Explorando estrutura de projeto e opções do Expo - Mestres BEGIN
Explorando a estrutura de um projeto React Native com Expo, destacando arquivos principais, estilos, workflows, bibliotecas úteis e a preparação para o CRUD de produtos com React Navigation.
Au 03 - Mobile - React Native - Implementando funcionalidade de navegação - Mestres BEGIN
Explora a navegação com React Navigation no React Native, estruturando rotas com tipagem segura, componentes organizados e práticas escaláveis para futuras aplicações móveis.
Au 04 - Mobile - React Native - Estilizando Header e BottomNav - Mestres BEGIN
Criação de componentes de navegação em React Native com ícones SVG personalizados, suporte a temas dinâmicos e navegação estilizada e reutilizável.
Au 05 - Mobile - React Native - Criando estrutura do subheader - Mestres BEGIN
Preparação da estrutura base da tela de produtos, criando componentes como SubHeader e CustomButton, e organizando o layout para facilitar a manutenção e a evolução do projeto.
Au 06 - Mobile - React Native - Estilizando o subheader - Mestres BEGIN
Ensinando a criar botões customizados em React Native com estados interativos, feedback visual, reutilização de componentes e boas práticas de gestão de estado e estilização.
Au 07 - Mobile - React Native - Criando modal - Mestres BEGIN
Criando um componente de modal reutilizável com suporte a children, animação, fundo semi-transparente e tipagem com TypeScript, preparando sua estrutura para receber formulários de produtos e integração com a API.
Au 08 - Mobile - React Native - Criando componentes e estrutura do formulário - Mestres BEGIN
Estruturação básica de um formulário de cadastro de produtos com componentes modulares, preparação para estado e estilização futura, utilizando TypeScript.
Au 09 - Mobile - React Native - Criando funcionalidade para o formulário - Mestres BEGIN
Ensinando como criar componentes de formulário reutilizáveis em React Native com tipagem segura usando TypeScript e gestão eficiente de estado com useState.
Front End
Minicurso completo de Front-End com React, TypeScript e Node.js. Aprenda a construir aplicações modernas e escaláveis com as tecnologias mais usadas no mercado!
Au 01 - Front-end - React - Configurando ambiente - Mestres BEGIN
Configuração do ambiente para desenvolvimento com React, instalando Node.js e Visual Studio Code, criando um projeto e preparando o terreno para as próximas aulas do minicurso.
Au 02 - Front-end - React - Estrutura de projeto - Mestres BEGIN
Explorando a estrutura gerada pelo Create React App, entendendo o papel das pastas public e src, os conceitos de Virtual DOM, JSX e componentes, além de como o CSS é aplicado nos projetos React.
Au 03 - Front-end - React - Criando layout da nossa aplicação - Mestres BEGIN
Explorando a criação de um layout fixo para a aplicação React, com barra lateral, barra superior e área dinâmica para conteúdo. Utilizando o React Router Dom v6 para gerenciar navegação entre rotas.
Au 04 - Front-end - React - Estilizando o layout da aplicação - Mestres BEGIN
Abordando técnicas para organizar estilos em React, utilizando seletores CSS, CSS Modules, integração com React Router, reset CSS eficiente e boas práticas para garantir consistência visual e manutenibilidade.
Au 05 - Front-end - React - Criando elementos básicos para controle da listagem - Mestres BEGIN
Ensinando a desenvolver uma aplicação de gerenciamento de produtos com filtros avançados, integração com backend, controle de estado e feedback visual, proporcionando uma experiência interativa e escalável.
Au 06 - Front-end - React - Componentizando nossos elementos e estilizando o select - Mestres BEGIN
Aula ensina como criar um cabeçalho modular com filtros, botão e estilo customizado usando CSS Modules e componentes reutilizáveis.
Au 07 - Front-end - React - Estilizando filtro de preço e botão - Mestres BEGIN
Aborda a criação de controles de filtro interativos e estilizados em React, com foco em sliders de preço, botões de ação e lógica de filtragem, proporcionando uma experiência de usuário fluida e acessível.
Au 08 - Front-end - React - Filtrando dados na lista - Mestres BEGIN
Implementando a filtragem de produtos por preço no React usando estado, callbacks e componentes controlados, destacando prop drilling, lifting state up e boas práticas com TypeScript.
Au 09 - Front-end - React - Criando tabela para listagem de produtos - Mestres BEGIN
Ensinando a criação de uma tabela dinâmica e responsiva em React, com foco em estrutura semântica, renderização de dados e estilização avançada.
Back End
Aprenda a criar uma API básica com Node.js, Express, TypeScript e MongoDB. Este tutorial simples vai te guiar pelos primeiros passos no desenvolvimento backend com as ferramentas mais utilizadas no mercado!
Au 01 - Back-end - Node.js - Guia de Instalação do VS Code e Node.js - Mestres BEGIN
Esta aula ensina a configurar o ambiente de desenvolvimento com Node.js e Visual Studio Code para iniciar a criação de uma API de Marketplace.
Au 02 - Back-end - Node.js - Criando o servidor - Mestres BEGIN
Como configurar um projeto Node.js com TypeScript, Express e ferramentas como ESLint e Nodemon para criar uma base sólida e produtiva de desenvolvimento de APIs.
Au 03 - Back-end - Node.js - Criando e Conectando o Banco de dados - Mestres BEGIN
Configuramos a conexão da API Node.js com o MongoDB Atlas usando Mongoose, aplicando boas práticas de segurança, organização e produtividade no ambiente de desenvolvimento.
Au 04 - Back-end - Node.js - Modelando o produto - Mestres BEGIN
Estruturamos o modelo de produtos com Mongoose e criamos rotas básicas de CRUD na API, preparando a base para futuras implementações e melhorias.
Au 05 - Back-end - Node.js - Salvando Produto - Mestres BEGIN
Implementamos a criação de produtos no MongoDB com Express, estruturando o projeto de forma modular, usando JSON e async/await para garantir persistência e organização do código.
Au 06 - Back-end - Node.js - Listagem de produtos - Mestres BEGIN
Nesta aula, implementamos as rotas para listar todos os produtos e buscar por ID, mantendo a organização modular e preparando a base para consultas mais avançadas.
Au 07 - Back-end - Node.js - Deletando um produto - Mestres BEGIN
Nesta aula, implementamos a exclusão de produtos via ID com findByIdAndDelete, mantendo a arquitetura modular e completando três das quatro operações do CRUD.
Au 08 - Back-end - Node.js - Atualizando o produto - Mestres BEGIN
Finalizamos o CRUD com a implementação da atualização de produtos via PATCH, completando todas as operações básicas da API com arquitetura organizada e pronta para evoluções.
Lógica de Programação
Aprenda os fundamentos da lógica de programação de forma simples e prática. Ideal para iniciantes que querem dar os primeiros passos na área da programação!
Lógica de Programação
Falamos sobre fundamentos e tópicos avançados de JavaScript, incluindo variáveis, operadores, funções, programação assíncrona com Promises, Async/Await e sugestões de conteúdo adicional.