Generated by All in One SEO v5.0.0.1, this is an llms.txt file, used by LLMs to index the site. # Prof Washington Paiva Conhecimento para o sucesso digital. ## Sitemaps - [XML Sitemap](https://washington.pro.br/sitemap.xml): Contains all public & indexable URLs for this website. ## Posts - [Criar Instalador App gerar um arquivo apk Android](https://washington.pro.br/criar-instalador-app-gerar-um-arquivo-apk-android/) - Se você desenvolveu um aplicativo com Expo (React Native) e chegou na hora de gerar um arquivo apk para instalar em um celular Android ou compartilhar com outras pessoas, este guia mostra o caminho completo — desde personalizar a identidade do app até ter o arquivo instalável no bolso. Escrito pensando em quem está fazendo - [Cores e Imagens em HTML: Guia Prático com Psicologia das Cores e Acessibilidade](https://washington.pro.br/cores-e-imagens-em-html/) - Aprenda como aplicar cores e imagens em HTML, compreenda os formatos Hexadecimal e RGB, explore a psicologia das cores e garanta acessibilidade com boas práticas de contraste e texto alternativo. - [Elementos de Manipulação de Texto em HTML: o Guia que Todo Iniciante Precisa Ler](https://washington.pro.br/elementos-de-manipulacao-de-texto-em-html-o-guia-que-todo-iniciante-precisa-ler/) - Se você está começando no desenvolvimento web, provavelmente já ouviu que HTML é "fácil" — e, de fato, escrever uma página funcional é rápido. O problema é que existe uma diferença enorme entre escrever HTML que funciona e escrever HTML que faz sentido. Essa diferença aparece logo nos primeiros elementos que todo desenvolvedor aprende: os - [Medindo Temperatura e Umidade com ESP8266 e DHT11](https://washington.pro.br/medindo-temperatura-e-umidade-com-esp8266-e-dht11/) - Se você está começando com IoT e quer um projeto simples, barato e que já entrega resultado na primeira tentativa, o combo ESP8266 + DHT11 é praticamente obrigatório. Neste post eu mostro como montei esse circuito e explico linha por linha o código que li os dados de temperatura e umidade no Monitor Serial. O - [Wireframe: por que desenhar antes de codar (e como fazer o seu)](https://washington.pro.br/wireframe-por-que-desenhar-antes-de-codar-e-como-fazer-o-seu/) - No artigo anterior da série, prometi que a gente ia planejar a estrutura da página antes de escrever qualquer linha de HTML. É sobre isso que vamos falar hoje: o que é um wireframe, como construir um bom wireframe do zero, quais ferramentas usar e o que precisa estar nele antes de você considerar o - [Do desenho ao código: transformando seu wireframe em HTML semântico](https://washington.pro.br/do-desenho-ao-codigo-transformando-seu-wireframe-em-html-semantico/) - Se você fez o dever de casa dos últimos dois artigos, já tem um wireframe validado na mão — sabe exatamente onde fica o menu, onde entra a imagem de destaque, onde ficam as seções de conteúdo. Chegou a hora que você estava esperando: transformar cada caixa desse desenho em código de verdade. Só um - [Por que separar o que um site "é" do que ele "parece"? Fundamentos da Web para quem está começando](https://washington.pro.br/por-que-separar-o-que-um-site-e-do-que-ele-parece-fundamentos-da-web-para-quem-esta-comecando/) - Se você está dando os primeiros passos em desenvolvimento web, provavelmente já ouviu falar de HTML e CSS como se fossem a mesma coisa. Não são. E entender essa diferença logo no início vai economizar meses de confusão mais adiante. Neste primeiro artigo da série sobre Linguagem de Marcação, vamos direto ao ponto: o que - [O Ponto de Partida para a Internet das Coisas (IoT): Conhecendo o ESP8266](https://washington.pro.br/o-ponto-de-partida-para-a-internet-das-coisas-iot-conhecendo-o-esp8266/) - Quando falamos sobre Desenvolvimento de Sistemas, é comum pensarmos imediatamente em telas, bancos de dados, APIs e servidores. Mas e quando o nosso software precisa interagir com o mundo físico? É aqui que entra a Internet das Coisas (IoT) e um dos seus protagonistas mais acessíveis: o ESP8266. Se você está construindo uma aplicação e - [Arquitetura de Rotas Seguras: Navegação Condicional e Níveis de Acesso com React Navigation e Firebase](https://washington.pro.br/arquitetura-de-rotas-seguras-navegacao-condicional-e-niveis-de-acesso-com-react-navigation-e-firebase/) - A espinha dorsal de qualquer aplicativo móvel seguro é o seu sistema de rotas. Controlar o que o usuário pode visualizar com base no seu estado de autenticação e no seu nível de permissão (papel ou role) previne brechas de segurança e melhora drasticamente a experiência de uso. Este artigo analisa a implementação do arquivo - [Criando uma Tela de Detalhes de Produto com Carrossel de Imagens Nativo e Seletor de Quantidade no React Native](https://washington.pro.br/tela-de-detalhes-de-produto-com-carrossel-de-imagens-seletor-de-quantidade-no-react-native/) - Oferecer uma experiência visual fluida e intuitiva na jornada de compra é essencial no comércio eletrônico. No ecossistema mobile, a página Tela de Detalhes de Produto com Carrossel de Imagens de produto é o ponto crucial onde o usuário decide pela conversão. Este artigo analisa a implementação do componente TelaDetalheProduto, construído em React Native, focado - [Gestão de Perfil Completa no React Native com Firebase (Auth, Firestore, Storage) e AsyncStorage](https://washington.pro.br/gestao-de-perfil-completa-no-react-native-com-firebase-auth-firestore-storage-e-asyncstorage/) - Em aplicativos móveis modernos, a persistência de dados e a experiência do usuário (UX) são cruciais. Este artigo analisa o componente TelaPerfil, uma solução robusta em React Native com Firebase para gerenciar perfis de usuário. O código implementa um fluxo completo: autenticação, armazenamento de dados textuais no Firestore, upload de foto no Firebase Storage, e - [Painel de Administração em Tempo Real CRUD com React Native e Firebase Firestore](https://washington.pro.br/painel-de-administracao-em-tempo-real-crud-com-react-native-e-firebase-firestore/) - No desenvolvimento de aplicativos modernos de e-commerce ou catálogo, criar uma interface administrativa eficiente para gerenciar o inventário é essencial. Este artigo desmembra o funcionamento do componente TelaAdm, uma solução prática em React Native projetada para realizar todas as operações de um CRUD (Criar, Ler, Atualizar e Deletar) integrado ao banco de dados NoSQL Firebase - [Criando uma Tela de Perfil Completa no React Native com Firebase, AsyncStorage e Upload de Foto](https://washington.pro.br/criando-uma-tela-de-perfil-completa-no-react-native-com-firebase-asyncstorage-e-upload-de-foto/) - Desenvolver uma tela de perfil em aplicações mobile é uma das tarefas mais importantes em projetos reais. Nesse exemplo, temos uma implementação bastante profissional utilizando: React Native Firebase Authentication Firestore Firebase Storage AsyncStorage Expo Image Picker O código possui recursos modernos como: Cache local com AsyncStorage Atualização automática de cache Carregamento híbrido (local + nuvem) - [Trabalhando em Equipe no GitHub com o VS Code](https://washington.pro.br/trabalhando-em-equipe-no-github-com-o-vs-code/) - Colaborar em um projeto de software com colegas exige mais do que apenas saber programar — é preciso organizar o trabalho de forma que as mudanças de cada pessoa não entrem em conflito com as dos outros. O GitHub é a plataforma mais usada para isso, e o Visual Studio Code (VS Code) ou Google - [Da Planta para a Prática: Ferramentas e a Arte da Traçagem](https://washington.pro.br/da-planta-para-a-pratica-ferramentas-e-a-arte-da-tracagem/) - Agora que você já domina a Simbologia e Leitura de Projetos (LID), chegou a hora de entender como transformar aquelas linhas do papel em estruturas reais. No mundo da montagem de infraestrutura elétrica, um erro de 1 centímetro na medição pode significar o desperdício de uma barra inteira de eletrocalha. Nesta aula, vamos focar na - [Autenticação com Firebase no React Native (Expo)](https://washington.pro.br/autenticacao-com-firebase-no-react-native-expo/) - 🎯 Objetivo Ensinar como implementar autenticação por e-mail e senha usando Firebase Authentication em um aplicativo React Native com Expo. Este conteúdo é continuação de aulas anteriores do Curso Técnico em Desenvolvimento de Sistemas. 🧩 Conceitos abordados Firebase Authentication React Native com Expo Estados e efeitos (useState, useEffect) Navegação entre telas com React Navigation 🔧 - [Servidor HTTP: o motor da web](https://washington.pro.br/servidor-http-o-motor-da-web/) - No mundo da internet, o servidor HTTP é o componente essencial que permite que você visualize uma página, assista a um vídeo ou acesse uma rede social. Pense nele como um "garçom" digital: ele recebe o seu pedido, busca o que foi solicitado e te entrega o conteúdo. A sigla HTTP significa Hypertext Transfer Protocol, - [Ordem de Serviço e Checklist: A "Armadura" para proteger o profissional](https://washington.pro.br/ordem-de-servico-e-checklist-a-armadura-para-subir-de-nivel-no-estagio/) - Você finalmente conseguiu aquela vaga de estágio ou o primeiro trabalho como instalador. Chega na obra ou na residência do cliente cheio de vontade de mostrar serviço, mas, no fim do dia, alguém aponta uma trinca em uma cuba de mármore e diz: "foi você". Bate aquele frio na barriga, né? Insegurança é normal no - [Plano de Trabalho Elétrica: O "Cheat Code" para você não passar perrengue (e lucrar mais) 🛠️⚡](https://washington.pro.br/plano-de-trabalho-eletrica-o-cheat-code-para-voce-nao-passar-perrengue-e-lucrar-mais/) - Evite o 'lag' na produtividade e lucre mais! Descubra por que o Plano de Trabalho Elétrica é o "cheat code" definitivo para eletricistas evitarem o retrabalho. - [Do Multímetro ao Descarte: Guia de Gestão de Resíduos para o Eletricista de Manutenção](https://washington.pro.br/do-multimetro-ao-descarte-guia-de-gestao-de-residuos-para-o-eletricista-de-manutencao/) - Garanta segurança e sustentabilidade com a Gestão de Resíduos para o Eletricista de Manutenção. O guia definitivo para descarte de materiais. - [Implementando a Câmera no React Native com Expo](https://washington.pro.br/implementando-a-camera-no-react-native-com-expo/) - Neste tutorial, vamos aprender a utilizar o componente CameraView para capturar imagens e gerenciar permissões de hardware de forma moderna e eficiente. 1. Introdução ao expo-camera O pacote expo-camera fornece um componente React que renderiza uma visualização da câmera frontal ou traseira do dispositivo. No SDK atual, utilizamos o componente CameraView, que substituiu as versões - [Consumir APIs React Native: Conectando seu App ao Mundo](https://washington.pro.br/consumir-apis-react-native-conectando-seu-app-ao-mundo/) - Até agora, todos os dados que exibimos em nossos apps estavam "chumbados" no código. Mas, na vida real, os dados mudam o tempo todo: o preço do dólar, a previsão do tempo ou as postagens de uma rede social. Para acessar essas informações, precisamos Consumir APIs React Native e para isso usamos as APIs (Application - [Trabalhando com Listas: O Poder da FlatList React Native](https://washington.pro.br/trabalhando-com-listas-o-poder-da-flatlist-react-native/) - Aprenda a criar listas de alto desempenho usando FlatList React Native . Entenda como renderizar grandes volumes de dados de forma fluida e profissional. - [Dominando Modais: O Padrão Bottom Sheet React Native](https://washington.pro.br/dominando-modais-o-padrao-bottom-sheet-react-native/) - Aprenda a criar um Bottom Sheet React Native profissional . Melhore a usabilidade do seu app com este guia prático de design focado na interação com o polegar. - [Ergonomia e Saúde: Como Programar por Anos sem Destruir seu Corpo](https://washington.pro.br/ergonomia-e-saude-como-programar-por-anos-sem-destruir-seu-corpo/) - Você já sentiu uma dor persistente no pulso após uma tarde de codificação? Ou aquela tensão no pescoço que parece não ir embora? No mundo da Tecnologia da Informação, nossa principal ferramenta de trabalho não é apenas o computador, mas o nosso próprio corpo. Neste artigo, vamos entender como a Ergonomia pode ser sua maior - [Eletrodutos e Curvagem: Da Teoria à Precisão no Campo](https://washington.pro.br/eletrodutos-e-curvagem-da-teoria-a-precisao-no-campo/) - Aprenda a instalação de eletrodutos e curvagem. Conheça as regras 12D e 16D, padrões de rosca e como evitar erros críticos na montagem de infraestrutura. - [Infraestrutura elétrica predial: por onde começar?](https://washington.pro.br/infraestrutura-eletrica-predial-por-onde-comecar/) - Todo projeto elétrico seguro e bem feito começa muito antes de puxar o primeiro cabo: começa na infraestrutura elétrica predial.Se você está iniciando na área de manutenção eletroeletrônica, entender a infraestrutura é essencial para planejar instalações organizadas, seguras e fáceis de manter. Neste primeiro artigo da série “Infraestrutura Elétrica na Prática”, você vai descobrir o que é - [Criando Modal Superior React Native Modernos: Do Bottom Sheet ao Top Alert](https://washington.pro.br/criando-modal-superior-react-native-modernos-do-bottom-sheet-ao-top-alert/) - Aprenda a criar Modal Superior React Native e Notificações de Topo (Top Alerts). Melhore a UX do seu app com este guia prático de posicionamento e design. - [Combinar uma Splash Screen com uma Navegação por Abas (Tab Navigation)](https://washington.pro.br/combinar-uma-splash-screen-com-uma-navegacao-por-abas-tab-navigation/) - Combinar uma Splash Screen com uma Navegação por Abas (Tab Navigation) é uma das arquiteturas mais comuns e eficazes no desenvolvimento mobile com React Native. Essa estrutura permite que o aplicativo carregue recursos essenciais enquanto oferece uma identidade visual imediata, direcionando o usuário para o painel principal de forma fluida. Abaixo, detalhamos como essa integração - [Como Criar Navegação entre Telas React Native: Guia Completo de Splash Screen](https://washington.pro.br/como-criar-navegacao-entre-telas-react-native-guia-completo-de-splash-screen/) - Aprenda o Guia de Splash Screen, navegação entre telas React Native usando Stack Navigator. Tutorial completo com código e boas práticas 2026. - [Dominando o GitHub Desktop: Seu Aliado no Desenvolvimento de Sistemas! 🚀](https://washington.pro.br/dominando-o-github-desktop-seu-aliado-no-desenvolvimento-de-sistemas/) - Olá, futuros desenvolvedores! 👋 Vocês já deram os primeiros passos no universo do versionamento com o GitHub, aprendendo a enviar arquivos diretamente pela interface web. Agora, vamos turbinar essa experiência com o GitHub Desktop, uma ferramenta que simplifica e agiliza o seu fluxo de trabalho no dia a dia. Com o GitHub Desktop, gerenciar seus - [Atividade Prática: Explorando o GitHub Desktop 🚀](https://washington.pro.br/atividade-pratica-explorando-o-github-desktop/) - Objetivo: Familiarizar-se com as operações básicas do GitHub Desktop, como clonar, fazer alterações, commitar, dar push, dar pull e criar branches. Pré-requisitos: GitHub Desktop instalado e configurado com sua conta do GitHub. Ter lido o material didático "Dominando o GitHub Desktop". Parte 1: Preparando o Ambiente e Clonando um Repositório Crie um Novo Repositório no - [Guia de HTML Básico: Construindo a Estrutura da Web](https://washington.pro.br/guia-de-html-basico-construindo-a-estrutura-da-web/) - Olá, futuro(a) desenvolvedor(a)! Bem-vindo(a) ao mundo do HTML. Pense no HTML como o esqueleto de qualquer site que você visita. Ele não define as cores ou as fontes (isso é trabalho para o CSS), mas define a estrutura: onde fica o título, os parágrafos, as imagens e os links. O que é HTML? HTML significa - [Atividade Prática: Identificando os Terminais de um Transistor (NPN e PNP)](https://washington.pro.br/atividade-pratica-identificando-os-terminais-de-um-transistor-npn-e-pnp/) - Objetivo Aprender a usar um multímetro para descobrir a pinagem (Base, Coletor, Emissor) de um transistor desconhecido e identificar se ele é do tipo NPN ou PNP. Entendendo o Princípio Um transistor Bipolar (BJT) pode ser visualizado como dois diodos conectados um ao outro. NPN: Um pino comum (Base) ligado aos anodos de dois diodos. - [Sensor de Luminosidade com LDR e Transistor: Análise e Cálculos](https://washington.pro.br/sensor-de-luminosidade-com-ldr-e-transistor-analise-e-calculos/) - Este artigo explora o funcionamento de um circuito fundamental na eletrônica: o sensor de luminosidade que utiliza um LDR (Resistor Dependente de Luz) e um Transistor Bipolar de Junção (TBJ), configurado como uma chave eletrônica. Vamos analisar duas configurações possíveis, calcular os valores teóricos para o modo "Luz Noturna" e verificar a segurança dos componentes. - [Como Funciona o Multivibrador Biestável com Transistores : Desvendando o Flip-Flop](https://washington.pro.br/como-funciona-o-multivibrador-biestavel-com-transistores-desvendando-o-flip-flop/) - Você já precisou de um circuito que, ao apertar um botão, ele permaneça ligado, e só desligue ao apertar outro botão? Este é um desafio clássico em eletrônica. O circuito acima, conhecido como multivibrador biestável, faz exatamente isso. Como o nome "biestável" sugere, ele tem dois estados estáveis de operação. Ele pode permanecer em qualquer - [CADe SIMU: O Guia Completo para Simular Comandos Elétricos (Download + Tutorial)](https://washington.pro.br/cade-simu-o-guia-completo-para-simular-comandos-eletricos-download-tutorial/) - Para estudantes e profissionais da área elétrica, entender a lógica de comandos elétricos pode ser um desafio. Testar circuitos na prática sem antes validar seu funcionamento pode ser arriscado e caro. É aqui que um software de simulação como o CADe SIMU se torna indispensável. Nesse cenário, o CADe SIMU destaca-se como uma das ferramentas - [Como Criar Tab Navigation React Native [Guia]](https://washington.pro.br/como-criar-tab-navigation-react-native-guia/) - Aprenda a criar Tab Navigation React Native com createBottomTabNavigator. Tutorial completo com código prático, personalização de ícones e exemplos funcionais. - [ScrollView no React Native: guia prático com exemplo de destinos turísticos](https://washington.pro.br/scrollview-no-react-native-guia-pratico-com-exemplo-de-destinos-turisticos/) - Quando desenvolvemos aplicativos com conteúdo que ultrapassa o tamanho da tela, é comum precisarmos tornar a visualização rolável — e é justamente para isso que serve o componente ScrollView do React Native. Neste artigo, você vai aprender na prática como criar uma tela que exibe vários destinos turísticos com imagens e textos, permitindo rolagem vertical suave. O que é o ScrollView? - [ImageBackground React Native: Guia Completo com Exemplo Prático](https://washington.pro.br/imagebackground-react-native-guia-completo-com-exemplo-pratico/) - Aprenda a usar ImageBackground React Native para criar telas com imagens de fundo e conteúdo sobreposto. Veja código comentado, props essenciais como resizeMode e dicas de centralização para apps mobile. - [Tutorial: Crimpagem de Cabo de Rede CAT 5e - Demonstração Prática](https://washington.pro.br/tutorial-crimpagem-de-cabo-de-rede-cat-5e-demonstracao-pratica/) - Aprenda como fazer crimpagem de cabo de rede CAT 5e passo a passo. Tutorial completo com padrão T568B, materiais necessários e dicas práticas. Confira! - [Serviços do sistema operacional: processos, memória, arquivos e dispositivos explicados na prática](https://washington.pro.br/servicos-do-sistema-operacional-processos-memoria-arquivos-e-dispositivos-explicados-na-pratica/) - Entenda os principais serviços do sistema operacional — processos, memória, arquivos, dispositivos e segurança — e por que eles importam para quem desenvolve. - [Como montar seu laboratório de sistemas operacionais com máquinas virtuais (e dar os primeiros passos em Windows e Linux)](https://washington.pro.br/como-montar-seu-laboratorio-de-sistemas-operacionais-com-maquinas-virtuais-e-dar-os-primeiros-passos-em-windows-e-linux/) - Monte seu laboratório de sistemas operacionais com máquinas virtuais e aprenda a instalar Windows e Linux, além de dar os primeiros passos na linha de comando. - [Sistemas operacionais para iniciantes: o que são, para que servem e como organizam seus arquivos](https://washington.pro.br/sistemas-operacionais-para-iniciantes-o-que-sao-para-que-servem-e-como-organizam-seus-arquivos/) - Aprenda o que são sistemas operacionais para iniciantes, suas principais funções, diferenças entre código aberto e fechado e como eles organizam arquivos na prática. - [APR e PT para Eletricista : A Segurança Começa no Papel Antes de Chegar à Fiação](https://washington.pro.br/analise-preliminar-riscos-permissao-trabalho-eletrica/) - Aprenda a elaborar APR e PT para Eletricista. Documentação de segurança obrigatória para instalações elétricas conforme NR-10. Exemplos práticos inclusos. - [Equipamentos de Proteção (EPIs) na Montagem de Infraestrutura](https://washington.pro.br/equipamentos-de-protecao-epis-na-montagem-de-infraestrutura/) - Trabalhar na montagem de infraestrutura eletroeletrônica envolve riscos mecânicos (cortes e batidas) e riscos de queda. Conforme o conteúdo da unidade MIE do SENAI, aqui estão os itens que não podem faltar na sua bolsa de ferramentas: 1. Capacete com Jugular (NR-06 / NR-35) Essencial para proteção contra queda de objetos (ferramentas de colegas trabalhando - [Layout Responsivo React Native Flexbox: Como estruturar telas profissionais](https://washington.pro.br/layout-responsivo-react-native-flexbox-como-estruturar-telas-profissionais/) - Aprenda a criar um layout responsivo react native flexbox dividido em seções e componentes no React Native. Guia prático com códigos de exemplo para iniciantes. - [Dando Vida ao App: Eventos e Interatividade React Native](https://washington.pro.br/dando-vida-ao-app-eventos-e-interatividade-react-native/) - Aprenda a criar aplicativos interativos com Eventos e Interatividade React Native. Entenda como funcionam os eventos onPress e aprenda a capturar as ações do usuário no laboratório. - [Hooks: Como fazer seu App "lembrar" das informações - useState React Native Tutorial](https://washington.pro.br/hooks-como-fazer-seu-app-lembrar-das-informacoes-usestate-react-native-tutorial/) - Descubra como funciona o Hook, useState React Native Tutorial. Aprenda a criar aplicativos com memória e entenda a reatividade na prática de laboratório. - [Configurar Ambiente React Native Expo Preparando o Terreno para Criar Apps](https://washington.pro.br/configurar-ambiente-react-native-expo-preparando-o-terreno-para-criar-apps/) - Aprenda a configurar ambiente react native expo, seu ambiente de desenvolvimento mobile do zero. Um guia prático para criar seus primeiros apps em minutos. - [CSS - React Native](https://washington.pro.br/react-native-css/) - Fazer o import componente StyleSheet do React Native antes de começar a formatar os estilos. import React from 'react'; import {StyleSheet, Text} from 'react-native'; Depois da importação criar uma constante chamada estilos que irá receber todo o conteúdo de CSS. Usando StyleSheet.create nós criamos uma folha de estilo conectada a constante estilos conforme código abaixo; - [React Native - Componentes Personalizados](https://washington.pro.br/react-native-componentes-personalizados/) - Um componente personalizado é uma parte da interface do usuário que você pode criar e reutilizar em diferentes partes do seu aplicativo. Por exemplo, você pode criar um componente para exibir um botão, um cartão, um cabeçalho, etc. Um componente personalizado pode receber dados, renderizar elementos, e interagir com o usuário. Para criar um componente - [Estrutura Básica - React Native](https://washington.pro.br/estrutura-basica-react-native/) - Os componentes do React são blocos de construção que podem receber dados, renderizar elementos na tela e interagir com o usuário. Existem dois tipos principais de componentes do React: componentes de classe e componentes funcionais. Os componentes de classe são classes do JavaScript que herdam da classe base do React chamada Component. Os componentes funcionais - [React Native: O Guia Essencial para o Desenvolvimento de Apps Modernos](https://washington.pro.br/react-native-o-guia-essencial-para-o-desenvolvimento-de-apps-modernos/) - Se você acompanha o nosso blog, sabe que a tecnologia não para de evoluir. No universo das aplicações móveis, uma tecnologia tem se destacado consistentemente pela sua eficiência e versatilidade: o React Native. Criado pela Meta (antigo Facebook), essa ferramenta revolucionou a forma como construímos apps para Android e iOS. Neste artigo, vamos explorar o - [Expo e Snack - React Native](https://washington.pro.br/expo-e-snack-react-native/) - São um ecossistema de ferramentas que ajudam você a desenvolver, analisar e implantar Crie aplicativos nativos universais com React Native que rodam em Android, iOS e na web. 1 - 🗄️Crie sua conta [ ] Acesse o link abaixo e crie sua conta gratuita. https://expo.dev/ [ ] Clique em Sign Up [ ] Preencha com seus - [O Lendário 555: Anatomia de um Clássico da Eletrônica](https://washington.pro.br/o-lendario-555-anatomia-de-um-classico-da-eletronica/) - Professor Washington Paiva Na eletrônica, componentes vêm e vão. Válvulas deram lugar a transistores, que deram lugar a circuitos integrados complexos e microcontroladores. No entanto, existe um pequeno chip de 8 pernas que resiste ao teste do tempo desde 1972: o NE555. Projetado pelo genial Hans Camenzind para a Signetics, o 555 não é apenas - [Desvendando o Clássico: Como Funciona o Pisca-Pisca com CI 555 (Modo Astável)](https://washington.pro.br/como-funciona-ci-555-astavel-pisca-led/) - Introdução Se você está iniciando no mundo da eletrônica ou do desenvolvimento de sistemas embarcados, certamente já ouviu falar do lendário CI 555. Ele é o "canivete suíço" dos chips e, na imagem que analisaremos hoje, ele está configurado em seu modo mais popular: o Multivibrador Astável. Mas o que isso significa? Basicamente, o circuito - [Guia Definitivo da Soldagem: Como Soldar e Dessoldar Corretamente (Nível Técnico)](https://washington.pro.br/guia-definitivo-da-soldagem-como-soldar-e-dessoldar-corretamente-nivel-tecnico/) - Domine a soldagem! Aprenda o passo a passo para soldar corretamente, identificar soldas frias, curtos e usar o sugador de solda. - [Multivibrador Astável (Pisca-Pisca): Uma Análise Técnica](https://washington.pro.br/multivibrador-astavel-uma-analise-tecnica/) - Aprenda a fundo o multivibrador astável! Este artigo técnico detalha o funcionamento, componentes e cálculos de frequência/corrente de um pisca-pisca de LEDs, ideal para estudantes de eletroeletrônica. - [Circuito com LDR e Transistor: Desvendando o Interruptor de Luz Automático](https://washington.pro.br/circuito-com-ldr-e-transistor-desvendando-o-interruptor-de-luz-automatico/) - prenda passo a passo como funciona o clássico circuito com LDR e transistor BC547. Entenda o papel do fotoresistor, do divisor de tensão e como acionar um LED com a luz. Ideal para estudantes e hobbistas de eletrônica! - [Tipos de Interruptores: Escolha o Certo para Cada Ambiente](https://washington.pro.br/tipos-de-interruptores-escolha-o-certo-para-cada-ambiente/) - A iluminação é um dos elementos mais importantes em qualquer residência. E para controlá-la de forma eficiente, é crucial escolher o interruptor certo. Não se trata apenas de estética, mas de funcionalidade e otimização do projeto elétrico. Vamos mergulhar nos tipos mais comuns de interruptores e descobrir qual deles é o ideal para a sua - [Desvendando o Código: O "Blink" no ESP8266 - Seu Primeiro Passo na IoT](https://washington.pro.br/desvendando-o-codigo-o-blink-no-esp8266-seu-primeiro-passo-na-iot/) - Olá, futuros desenvolvedores! Hoje vamos analisar o código que é considerado o "Hello, World!" do universo do hardware: o famoso Blink. Esse pequeno programa faz uma tarefa muito simples, mas fundamental: piscar o LED que já vem embutido na placa ESP8266. Ao entender cada linha deste código, vocês estarão aprendendo os três conceitos mais básicos - [O que é o "USB2.0-Ser!"?](https://washington.pro.br/o-que-e-o-usb2-0-ser/) - Esse nome normalmente aparece quando você conecta um adaptador USB para serial (porta COM) baseado em chips como CH340, CP2102, ou FT232. Esses chips são muito usados para conectar dispositivos como Arduino, ESP8266, ESP32 e outros equipamentos seriais via USB. Como resolver o problema: Identifique o chip do seu adaptador: Normalmente está escrito no próprio - [Tutorial: Do Sensor à Tela do Celular com ESP8266 e DHT11](https://washington.pro.br/27665-2/) - Olá! Neste tutorial, vamos construir um projeto de Internet das Coisas (IoT) do zero. Criaremos um monitor de temperatura e umidade sem fio que você poderá acessar diretamente do seu celular, sem precisar de internet! Objetivo do Projeto: Construir um dispositivo que lê os dados de um sensor de temperatura e umidade (DHT11) e os - [Guia Completo: O Alicate Amperímetro e suas Aplicações](https://washington.pro.br/guia-completo-o-alicate-amperimetro-e-suas-aplicacoes/) - Aprenda tudo sobre o alicate amperímetro: como funciona, seus tipos e a melhor forma de usar com segurança. Ideal para eletricistas e estudantes. - [Entendendo as Tomadas Elétricas: Um Guia para Eletricistas em Formação](https://washington.pro.br/entendendo-as-tomadas-eletricas-um-guia-para-eletricistas-em-formacao/) - Aprenda tudo sobre tomadas elétricas residenciais! Guia completo abordando tipos, cálculo de potência, aterramento e os perigos de adaptadores e extensões. - [Linguagem de Marcação - Introdução ao HTML](https://washington.pro.br/linguagem-de-marcacao-introducao-ao-html/) - 1. Introdução à Linguagem de Marcação 1.1 O que são linguagens de marcação? Linguagens de marcação são sistemas de regras que permitem a organização e estruturação de informações. Elas utilizam tags (marcas) para indicar o tipo de conteúdo e como ele deve ser apresentado. 1.2 Para que servem as linguagens de marcação? Organização: As tags - [Explorando a API de Vibração do Celular com React Native 📳](https://washington.pro.br/explorando-a-api-de-vibracao-do-celular-com-react-native/) - Olá, desenvolvedores! Hoje vamos explorar uma API nativa muito interessante e útil para melhorar a experiência do usuário em nossos aplicativos: a API de Vibração. Usar o feedback tátil (a vibração) pode fornecer confirmações importantes para o usuário, criar alertas ou simplesmente adicionar uma camada de interatividade ao seu app. O código que analisaremos hoje - [Desvendando o Uso da Câmera em React Native com Expo](https://washington.pro.br/desvendando-o-uso-da-camera-em-react-native-com-expo/) - Olá, futuros desenvolvedores! 🚀 Hoje, vamos mergulhar em um dos recursos mais legais e interativos que podemos implementar em um aplicativo mobile: o uso da câmera do celular. Utilizaremos React Native com o auxílio da biblioteca Expo para criar uma aplicação simples que acessa a câmera, solicita as permissões necessárias e permite alternar entre a - [Criando um Diário Multimídia com React Native: Câmera e Áudio](https://washington.pro.br/criando-um-diario-multimidia-com-react-native-camera-e-audio/) - Olá, futuros desenvolvedores de sistemas! 🚀 Hoje vamos elevar nosso nível e construir uma aplicação mais completa em React Native usando o Expo. Nosso projeto será um "Diário Multimídia", um aplicativo que não só tira fotos, mas também grava e reproduz notas de voz. Este código é um exemplo fantástico para entendermos como gerenciar múltiplas - [Grupos](https://washington.pro.br/grupos/) - Gerador de Grupos Aleatórios Número inicial: Número final: Participantes por grupo: Criar Grupos Grupos: - [SORTEADOR DE NÚMEROS](https://washington.pro.br/sorteador-de-numeros/) - Sorteador de Números Quantidade de números a sortear: Número inicial: Número final: Sortear Resultado: - [Gerador de Grupos](https://washington.pro.br/gerador-de-grupos/) - Gerador de Grupos Aleatórios Número inicial: Número final: Participantes por grupo: Criar Grupos Grupos: - [Como Instalar o Windows 11 no VirtualBox](https://washington.pro.br/como-instalar-o-windows-11-no-virtualbox/) - Quer experimentar o Windows 11 sem bagunçar seu computador principal? A virtualização é a solução perfeita! Neste artigo, vamos te mostrar como instalar o Windows 11 no VirtualBox, passo a passo. Vamos usar a versão mais recente, VirtualBox 7, que traz novidades que facilitam bastante a instalação do Windows 11. Tabela de Conteúdos Download da - [Aplicativo gerador de tokens](https://washington.pro.br/aplicativo-gerador-de-tokens/) - ⚙️ Configuração inicial Vamos criar o projeto do nosso aplicativo usando o prompt de comando ou o Terminal do VSCODE Crie um repositório vinculado ao Github (Eu criei uma pasta no C: chamada app) Dentro do terminal do VSCode ou pelo prompt de comando, vamos criar o projeto usando a plataforma expo, mas antes podemos - [Proteção Integrada: Firewalls Nativos de Sistemas Operacionais](https://washington.pro.br/protecao-integrada-firewalls-nativos-de-sistemas-operacionais/) - Firewall Um firewall é uma barreira de segurança que monitora e controla o tráfego de dados entre redes diferentes com base em regras de segurança predefinidas. Ele atua como uma primeira linha de defesa na proteção de sistemas e redes contra ameaças e intrusões externas. O firewall pode ser um hardware, um software, ou uma - [Material de Apoio e Atividades: Marco Civil da Internet e LGPD no Desenvolvimento de Sistemas](https://washington.pro.br/material-de-apoio-e-atividades-marco-civil-da-internet-e-lgpd-no-desenvolvimento-de-sistemas/) - Olá, futuros(as) desenvolvedores(as)! Este material foi preparado para explorarmos juntos como duas leis fundamentais para o nosso mundo digital – o Marco Civil da Internet e a Lei Geral de Proteção de Dados (LGPD) – se conectam com os conhecimentos que vocês estão construindo no curso de Desenvolvimento de Sistemas, especialmente nas disciplinas de Lógica - [Dinâmica: Colaboração Coder - Desafio GitHub em Equipe](https://washington.pro.br/dinamica-colaboracao-coder-desafio-github-em-equipe/) - Bem-vindos, futuros desenvolvedores! Nesta atividade, vamos colocar a mão na massa e aprender como colaborar em projetos de software usando ferramentas profissionais como GitHub, Organizações, Equipes e o GitHub Desktop. Preparem-se para trabalhar em equipe, resolver desafios e construir algo juntos! Objetivos da Missão Ao final desta atividade, você será capaz de: Entender por que - [Entendendo os Marcadores de Conflito](https://washington.pro.br/entendendo-os-marcadores-de-conflito/) - Quando o Git não consegue juntar (fazer o "merge") as alterações de dois branches automaticamente, ele modifica o arquivo problemático e insere esses marcadores para mostrar exatamente onde está o conflito. Veja o que cada parte significa: - [Como Instalar o Windows 11 no VirtualBox](https://washington.pro.br/como-instalar-o-windows-11-no-virtualbox-2/) - Quer experimentar o Windows 11 sem bagunçar seu computador principal? A virtualização é a solução perfeita! Neste artigo, vamos te mostrar como instalar o Windows 11 no VirtualBox, passo a passo. Vamos usar a versão mais recente, VirtualBox 7.1, que traz novidades que facilitam bastante a instalação do Windows 11. Tabela de ConteúdosDownload da Imagem - [Explorando os melhores notebooks para trabalhar](https://washington.pro.br/exploring-the-best-laptops-for-work/) - Os notebooks se tornaram uma ferramenta essencial tanto para o trabalho quanto para o lazer, fornecendo aos usuários a potência e a portabilidade de que precisam para realizar suas tarefas em trânsito. - [Espelhar tela do celular no PC](https://washington.pro.br/espelhar-tela-do-celular-no-pc/) - Este aplicativo espelha dispositivos Android (vídeo e áudio) conectados via USB , e permite controlar o dispositivo com o teclado e o mouse do computador. Não requer nenhum acesso root . Funciona em Linux , Windows e macOS . Acesse o link https://github.com/Genymobile/scrcpy Para computadores mais antigos (Windows 7 por exemplo) escolha a opção de 32 bit, caso você esteja com um computador ## Páginas - [Termos de Uso](https://washington.pro.br/termos-de-uso/) - 1. TermosAo acessar ao site prof. washington, concorda em cumprir estes termos de serviço, todas as leis e regulamentos aplicáveis ​​e concorda que é responsável pelo cumprimento de todas as leis locais aplicáveis. Se você não concordar com algum desses termos, está proibido de usar ou acessar este site. Os materiais contidos neste site são - [Política de Privacidade](https://washington.pro.br/politica-de-privacidade/) - A sua privacidade é importante para nós. É política do prof. washington respeitar a sua privacidade em relação a qualquer informação sua que possamos coletar no site prof. washington, e outros sites que possuímos e operamos. Solicitamos informações pessoais apenas quando realmente precisamos delas para lhe fornecer um serviço. Fazemo-lo por meios justos e legais, - [Sobre Mim](https://washington.pro.br/sobre-mim/) - Experiência que faz a diferença Professor com 30 anos de experiência e certificado por diversas empresas, como AWS, Google, Microsoft e Cisco, entre outras qualificações profissionais "Aprenda algo novo todos os dias!"Sempre a algo novo para aprender ou experimentar . Washington PaivaProfessor​ NOSSA VISÃO "É impossível para um homem aprender aquilo que ele pensa que - [About](https://washington.pro.br/about/) - About UsLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis. Our StoryLorem ipsum dolor sit amet, consectetur adipiscing elit. Proin placerat, neque nec posuere tincidunt, dolor libero pharetra ex, nec iaculis metus nibh a libero. Suspendisse laoreet neque et commodo viverra. Nullam vestibulum urna sed turpis fringilla, ac sollicitudin - [All Courses](https://washington.pro.br/all-courses/) - All CoursesLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis. [ld_course_list categoryselector="true" progress_bar="true" order="asc" col="3"] What Our Students Have to Say Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.​Kelvin BlackFrom Dallas, USA​ - [Contact](https://washington.pro.br/contact-3/) - Need Help?Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis. Call Us 24x7+1234-456-789 Write Usemail@example.com Main OfficeNew York, NY 10160 Send Us a Message​ [sureforms id='27381'] Frequently Asked Questions​ - [Home](https://washington.pro.br/home-3/) - Bem Vindo ao siteConhecimento e inovação para sua carreira profissional.View All Courses Actionable Training Lorem ipsum dolor sit amet, consectetur adipiscing elit. Interesting Quizzes Lorem ipsum dolor sit amet, consectetur adipiscing elit. Premium Material Lorem ipsum dolor sit amet, consectetur adipiscing elit. Our Most Popular CoursesLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac - [My Account](https://washington.pro.br/my-account/) - My AccountLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis. [ld_profile] [learndash_login] Our Most Popular CoursesLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.​ [ld_course_list categoryselector="true" progress_bar="true" order="asc"] - [Home](https://washington.pro.br/home/) - On-Demand Video Training Education Opens up the MindLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Start Course All Courses Technologies You Will Learn Top CategoriesPopular Courses Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - [Instructors](https://washington.pro.br/instructors/) - InstructorsLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Teachers With VisionOur Instructors Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim. HTML5/CSS3 Instructor​Deborah Holmes​Duis aute irure dolor in velit esse cillum - [Pricing & FAQ](https://washington.pro.br/pricing-faq/) - Pricing & FAQLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Become a Member​Membership​ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim. Monthly $49 /Month​ Course Learning Checks​ Course Discussions​ Exercise - [All Courses](https://washington.pro.br/all-courses-2/) - All CoursesLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Course Program​Popular Courses Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim. [ld_course_list col=3 categoryselector="true" progress_bar="true" order="asc"] Join Our Community​Enter your email - [Contact](https://washington.pro.br/contact/) - Get in TouchLorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Contact Us​Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. 123 Fifth Avenue, New York, NY 10160​ contact@example.com​ 1 234 567 890​ Keep in Touch​ Have - [Sobre](https://washington.pro.br/sobre/) ## Categorias - [Blog](https://washington.pro.br/category/blog/) - Your blog category - [Tecnologia](https://washington.pro.br/category/tecnologia/) - [JavaScript](https://washington.pro.br/category/javascript/) - [React Native](https://washington.pro.br/category/react-native/) - [HTML & CSS](https://washington.pro.br/category/html-css/) - [Sistemas Operacionais](https://washington.pro.br/category/sistemas-operacionais/) - [Arquitetura de Redes](https://washington.pro.br/category/arquitetura-de-redes/) - [AutoCAD](https://washington.pro.br/category/autocad/) - [Eletroeletrônica](https://washington.pro.br/category/eletroeletronica/) - [IoT - Internet das Coisas](https://washington.pro.br/category/iot/) ## Tags - [laptop](https://washington.pro.br/tag/laptop/) - [555](https://washington.pro.br/tag/555/) - [pisca-pisca](https://washington.pro.br/tag/pisca-pisca/) - [washington pro](https://washington.pro.br/tag/washington-pro/) - [eletricista](https://washington.pro.br/tag/eletricista/) - [infraestrutura](https://washington.pro.br/tag/infraestrutura/)