home/Mestres Begin

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

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 02 - Mobile - React Native - Explorando estrutura de projeto e opções do Expo - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 03 - Mobile - React Native - Implementando funcionalidade de navegação - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 04 - Mobile - React Native - Estilizando Header e BottomNav - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 05 - Mobile - React Native - Criando estrutura do subheader - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 06 - Mobile - React Native - Estilizando o subheader - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 07 - Mobile - React Native - Criando modal - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 08 - Mobile - React Native - Criando componentes e estrutura do formulário - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 09 - Mobile - React Native - Criando funcionalidade para o formulário - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025

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

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 02 - Front-end - React - Estrutura de projeto - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 03 - Front-end - React - Criando layout da nossa aplicação - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 04 - Front-end - React - Estilizando o layout da aplicação - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 05 - Front-end - React - Criando elementos básicos para controle da listagem - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 06 - Front-end - React - Componentizando nossos elementos e estilizando o select - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 07 - Front-end - React - Estilizando filtro de preço e botão - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 08 - Front-end - React - Filtrando dados na lista - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 09 - Front-end - React - Criando tabela para listagem de produtos - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025

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

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 02 - Back-end - Node.js - Criando o servidor - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 03 - Back-end - Node.js - Criando e Conectando o Banco de dados - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 04 - Back-end - Node.js - Modelando o produto - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 05 - Back-end - Node.js - Salvando Produto - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 06 - Back-end - Node.js - Listagem de produtos - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 07 - Back-end - Node.js - Deletando um produto - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025
Au 08 - Back-end - Node.js - Atualizando o produto - Mestres BEGIN

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.

Autor deste artigo
Fernando Cunha17/03/2025

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

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.

Autor deste artigo
Fernando Cunha17/03/2025
;