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.
Configuração do ambiente React Native com Expo, incluindo pré-requisitos, criação de projeto, emulador Android e dicas de desenvolvimento eficiente.
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.
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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.
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.
Aula ensina como criar um cabeçalho modular com filtros, botão e estilo customizado usando CSS Modules e componentes reutilizáveis.
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.
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.
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.
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!
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.
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.
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.
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.
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.
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.
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.
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.
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!
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.