{"version":"https://jsonfeed.org/version/1.1","title":"GNDX — Português","home_page_url":"https://gndx.dev/pt/","feed_url":"https://gndx.dev/pt/feed.json","description":"Artigos de Oscar Barajas sobre JavaScript, React, inteligência artificial, agentes de IA, desenvolvimento web e carreira.","language":"pt-BR","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/","avatar":"https://gndx.dev/gndx.webp"}],"items":[{"id":"https://gndx.dev/pt/blog/230526-creadores-medellin-joven-2026/","url":"https://gndx.dev/pt/blog/230526-creadores-medellin-joven-2026/","title":"Creadores Medellín Joven 2026: IA para a nova geração","summary":"Meu segundo ano consecutivo apoiando o Creadores Medellín Joven, levando inteligência artificial e agentes de IA aos jovens da cidade onde vivo e construo o futuro.","content_text":"Iniciativas como essa, promovidas pela Prefeitura de Medellín, são a forma de levar a tecnologia até os jovens. Este é o meu segundo ano consecutivo apoiando o programa, levando educação e inteligência artificial aos jovens de Medellín — a cidade onde vivo hoje, onde meu filho cresce e aproveita sua cultura, e onde vejo enorme potencial para se tornar uma cidade verdadeiramente inovadora, cheia de jovens talentosos com vontade de aprender.\n\nÓscar Barajas no Creadores Medellín Joven 2026\nO que é o Creadores Medellín Joven?\n\nCreadores Medellín Joven é um programa de formação e chamada de participação promovido em Medellín para jovens interessados em criação de conteúdo, comunicação digital, tecnologia e criatividade. O programa combina formação prática, passeios urbanos, laboratórios criativos, mentorias com profissionais, networking juvenil, cultura digital e comunicação.\n\nA iniciativa busca fortalecer as habilidades de jovens criadores e comunicadores por meio de experiências imersivas focadas em criação de conteúdo, comunicação digital, inteligência artificial, produção audiovisual, narrativas digitais, cultura jovem e tecnologia aplicada à mídia. Além disso, conecta os participantes com especialistas e líderes de diferentes áreas criativas.\nLaboratório: Agentes de IA\n\nUm dos principais componentes do evento são os Laboratórios Criativos, onde especialistas acompanham processos práticos de aprendizagem. Este ano tive a honra de ministrar o laboratório de Agentes de IA.\n\nO objetivo do laboratório foi claro: aprender a construir assistentes e agentes de IA para automatizar, potencializar e melhorar processos criativos e digitais. Sem teoria vazia — prática real com ferramentas que os jovens podem aplicar desde o primeiro dia.\n\nTrabalhamos do zero, construindo agentes capazes de resolver tarefas concretas, conectar ferramentas e executar fluxos de trabalho criativos. A ideia foi sempre a mesma que move todos os meus projetos: a IA não deve ser magia reservada para poucos. Deve ser uma ferramenta acessível para qualquer pessoa com curiosidade e disposição para aprender.\nO que cada participante recebe\n\nO evento é muito mais do que uma oficina. Os participantes vivem uma experiência completa:\nPasseio urbano: conhecem histórias e processos de transformação de Medellín.\nFormação prática: participam de oficinas e laboratórios focados em comunicação juvenil e criação digital.\nCertificação: ao concluir o processo formativo, cada jovem recebe seu certificado.\nAtividades culturais: o encontro inclui programação artística no bairro Carlos E. Restrepo.\n\nPasseio urbano por Medellín no Creadores Medellín Joven 2026\nMedellín como cidade de oportunidades\n\nJovens participantes no Creadores Medellín Joven 2026\n\nVer jovens entre 14 e 28 anos chegando às 8:30 de uma manhã de sábado, com o celular na mão e com genuína vontade de construir algo novo com IA — isso não é pouca coisa. É a prova de que o talento existe e só precisa de espaço, acesso e direção.\n\nMedellín me mostrou que pode ser essa cidade. A Prefeitura, o Medellín Joven, o Sistema de Bibliotecas Públicas, a EPM, o INDER e os parceiros culturais que sustentam essa iniciativa estão fazendo algo importante: construindo infraestrutura de oportunidades para quem mais precisa.\n\nVoltar este ano foi uma decisão fácil. Não há forma mais direta de contribuir do que estar presente, ensinar a partir da prática e mostrar a um jovem que ele pode construir tecnologia, não apenas consumi-la.\n\nO futuro de Medellín está nessas mãos.","date_published":"2026-05-23T08:30:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["ia","comunidade","educacao","medellin","jovens","inteligencia-artificial","agentes"],"image":"https://gndx.dev/og/pt/blog/230526-creadores-medellin-joven-2026.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/230526-creadores-medellin-joven-2026.md"},{"id":"https://gndx.dev/pt/blog/140426-openclaw-del-hype-a-la-practica/","url":"https://gndx.dev/pt/blog/140426-openclaw-del-hype-a-la-practica/","title":"OpenClaw: do hype à prática","summary":"Na minha conferência mais recente, expliquei como sair do barulho em torno dos agentes de IA e chegar a uma arquitetura real, útil, segura e operável com OpenClaw.","content_text":"Na minha última conferência, eu quis deixar uma ideia muito clara: o problema não é o hype em torno dos agentes de IA. O problema real é ficar apenas observando o hype enquanto outras pessoas já estão construindo sistemas que funcionam, respondem, executam tarefas e geram valor de verdade.\n\nFoi por isso que dei a esta palestra o título OpenClaw: do hype à prática. Minha intenção não era vender uma fantasia futurista nem repetir o discurso de sempre sobre agentes autônomos. Eu quis mostrar algo muito mais útil: como desenhar, implantar e operar agentes de IA que realmente possam viver em produção com critérios concretos de custo, arquitetura, identidade, segurança e execução.\nDo ruído midiático para uma arquitetura operacional\n\nHoje vivemos em um mercado saturado de promessas. De um lado, estão as manchetes que apresentam agentes como se fossem magia. Do outro, estão equipes que precisam de sistemas estáveis, previsíveis, baratos e governáveis.\n\nEssa tensão foi o ponto de partida da minha conferência.\n\nMinha tese é simples: um agente não deve ser entendido como uma demo bonita nem como um truque de marketing. Um agente útil deve ser entendido como infraestrutura operacional.\n\nNa apresentação, eu expliquei isso com uma arquitetura muito fácil de visualizar:\nVPS na nuvem como espaço operacional\nOpenClaw como framework\nLLM como motor de raciocínio\nTelegram como interface conversacional\n\nO mais importante aqui não é a ferramenta específica, mas a mudança de mentalidade. Quando alguém entende essa separação, deixa de pensar em “um bot” e passa a pensar em um sistema que pode operar 24/7, receber instruções, executar ações e evoluir com novas capacidades.\nComeçar bem não significa começar complexo\n\nUma das mensagens mais importantes que eu quis deixar é que não é preciso ter hardware caro nem uma infraestrutura absurda para começar a trabalhar com agentes.\n\nMinha recomendação é começar na nuvem, com o mínimo de complexidade e com disponibilidade permanente. Isso obriga a tomar decisões melhores desde o primeiro dia: isolar ambientes, reduzir a superfície de ataque, controlar credenciais e definir fronteiras de confiança.\n\nEssa visão está alinhada com a própria documentação do OpenClaw, que recomenda separar ambientes e limites de confiança quando existem usuários ou credenciais com diferentes níveis de risco, em vez de assumir que tudo deve conviver em um único espaço compartilhado. OpenClaw Security\nA identidade do agente também precisa ser desenhada\n\nOutro ponto que destaquei bastante na conferência foi a identidade.\n\nEu acredito que uma das ideias mais subestimadas no universo dos agentes é achar que tudo se resolve apenas com código. Não se resolve. Um agente também precisa ser escrito, orientado e treinado por meio da linguagem.\n\nArquivos como SOUL.md, IDENTITY.md e USER.md ajudam a definir:\no tom do agente,\no papel dele,\nsuas prioridades,\no contexto do usuário,\ne a forma como deve tomar decisões.\n\nPara mim, essa camada é o que transforma o agente em algo mais próximo de um colaborador operacional do que de um assistente reativo. Não basta dar ferramentas; também é preciso definir como ele pensa, o que considera importante e como responde quando a realidade é imperfeita.\nSkills: ensinar tarefas, não apenas conectar funções\n\nTambém dediquei uma parte importante da palestra para explicar as skills de uma maneira menos abstrata.\n\nMinha visão é bem direta: uma skill não é apenas uma integração técnica. Uma skill é um conjunto de instruções empacotadas que ensina o agente a executar uma tarefa específica, quase como quando treinamos uma pessoa nova dentro de uma equipe.\n\nIsso muda tudo, porque nos obriga a pensar menos em funcionalidades isoladas e mais em capacidades operacionais reutilizáveis.\n\nA documentação oficial do OpenClaw explica isso muito bem: as skills funcionam como unidades instrucionais empacotadas em pastas com SKILL.md, e podem ser carregadas ou filtradas conforme configuração, ambiente e allowlists. OpenClaw Skills\nO valor real não está em substituir pessoas\n\nNesta conferência eu também quis mover a conversa para um lugar mais honesto.\n\nNão me interessa vender a narrativa de substituição humana. O que me interessa é falar de ampliação de capacidade operacional.\n\nQuando uma pessoa ou equipe adota agentes bem desenhados, não está “eliminando trabalho humano”. Está absorvendo execução repetitiva, delegando operações rotineiras e liberando tempo para estratégia, julgamento, criatividade e direção.\n\nÉ por isso que eu insisto que hoje uma única pessoa, com poucos dólares por mês e uma boa arquitetura de agentes, pode alcançar uma capacidade operacional que antes exigia equipes muito maiores.\n\nNão porque a IA seja mágica, mas porque automação bem governada multiplica foco.\nDo agente individual para um sistema distribuído\n\nUm dos momentos mais importantes da apresentação foi mostrar a arquitetura distribuída do Dragons Team.\n\nNesse ponto, já não estamos falando apenas sobre “o que é um agente”, mas sobre como construir um sistema multiagente com especialização por contexto, orquestração centralizada, custos controlados e inferência híbrida.\n\nNesse modelo:\nNia atua como orquestradora principal\nMajisto foca em infraestrutura e automação de baixo consumo\nAstra se especializa em sinais, scraping e síntese\n\nO valor dessa topologia não está apenas no fato de funcionar. Está no fato de que cada nó possui uma responsabilidade clara e uma carga cognitiva proporcional ao seu papel. Isso torna possível combinar nuvem e inferência local sem explodir custos nem perder governança.\nCustos baixos, decisões mais inteligentes\n\nOutra ideia central da palestra foi desmontar o mito de que trabalhar com agentes exige orçamentos gigantescos.\n\nQuando o processamento pesado é enviado apenas para onde realmente faz sentido, e os nós periféricos operam com APIs leves ou funções bem delimitadas, o custo operacional pode permanecer surpreendentemente baixo.\n\nEsse ponto foi essencial para mostrar que a conversa sobre agentes já não é um luxo de laboratório. É uma possibilidade real para criadores, developers, startups e equipes pequenas que querem construir sistemas úteis sem comprometer toda a operação.\nSegurança: o momento em que a conversa fica séria\n\nSe existe um segundo ato na minha conferência, ele é este: segurança.\n\nNo momento em que conectamos um LLM ao mundo real por meio de ferramentas, APIs, filesystem ou execução de comandos, deixamos de falar apenas sobre geração de texto. Passamos a operar uma superfície de risco completamente nova.\n\nPor isso insisti que aplicações com LLM não podem ser protegidas apenas com controles tradicionais. Riscos como prompt injection direta ou indireta, abuso de ferramentas e escalada de privilégios já são documentados pela OWASP como ameaças centrais para agentes e aplicações baseadas em LLM. OWASP Prompt Injection Prevention OWASP AI Agent Security\n\nMinha proposta de defesa em profundidade se organiza em camadas:\narquitetura e isolamento,\nidentidade e acessos,\nexecução e rede,\nameaças vindas do conteúdo,\nvisibilidade operacional.\n\nEssa abordagem também está alinhada ao framework do NIST para IA generativa, onde a gestão de risco não se limita ao modelo, mas cobre governança, operação, monitoramento, controles técnicos e contexto de uso. NIST AI RMF\nTrês princípios que considero inegociáveis\n\nSe eu tivesse que resumir a parte mais madura da conferência, deixaria em três princípios.\n1. Mínimo privilégio e separação de ambientes\n\nUm agente compartilhado, com acessos amplos e fronteiras pouco claras, é uma má ideia.\n\nPor isso eu defendo contêineres, gateways separados, usuários dedicados do sistema e credenciais segmentadas. Segurança real começa quando deixamos de assumir que tudo pode coexistir no mesmo lugar sem consequências.\n2. Aprovação humana não substitui sandboxing\n\nPedir confirmação ao usuário não basta.\n\nEsse é um dos erros de design mais comuns em sistemas agentic: acreditar que um clique de aprovação compensa um isolamento fraco. Não compensa. O controle real está no host, no sistema operacional, na rede, nas permissões e nas ferramentas expostas ao agente.\n3. Todo input externo deve ser tratado como potencialmente malicioso\n\nUma página web, um e-mail, um anexo ou um bloco de texto podem conter instruções ocultas ou maliciosas capazes de alterar o comportamento do agente.\n\nPor isso eu insisto em nunca confiar cegamente em conteúdo externo, manter proteções ativas e redigir segredos em logs e rastros. Segurança de agentes não é um tema teórico; é uma disciplina operacional.\nPor que essa conferência importa agora\n\nO que eu quis construir com essa palestra foi uma ponte.\n\nUma ponte entre entusiasmo e implementação.\nUma ponte entre o agente individual e a arquitetura distribuída.\nUma ponte entre a promessa de produtividade e a responsabilidade de operar IA com segurança.\n\nÉ aí que, para mim, está a relevância real dessa conversa. Os agentes já não são apenas uma curiosidade de laboratório nem uma demo bonita para redes sociais. Eles estão se tornando uma nova camada operacional do software.\n\nE se vamos construir essa camada, precisamos fazer isso direito: com identidade, com skills, com topologias pensadas para o mundo real, com custos sustentáveis e com princípios sérios de segurança.\nMinha conclusão\n\nPara mim, OpenClaw: do hype à prática não trata apenas de OpenClaw.\n\nTrata de uma forma de pensar a IA aplicada com mais critério e menos espetáculo.\n\nTrata de parar de consumir o futuro como narrativa e começar a operá-lo como arquitetura.\n\nEssa foi a mensagem da minha conferência, e continua sendo a mensagem que mais me importa defender: agentes de IA não têm valor por parecerem inteligentes. Eles têm valor quando são úteis, governáveis, escaláveis e seguros.","date_published":"2026-04-14T15:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["ia","agentes","openclaw","arquitetura","seguranca"],"image":"https://gndx.dev/og/pt/blog/140426-openclaw-del-hype-a-la-practica.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/140426-openclaw-del-hype-a-la-practica.md"},{"id":"https://gndx.dev/pt/blog/260406-instalar-gemma-4-en-tu-telefono/","url":"https://gndx.dev/pt/blog/260406-instalar-gemma-4-en-tu-telefono/","title":"Como instalar Gemma 4 no seu telefone (iPhone e Android)","summary":"Guia passo a passo para baixar e executar o Gemma 4 localmente no seu iPhone ou Android usando o aplicativo Google AI Edge Gallery.","content_text":"Gemma 4 no bolso: instalação rápida no iPhone e Android \n\nO Gemma 4 agora roda offline em telefones modernos graças ao aplicativo oficial Google AI Edge Gallery. Este guia mostra como configurá-lo tanto no iPhone quanto no Android, sem cabos nem passos complicados.\n🧠 Por que isso importa? Executar modelos localmente garante privacidade total, zero custo por token e liberdade para usar IA mesmo sem sinal.\n\n---\nRequisitos rápidos\niPhone com iOS 17 ou superior, preferencialmente com chip A16 ou Apple Silicon para melhor desempenho.\nAndroid com Android 14, equipado com Tensor, Snapdragon 8 Gen 2 ou outro chipset topo de linha.\n6 GB livres e Wi-Fi para o primeiro download.\n\n---\niPhone: Gemma 4 dentro do Google AI Edge Gallery\n\n1. Abra a App Store no iPhone.\n2. Busque por Google AI Edge Gallery e toque em Obter.\n3. Inicie o app, aceite as permissões locais e abra a aba AI Chat.\n4. Procure pelo Gemma 4 (versão \"Edge Optimized\").\n5. Toque em Download e, ao finalizar, escolha Run locally.\n📲 No iPhone você encontra o modo \"Thinking\" para visualizar o raciocínio e um ajuste \"Battery Saver\" que sacrifica velocidade em troca de sessões mais longas.\n\nLink direto: Google AI Edge Gallery – App Store\n\n---\nAndroid: habilite o Gemma 4 em minutos\n\n1. Abra a Google Play e instale o Google AI Edge Gallery (exige Google Play Services atualizado).\n2. Conceda as permissões de armazenamento para salvar modelos localmente.\n3. Na aba Model Hub, busque Gemma 4 → toque em Download.\n4. Ao concluir, pressione Set as default dentro de AI Chat.\n5. Envie seu primeiro prompt. Exemplo: \"Gere ideias para um app de produtividade em português.\"\n🤖 No Android é possível ativar a GPU Acceleration em Settings → Performance. Se o telefone aquecer, altere o perfil para Balanced.\n\nLink direto: Google AI Edge Gallery – Google Play\n\n---\nFunções úteis em ambos os sistemas\n\n| Recurso | iPhone | Android |\n| --- | --- | --- |\n| Thinking Mode | ✅ | ✅ |\n| Agent Skills (Wikipedia, Docs) | ✅ | ✅ |\n| Ask Image (análise de fotos) | ✅ | ✅ |\n| Audio Scribe (voz para texto) | ✅ | ✅ |\n| Battery Saver / Thermal guard | ✅ | ✅ |\n\n---\nDicas para obter a melhor experiência\nAtualize o app sempre que houver otimizações para o Gemma 4.\nUtilize fones Bluetooth se planeja interações longas com áudio (Audio Scribe).\nMantenha a bateria acima de 40% antes de sessões prolongadas.\nDesative Modo Pouca Energia (iPhone) ou Economia de bateria (Android) para evitar perda de desempenho.\n\n---\nProblemas comuns e correções rápidas\nDownload lento: troque para Wi-Fi 5/6 e mantenha a tela ligada.\nApp fecha no Android: limpe o cache em Informações do app → Armazenamento e cache.\nRespostas curtinhas no iPhone: ative Extended Context em Settings → Labs.\n\n---\nPróximos passos para usuários avançados\n\n1. Ative Agent Skills e conecte o Google Drive para consultar documentos.\n2. Crie Atalhos (iOS) ou Rotinas do Assistente (Android) para disparar prompts por voz.\n3. Integre o Gemma 4 ao seu stack (ex.: Next.js + Supabase) via API local exposta pelo Edge Gallery em http://localhost:8288.\n\n---\nResumo rápido\nInstale o Google AI Edge Gallery no iPhone ou Android.\nBaixe o modelo Gemma 4 dentro do app e marque como local.\nComece a conversar offline mantendo seus dados privados.\n\nSeu telefone agora é um mini servidor de IA pronto para rodar o Gemma 4 a qualquer momento.","date_published":"2026-04-06T15:33:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["ia","mobile","gemma","edge-ai","guia"],"image":"https://gndx.dev/og/pt/blog/260406-instalar-gemma-4-en-tu-telefono.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/260406-instalar-gemma-4-en-tu-telefono.md"},{"id":"https://gndx.dev/pt/blog/020426-lego-copa-mundo/","url":"https://gndx.dev/pt/blog/020426-lego-copa-mundo/","title":"CRIE sua Própria IMAGEM com a COPA do MUNDO em LEGO","summary":"Aprenda a criar uma imagem hiper-realista de você mesmo com a Copa do Mundo feita de LEGO usando inteligência artificial. Você só precisa da sua foto e do prompt especializado.","content_text":"Quer ter uma foto profissional sua com a Copa do Mundo na versão LEGO? Com a inteligência artificial, agora é possível criar imagens espetaculares que combinam seu rosto com o icônico troféu da Copa do Mundo construído com blocos LEGO.\nO que você precisa?\n\nVocê só precisa de 2 elementos:\n\n1. A imagem da Copa do Mundo LEGO: Já tenho a imagem perfeita para você.\n\n Copa do Mundo LEGO\n\n2. Sua fotografia: Uma foto clara do seu rosto para que a IA reconheça suas características.\nFerramentas que você pode usar\n\nVocê pode usar qualquer uma dessas IAs generativas:\nChatGPT / DALL-E 3\nGoogle Gemini\nMidjourney\nLeonardo.AI\nIdeogram\nFlux\nOu qualquer outra IA generativa que você preferir\nO Prompt (Copie e cole sem alterar)\n\n[IMAGEPERSON] [IMAGETROPHY] A hyperrealistic cinematic studio portrait of the SAME man from IMAGEPERSON, maintaining exact facial features, skin tone, head shape, and likeness. wearing a fitted black long sleeve shirt, sitting at a dark matte table. In front of him, perfectly centered, is the LEGO FIFA World Cup trophy from IMAGETROPHY, preserving its exact structure, proportions, colors (golden bricks with green base), and LEGO texture (visible studs, block geometry). The man is carefully placing a small LEGO minifigure (yellow jersey, blue shorts, football player style) on top of the trophy using his right hand, with precise finger positioning. His gaze is directed downward at the figure with a serious, focused, introspective expression. Composition is symmetrical, with a strong vertical axis aligning the man's face and the trophy. Medium shot, slightly high angle. Lighting is dramatic cinematic low-key: soft top light with subtle side falloff, deep shadows, controlled highlights on skin and LEGO surfaces, high contrast, studio quality lighting. Background is completely dark with a soft gradient (deep black to dark teal), minimalistic, no distractions. Shallow depth of field: sharp focus on face, hand, and LEGO trophy, soft bokeh background. Color grading: rich blacks, warm skin tones, saturated gold on trophy, subtle teal shadows, cinematic contrast. Shot on 85mm lens, f/2.0, ultra-detailed textures, photorealistic, 8k, HDR, editorial photography style. --style raw --ar 1:1 --v 6 negative: blurry, low resolution, noise, grain, washed colors, flat lighting, overexposed, underexposed, cartoon, anime, illustration, painting, 3d render, CGI look, plastic skin, unrealistic face, extra fingers, missing fingers, deformed hands, mutated hands, bad anatomy, duplicate face, distorted face, wrong identity, different person, incorrect LEGO structure, smooth surfaces (no studs), melted shapes, floating objects, misaligned objects, bad perspective, cluttered background, bright background, messy scene, text, watermark, logo, borders, frame, cropped head, cropped object, out of frame, multiple people, extra limbs\nComo usar o prompt?\n\n1. Envie sua foto pessoal para a IA de sua escolha.\n2. Envie a imagem da Copa do Mundo LEGO (a que está acima).\n3. Cole o prompt completo no chat.\n4. Aguarde alguns segundos e pronto!\nResultado esperado\n\nVocê obterá uma imagem de estúdio profissional onde você aparece com uma expressão séria e concentrada, colocando uma minifigura LEGO no topo do troféu da Copa do Mundo, com uma iluminação cinematográfica de alto nível.\n\nCompartilhe seu resultado nas redes sociais e me marque! Adoraria ver sua criação.","date_published":"2026-04-02T23:47:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["ia","imagens","tutorial","lego","copadomundo"],"image":"https://gndx.dev/og/pt/blog/020426-lego-copa-mundo.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/020426-lego-copa-mundo.md"},{"id":"https://gndx.dev/pt/blog/190226-a-historia-do-projeto-openclaw/","url":"https://gndx.dev/pt/blog/190226-a-historia-do-projeto-openclaw/","title":"A história do projeto conhecido hoje como OpenClaw","summary":"De Clawdbot para Moltbot e depois OpenClaw: a trajetória de um dos projetos de agentes de IA open source com crescimento mais rápido.","content_text":"Em novembro de 2025, Peter Steinberger, desenvolvedor austríaco e fundador da PSPDFKit, iniciou um experimento de fim de semana que rapidamente se tornou um dos projetos de IA open source mais comentados.\n\nA ideia central era simples de explicar, mas ambiciosa de implementar: criar um assistente autônomo e auto-hospedado que não apenas respondesse mensagens, mas realmente executasse tarefas por você.\nO começo: além de um chatbot\n\nDesde o início, o objetivo não era criar apenas mais uma interface de chat. O projeto foi pensado para funcionar em canais como WhatsApp, Telegram, iMessage, Discord ou Slack, executando ações como:\nrodar comandos no sistema,\ngerenciar calendário e lembretes,\nler e processar e-mails,\ncoordenar fluxos com serviços externos.\n\nTudo isso poderia usar modelos como Claude, GPT, Gemini e outros, mantendo a lógica e o estado persistente em execução local.\nLinha do tempo e evolução do nome\nNovembro de 2025: Clawdbot\n\nO primeiro lançamento público saiu como Clawdbot, com um assistente chamado Clawd, inicialmente ligado ao ecossistema Claude.\nDezembro de 2025: crescimento viral\n\nEm poucos dias, o repositório explodiu em popularidade: milhares de estrelas no GitHub em 24 horas, grande interesse da comunidade e ampla cobertura.\n27 de janeiro de 2026: mudança para Moltbot\n\nApós uma solicitação por possível confusão de marca entre Clawd/Clawdbot e Claude, o projeto foi renomeado para Moltbot, com o assistente passando a se chamar Molty.\n\nO termo \"molt\" (muda de carapaça) manteve a temática de lagosta com uma nova identidade.\n\nDurante essa transição, um antigo handle de rede social foi sequestrado por golpistas para promover um token falso relacionado ao Clawd, que teria alcançado cerca de US$ 16 milhões antes de despencar.\nFinal de janeiro de 2026: OpenClaw\n\nPouco depois, o criador decidiu ajustar o branding mais uma vez. Assim surgiu OpenClaw, nome que permanece até hoje.\nFilosofia técnica\n\nOpenClaw não é um modelo fundacional proprietário. É um framework de agente autônomo focado em execução real, memória e proatividade.\n\nA arquitetura costuma ser explicada em três blocos:\nGateway: recebe eventos e mensagens de canais externos.\nAgent Loop: núcleo de decisão, planejamento e execução.\nHeartbeat: preserva estado, continuidade e persistência.\n\nEssa separação permitiu evoluir rápido sem perder foco: suporte a múltiplos modelos e operação local/auto-hospedada.\nEcossistema e comunidade\n\nA comunidade virou um motor importante do projeto. Surgiram skills e módulos extensíveis, com coleções comunitárias no estilo awesome-openclaw-skills e ecossistemas relacionados como VoltAgent.\n\nTambém foi lançada a proposta do Moltbook, uma rede social para agentes de IA se comunicarem e se organizarem de forma autônoma.\n2026 e os próximos passos\n\nCom 100.000 a 200.000 estrelas no GitHub em tempo recorde, OpenClaw se consolidou como referência em software aberto para agentes autônomos.\n\nEm meados de fevereiro de 2026, foi anunciado que Peter Steinberger se juntaria à OpenAI, enquanto OpenClaw seguiria sob uma fundação open source para desenvolvimento de longo prazo.\n\nA grande pergunta agora não é se essa categoria vai crescer, e sim com que velocidade ela chegará ao usuário final.\n\nSe 2026 é o ano da decolagem, 2027 pode ser o ano em que agentes pessoais autônomos se tornem uma camada cotidiana da computação.","date_published":"2026-02-19T18:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["inteligencia-artificial","open-source","agentes","openclaw","clawdbot","moltbot","ia","openai"],"image":"https://gndx.dev/og/pt/blog/190226-a-historia-do-projeto-openclaw.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/190226-a-historia-do-projeto-openclaw.md"},{"id":"https://gndx.dev/pt/blog/que-es-vibecodear-y-por-que-esta-tan-de-moda/","url":"https://gndx.dev/pt/blog/que-es-vibecodear-y-por-que-esta-tan-de-moda/","title":"O que é vibecodear e por que está tão em alta?","summary":"Vibecoding é criar software em modo de fluxo com IA para prototipar rápido e validar ideias, mas com dilemas reais quando o projeto vai para produção.","content_text":"Vibecoding é criar software em modo de fluxo: partir de uma ideia, descrevê-la com texto ou voz e usar ferramentas de IA para construir rápido, prototipar e testar sem ficar preso, desde o início, a regras rígidas. Parece libertador, mas também abre dilemas reais quando você quer levar isso para produção.\nO que significa “vibecoding” e por que está tão em alta?\n\nVibecoding é entendido como uma forma informal e criativa de programar. A prioridade não é seguir ao pé da letra arquiteturas formais ou melhores práticas, e sim:\nentrar no flow\nexperimentar rápido\nconstruir guiado por intuição e velocidade\nlançar algo para ver o que acontece no mundo real\n\nA tendência vem de algo muito concreto: hoje você pode pedir para uma IA “faça um app”, “faça um jogo” ou “prototipe isso” e obter resultados iteráveis em minutos.\nQual é a relação entre vibecoding, low-code e no-code?\n\nIsso se conecta com uma discussão que já conhecemos: low-code/no-code. A lógica é parecida:\nsão ferramentas para criar mais rápido\npermitem que mais pessoas construam coisas\nincomodam quem sente que “se você é programador, não deveria usá-las”\n\nA ideia central é simples: são ferramentas. O conflito aparece quando se confunde “fazer funcionar” com “fazer bem feito”.\nÉ possível vibecodar sem saber programar?\n\nSim. Com ChatGPT ou ferramentas similares, alguém pode construir com:\ntexto\náudio\niteração por tentativa e erro\n\nAté em exemplos do dia a dia: pedir um app ou um jogo, receber um resultado, iterar e compor um produto. Isso reduz muito a barreira de entrada.\nOnde aparece a dor quando você vibecoda para usuários reais?\n\nO problema não é criar. O problema começa quando pessoas reais vão usar.\n\nQuando você lança um app, surgem fatores que o protótipo não revela:\no usuário encontra casos raros\nsurgem fricções e expectativas\no problema real às vezes não se resolve, mesmo que pareça bonito\n\nAí entra o dilema: muitos apps vibecodados podem ficar em demo, ou chegar a produção com bases fracas para crescer.\nO que acontece com escalabilidade e arquitetura no vibecoding?\n\nVibecoding sem controle funciona para testar ideias, mas pode falhar quando você precisa:\nescalar\nsustentar uma base técnica sólida\nter decisões arquiteturais com intenção\n\nO app pode ser construído só por construir, apenas porque o prompt pediu, sem responder perguntas como:\ncomo a informação será armazenada?\no usuário poderá ter múltiplas paletas?\nserá possível iterar uma paleta?\nqual estrutura sustenta isso amanhã?\nComo alguém com experiência técnica vibecoda sem perder boas práticas?\n\nTambém dá para vibecodar com mais disciplina. Antes de pedir código, vale fazer trabalho prévio:\nbaixar e entender requisitos\nvalidá-los e testar ideias com outras ferramentas\nmontar um plano de desenvolvimento por fases\nacompanhar a IA para respeitar arquitetura e boas práticas\n\nAssim você não apenas flui, mas flui de forma técnica e correta, buscando um resultado escalável.\nPor que trabalhar por fases melhora os resultados no vibecoding?\n\nUma regra prática poderosa: dividir o trabalho em fases e limitar cada fase a no máximo 4 tarefas ou subtarefas.\n\nO benefício é direto:\nreduz o caos\npermite validar cada entrega\nanalisa resultados antes de seguir\nevita que a IA faça tudo de uma vez\n\nIsso transforma o vibecoding em um processo mais controlado, sem matar a velocidade.","date_published":"2026-02-17T00:03:58.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["inteligência artificial","vibecoding","desenvolvimento de software","vibecodear","inteligencia artificial","chat gpt","low code","no code","codex app"],"image":"https://gndx.dev/og/pt/blog/que-es-vibecodear-y-por-que-esta-tan-de-moda.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/que-es-vibecodear-y-por-que-esta-tan-de-moda.md"},{"id":"https://gndx.dev/pt/blog/200126-fiebre-del-oro-de-la-ia/","url":"https://gndx.dev/pt/blog/200126-fiebre-del-oro-de-la-ia/","title":"Corrida do Ouro da IA","summary":"A chamada “AI Gold Rush” promete dinheiro fácil, resultados rápidos e esforço zero.","content_text":"A chamada “AI Gold Rush” promete dinheiro fácil, resultados rápidos e esforço zero. Mas o verdadeiro negócio não está em aplicar inteligência artificial, mas em vender a ilusão de que qualquer um pode ficar rico com um clique. Neste cenário, muitos não são mineiros: são a mina.\n\nIsso depois de ser bombardeado por publicidade de supostos gurus que prometem resultados rápidos e esforço zero e que prometem que qualquer um pode ficar rico com um clique, então coloquei-os à prova, entrei numa daquelas aulas que eles oferecem e é aí que percebo a realidade, eles erram, não dão resultados, não dão valor, só prometem resultados rápidos e esforço zero e até introduzem a religião para que acreditem que são os verdadeiros gurus.\nO que realmente é a “IA Gold Rush”?\n\nÉ um fenômeno impulsionado por supostos gurus que apresentam a IA como um atalho para a liberdade financeira, e eles não estão errados, mas prometem resultados rápidos usando ferramentas automáticas, brincam com a promessa das pessoas e se ensinam coisas às pessoas, se têm metodologias e estas podem funcionar, mas o problema está em prometer resultados rápidos e esforço zero, ou seja, prometem que qualquer um pode ficar rico com um clique.\n\nEsses gurus prometem renda rápida usando ferramentas automatizadas, vendem a ideia de que o conhecimento não importa mais e escondem que o verdadeiro negócio é o curso, não o método.\nPor que você não é o mineiro, mas o meu?\n\nNesta febre, o recurso explorado é a atenção e o dinheiro de quem compra. Os vendedores não ganham aplicando os sistemas, mas sim vendendo a promessa de que funcionam, enquanto o comprador financia o ciclo com a sua expectativa.\nO que há de errado com os modelos “copiar e colar” do Apply AI?\n\nQuando a barreira de entrada é zero, o valor desaparece e a saturação é inevitável e vemos isso, hoje, até o YouTube parou de monetizar vídeos de IA, porque a saturação é inevitável.\n\nO resultado é a criação de livros em minutos, canais automatizados sem julgamento e negócios sem conhecimento real por trás deles, o que inevitavelmente leva à saturação e à queda nos retornos.\nComo funciona o ciclo dos falsos gurus?\n\nO padrão repete-se precisamente: eles exageram os resultados iniciais, culpam o comprador quando falham, reinvestem as vendas em mais publicidade e usam a religião para os fazer acreditar que são os verdadeiros gurus.\n\nAssim, a ilusão permanece viva mesmo que o modelo não funcione ou assumimos que funciona, mas voltamos ao tema central, não é que o método seja bom ou ruim, é a promessa de resultados rápidos e esforço zero.\nA inteligência artificial é inútil ou uma farsa?\n\nA IA é poderosa, mas não é mágica e requer conhecimento real para funcionar, não apenas um prompt, um GPT customizado do ChatGPT usando um prompt medíocre, e digo isso porque acessando os recursos que eles compartilharam, o prompt vazou e eles realmente vendem isso como a solução mágica.\n\nÉ importante compreender que a IA não cria valor do zero, não substitui o conhecimento real e não transforma nada em algo valioso.\nQual é a decisão chave diante desta febre?\n\nA principal decisão diante dessa febre é entender o jogo antes de pagar o preço. Isto significa não seguir atalhos irrealistas, não comprar liberdade financeira instantânea e não se tornar o recurso explorado.\n\nSeja esperto: não seja meu de ninguém.","date_published":"2026-01-20T16:03:23.100Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["IA","robô","inteligência artificial"],"image":"https://gndx.dev/og/pt/blog/200126-fiebre-del-oro-de-la-ia.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/200126-fiebre-del-oro-de-la-ia.md"},{"id":"https://gndx.dev/pt/blog/070825-como-crear-una-pagina-web-en-minutos/","url":"https://gndx.dev/pt/blog/070825-como-crear-una-pagina-web-en-minutos/","title":"Como criar um site em minutos?","summary":"Criar seu próprio site com inteligência artificial não é mais um processo complexo ou caro. Hoje, graças a ferramentas como HostGator e WordPress com IA integrada, é possível lançar um site funcional, visualmente atraente e acessível em minutos, sem escrever uma única linha de código.","content_text":"Criar seu próprio site com inteligência artificial não é mais um processo complexo ou caro. Hoje, graças a ferramentas como HostGator e WordPress com IA integrada, é possível lançar um site funcional, visualmente atraente e acessível em minutos, sem escrever uma única linha de código.\n\nHoje quero te explicar passo a passo como criar seu site em minutos, sem emaranhados, sem medo de quebrar nada e com ferramentas feitas justamente para que a vida de ninguém se complique.\nPor que você precisa de um site?\n\nPense nisso: qual é a primeira coisa que alguém faz quando você fala com ele sobre seu projeto, negócio ou o que quer que seja? Exatamente, ele pesquisa você no Google!\nUm site é sua carta de apresentação na Internet. É o espaço onde você decide o que mostrar e como fazer.\nNão importa se você vende empanadas, é ilustrador, psicólogo, streamer ou apenas deseja colocar seu portfólio online.\nTer um domínio próprio (seu nome ou da sua empresa) não é mais um luxo, é básico e necessário.\nO que diabos é um domínio .com e para que serve?\n\nÉ simples, o domínio é o seu endereço de Internet que é fácil de acessar e que é memorável entre as pessoas.\n\nVocê quer ser encontrado facilmente? Você precisa de algo como tunegocio.com.\nUm bom domínio é como um apelido cativante, fácil de lembrar, nada como “negociosuperpro789-especial.com” (não complique!).\n\nDica: Antes de se apaixonar por um nome, verifique se ele é gratuito. Não há nada mais triste do que imaginar a sua marca e ver que outra pessoa já a utiliza. Tenha as opções A, B, C e D, esteja preparado para ter essas opções ou procure um domínio de internet mais regional como .mx, .co ou outro.\nOnde fica seu site? Contrate hospedagem na web\n\nVocê já tem um nome? Agora você precisa de um lugar onde exista sua página.\nIsso é hospedagem na web.\n\nImagine que o seu domínio é o endereço, mas a hospedagem é a casa onde você guarda tudo o que vai mostrar: fotos, textos, produtos, serviços ou seus memes favoritos, o que você quiser.\n\nÉ aqui que Hostgator.mx é seu principal aliado. Por que eu recomendo? Porque é uma das plataformas mais amigáveis ​​e menos “técnicas” que existem para começar. Literalmente, você compra sua hospedagem e eles te pegam pela mão para você não se perder, suporte em espanhol, ferramentas de Inteligência Artificial e diversos métodos de pagamento.\nContrate seu Plano de Hospedagem Empreendedora na HostGator\n\nSei que parecem muitos passos, mas a verdade é que tudo foi pensado para que até a sua avó possa ativá-lo.\nVocê entra, compra seu domínio e hospedagem pode ser junto com o Plano Empreendedor, e a Hostgator te orienta, passo a passo. Se tiver dúvidas, o suporte é rápido, em espanhol e tem até vídeos tutoriais.\n\nNão tenha medo: nenhum botão vai explodir seu computador, nem você perderá seu site.\nSeu site, rápido e sempre disponível.\n\nUm dos principais recursos que o HostGator inclui é um CDN (Content Delivery Network). É como uma rede de rodovias ao redor do mundo que faz com que seu site carregue rapidamente, onde quer que você esteja (sim, mesmo que te visitem do Japão ou da Argentina).\n\nÉ necessário? Hoje, sim. Ninguém gosta de esperar 10 segundos para uma página carregar. Os planos HostGator incluem isso e isso permite que você tenha um site rápido e sempre disponível.\nVale a pena ter um e-mail profissional?\n\nSejamos honestos, quando você recebe um e-mail de “hello.business@gmail.com” versus “hello@yourbusiness.com”, qual deles lhe dá mais confiança?\n\nEmail profissional é aquele pequeno detalhe que dá seriedade ao seu projeto. E sim, você pode configurá-lo facilmente no Hostgator. Sem configurações impossíveis ou tutoriais de 1 hora. Basta seguir os passos e seu e-mail estará pronto, para conectá-lo aos principais aplicativos de e-mail e poder se conectar com o mundo.\nO WordPress é para mim se eu não sei programar?\n\n100% sim!\nWordPress é como o Lego dos sites. Você arrasta, solta, altera texto, cores e pronto. No HostGator você instala com um único clique e, com a ajuda da Inteligência Artificial, pode configurá-lo, melhorá-lo, criar imagens, editar texto, o que quiser, tudo tão simples e fácil a partir das ferramentas que HostGator inclui para você.\n\nA melhor coisa: você não precisa escrever uma única linha de código (na verdade).\nDicas para tornar seu site um sucesso (sem morrer tentando)\nUse fotos nítidas (sem fotos pixeladas de 2008).\nVá direto ao ponto, as pessoas não leem enciclopédias.\nAdicione suas redes e formulários de contato.\nAtualize com frequência, não o abandone como o MySpace.\nComo criar um site em minutos?\n\nAgora que você conhece os principais elementos que deve ter em mente para ter um site, é hora de começar. Neste vídeo explico passo a passo como criar um site, com tudo o que você precisa fazer no HostGator: desde escolher seu nome de domínio, contratar um plano de hospedagem, criar seu site com inteligência artificial e começar a vender, escrever ou simplesmente fazer parte da internet.","date_published":"2025-06-09T02:41:45.897Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["hostgator","alojamento","rede","página da Internet"],"image":"https://gndx.dev/og/pt/blog/070825-como-crear-una-pagina-web-en-minutos.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/070825-como-crear-una-pagina-web-en-minutos.md"},{"id":"https://gndx.dev/pt/blog/extensiones-para-cursor-ai/","url":"https://gndx.dev/pt/blog/extensiones-para-cursor-ai/","title":"Extensões de cursor AI","summary":"O Cursor AI é completamente transformado com as extensões certas. Desde impulsionar seu fluxo de trabalho até evitar erros comuns e ganhar velocidade","content_text":"O Cursor AI é completamente transformado com as extensões certas. Desde impulsionar seu fluxo de trabalho até evitar erros comuns e ganhar velocidade, esta seleção cobre o essencial para desenvolvedores modernos que procuram um ambiente ágil, organizado e visualmente atraente.\n📦 Lista de extensões para Cursor AI 2025\n\n1. Estrela\n Suporte total para a estrutura Astro, incluindo destaque de sintaxe, diagnóstico e preenchimento automático.\n 🔗 Astro - Visual Studio Marketplace\n\n2. Corredor de código \n Execute trechos de código em vários idiomas diretamente do editor.\n 🔗 Code Runner - Visual Studio Marketplace\n\n3. DotENV\n Fornece realce de sintaxe e outros recursos para arquivos .env.\n 🔗 DotENV - Visual Studio Marketplace\n\n4. Erro de lente\n Melhora a visibilidade de erros e avisos diretamente no editor.\n 🔗 Erro de lente - Visual Studio Marketplace\n\n5. Snippets ES7 React/Redux/GraphQL/React-Native\n Snippets para acelerar o desenvolvimento com React, Redux e GraphQL.\n 🔗 Snippets ES7 React/Redux/GraphQL/React-Native - Visual Studio Marketplace\n\n6. ESLint\n Integração ESLint para manter código limpo e consistente.\n 🔗 ESLint - Visual Studio Marketplace\n\n7. GitLens — Git sobrecarregado\n Ferramenta poderosa para visualizar e entender o histórico do seu código com Git.\n 🔗 GitLens - Git sobrecarregado - Visual Studio Marketplace\n\n8. Visualização da imagem\n Visualize imagens diretamente no editor.\n 🔗 Visualização da imagem - Visual Studio Marketplace\n\n9. Custo de importação\n Mostra o tamanho dos pacotes importados em tempo real.\n 🔗 Custo de importação - Visual Studio Marketplace\n\n10. indent-arco-íris\n Recuos de cores para melhorar a legibilidade do código.\n 🔗 indent-rainbow - Visual Studio Marketplace\n\n11. Tema do ícone de material\n Aplica um tema de ícones baseado em Material Design para melhor visualização de arquivos.\n 🔗 Tema do ícone de material - Visual Studio Marketplace\n\n12. MDX\n Suporte para arquivos MDX, combinando Markdown com JSX.\n 🔗 MDX - Visual Studio Marketplace\n\n13. Próximos trechos de js\n Snippets para acelerar o desenvolvimento com Next.js.\n 🔗 Trechos de Nextjs - Visual Studio Marketplace\n\n14. npm Intellisense\n Preenchimento automático para módulos npm em seus arquivos de código.\n 🔗 npm Intellisense - Visual Studio Marketplace\n\n15. Mais bonito - Formatador de código\n Formate automaticamente seu código para manter um estilo consistente.\n 🔗 Mais bonito - Formatador de código - Visual Studio Marketplace\n\n16. CSV arco-íris\n Colorir e facilitar a edição de arquivos CSV.\n 🔗 Rainbow CSV - Visual Studio Marketplace\n\n17. Tailwind CSS IntelliSense\n Preenchimento automático e sugestões para classes CSS do Tailwind.\n 🔗 Tailwind CSS IntelliSense - Visual Studio Marketplace\n\n18. Espaços finais\n Destaca e remove espaços em branco desnecessários no final das linhas.\n 🔗 Espaços finais - Visual Studio Marketplace\n\n19. YAML\n Suporte aprimorado para arquivos YAML, úteis em configurações e Kubernetes.\n 🔗 YAML - Visual Studio Marketplace\n\nEssas extensões estão disponíveis no Visual Studio Code Marketplace oficial e são compatíveis com Cursor AI, já que este editor é baseado na plataforma VS Code.","date_published":"2025-06-04T01:32:14.086Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["eu","Cursor AI","inteligência artificial"],"image":"https://gndx.dev/og/pt/blog/extensiones-para-cursor-ai.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/extensiones-para-cursor-ai.md"},{"id":"https://gndx.dev/pt/blog/260225-instalar-warp-terminal-con-inteligencia-artificial-en-windows-11/","url":"https://gndx.dev/pt/blog/260225-instalar-warp-terminal-con-inteligencia-artificial-en-windows-11/","title":"Terminal Warp com inteligência artificial no Windows 11","summary":"Warp é um terminal reinventado que combina ferramentas colaborativas e integração poderosa com inteligência artificial para melhorar a produtividade das equipes de desenvolvimento. Com uma interface moderna e recursos avançados, torna o trabalho na linha de comando mais fácil do que nunca.","content_text":"Warp é um terminal reinventado que combina ferramentas colaborativas e integração poderosa com inteligência artificial para melhorar a produtividade das equipes de desenvolvimento. Com uma interface moderna e recursos avançados, torna o trabalho na linha de comando mais fácil do que nunca.\n\nO melhor de tudo é que o Warp agora está disponível em todos os sistemas operacionais, tanto MacOS, GNU/Linux e recentemente no Windows.\nInstale o Warp no Windows 11\n\n \n\n \n\nAgora, deixe-me contar alguns recursos que tornam o WARP o terminal número um para desenvolvedores.\nComo o Warp melhora a edição no terminal?\n\nWarp oferece um editor de entrada semelhante a IDE, permitindo uma experiência mais eficiente e fluida ao digitar comandos. Ao contrário dos terminais tradicionais, o Warp permite selecionar e editar várias linhas ao mesmo tempo, facilitando a modificação de comandos complexos. Além disso, o uso do mouse melhora a navegação, proporcionando uma alternativa intuitiva para desenvolvedores acostumados com ambientes gráficos.\nComo o Warp otimiza a escrita de comandos?\n\nWarp integra preenchimento automático inteligente diretamente no terminal, ajudando a reduzir erros e aumentar a velocidade ao digitar comandos. Esse recurso sugere opções relevantes com base no contexto, facilitando tarefas como formatar arquivos de configuração sem a necessidade de lembrar sintaxe complexa. Graças a esta capacidade, os usuários podem economizar tempo e evitar frustrações ao executar comandos repetitivos ou complicados.\nO que são blocos no Warp?\n\nUma das características mais inovadoras do Warp é o agrupamento de entradas e saídas em blocos. Esses blocos permitem organizar melhor o histórico de comandos, facilitando a navegação e a revisão dos resultados anteriores sem perder o contexto. Com atalhos de teclado, os usuários podem mover-se rapidamente entre diferentes blocos ou pular para o início ou fim de uma saída longa, melhorando a eficiência no uso diário do terminal.\nComo funciona a filtragem de blocos?\n\nWarp oferece um recurso avançado de filtragem de blocos que permite pesquisar informações importantes na saída do terminal sem recorrer a ferramentas externas como cat ou grep. Esta funcionalidade facilita a localização de informações relevantes e permite ampliar o contexto de pesquisa de acordo com a necessidade do usuário. Graças a essa abordagem, a revisão de logs e a depuração de erros tornam-se muito mais rápidas e precisas.\nQual o papel da inteligência artificial no Warp?\n\nAo contrário dos terminais tradicionais, o Warp integra inteligência artificial para auxiliar o usuário em múltiplas tarefas. Ele detecta automaticamente consultas em inglês e ativa o \"modo agente\", permitindo executar tarefas complexas como gerenciamento de processos e migrações de banco de dados. Além disso, os usuários podem solucionar erros de terminal sem precisar pesquisar no Google ou no Stack Overflow, simplesmente anexando a saída do terminal para receber dicas e soluções precisas.\nO que é Warp Drive e como ele ajuda na produtividade?\n\nWarp Drive é um dos recursos mais poderosos do Warp, permitindo armazenar comandos frequentes como fluxos de trabalho reutilizáveis. Isto é especialmente útil para tarefas repetitivas, como configurar autenticação ou executar processos complexos no Docker. Warp também permite definir variáveis ​​de ambiente dinâmicas e conectá-las a gerenciadores de senhas como LastPass ou 1Password, facilitando a execução segura de comandos.\nComo o Warp facilita o trabalho em equipe?\n\nWarp não apenas melhora a experiência individual, mas também melhora a colaboração em equipe. Com o recurso de notebook, os usuários podem documentar e compartilhar fluxos de trabalho usando Markdown. Isso permite que manuais de embarque e protocolos de incidentes dentro do terminal sejam mantidos atualizados, melhorando a eficiência operacional dos equipamentos. Além disso, o Warp Drive facilita a importação de documentação existente, garantindo acesso rápido a informações relevantes para todos os membros da equipe.\nQuais opções de personalização o Warp oferece?\n\nWarp é altamente personalizável, permitindo aos usuários ajustar a aparência e funcionalidade do terminal de acordo com suas preferências. Temas e layouts podem ser modificados por meio de arquivos YAML ou imagens personalizadas. Além disso, o Warp facilita a importação de configurações de outros terminais como o iTerm2, evitando a necessidade de configurar tudo do zero. Também permite personalizar os atalhos do teclado e a posição de entrada do texto, adaptando-se aos diferentes estilos de trabalho.\nEm quais plataformas o Warp está disponível?\n\nWarp está atualmente disponível para macOS e GNU/Linux e Windows, oferecendo uma experiência otimizada para desenvolvedores nessas plataformas.","date_published":"2025-02-26T20:25:36.661Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["urdidura","terminal","Windows","ferramentas"],"image":"https://gndx.dev/og/pt/blog/260225-instalar-warp-terminal-con-inteligencia-artificial-en-windows-11.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/260225-instalar-warp-terminal-con-inteligencia-artificial-en-windows-11.md"},{"id":"https://gndx.dev/pt/blog/0912-personalizar-tu-terminal-warp-oh-my-zsh/","url":"https://gndx.dev/pt/blog/0912-personalizar-tu-terminal-warp-oh-my-zsh/","title":"Personalize seu terminal de 0 a PRO 😎 Warp + Oh My Zsh","summary":"A personalização do terminal pode transformar completamente a experiência do desenvolvedor, passando de uma interface básica e pouco atraente para uma ferramenta poderosa e visualmente deslumbrante. Com Warp, um terminal inteligente que incorpora IA, junto com algumas configurações específicas, você poderá criar um ambiente de desenvolvimento mais eficiente e agradável.","content_text":"Personalizar seu terminal pode transformar completamente sua experiência como desenvolvedor, tornando-o mais funcional, atraente e eficiente. Neste artigo, você aprenderá como configurar um terminal moderno e poderoso usando ferramentas como Warp, Zsh e Oh My Zsh, além de aproveitar as vantagens da inteligência artificial integrada.\n\n \nQual terminal você deve usar para personalizá-lo?\n\nEmbora você possa usar qualquer terminal, Warp.dev é altamente recomendado. É um terminal que incorpora inteligência artificial, o que o torna ideal para desenvolvedores. Se você ainda não o possui, instale-o antes de continuar.\n\nWarp está disponível para macOS e Linux e em breve para Windows.\n\nInstalar Warp\nComo instalar o Zsh + Oh My Zsh?\n\nO primeiro passo para personalizar seu terminal é instalar o Zsh, um interpretador de comandos avançado e flexível. Em seguida, complemente o Zsh com Oh My Zsh, uma ferramenta que facilita a personalização por meio de temas, plug-ins e configurações. Siga estas etapas:\n\n \n1. Instale o Zsh:\nNo macOS, use o Homebrew:\n\nbrew install zsh\nNo Linux, use o gerenciador de pacotes da sua distribuição.\nNo Windows, certifique-se de ter o WSL configurado e usar o gerenciador de pacotes Ubuntu.\n\nsudo apt install zsh -y\n\n \n\n2. Instale Oh My Zsh:\n\nTudo que você precisa fazer é copiar e colar o seguinte código em seu terminal para instalar o Oh My Zsh.\n\nsh -c \"$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)\"\n\nComo escolher e configurar um tema para Zsh?\n\n Um tema bem desenhado melhora a aparência e funcionalidade do seu terminal. Para instalar um tema no Oh My Zsh:\n\n1. Baixe o tema P10k do repositório oficial powerlevel10k\n2. Configure o tema editando o arquivo .zshrc:\nAbra o arquivo com seu editor de código favorito.\nEncontre a linha ZSHTHEME e substitua-a pelo nome do tema que você baixou, que neste caos é \"powerlevel10k/powerlevel10k\".\nSalve as alterações e reinicie o Zsh com o comando exec zsh para aplicar a configuração.\nExecute o comando p10k configure para iniciar o processo de configuração.\n \nComo ajustar a aparência e funcionalidade do seu terminal?\n\nWarp e Oh My Zsh permitem personalizar detalhes como cores, separadores e estruturas visuais. Durante a configuração inicial, siga estas etapas:\nSelecione o estilo dos ícones e separadores.\nDefina o número de linhas no prompt.\nDefine a exibição de informações como hora e status da conexão.\n\n \nComo aproveitar a inteligência artificial da Warp?\n\nWarp inclui um recurso de inteligência artificial que você pode ativar com o símbolo #. Isso permite fazer consultas diretamente do terminal, como:\nExclua pastas de nodemodules:\n\nfind . -name \"nodemodules\" -type d -prune -exec rm -rf '{}' +\nObtenha explicações sobre comandos ou dicas para otimizar seu fluxo de trabalho.\nQue vantagens esta configuração oferece aos desenvolvedores?\n\nCom um terminal customizado, você não terá apenas uma interface mais atrativa, mas também ferramentas avançadas que otimizam sua produtividade. Desde o gerenciamento de projetos até a execução de comandos complexos, esta configuração permitirá que você trabalhe de forma mais eficiente e profissional.\n\nDeixo para vocês um vídeo passo a passo para conseguir essa configuração e customização do seu terminal.","date_published":"2024-12-09T02:28:42.232Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["YouTube","urdidura","terminal","oh meuzsh"],"image":"https://gndx.dev/og/pt/blog/0912-personalizar-tu-terminal-warp-oh-my-zsh.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/0912-personalizar-tu-terminal-warp-oh-my-zsh.md"},{"id":"https://gndx.dev/pt/blog/101124-como-liberar-espacio-eliminando-las-carpetas-nodemodules-de-tus-proyectos/","url":"https://gndx.dev/pt/blog/101124-como-liberar-espacio-eliminando-las-carpetas-nodemodules-de-tus-proyectos/","title":"Como liberar espaço excluindo as pastas node_modules dos seus projetos?","summary":"As dependências do seu projeto podem ocupar MUITO espaço considerável no seu disco rígido. As pastas `node_modules` em projetos JavaScript geralmente consomem centenas de MB e até excedem um GB.","content_text":"As dependências do seu projeto podem ocupar MUITO espaço considerável no seu disco rígido. Pastas nodemodules em projetos JavaScript geralmente consomem centenas de MB e até excedem GB. Se você tiver muitos projetos pendentes, excluir apenas as pastas nodemodules pode ajudá-lo a liberar uma quantidade significativa de espaço.\nPor que as pastas nodemodules ocupam tanto espaço?\n\nCada vez que você instala dependências em um projeto JavaScript, a pasta nodemodules é preenchida com arquivos e subpastas necessárias para executar o projeto. Isso inclui pacotes que o próprio projeto exige e, por sua vez, todas as dependências desses pacotes, resultando em uma árvore de dependências que pode se tornar muito extensa e pesada.\nComo verificar quanto espaço as pastas nodemodules ocupam no macOS e Linux?\n\nSe você tem seus projetos organizados em uma pasta específica, você pode verificar quanto espaço as pastas nodemodules ocupam em seu sistema. Para usuários de macOS ou Linux, os comandos abaixo ajudarão a localizar essas pastas e a somar o espaço que estão ocupando.\n\n1. Vá até a pasta principal onde seus projetos estão armazenados, no meu caso utilizo /Dev para todos os meus projetos:\n\n2. Liste o tamanho de cada pasta nodemodules:\n\n find . -name \"nodemodules\" -type d -prune | xargs du -chs\n \nComo verificar o espaço ocupado no Windows?\n\nPara usuários do Windows, o processo é semelhante, embora o comando seja diferente:\n\n1. Execute este comando no CMD para encontrar as pastas nodemodules:\n FOR /d /r . %d in (nodemodules) DO @IF EXIST \"%d\" echo %d\n \nComo excluir permanentemente as pastas nodemodules?\n\nSe você decidiu liberar espaço, lembre-se de que a exclusão das pastas nodemodules exigirá a reinstalação das dependências de quaisquer projetos nos quais deseja trabalhar no futuro usando npm install. Também é importante garantir que seus projetos estejam armazenados e atualizados no GitHub.\nNo Linux ou macOS\n\n1. Certifique-se de estar na pasta que contém seus projetos no meu caso /Dev\n\n2. Exclua todas as pastas nodemodules do seu computador:\n find . -name 'nodemodules' -type d -prune -print -exec rm -rf '{}' \\;\n \nNo Windows (CMD)\n\n1. Vá para a pasta principal dos seus projetos:\n\n2. Use este comando para excluir as pastas nodemodules:\n FOR /d /r . %d in (nodemodules) DO @IF EXIST \"%d\" rd /s /q \"%d\"\n \nCom essas etapas, você pode liberar espaço significativamente no disco rígido. Em alguns casos, os usuários conseguiram recuperar vários GB de armazenamento, como você pode ver no meu caso, o que é especialmente útil se você tiver vários projetos acumulados e não os estiver usando regularmente. Lembre-se que é importante ter seus projetos conectados a um repositório em nuvem como o GitHub e usar o arquivo .gitignore para evitar o envio de todas aquelas centenas de megabytes para um repositório.","date_published":"2024-11-11T00:41:23.150Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["GitHub","JavaScript","nó","javascript"],"image":"https://gndx.dev/og/pt/blog/101124-como-liberar-espacio-eliminando-las-carpetas-nodemodules-de-tus-proyectos.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/101124-como-liberar-espacio-eliminando-las-carpetas-nodemodules-de-tus-proyectos.md"},{"id":"https://gndx.dev/pt/blog/041024-crear-subtitulos-en-videos-de-youtube-con-whisper/","url":"https://gndx.dev/pt/blog/041024-crear-subtitulos-en-videos-de-youtube-con-whisper/","title":"Crie legendas em VÍDEOS do YouTube com WHISPER","summary":"Aprenda a usar o Whisper, a Inteligência Artificial gratuita da OpenAI para transcrever o áudio de qualquer vídeo do YouTube a partir de um script Python e do seu computador.","content_text":"Aprenda a usar o Whisper, a Inteligência Artificial gratuita da OpenAI, para transcrever o áudio de qualquer vídeo do YouTube a partir de um script Python e do seu computador.\nCrie legendas em VÍDEOS do YouTube com WHISPER\n\nComo criadores de conteúdo, enfrentamos muitas tarefas ao fazer um vídeo. Uma delas é criar as legendas do vídeo. Existem várias ferramentas, gratuitas e pagas. Alguns editores de vídeo incluem até a possibilidade de criar essas legendas em sua versão paga.\nComo criar legendas para seus vídeos GRATUITAMENTE?\n\nPrimeiro, usaremos o Whisper, a IA da OpenAI que nos permite converter qualquer áudio em texto. Com a mesma biblioteca podemos criar legendas no formato “SRT”. Simplificando, um SRT (SubRip Subtitle) é o formato de arquivo de legenda mais popular para conteúdo de vídeo e é o que o YouTube usa para carregar legendas em cada vídeo.\n\nAntes de começar, quero compartilhar um vídeo onde criamos um script Python que nos permite usar o Whisper em nossos computadores para converter áudio em texto. Se você já tem experiência, pode pular o vídeo e ir direto para o código.\n\nBaixe o youTubeTransscribe no GitHub.\n\nDepois de baixado, temos o seguinte código:\n\ndef downloadandtranscribeyoutubevideo(videourl):\n model = whisper.loadmodel(\"large\")\n\n datenow = datetime.datetime.now()\n dateformat = \"%Y-%m-%d%H-%M-%S\"\n datestring = datenow.strftime(dateformat)\n\n yt = pt.YouTube(videourl)\n stream = yt.streams.filter(onlyaudio=True)[0]\n stream.download(filename=\"audiospanish.mp3\")\n\n result = model.transcribe(\"audiospanish.mp3\", fp16=False)\n\n filename = f\"file{datestring}.txt\"\n\n with open(filename, \"w\") as file:\n file.write(result[\"text\"])\n print(result[\"text\"])\n\nif name == \"main\":\n if len(sys.argv) != 2:\n print(\"Usage: python scriptname.py \")\n sys.exit(1)\n\n youtubevideourl = sys.argv[1]\n downloadandtranscribeyoutubevideo(youtubevideourl)\n\nO que ele faz é utilizar a biblioteca pytube para baixar o áudio de um vídeo do YouTube e passá-lo pelo modelo Whisper, criando um arquivo txt com o conteúdo de áudio do vídeo.\n\nAgora, o que queremos é que esse mesmo arquivo tenha o formato SRT e os timestamps do formato.\n\nfrom whisper.utils import getwriter\n\ndef downloadandtranscribeyoutubevideo(videourl):\n model = whisper.loadmodel(\"large\")\n\n outputdirectory = \"./output\"\n datenow = datetime.datetime.now()\n dateformat = \"%Y-%m-%d%H-%M-%S\"\n datestring = datenow.strftime(dateformat)\n\n yt = pt.YouTube(videourl)\n stream = yt.streams.filter(onlyaudio=True)[0]\n stream.download(filename=f\"audio{datestring}.mp3\")\n\n result = model.transcribe(f\"audio{datestring}.mp3\", fp16=False)\n\n filename = f\"file{datestring}.txt\"\n\n with open(filename, \"w\", encoding=\"utf-8\") as file:\n file.write(result[\"text\"])\n\n txtwriter = getwriter(\"srt\", outputdirectory)\n txtwriter(result, f\"audio{datestring}.mp3\")\n\nif name == \"main\":\n if len(sys.argv) != 2:\n print(\"Usage: python scriptname.py \")\n sys.exit(1)\n\n youtubevideourl = sys.argv[1]\n downloadandtranscribeyoutubevideo(youtubevideourl)\n\nEste novo script possui um utilitário que nos permite criar esse formato SRT e carimbos de data e hora e enviá-los diretamente para o YouTube. Se você analisar o código, poderá ver que a função getwriter foi adicionada nas linhas 92 e 93, e uma referência à saída do arquivo na linha 76.\n\nTudo que você precisa fazer é executar o script com o seguinte comando:\n\npython src/main.py \n\nEste processo pode demorar alguns minutos, mas o resultado será um arquivo em formato SRT com os carimbos de data e hora e conteúdo de áudio do vídeo, e outro arquivo em formato TXT.\nComo traduzir as legendas dos seus vídeos?\n\nSe você deseja traduzir as legendas dos seus vídeos, você pode usar desde o Google Tradutor até ferramentas como subtitlestranslator.com, e desta forma, adicionar vários idiomas às traduções do seu vídeo.\n\nCom essas etapas, você pode criar legendas para seus vídeos do YouTube gratuitamente e no seu computador.","date_published":"2024-04-11T02:28:42.232Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["YouTube","píton","roteiros"],"image":"https://gndx.dev/og/pt/blog/041024-crear-subtitulos-en-videos-de-youtube-con-whisper.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/041024-crear-subtitulos-en-videos-de-youtube-con-whisper.md"},{"id":"https://gndx.dev/pt/blog/040924-5-herramientas-gratis-para-crear-paginas-web-con-tailwindcss/","url":"https://gndx.dev/pt/blog/040924-5-herramientas-gratis-para-crear-paginas-web-con-tailwindcss/","title":"5 ferramentas gratuitas para criar sites com Tailwindcss","summary":"Você deseja agilizar o processo de desenvolvimento de suas páginas web? Aqui estão cinco recursos essenciais que o ajudarão a melhorar a velocidade e a qualidade de seus projetos criados com TailwindCSS.","content_text":"Como criar páginas da web mais rapidamente?\n\nVocê deseja agilizar o processo de desenvolvimento de suas páginas web? Aqui estão cinco recursos essenciais que o ajudarão a melhorar a velocidade e a qualidade de seus projetos criados com TailwindCSS.\nTailwindUI e como ele pode acelerar seu processo de design?\n\nSe você já conhece TailwindCSS, preste atenção em TailwindUI.com! Esta plataforma oferece uma ampla gama de componentes e modelos projetados para complementar perfeitamente o fluxo de trabalho TailwindCSS. Desde cabeçalhos, menus, seção de depoimentos, comércio eletrônico e você encontrará uma variedade de elementos prontos para integrar em seus projetos. Embora seja uma opção paga, oferece uma excelente relação custo-benefício ao fornecer uma biblioteca completa de recursos prontos para uso e você poderá encontrar recursos gratuitos disponíveis para integração.\nHyperUI.dev\n\nSe você está procurando uma alternativa gratuita e de código aberto, HyperUI.dev é a sua resposta. Esta ferramenta oferece uma coleção de itens gratuitos divididos em categorias como aplicativos, marketing e e-commerce. O melhor é que disponibiliza múltiplas versões de cada recurso, permitindo que você escolha a mais adequada para o seu projeto. Com foco na acessibilidade e usabilidade, o HyperUI é uma ótima opção para acelerar seu fluxo de trabalho sem comprometer a qualidade.\nO que o HeadlessUI oferece para quem precisa de funcionalidades interativas?\n\nSe você está pronto para levar seus projetos para o próximo nível com interações dinâmicas, HeadlessUI é seu aliado ideal. Projetada especificamente para funcionar com Tailwind CSS, esta biblioteca oferece uma variedade de componentes interativos prontos para implementação em suas aplicações web. Embora se concentre no React, ele fornece uma solução sólida para integrar elementos de UI interativos de forma eficiente e eficaz.\nOnde encontrar ícones compatíveis com TailwindCSS?\n\nPara quem procura uma ampla gama de ícones compatíveis com TailwindCSS, HeroIcons.com é a solução perfeita. Esta biblioteca oferece uma extensa coleção de ícones nos formatos SVG e JSX, facilitando a integração em seus projetos. Com opções de personalização e uma interface elegante, HeroIcons agiliza o processo de design, fornecendo uma ampla variedade de opções para cada necessidade.\nQual é a melhor fonte de ícones SVG para projetos de web design?\n\nSe você precisar de ainda mais opções de ícones SVG para seus projetos, SVGRepo.com é a resposta. Com uma ampla seleção de ícones monocromáticos e multicoloridos, esta plataforma permite que você encontre o ícone perfeito para suas necessidades de design. Além disso, oferece opções de personalização e download direto, facilitando a integração rápida e fácil de ícones personalizados em seus projetos.\n\nCom essas ferramentas você poderá criar páginas web com TailwindCSS de forma fluida, rápida e profissional.","date_published":"2024-04-10T02:26:27.919Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["css","tailwindcss","ferramentas"],"image":"https://gndx.dev/og/pt/blog/040924-5-herramientas-gratis-para-crear-paginas-web-con-tailwindcss.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/040924-5-herramientas-gratis-para-crear-paginas-web-con-tailwindcss.md"},{"id":"https://gndx.dev/pt/blog/190324-palindromos-en-javascript/","url":"https://gndx.dev/pt/blog/190324-palindromos-en-javascript/","title":"Palíndromos em JavaScript","summary":"Palíndromos e como resolver esse problema com JavaScript podem fazer parte dos testes técnicos mais comuns que um profissional de desenvolvimento de software JavaScript costuma fazer. Este artigo explora um método para identificar os padrões que constituem um palíndromo.","content_text":"Palíndromos e como resolver esse problema com JavaScript podem fazer parte dos testes técnicos mais comuns que um profissional de desenvolvimento de software JavaScript costuma fazer. Este artigo explora um método para identificar os padrões que constituem um palíndromo.\nO que é um palíndromo?\nUm palíndromo é uma palavra, frase, número ou outra sequência de caracteres que é lida de trás para frente. Esta seção aborda estratégias para determinar se uma determinada entrada é um palíndromo, mostrando sua capacidade de trabalhar com strings e lógica.\nComo determinar se uma string é um palíndromo em JavaScript?\nCriaremos um algoritmo para determinar se uma determinada entrada é um palíndromo, trabalhando na capacidade de trabalhar com strings e lógica.\nComo resolver um Palíndromo em JavaScript?\n\nfunction éPalindrome(string) {\n // Normalizamos o texto, convertendo-o para minúsculo e depois removendo todos os caracteres não alfanuméricos, incluindo o hífen.\n var normalizedString = string.toLowerCase().replace(/[\\W]/g, '');\n\n// Comparará a string normalizada com sua versão invertida.\n var reversedString = normalizedString.split('').reverse().join('');\n\n// Retornará verdadeiro se as strings forem iguais.\n return normalizedString === reversedString;\n}\n\nEsta abordagem demonstra que com conhecimento básico de JavaScript e uma compreensão clara de palíndromos, podemos criar soluções eficientes para problemas aparentemente complexos. Antes de escrever uma linha de código é importante entender o problema, as soluções não precisam ser complexas.","date_published":"2024-03-20T03:09:25.305Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["javascript","palíndromo","programação"],"image":"https://gndx.dev/og/pt/blog/190324-palindromos-en-javascript.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/190324-palindromos-en-javascript.md"},{"id":"https://gndx.dev/pt/blog/121223-comprar-un-dominio-com/","url":"https://gndx.dev/pt/blog/121223-comprar-un-dominio-com/","title":"Como comprar um domínio .com?","summary":"compre domínios no NameCheap: descubra ofertas exclusivas, proteja sua privacidade e gerencie DNS facilmente.","content_text":"Comprar um nome de domínio pode parecer uma tarefa árdua, mas com a orientação certa o processo se torna simples e acessível. Este artigo mostrará passo a passo como escolher e adquirir seu domínio ideal, usando namecheap.com, e compartilhando truques para fazer isso de forma eficiente e econômica.\nComo escolher a melhor plataforma para comprar um domínio?\nA escolha da plataforma é crucial. Mas Namecheap.com se destaca pela facilidade de uso e ofertas atraentes para novos usuários. Use o cupom: HOLIDAYCOM para obter um domínio .com por US$ 5,98. Além disso, oferece uma ampla gama de produtos e serviços a preços variados, sendo uma opção versátil para diversas necessidades.\nQue considerações você deve ter ao escolher um nome de domínio?\nAo selecionar um domínio, é vital ter em mente a palavra, frase ou nome desejado. Os domínios .com são populares e fáceis de lembrar, mas muitas vezes é difícil encontrar um disponível sem combinações de palavras já utilizadas. Alternativas como .net, .org, .dev e extensões de países como .co, .mx, .es entre outras, oferecendo um leque de possibilidades.\nComo você pode aproveitar descontos e ofertas no NameCheap?\nPara novos usuários, Namecheap oferece ofertas tentadoras como descontos de até 50% na primeira compra. Além disso, possui uma seção de domínios por US$ 2 ou menos, ideal para projetos pequenos ou de baixo orçamento. É importante lembrar que esses preços costumam ser promocionais e podem sofrer alterações mediante renovações.\n\nAdquira seu .com por um preço especial: https://namecheap.pxf.io/21YNQa\nQuais benefícios o NameCheap oferece no gerenciamento de privacidade de domínio?\nNameCheap se destaca por incluir, sem custo adicional, a opção de privacidade de domínio, o que significa que seus dados pessoais permanecem ocultos em registros públicos. Este recurso é crucial para proteger suas informações pessoais e do seu projeto e em outras plataformas geralmente custa a partir de US$ 5 ou mais.\nComo gerenciar o domínio depois de adquirido?\nConcluída a compra, o próximo passo é configurar os DNS (Domain Name Servers), que conectam seu domínio ao endereço IP do servidor onde seu site será hospedado. Este processo é essencial para que seu domínio seja funcional e direcione os visitantes ao seu site.\nConclusão\nCom essas etapas, comprar um domínio se torna uma tarefa administrável e menos intimidante. Lembre-se que escolher a plataforma e o domínio certos são essenciais para o sucesso do seu projeto online. NameCheap oferece uma rota acessível e econômica, especialmente para quem é novo no mundo digital.","date_published":"2023-12-13T00:27:34.300Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["produtos","nome barato","domínios","ofertas"],"image":"https://gndx.dev/og/pt/blog/121223-comprar-un-dominio-com.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/121223-comprar-un-dominio-com.md"},{"id":"https://gndx.dev/pt/blog/061223-gemini-la-nueva-ia-de-google/","url":"https://gndx.dev/pt/blog/061223-gemini-la-nueva-ia-de-google/","title":"GEMINI, a nova IA do Google","summary":"Em um mundo onde a inteligência artificial (IA) avança continuamente, o Google DeepMind apresenta agora o Gemini, seu modelo de inteligência artificial mais avançado e versátil até o momento.","content_text":"Em um mundo onde a inteligência artificial (IA) avança continuamente, o Google DeepMind apresenta agora o Gemini, seu modelo de inteligência artificial mais avançado e versátil até o momento. Com a promessa de um mundo melhorado pela IA, este desenvolvimento inovador representa um salto significativo na forma como compreendemos e utilizamos a inteligência artificial em diversas aplicações.\nO que é Gêmeos e quais são suas características?\n\nGemini é um modelo de IA multimodal desenvolvido pelo Google DeepMind, capaz de compreender e operar com diversos tipos de informações como texto, código, áudio, imagem e vídeo. Esta capacidade multimodal permite-lhe realizar uma série de tarefas com um nível sem precedentes de flexibilidade e eficiência. Algumas características principais do Gemini são:\nMultimodalidade: Capacidade de processar e combinar diferentes tipos de dados.\nFlexibilidade: Operação eficiente em diferentes plataformas, desde data centers até dispositivos móveis.\nDesempenho avançado: Supera modelos anteriores em benchmarks acadêmicos e práticos.\nComo o Gemini se compara ao ChatGPT?\n\nGêmeos se destaca pelo desempenho superior em uma ampla gama de tarefas. Alguns destaques são:\nDesempenho em MMLU: Gemini Ultra é o primeiro modelo a superar especialistas humanos em compreensão massiva de linguagem multitarefa (MMLU).\nCapacidades multimodais: Destaca-se em benchmarks que exigem raciocínio multimodal e complexo, destacando-se em tarefas que envolvem imagens, áudio e vídeo.\nQuais recursos avançados o Gemini oferece?\n\nGemini 1.0 apresenta recursos sofisticados de raciocínio multimodal, permitindo:\nCompreender informações complexas: É capaz de processar e sintetizar informações escritas e visuais com eficiência.\nGerar insights: Capaz de extrair conhecimento de grandes volumes de dados.\nComo o Gemini contribui para o avanço da programação?\n\nO modelo Gemini demonstrou habilidades excepcionais na área de programação, com capacidades que incluem:\nCompreensão e geração de código: entenda e gere código de alta qualidade em diversas linguagens de programação.\nDesempenho em benchmarks de codificação: Excelente desempenho em avaliações padrão do setor.\nQue melhorias o Gemini traz em termos de escalabilidade e eficiência?\n\nO Gemini 1.0 foi otimizado para ser um modelo altamente escalável e eficiente, destacando-se por:\nUsando infraestrutura otimizada para IA: treinado em TPUs do Google, permitindo desempenho rápido e eficiente.\nEscalabilidade e confiabilidade: projetado para ser o modelo mais confiável e escalonável do Google.\nComo o Google garante segurança e responsabilidade no desenvolvimento do Gemini?\n\nA segurança e a responsabilidade são fundamentais no desenvolvimento do Gemini, com abordagens que incluem:\nAvaliações de segurança abrangentes: testes rigorosos para identificar e mitigar riscos potenciais.\nColaboração com especialistas externos: Para identificar e abordar pontos cegos na avaliação do modelo.\nQuais são as aplicações práticas do Gemini e sua disponibilidade?\n\nO Gemini está sendo implementado em vários produtos e plataformas do Google, com aplicativos que incluem:\nIntegração com produtos Google: como dispositivos Bard e Pixel.\nDisponibilidade para desenvolvedores: acesso por meio do Google AI Studio e do Google Cloud Vertex AI.\n\nA introdução do Gemini marca um marco no campo da IA, oferecendo capacidades avançadas e multimodais que prometem transformar a forma como interagimos com a tecnologia no nosso dia a dia. Com foco na segurança e na responsabilidade, a Gemini está emergindo como um catalisador para a inovação e o progresso em vários campos.","date_published":"2023-12-06T20:28:08.628Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["eu","Google","Gêmeos","inteligência artificial"],"image":"https://gndx.dev/og/pt/blog/061223-gemini-la-nueva-ia-de-google.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/061223-gemini-la-nueva-ia-de-google.md"},{"id":"https://gndx.dev/pt/blog/061223-gitmoji-personaliza-tus-commits/","url":"https://gndx.dev/pt/blog/061223-gitmoji-personaliza-tus-commits/","title":"Faça suas mensagens GIT Commit com GitMoji","summary":"Crie as melhores mensagens para GIT Commit e adicione estilo e intenção, use gitmoji como padrão para suas mensagens.","content_text":"\"Crie as melhores mensagens para GIT Commit e adicione estilo e intenção, use gitmoji como padrão para suas mensagens em seus projetos.\n\nO que é GitMoji e como ele melhora a comunicação em projetos?\nGitMoji é uma ferramenta que apresenta um padrão visual único para suas mensagens de commit. Sua função principal é fornecer uma maneira clara e eficiente de comunicar intenções e mudanças em um projeto. Esta ferramenta tornou-se imprescindível em diversos ambientes, tanto profissionais como pessoais, pela sua capacidade de simplificar e clarificar a comunicação nas equipas de trabalho.\n\nComo instalar o GitMoji?\n\nCom um simples comando em seu terminal você pode adicioná-lo ao seu sistema como um pacote global.\n\nnpm i -g gitmoji-cli\n\nComo o GitMoji funciona na prática?\nO processo de uso do GitMoji é simples, mas poderoso. Os usuários podem acessar uma ampla variedade de emojis e elementos visuais em seu site, permitindo-lhes selecionar os mais adequados para representar diferentes aspectos de seu trabalho, como atualizações, novos recursos, correções críticas e muito mais. Esses elementos visuais facilitam a identificação rápida da natureza de cada alteração ou acréscimo ao projeto.\n\nInicialize o GitMoji antes de enviar um commit:\n\ngitmoji -c\n\nQuais são os benefícios de usar GitMoji em projetos?\nUsar GitMoji em projetos traz vários benefícios. Permite uma comunicação mais eficiente e eficaz entre as equipes, facilita a identificação e o rastreamento de mudanças específicas e melhora o gerenciamento de projetos. Além disso, a sua utilização estendeu-se a diversas áreas, demonstrando a sua versatilidade e eficácia em diversos tipos de projetos, desde desenvolvimentos open source até iniciativas pessoais.\n\nGitMoji representa uma ferramenta inestimável na área de programação e commits, demonstrando como os elementos visuais podem melhorar significativamente a comunicação e o gerenciamento em diversos projetos. A sua facilidade de utilização e os benefícios que proporciona fazem dele um padrão digno de consideração por qualquer equipa de trabalho.","date_published":"2023-12-06T17:51:59.193Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["idiota","GitHub","gitmoji"],"image":"https://gndx.dev/og/pt/blog/061223-gitmoji-personaliza-tus-commits.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/061223-gitmoji-personaliza-tus-commits.md"},{"id":"https://gndx.dev/pt/blog/121123-instalar-phython-en-macos-sonoma/","url":"https://gndx.dev/pt/blog/121123-instalar-phython-en-macos-sonoma/","title":"Instale Python no MacOS Sonoma","summary":"Aprenda como instalar Python com Pyenv usando Brew no macOS Sonoma. Siga estas etapas para turbinar seu fluxo de trabalho de desenvolvimento.","content_text":"Pronto para impulsionar seu ambiente de desenvolvimento no macOS Sonoma?\n\nSe você é apaixonado pelo desenvolvimento em Python, otimizar seu ambiente é fundamental. Aprenda como instalar Python com Pyenv usando Brew no macOS Sonoma. Siga estas etapas para turbinar seu fluxo de trabalho de desenvolvimento.\nPor que Pyenv e Brew?\n\nPyenv permite gerenciar versões do Python com eficiência, enquanto o Brew simplifica a instalação de ferramentas no macOS. Juntos, eles oferecem uma combinação poderosa para ter controle total sobre seu ambiente de desenvolvimento.\nO que é Brew e por que você deve usá-lo?\nHomebrew é um gerenciador de pacotes para macOS que simplifica a instalação e gerenciamento de ferramentas e software. Descubra por que esta ferramenta é essencial para otimizar sua experiência de desenvolvimento no macOS.\n\nAntes de começar, certifique-se de ter o Brew instalado. Caso ainda não o tenha, execute o seguinte comando em seu terminal:\n\n/bin/bash -c \"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)\"\n## Etapa 2: Instalando o Pyenv\n\nCom o Brew instalado, instale o Pyenv com um comando simples:\n\nbrew install pyenv\n\nEm seguida, adicione estas linhas ao seu arquivo de perfil (como .zshrc ou .bashrc):\n\neval \"$(pyenv init --path)\"\neval \"$(pyenv virtualenv-init -)\"\n## Etapa 3: Instalando Python com Pyenv\n\nAgora que o Pyenv está configurado, instale a versão do Python necessária. Por exemplo, para Python 3.9.7:\n\npyenv install 3.12\n\nDefina esta versão como padrão:\n\npyenv global 3.12\n## Etapa 4: verificação\n\nCertifique-se de que a instalação foi bem-sucedida:\n\npython --version\n\nVocê deverá ver a versão que acabou de instalar. Preparar! Agora você tem um ambiente Python gerenciado com Pyenv e Brew em seu macOS Sonoma.","date_published":"2023-11-12T22:43:17.223Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["píton","pyenv","cerveja caseira"],"image":"https://gndx.dev/og/pt/blog/121123-instalar-phython-en-macos-sonoma.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/121123-instalar-phython-en-macos-sonoma.md"},{"id":"https://gndx.dev/pt/blog/041123-volver-a-empezar-desde-cero/","url":"https://gndx.dev/pt/blog/041123-volver-a-empezar-desde-cero/","title":"Recomeçar do zero na Programação","summary":"A programação de computadores é um mundo enorme e em constante mudança. Como iniciante, pode ser assustador e intimidante saber por onde começar a aprender. Mas você não está sozinho.","content_text":"A programação de computadores é um mundo enorme e em constante mudança. Como iniciante, pode ser assustador e intimidante saber por onde começar a aprender. Mas você não está sozinho. Com mais de 22 anos de experiência em desenvolvimento de software, compartilharei algumas dicas essenciais para quem deseja se aprofundar nesta fascinante disciplina.\nPor que é importante praticar e melhorar constantemente suas habilidades?\n\nA prática capacita o indivíduo com habilidades e conhecimentos essenciais para se tornar um especialista em sua área. Hoje você tem acesso à internet, livros, cursos e diversas plataformas educacionais. Mas você também pode melhorar suas habilidades e conhecimentos por meio de tentativa e erro, experiência prática e solução de desafios em tempo real.\nComo a comunidade pode ajudar?\n\nAo interagir com outras pessoas da comunidade, você pode obter conhecimentos, experiências e recursos valiosos. Você pode aprender com os erros e sucessos dos outros, ser inspirado por suas conquistas e obter apoio e orientação. Às vezes você pode encontrar mentores na comunidade que podem orientá-lo e oferecer uma perspectiva sólida.\nPor que às vezes é necessário desaprender para aprender novas habilidades?\n\nO conceito de 'desaprendizado' é fundamental na jornada de aprendizagem de um indivíduo. À medida que as tecnologias evoluem, pode ser necessário abandonar antigas práticas e conceitos para adotar novas técnicas e formas de pensar. Dessa forma, você pode manter suas habilidades e conhecimentos atualizados e relevantes.\nPor que o fracasso nem sempre é um passo atrás?\n\nNem sempre o fracasso é sinônimo de retrocesso. Muitas vezes, é uma oportunidade de aprender e crescer. Ao enfrentar desafios e experimentar falhas, você pode identificar áreas de fraqueza e oportunidades de melhoria. Lembre-se de que um único erro, uma dispensa ou um dia ruim não são motivos para desistir.\nComo você pode testar suas habilidades?\n\nUma forma eficaz de testar suas habilidades é por meio de projetos. Os projetos permitem que você aplique o que aprendeu de forma prática. Eles também desafiam você a empregar suas habilidades na tomada de decisões, resolução de problemas e desenvolvimento de soluções viáveis.\nPor que você nunca deve parar de aprender?\n\nO aprendizado constante é crucial para se manter atualizado com as tecnologias mais recentes e as melhores práticas do setor de tecnologia. Ao manter uma abordagem de aprendizado contínuo, você pode ficar à frente das mudanças e tendências emergentes em sua área. Você nunca deve se limitar aos conhecimentos e habilidades que já possui, mas sim buscar ativamente novas ideias e abordagens para ampliar seus horizontes.\n\nFinalmente, lembre-se de que você não está sozinho em seu caminho de aprendizagem. Como Oscar menciona, você pode pedir ajuda às comunidades, aprender com outras pessoas e, por sua vez, tornar-se um mentor para outras pessoas. No final das contas, cada desafio, cada fracasso e cada sucesso são passos em direção ao seu objetivo final de se tornar um grande guerreiro do desenvolvimento de software.","date_published":"2023-11-04T21:49:06.560Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["conferências","emprego","tecnologia","programação"],"image":"https://gndx.dev/og/pt/blog/041123-volver-a-empezar-desde-cero.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/041123-volver-a-empezar-desde-cero.md"},{"id":"https://gndx.dev/pt/blog/231007-como-empezar-tu-blog-o-portafolio-con-astro/","url":"https://gndx.dev/pt/blog/231007-como-empezar-tu-blog-o-portafolio-con-astro/","title":"Como iniciar seu blog ou portfólio com Astro?","summary":"Quer começar seu blog ou portfólio online? Mas você se sente perdido no processo, veio ao lugar certo. Vou guiá-lo pelos passos para iniciar seu projeto usando o Astro, uma ferramenta poderosa que irá simplificar todo o processo.","content_text":"Quer começar seu blog ou portfólio online? Mas você se sente perdido no processo, veio ao lugar certo. Vou guiá-lo pelos passos para iniciar seu projeto usando o Astro, uma ferramenta poderosa que irá simplificar todo o processo.\nO que é Astro e por que você deveria usá-lo?\n\nAstro é uma das ferramentas mais populares para criação de sites. Porque? Porque permite aproveitar ao máximo todas as suas vantagens de forma rápida e fácil. Com foco no conteúdo e velocidade de carregamento impressionante, o Astro se torna seu aliado perfeito.\nDescubra o modelo minimalista\n\nPara começar, apresentarei um modelo que criei especificamente para ajudá-lo a lançar seu blog ou portfólio de maneira eficaz. Este template foca no design minimalista, priorizando a apresentação de quem você é, o que você faz e suas redes sociais.\n\nTema Astro EV0\n\nPrincipais recursos do modelo de tema EV0 Astro\n\nEste modelo foi projetado com os seguintes recursos em mente:\nEstilo Minimalista: Seu design concentra-se em informações essenciais.\nSEO Friendly: É otimizado para mecanismos de pesquisa e URLs amigáveis.\nTotalmente Responsivo: Adapta-se a qualquer dispositivo e resolução.\nIntegração com o YouTube: Você pode mostrar seus vídeos mais recentes se quiser.\nComandos simples: Inclui um comando de linha de comando para adicionar facilmente novos blocos.\nFarol 100/100\nPronto para PWA\nClonar o repositório\n\nAntes de começar, você precisa clonar o repositório deste modelo.\n\nRepositório: https://github.com/gndx/ev0-astro-theme\nPersonalizar e configurar\n\nDepois de clonado, vá para a pasta do projeto e execute npm install para instalar as dependências. No arquivo config, você pode personalizar as informações do seu site, ativar recursos como o YouTube e definir suas redes sociais.\n\nNo repositório você encontrará toda a documentação para customizá-lo:https://github.com/gndx/ev0-astro-theme\nCrie seu conteúdo\n\nA estrutura do conteúdo do seu blog ou portfólio encontra-se na seção “blog”. Cada arquivo representa uma página ou seção do seu site e contém informações relevantes como título, descrição, data, imagem, categoria, tags e autor.\nComece a escrever!\n\nO melhor é que você pode começar a criar seu conteúdo diretamente neste arquivo, sem a necessidade de bancos de dados ou ferramentas de terceiros. Tudo estará dentro deste mesmo projeto.\nAmbiente de desenvolvimento local\n\nDepois de personalizar seu site e criar seu conteúdo, é hora de testá-lo. Execute npm run dev em seu terminal e abra seu site localmente em seu navegador. Seu blog ou portfólio estará pronto para uso!\nQuer saber mais sobre o Astro?\n\nSe você quiser se aprofundar no uso do Astro, recomendo meu curso online. Você aprenderá como aproveitar ao máximo esta ferramenta e todos os seus recursos.\n\nResumindo, com Astro.build e este template minimalista (EV0 Astro Theme), você poderá lançar seu blog ou portfólio de forma eficaz e personalizada. Atreva-se a explorar e compartilhar seu conhecimento com o mundo!\n\nLembre-se que este template é totalmente open source, então você pode adaptá-lo, modificá-lo e enviar suas melhorias para o repositório principal. Espero que este guia o ajude no caminho para a criação do seu site!\nVídeo passo a passo:","date_published":"2023-10-07T01:55:35.668Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["temas","código aberto","YouTube"],"image":"https://gndx.dev/og/pt/blog/231007-como-empezar-tu-blog-o-portafolio-con-astro.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/231007-como-empezar-tu-blog-o-portafolio-con-astro.md"},{"id":"https://gndx.dev/pt/blog/231006-como-encontrar-inspiracion-para-tu-portafolio/","url":"https://gndx.dev/pt/blog/231006-como-encontrar-inspiracion-para-tu-portafolio/","title":"Como encontrar inspiração para seu portfólio?","summary":"Você está prestes a construir um portfólio e está sem inspiração. Não se preocupe, aqui mostraremos como aproveitar diversas ferramentas e recursos para dar vida ao seu primeiro projeto de maneira eficaz.","content_text":"Você está prestes a construir um portfólio e está sem inspiração. Não se preocupe, aqui mostraremos como aproveitar diversas ferramentas e recursos para dar vida ao seu primeiro projeto de maneira eficaz.\nOnde encontrar inspiração?\n\nMinha primeira recomendação é visitar drible.com, uma plataforma rica em inspiração. Em sua seção de inspiração, você encontrará um amplo acervo de projetos criados por profissionais de diversas áreas. Aqui você poderá explorar ideias e conceitos que nortearão seu projeto, seja ele um portfólio, uma ideia ou qualquer criação.\nPor que o Dribbble.com é ideal?\n\nDribbble.com oferece muito mais do que apenas inspiração. Além disso, dá acesso a paletas de cores, permitindo encontrar a combinação perfeita para o seu projeto. Seja no design, nas formas, nos elementos ou nas cores, esta plataforma é um tesouro de ideias.\nComo usar o Drible?\n\nUsar o Dribble é simples. Basta visitar a seção de inspiração e explorar diversos elementos através de seu mecanismo de busca. Você pode encontrar elementos relacionados, como home pages e sites inteiros, para identificar o projeto que deseja construir ou no qual se inspirar.\nVocê está procurando projetos com código?\n\nSe você procura um projeto pronto para modificar e levar para produção, recomendo explorar repositórios com mais de 100 projetos open source. Isso significa que você pode utilizá-los, personalizá-los e adaptá-los de acordo com suas necessidades. Alguns desses projetos vêm até com demonstração e as tecnologias utilizadas.\n\nBaixe os projetos: github.com/Evavic44/portfolio-ideas\nO que fazer com os projetos?\n\nNão se preocupe em construir tudo do zero. Basta escolher o projeto que mais gosta, copiá-lo e ajustá-lo de acordo com suas necessidades. Não se esqueça de dar créditos ao autor original. Reserve um tempo para analisá-los e encontrar o que melhor se adapta a você.\nMais recursos?\n\nPara encerrar, aqui estão dois projetos adicionais, criados por mim, que você pode usar e aproveitar.\n1. Linkree grátis\n\nSe você deseja ter uma página que agrupe seus links, redes sociais e seja sua porta de entrada para suas redes sociais, ofereço-lhe uma adaptação do Linkree. Este projeto é baseado em HTML e CSS, facilitando a edição e customização.\n\ngndx: github.com/gndx/gndx.io\n2. Blog de Design Minimalista\n\nSe você procura um site mais robusto com recursos como design minimalista, suporte RSS e foco em trabalhar com Markdown, PWA, entre outros recursos. Este é o mesmo template que utilizo neste blog e você pode cloná-lo e adaptá-lo de acordo com sua necessidade.\n\nTema do Astro Blog: github.com/gndx/ev0-astro-theme\nVamos trabalhar!\n\nCom esses recursos e ferramentas, você está pronto para iniciar seu projeto de portfólio. Não hesite em explorá-los e personalizá-los de acordo com as suas necessidades!\nVídeo","date_published":"2023-10-06T20:19:02.615Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["temas","YouTube","código aberto"],"image":"https://gndx.dev/og/pt/blog/231006-como-encontrar-inspiracion-para-tu-portafolio.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/231006-como-encontrar-inspiracion-para-tu-portafolio.md"},{"id":"https://gndx.dev/pt/blog/230920-ev0-astro-theme/","url":"https://gndx.dev/pt/blog/230920-ev0-astro-theme/","title":"Tema Astro EV0","summary":"Descubra o EV0 Astro Theme, o modelo de web design que revolucionará a maneira como você constrói seu blog ou portfólio online.","content_text":"Sou apaixonado por criar produtos e projetos que impactem a comunidade e as pessoas, por isso quero apresentar o EV0 Astro Theme, um template desenvolvido para blogs e portfólios.\n\nHá muito tempo venho construindo e lançando recursos de código aberto, como templates HTML/CSS/React, e dessa vez meu foco foi trabalhar com diversos recursos para o Astro.Build.\n\nTema Astro EV0\nO que faz o EV0 Astro Theme se destacar?\n\nO EV0 Astro Theme é o resultado da minha vontade de mudar e melhorar o meu blog. Com o tempo, usei modelos de outros profissionais e recursos pré-construídos em meu blog. Também experimentei plataformas como Wordpress, Ghost, Next.JS, entre outras. Agora é a vez do Astro.build, um poderoso framework para construção de páginas web. Hoje isso acabou e construí um recurso totalmente do zero.\n\nEV0 Astro Theme é um modelo básico do Astro, projetado para servir como um ponto de partida ideal para seu próprio blog ou portfólio, com recursos que se destacam:\n✅Estilo minimalista: Usa Tailwind CSS para um design limpo e elegante.\n✅Desempenho excepcional: Obtenha uma classificação 100/100 no Lighthouse, ferramenta do Google que mede o desempenho da web.\n✅SEO Friendly: Apresenta URLs canônicos e dados OpenGraph para melhor otimização do mecanismo de pesquisa.\n✅Suporte para sitemaps: Facilita a indexação do seu site pelos mecanismos de busca.\n✅Suporte para feed RSS: Permita que seus seguidores se mantenham atualizados facilmente.\n✅Compatibilidade com Markdown e MDX: Escreva conteúdo de forma simples e eficaz.\n✅PWA Ready: Oferece uma experiência progressiva para usuários móveis.\n✅Totalmente responsivo: Garante que seu site tenha a aparência e o funcionamento ideais em todos os dispositivos.\n✅Robots.txt e Humans.txt: Controle total sobre a indexação do mecanismo de busca e comunicação com os visitantes.\n✅Suporte para TypeScript: Facilita o desenvolvimento com esta linguagem de programação.\n✅Destaque de sintaxe: Torna seu código e conteúdo mais legíveis.\n✅Integração com o YouTube:Incorpore facilmente vídeos do YouTube em suas postagens.\n✅CLI para adicionar novas postagens: Simplifica a criação de conteúdo.\nPor que focar em uma classificação 100/100 no Lighthouse?\n\nUm dos destaques do EV0 Astro Theme é sua excepcional classificação 100/100 no Lighthouse, uma ferramenta crucial do Google para medir os principais fatores de um site, como desempenho, acessibilidade, práticas recomendadas, SEO e PWA. Este modelo foi meticulosamente projetado para atender a cada um desses critérios, garantindo uma experiência de usuário ideal e um desempenho excepcional.\nComo você pode usar o tema EV0 Astro?\n\nMeu objetivo ao criar o EV0 Astro Theme é fornecer a você um modelo versátil e de alto desempenho que você pode usar, melhorar e adaptar de acordo com suas necessidades. A comunidade é essencial, por isso encorajo você a aproveitar este modelo, personalizá-lo e contribuir para o seu desenvolvimento contínuo. Espero que você esteja tão animado quanto eu e que compartilhe isso com outros entusiastas criativos na web.\n\nBaixar \"Tema Evo Astro\"\n\nEV0 Astro Theme é o início de uma jornada emocionante para a construção de blogs e portfólios excepcionais. Aproveite esta oportunidade e comece a criar hoje mesmo!","date_published":"2023-09-20T02:19:01.176Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["temas","código aberto","estrela","blog","portfólio"],"image":"https://gndx.dev/og/pt/blog/230920-ev0-astro-theme.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/230920-ev0-astro-theme.md"},{"id":"https://gndx.dev/pt/blog/230915-conseguir-tu-primer-empleo/","url":"https://gndx.dev/pt/blog/230915-conseguir-tu-primer-empleo/","title":"Como conseguir sua primeira oportunidade de emprego?","summary":"Você está no quinto semestre da graduação e busca incansavelmente pela primeira oportunidade de emprego na área tecnológica. Apesar dos seus esforços, às vezes você se sente desmotivado quando não vê resultados. O que você pode fazer para alcançá-lo?","content_text":"Como conseguir sua primeira oportunidade de emprego no mundo tecnológico?\n\nVocê está no quinto semestre da graduação e busca incansavelmente pela primeira oportunidade de emprego na área tecnológica. Apesar dos seus esforços, às vezes você se sente desmotivado quando não vê resultados. O que você pode fazer para alcançá-lo?\nVocê avaliou suas estratégias?\n\nA primeira coisa que você deve se perguntar é: quais estratégias você utilizou até agora? Às vezes, focamos em atividades que não nos levam ao objetivo desejado. Você já refletiu sobre isso?\nO poder da rede\n\nUma das estratégias mais eficazes é o networking. Conectar-se com pessoas que compartilham seus interesses pode abrir portas inesperadas. Participar de eventos, palestras, hackathons ou simplesmente conversar com profissionais da área pode gerar oportunidades reais.\nDefina seu objetivo\n\nÉ essencial definir claramente seus objetivos. Em que área específica você está interessado? Quais tecnologias você deseja dominar? Definir uma meta concreta o ajudará a concentrar seus esforços de maneira mais eficaz.\nPesquise e Adapte\n\nPesquise as empresas e startups que estão relacionadas ao seu objetivo. Conheça as tecnologias que eles exigem e busque nelas oportunidades de emprego. Certifique-se de adaptar seu perfil, currículo e LinkedIn para se destacar nesses aspectos.\nAdquira as habilidades necessárias\n\nSe você perceber que faltam habilidades específicas, não hesite em aprendê-las. Não perca tempo se candidatando a vagas para as quais você não está preparado. Concentre-se em adquirir o que é necessário para o seu objetivo.\nMantenha a realidade em mente\n\nSeja realista sobre seus tempos e expectativas. Se uma posição estiver vaga há muito tempo, ela poderá não estar mais disponível quando você estiver pronto. Certifique-se de que seu objetivo seja alcançável no tempo que você definiu para si mesmo.\n\nResumindo, conseguir sua primeira oportunidade de emprego no mundo da tecnologia requer estratégia, foco e adaptabilidade. Conecte-se com pessoas, defina seu objetivo, pesquise e adapte, e adquira as habilidades necessárias. Tenha a realidade em mente e trabalhe de forma constante em direção ao seu objetivo. O sucesso está ao seu alcance!\n\nEspero que essas dicas sejam úteis para você e encorajo você a continuar pesquisando com determinação. Boa sorte em sua busca, Mike Wolf!","date_published":"2023-09-15T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["YouTube","emprego","tecnologia"],"image":"https://gndx.dev/og/pt/blog/230915-conseguir-tu-primer-empleo.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/230915-conseguir-tu-primer-empleo.md"},{"id":"https://gndx.dev/pt/blog/crear-youtube-shorts-con-inteligencia-artificial/","url":"https://gndx.dev/pt/blog/crear-youtube-shorts-con-inteligencia-artificial/","title":"Crie Shorts no YouTube com Inteligência Artificial","summary":"A inteligência artificial já está aqui e mostrou que nos permite ser até 50% mais eficientes nas nossas atividades diárias.","content_text":"Como usar a inteligência artificial para criar conteúdo de qualidade nas redes sociais?\n\nA inteligência artificial já está aqui e mostrou que nos permite ser até 50% mais eficientes nas nossas atividades diárias. Neste artigo vou mostrar como misturei mais de 5 ferramentas de inteligência artificial para criar conteúdo que você pode publicar no seu TikTok, Reels, Shorts ou qualquer rede social.\nDe quais ferramentas de inteligência artificial você precisa?\n\nAntes de iniciar este processo, é fundamental que você conheça as ferramentas que utilizaremos para criar conteúdo de qualidade. Estes são:\nChatGPT para criação de scripts\n\nPara gerar scripts para seus vídeos, o Chat GPT é uma ferramenta fundamental. Permite obter textos precisos e concisos, perfeitos para o seu conteúdo nas redes sociais.\n11ElevenLabs para geração de áudio\n\nCom o Eleven Labs, você pode converter scripts em áudio de alta qualidade. Embora possa exigir algumas correções, é uma parte essencial para dar voz ao seu conteúdo.\nMidJourney para criar seu próprio avatar\n\nMidJourney é uma solução para criar imagens com Inteligência Artificial. Iremos utilizá-lo para criar nosso avatar, isso dá um toque único aos seus vídeos e chama a atenção do seu público.\nD-ID para geração de vídeos com avatares\n\nD-ID é a ferramenta definitiva para combinar seus avatares com scripts e áudio para criar vídeos atraentes. Esta plataforma oferece uma ampla gama de opções para a criação de vídeos.\nCapCut para adicionar legendas\n\nCapCut é um aplicativo gratuito que permite adicionar facilmente legendas aos seus vídeos. Isso é crucial para tornar seu conteúdo mais acessível e envolvente.\nComo funciona o processo?\n\nO processo consiste em cinco etapas essenciais:\n\n1. Gere o script com ChatGPT: Use ChatGPT para obter um script claro e conciso para seu vídeo. Certifique-se de que seja curto e amável.\n\n2. Converta script em áudio: Use o Eleven Labs para converter script em áudio. Ajuste e corrija o áudio conforme necessário.\n\n3. Crie seu avatar com MidJourney: Crie um avatar personalizado usando MidJourney. Isso adicionará um toque único ao seu conteúdo.\n\n4. Mesclar áudio e avatar com D-ID: Use D-ID para combinar áudio e avatar para criar um vídeo atraente.\n\n5. Adicione legendas com CapCut: Finalize seu vídeo adicionando legendas com CapCut. Isso melhorará a acessibilidade e o apelo do seu conteúdo.\nCustos e considerações\n\nÉ importante considerar os custos associados a estas ferramentas. Estima-se que custe aproximadamente US$ 75 por mês para usar ferramentas como Eleven Labs, MidJourney e D-ID que exigem assinaturas mensais.\n\nO D-ID, em particular, pode ser caro se você planeja gerar uma grande quantidade de conteúdo. Considere cuidadosamente se o investimento nessas ferramentas está alinhado com sua estratégia e objetivos de conteúdo de mídia social.\n\nResumindo, a inteligência artificial oferece uma forma poderosa de criar conteúdo de alta qualidade para suas redes sociais. Se você estiver disposto a investir tempo e dinheiro nessas ferramentas, poderá aproveitar ao máximo seu potencial para aumentar sua presença online e atingir um público mais amplo.\n\nComece hoje mesmo a criar conteúdo exclusivo e envolvente com inteligência artificial!","date_published":"2023-09-11T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","inteligência artificial","YouTube","Internet"],"image":"https://gndx.dev/og/pt/blog/crear-youtube-shorts-con-inteligencia-artificial.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/crear-youtube-shorts-con-inteligencia-artificial.md"},{"id":"https://gndx.dev/pt/blog/crear-miniaturas-de-youtube-con-inteligencia-artificial/","url":"https://gndx.dev/pt/blog/crear-miniaturas-de-youtube-con-inteligencia-artificial/","title":"Como fazer miniaturas para YouTube com Inteligência Artificial","summary":"Se você deseja aumentar a visibilidade e o apelo de seus vídeos no YouTube, não pode ignorar o poder das miniaturas. Essas imagens em destaque são a primeira impressão que os espectadores terão do seu conteúdo","content_text":"Se você deseja aumentar a visibilidade e o apelo de seus vídeos no YouTube, não pode ignorar o poder das miniaturas. Essas imagens em destaque são a primeira impressão que os espectadores terão do seu conteúdo, por isso é crucial que sejam atraentes e profissionais.\n\nMostramos como criar miniaturas do YouTube com IA, usando Canva + Midjourney.","date_published":"2023-07-20T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","eu","YouTube","inteligência artificial"],"image":"https://gndx.dev/og/pt/blog/crear-miniaturas-de-youtube-con-inteligencia-artificial.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/crear-miniaturas-de-youtube-con-inteligencia-artificial.md"},{"id":"https://gndx.dev/pt/blog/warp-terminal-con-inteligencia-artificial/","url":"https://gndx.dev/pt/blog/warp-terminal-con-inteligencia-artificial/","title":"TERMINAL WARP com INTELIGÊNCIA ARTIFICIAL 🤖","summary":"Descubra o poder do Warp.dev, o terminal com Inteligência Artificial para melhorar sua produtividade no desenvolvimento de software.","content_text":"O que é Warp? Um Terminal Revolucionário\n\nSe você é um profissional de desenvolvimento de software ou apenas um entusiasta de computadores, provavelmente está familiarizado com o uso do terminal em seu sistema operacional. Mas você já se perguntou se está aproveitando ao máximo essa ferramenta? Apresentaremos o Warp, um terminal moderno que está redefinindo a forma como trabalhamos com a linha de comando. Você está pronto para descobrir uma forma nova e eficiente de trabalhar no seu dia a dia?\nO que torna o Warp tão especial?\n\nWarp é um terminal construído com Rust que incorpora inteligência artificial para melhorar seu fluxo de trabalho. O que o torna especial é o foco na eficiência e organização de suas tarefas dentro do terminal. Warp foi completamente reimaginado, chamando as seções de comandos que você executa de “blocos” e apresentando o prompt na parte inferior, permitindo uma melhor organização de suas ações.\nPersonalização e recursos exclusivos\n\nUma das características que se destacam no Warp é a capacidade de customização. Você pode escolher entre diferentes modelos e configurar opções como opacidade, comportamento do painel e fonte, entre outras. Além disso, Warp vem com uma série de recursos que você pode ativar ou desativar dependendo de suas necessidades. A equipe Warp continua trabalhando para adicionar novos recursos, tornando-o uma ferramenta em constante evolução.\nComo a inteligência artificial ajuda você?\n\nUma das vantagens mais notáveis ​​do Warp é a sua inteligência artificial integrada. Você pode solicitar comandos à IA, pesquisar arquivos, corrigir erros e até obter explicações detalhadas sobre problemas específicos. Isso permite que você trabalhe com mais eficiência, já que não precisa sair do terminal para buscar soluções na web.\nDisponível para todos os sistemas operacionais?\n\nInfelizmente, Warp está disponível apenas para MacOS e, por enquanto, é incompatível com sistemas GNU/Linux e Windows. Porém, você pode se manter atualizado com seu desenvolvimento visitando o site e preenchendo um formulário para ser avisado quando estiver disponível em outros sistemas operacionais.\nComo você pode ganhar uma camiseta e adesivos?\n\nSe você está animado com o Warp e quer ganhar uma camiseta e adesivos exclusivos, temos boas notícias. Warp possui um sistema de referência que permite acumular recompensas por convidar outras pessoas para usar este terminal incrível. Você pode obter de tudo, desde temas exclusivos até malas e bonés.\n\nResumindo, Warp é um terminal que está revolucionando a forma como trabalhamos com linha de comando. Com foco na organização, customização e incorporação de inteligência artificial, tornou-se uma ferramenta essencial para profissionais de desenvolvimento de software. Embora ainda não esteja disponível em todos os sistemas operacionais, seu futuro promissor certamente surpreenderá muitos usuários no futuro. Você está pronto para experimentar o Warp e melhorar sua produtividade no terminal?\n\nBaixar WARP: https://gndx.link/warp","date_published":"2023-07-20T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","eu","YouTube","inteligência artificial","terminal"],"image":"https://gndx.dev/og/pt/blog/warp-terminal-con-inteligencia-artificial.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/warp-terminal-con-inteligencia-artificial.md"},{"id":"https://gndx.dev/pt/blog/crear-contenido-con-inteligencia-artificial/","url":"https://gndx.dev/pt/blog/crear-contenido-con-inteligencia-artificial/","title":"CRIE CONTEÚDO com inteligência artificial","summary":"A inteligência artificial oferece aos criadores de conteúdo tudo, desde a geração de ideias até a clonagem de voz e a criação de imagens e vídeos totalmente com IA.","content_text":"Como Usar Inteligência Artificial para Criar Conteúdo nas Redes Sociais\n\nA inteligência artificial já está aqui e o seu impacto na eficiência das nossas atividades diárias é inegável. Neste artigo, vou mostrar como combinei mais de 5 ferramentas de IA para criar conteúdo que você pode postar no seu TikTok ou em outras redes sociais.\nO que é inteligência artificial?\n\nA inteligência artificial é um campo da ciência da computação que se concentra no desenvolvimento de sistemas capazes de realizar tarefas que requerem inteligência humana. Neste caso, estamos falando sobre como a IA pode ajudá-lo a criar conteúdo de forma eficiente.\nChatGPT: Criação de script\n\nA primeira ferramenta que vamos utilizar é o ChatGPT, preferencialmente na sua versão Plus com o modelo GPT4. Esta ferramenta nos permite gerar scripts de forma rápida e eficaz. Você só precisa fornecer uma breve descrição do que deseja e ele lhe dará um script que você pode usar.\nElevenLabs: Texto para Fala\n\nDepois de ter seu script, a próxima ferramenta é ElevenLabs. Aqui, converteremos o texto em um arquivo de áudio. É importante revisar e ajustar o texto para garantir uma leitura fluida e natural, pois as IAs podem ter pequenas limitações com certas palavras ou nomes técnicos.\nMidJourney: Criação de imagem\n\nMidJourney é uma ferramenta que lhe permitirá criar um avatar personalizado. Você pode usar uma foto sua ou gerar um avatar completamente novo. A qualidade dos avatares gerados é incrível.\nD-ID: Criação de Vídeo Avatar\n\nD-ID é a plataforma onde combinaremos nosso avatar e o áudio gerado para criar um vídeo. Você pode personalizar a aparência e a duração do vídeo. Observe que o D ID tem opções gratuitas, mas também opções pagas que podem ser úteis se você planeja criar conteúdo regularmente.\nCapCut: Adicionar legendas\n\nPara dar o toque final ao seu vídeo, usaremos CapCut. Esta ferramenta permite adicionar facilmente legendas ao seu vídeo. Você pode personalizar o estilo e a cor das legendas para torná-las atraentes.\nO custo de criação de conteúdo com IA\n\nÉ importante notar que muitas destas ferramentas têm custos associados. Por exemplo, Chat GPT custa US$ 20 por mês, ElevenLabs é baseado em token que custa cerca de US$ 5 por 30-40 minutos de áudio, Mid Journey custa US$ 10 por mês e D-ID pode ser caro se você quiser gerar muito conteúdo, mas tem planos a partir de US$ 10 por mês.\n\nNo entanto, se você aproveitar essas ferramentas de forma eficaz, poderá gerar conteúdo que se torne viral e gere receita. Considere se o investimento de cerca de US$ 75 por mês vale a pena para você, pois você pode gerar conteúdo de alta qualidade que alcance um público amplo.\n\nResumindo, a inteligência artificial oferece ferramentas poderosas para a criação de conteúdo nas redes sociais. Se você estiver disposto a investir nessas ferramentas e trabalhar em seus scripts, poderá obter um retorno significativo do seu investimento. Você teria coragem de usar IA para criar conteúdo? Deixe-me saber sua opinião nos comentários!","date_published":"2023-07-10T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","eu","YouTube","inteligência artificial"],"image":"https://gndx.dev/og/pt/blog/crear-contenido-con-inteligencia-artificial.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/crear-contenido-con-inteligencia-artificial.md"},{"id":"https://gndx.dev/pt/blog/comprar-en-aliespress/","url":"https://gndx.dev/pt/blog/comprar-en-aliespress/","title":"compre no AliExpress e NÃO PERCA DINHEIRO","summary":"Descubra os segredos que os grandes vendedores NÃO querem que você saiba. Neste vídeo vou te ensinar como encontrar as MELHORES OFERTAS no AliExpress","content_text":"Como comprar com sucesso em sites chineses\n\nSe você tem interesse em comprar em sites chineses e quer garantir que os produtos que você escolhe são de qualidade e chegam à sua porta sem complicações, você está no lugar certo. Com três anos de experiência em compras online e centenas de pacotes recebidos, posso oferecer-lhe alguns conselhos valiosos para tornar a sua experiência de compra satisfatória.\nComo pesquisar o produto?\n\nA primeira dica é óbvia, mas fundamental: pesquise o produto antes de comprá-lo. Seja na Amazon, Mercado Libre, Aliexpress ou qualquer outra página, certifique-se de entender os fatores que garantirão o sucesso de sua compra. Examine os custos, fornecedor, classificações e comentários de outros compradores. Não se deixe levar pelo preço mais baixo, pois a qualidade e a legitimidade do produto são essenciais.\nPor que ler a descrição do produto?\n\nÉ fundamental ler atentamente a descrição do produto que você está pensando em adquirir. Às vezes, o que parece ser um produto específico acaba sendo diferente na realidade. A descrição e os comentários de outros compradores podem revelar informações valiosas sobre o produto, evitando decepções.\nComo aproveitar as diferenças de preços?\n\nOs preços variam entre vendedores em diferentes sites. Faça uma busca exaustiva pelo mesmo produto para encontrar descontos ou promoções. Na minha experiência, obtive descontos significativos comparando preços e pesquisando ofertas. Não pague apenas o primeiro preço que vir; pesquise e economize.\nO que você deve saber sobre frete?\n\nAo comprar em sites chineses, preste atenção especial aos detalhes de envio. Os custos de envio variam dependendo do local de origem do produto. Observe que algumas remessas podem envolver taxas alfandegárias. Certifique-se de conhecer os prazos de entrega e considere se precisa do produto com urgência. Paciência é fundamental em compras internacionais.\nComo identificar produtos de qualidade?\n\nEm páginas chinesas como Aliexpress, você pode encontrar produtos de boa qualidade a preços competitivos. Freqüentemente, esses produtos são réplicas de marcas conhecidas. Embora os detalhes possam enganar, muitas vezes os produtos são surpreendentemente semelhantes aos originais. Preste atenção aos pequenos detalhes, como costuras e acabamentos, para distinguir a qualidade. Embora possam parecer semelhantes à primeira vista, um exame mais detalhado pode revelar diferenças.\nConclusões Finais\n\nComprar em sites chineses pode ser uma experiência gratificante se você seguir estas dicas. Pesquise o produto, leia a descrição, procure ofertas, entenda os custos de envio e aprenda a distinguir a qualidade dos produtos. Com esse conhecimento, você estará mais preparado para aproveitar suas compras online e receber produtos de qualidade no conforto da sua casa. Não esqueça de se inscrever, ativar o sininho e compartilhar sua experiência nos comentários!","date_published":"2023-07-09T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","aliexpress","YouTube"],"image":"https://gndx.dev/og/pt/blog/comprar-en-aliespress.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/comprar-en-aliespress.md"},{"id":"https://gndx.dev/pt/blog/curiosidades-de-internet/","url":"https://gndx.dev/pt/blog/curiosidades-de-internet/","title":"Curiosidades da Internet - Podcast #Error418","summary":"Descubra como uma mensagem robusta, um símbolo simples e uma fotografia histórica lançaram as bases para a revolução digital que transformou o mundo.","content_text":"Como surgiu a Internet?\n\nInternet, um vasto universo digital que transformou a forma como vivemos, comunicamos e partilhamos informação. Mas você já se perguntou como a Internet começou? Nesta exploração, mostrarei as origens e os momentos cruciais que moldaram a web como a conhecemos hoje.\nO que aconteceu em 1969?\n\nNossa jornada nos leva a 1969, quando a equipe da ARPANET tentou enviar a primeira mensagem online. A anedota surpreende, pois a primeira mensagem ficou truncada após enviar apenas a letra “L” devido a um erro. Eles tiveram que reiniciar a máquina e depois de cerca de uma hora a mensagem finalmente foi concluída. O que teria acontecido se a mensagem tivesse sido enviada na íntegra? Este foi um início difícil para uma revolução tecnológica, graças ao projecto ARPANET do Departamento de Defesa dos EUA na década de 1960.\nQuem foi o criador do primeiro site?\n\nAvançando para 1991, conhecemos Tim Berners-Lee, o criador do primeiro site da história. Este site simples, hospedado em um servidor, explicava o conceito da World Wide Web. Embora não esteja disponível hoje, este site inaugurou uma era que revolucionaria a forma como navegamos na web.\nDe onde vem o símbolo “@” nos e-mails?\n\nO símbolo “@” nos nossos endereços de e-mail tem uma origem interessante. Foi escolhido por Ray Tomlinson simplesmente porque era o único símbolo não utilizado no teclado. Este detalhe aparentemente insignificante mudou a forma como comunicamos, permitindo separar o utilizador do domínio e dando origem à construção dos emails tal como os conhecemos hoje.\nQuando foi registrado o primeiro nome de domínio na Internet?\n\nEm 1985, foi registrado o primeiro nome de domínio na Internet: “symbolics.com”. Este evento marcou o início da era dos domínios e da competição por nomes atraentes. Hoje em dia, encontrar um domínio “.com” disponível com uma palavra-chave é um grande desafio e, se você encontrá-lo, é provável que tenha um preço alto.\nQual foi a primeira fotografia na Internet?\n\nA nossa viagem leva-nos até 1992, quando a primeira fotografia foi partilhada na Internet. A imagem em questão mostrava um grupo de pesquisadores do CERN posando em frente a um laboratório. Esta imagem aparentemente simples abriu as portas para um mundo de possibilidades visuais na Internet, onde as imagens se tornaram um elemento fundamental.\n\nAssim conclui a nossa viagem pelas origens da Internet, uma viagem marcada por pequenos erros e decisões aparentemente insignificantes que moldaram momentos históricos. Esses fatos curiosos podem não parecer revolucionários, mas foram os alicerces do que hoje conhecemos como Internet. Espero que você tenha gostado desta viagem pelo tempo e pelos detalhes que ajudaram a moldar a web como a conhecemos. Até a próxima aventura no mundo digital!","date_published":"2023-07-09T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","podcast","YouTube","Internet"],"image":"https://gndx.dev/og/pt/blog/curiosidades-de-internet.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/curiosidades-de-internet.md"},{"id":"https://gndx.dev/pt/blog/alternativas-a-twitter-threads/","url":"https://gndx.dev/pt/blog/alternativas-a-twitter-threads/","title":"Alternativa ao TWITTER: Meta lança tópicos","summary":"Meta lançará Threads, o novo aplicativo Meta para competir com o Twitter baseado no Instagram.","content_text":"Que alternativa ao Twitter chegou?\n\nSe você é um usuário ativo de mídia social, provavelmente notou os problemas e mudanças na popular plataforma do Twitter nos últimos tempos. Desde a aquisição de Elon Musk, o Twitter tem estado em declínio constante, com demissões, grandes mudanças e mudanças que afetaram a experiência do usuário. Uma das questões mais recentes que gerou polêmica é a limitação do acesso à linha do tempo, o que levou muitos a explorar outras opções.\nQuais limitações o Twitter está enfrentando?\n\nA última polêmica em torno do Twitter gira em torno das restrições de acesso à plataforma. Os usuários do Twitter têm enfrentado limites na exibição de tweets, afetando tanto quem paga pelo serviço quanto usuários antigos e novos. A experiência do usuário foi comprometida porque eles não conseguem acessar sua linha do tempo como antes. Isso levou à questão de saber se o Twitter está com problemas.\nQual é a alternativa oferecida?\n\nNo entanto, uma alternativa ao Twitter já está a caminho. Meta, a empresa por trás de plataformas como Facebook e Instagram, anunciou o lançamento de seu próprio aplicativo de microblog em 6 de julho. Este aplicativo será baseado em texto e conectado às suas contas do Instagram, permitindo que os usuários usem seus identificadores do Instagram. Esta mudança da Meta promete uma experiência única e pode se tornar uma séria competição para o Twitter.\nO que sabemos até agora sobre o Meta App?\n\nEmbora ainda não tenhamos muitos detalhes sobre este novo aplicativo, agora você pode encontrá-lo na App Store. As capturas de tela disponíveis mostram que este aplicativo será separado do Instagram, mas utilizará as contas desta plataforma. Além disso, no site do aplicativo, você encontrará uma contagem regressiva marcando o lançamento provisório. Há também um código QR que o levará diretamente à App Store para que você fique de olho no seu lançamento.\nQual é o truque para acessar o aplicativo?\n\nMas aqui está o truque: se você não pode esperar para experimentar, basta acessar o aplicativo Instagram e pesquisar “seymore” no mecanismo de busca. Você verá um ícone que permitirá acessar o aplicativo e definir um lembrete para baixá-lo em 6 de julho. Este novo aplicativo Meta promete ser uma alternativa interessante ao Twitter e gerou muito interesse na comunidade de usuários de mídia social.\n\nEm suma, enquanto o Twitter enfrenta problemas e limitações, o Meta está prestes a apresentar uma alternativa que poderá mudar o panorama das redes sociais baseadas em texto. Você está animado com esta nova opção? Conte-nos nos comentários o que você acha deste aplicativo que está surgindo como concorrente do Twitter.","date_published":"2023-07-04T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","Twitter","tópicos","Instagram"],"image":"https://gndx.dev/og/pt/blog/alternativas-a-twitter-threads.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/alternativas-a-twitter-threads.md"},{"id":"https://gndx.dev/pt/blog/como-ganar-dinero-con-inteligencia-artificial/","url":"https://gndx.dev/pt/blog/como-ganar-dinero-con-inteligencia-artificial/","title":"GANHE DINHEIRO COM Inteligência Artificial","summary":"Você pode ganhar dinheiro aplicando dicas do YouTube + Inteligência Artificial","content_text":"Você pode ganhar dinheiro com inteligência artificial?\n\nA busca por formas inovadoras de ganhar dinheiro online levou a um boom na criação de conteúdo gerado por Inteligência Artificial (IA). Neste artigo, exploraremos se é viável obter renda usando IA e como esse processo funciona. Junte-se a mim nesta jornada para descobrir.\nO Uso de Inteligência Artificial na Criação de Conteúdo\n\nSe você tem navegado no YouTube recentemente, provavelmente já viu muitos vídeos promovendo a ideia de ganhar dinheiro com a ajuda da Inteligência Artificial, como o “ChatGPT”. A premissa por trás desses vídeos é usar IA para gerar conteúdo automaticamente. Mas isso realmente funciona?\nExperiência 1: Finanças do zero\n\nA primeira tentativa foi criar do zero um canal dedicado a finanças. Ferramentas como Canva e GPT API foram utilizadas para gerar scripts de vídeo. Esses scripts foram então convertidos em conteúdo de vídeo usando o Eleven Labs para clonar a voz do criador. No entanto, os resultados foram decepcionantes. Depois de duas semanas, o canal tinha apenas dois inscritos e praticamente nenhum lucro.\nExperimento 2: Outra Abordagem\n\nA segunda experiência foi realizada num canal secundário com alguma audiência existente. Os vídeos gerados por IA ganharam mais atenção, mas ainda ficaram aquém dos resultados desejados. Apesar de ter mais assinantes, os lucros foram mínimos e a monetização estava longe de ser alcançada.\nExperiência 3: um canal estabelecido\n\nA terceira tentativa foi feita em um canal principal com mais seguidores. Embora tenham sido gerados melhores resultados, o ganho permanece modesto. Os vídeos criados com a ajuda de IA não geraram receitas significativas.\nReflexões e Conclusões\n\nA ideia de usar IA para criar conteúdo é atraente, mas os resultados até agora têm sido decepcionantes. Embora a IA possa ser útil para gerar scripts e conteúdo básico, ela não parece ser a solução mágica para ganhar dinheiro online. Além disso, canais que envolvem a presença do criador tendem a ser mais eficazes.\n\nResumindo, a IA pode ser uma ferramenta útil para a criação de conteúdo, mas não substitui a qualidade, a autenticidade e o envolvimento do criador. Se você está pensando em usar IA para ganhar dinheiro, lembre-se de que os resultados podem não ser tão lucrativos quanto sugerem alguns vídeos do YouTube.\n\nEm última análise, o caminho para ganhar dinheiro online com IA é uma experiência em evolução e os resultados variam dependendo de muitos fatores. Se você decidir se aventurar neste mundo, mantenha suas expectativas realistas e esteja preparado para trabalhar duro na construção de seu público e na qualidade de seu conteúdo. A IA pode ser uma ferramenta valiosa, mas não é uma fórmula mágica para o sucesso financeiro online.","date_published":"2023-07-03T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","eu","dinheiro","ganho"],"image":"https://gndx.dev/og/pt/blog/como-ganar-dinero-con-inteligencia-artificial.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/como-ganar-dinero-con-inteligencia-artificial.md"},{"id":"https://gndx.dev/pt/blog/setup-oscar-barajas-gndx/","url":"https://gndx.dev/pt/blog/setup-oscar-barajas-gndx/","title":"Meu espaço de trabalho remoto e streaming - Configuração 2022","summary":"Características dos dois workspaces que utilizo atualmente, macOS, Windows e GNU/Linux.","content_text":"Cada vez que inicio uma transmissão, é tradição enviar uma foto da minha configuração executando um Platzi Live. Com o tempo fui melhorando meu trabalho e espaço de transmissão, tanto para a empresa onde trabalho atualmente (Platzi) quanto para meu canal no YouTube ou Twitch.\n\nCompartilho com vocês as características dos dois espaços de trabalho que possuo atualmente, macOS, Windows e GNU/Linux.\nConfiguração do macOS 2022\n\nOscar Barajas @gndx configuração macOS\n\nMacBook Pro M1 Pro\nCPU de 8 núcleos com 6 núcleos de desempenho e 2 núcleos de eficiência\nGPU de 14 núcleos\nMotor Neural de 16 núcleos\n16 GB de memória unificada\nSSD de 512 GB\n\n2 Samsung led 27\" Azul Escuro\n\nModelo: C27R500FHL\nTela LED de 27\"\nResolução: 1920 x 1080 pixels\n\nSuporte para desktop com monitor duplo\n\nCâmera Canon EOS M200\n\nResolução: 24,1 MP\nModelo: Kit EF M 15 45mm IS STM (preto)\n\nElgato Cam Link 4K\nPlaca de captura de câmera externa, transmita e grave com DSLR\n\n2 Elgato Key Light Air\n\nLuz de mesa profissional de 1400 lúmens para streaming\n\nElgato Onda XLR\nMixer de áudio de 75db e pré-amplificador para microfone XLR para USB-C\n\nMicrofone Shure MV7\nMicrofone USB para podcasting, gravação e transmissão ao vivo\n\nDeck de transmissão Elgato\n15 teclas LCD: toque para mudar de cena\n\nTeclado Logitech MX Keys\nTeclado QWERTY Bluetooth Logitech Master Series MX Keys\n\nLogitech MX Master 3Mac\nMouse sem fio avançado para Mac\n\nElgato Facecam\n\nEXTRAS:\n[Mesa em pé] (https://amzn.to/3SVmUat)\niPad Pro M1 11\"\nAirPods Max\nAirPods Pro\nSuporte por telefone MagSafe\nHub USB C\n-iPhone 12 Mini\n-iPhone 13\n-Motorola Edge 30 PRO\n\nOscar Barajas @gndx Configuração 2022\nConfiguração do Windows 11 2022\n\nOscar Barajas @gndx Configuração do Windows 11\n\nPC Windows personalizado\n\nCPU: AMD Ryzen™ 5 3600X 6 núcleos 4,4 GHz\nGPU: NVIDIA GeForce GTX 1660 Super 6GB\nPlaca: Gigabyte AM4 B450M DS3H\n Caixa: iCUE 220T RGB Airflow Vidro Temperado Mid Tower Smart Case Branco\n RAM: 32 GB SPECTRIX D60G RGB DDR4 3200 2x16 GB\n Resfriamento: 3 LEDs RGB SP120 de 120 mm\nResfriamento líquido: Cooler Master MasterLiquid\nFonte XPG Core Reactor 80 Plus Gold Modular\n SSD: XPG SPECTRIX S40G RGB PCIE GEN3X4 M.2 2280 256 GB\nHDD: 3TB SATA3\n\nEXTRAS\nMicrofone: HyperX QuadCast\nTeclado: Asus ROG Falchion 60%\nRato: Razer Mamba Elite\nCâmeras: Logitech C922 Pro Stream 1080p X2\nLuzes: Philips Hue\nConfiguração GNU/Linux 2022\n\nOscar Barajas @gndx Configuração do Ubuntu 2022\n\nMacBook Pro (Retina, 13 polegadas, final de 2013).\nSistema operacional: Ubuntu 22.04.1 LTS\nTeclado: Keychron K6\nRato: Mouse Ergonômico Microsoft\nMouse Pad: Descanso de pulso ergonômico Razer\n\nEspero que esses recursos sejam inspiradores para melhorar seu espaço de trabalho ou revisar referências para comprar produtos similares. Todos os links \"Comprar\" são enviados para a Amazon com meu link de indicação.","date_published":"2022-10-26T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","configurar","gndx"],"image":"https://gndx.dev/og/pt/blog/setup-oscar-barajas-gndx.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/setup-oscar-barajas-gndx.md"},{"id":"https://gndx.dev/pt/blog/introduccion-a-solidity/","url":"https://gndx.dev/pt/blog/introduccion-a-solidity/","title":"Introdução ao Solidity – Como criar um contrato inteligente","summary":"Solidity é uma linguagem orientada a objetos de alto nível para implementação de contratos inteligentes. Esses contratos são executados na rede Ethereum, uma rede descentralizada que permite aos usuários executar contratos sem a necessidade de intermediário.","content_text":"O ETH Latam Bogotá foi um evento de um dia inteiramente em espanhol com palestras e workshops para pessoas que desejam aprender sobre o Ethereum. Permite ser a porta de entrada para quem deseja conhecer os princípios, valores, usos e impacto da tecnologia, foi realizado durante as atividades anteriores ao DEVCON 2022 em Bogotá, Colômbia.\n\noscar barajas introdução à solidez\n\nDurante este evento apresentei um Workshop onde expliquei como criar um contrato inteligente em Solidity, a linguagem de programação para criar contratos inteligentes na rede Ethereum.\n\n Introdução ao Solidity – Como criar um contrato inteligente \n\nNos próximos minutos você aprenderá a sintaxe de um contrato inteligente, entenderá as particularidades da linguagem de programação Solidity, a linguagem de programação do Ethereum. Para isso vamos entender as particularidades, usaremos o Remix, um IDE (Ambiente de Desenvolvimento Integrado) que nos permite compilar e implantar contratos inteligentes na rede Ethereum e recursos que permitirão continuar aprendendo Solidity.\n\nAproveite este Workshop que foi apresentado na ETHLatam em Bogotá no dia 10 de outubro de 2022.\n\n \n \nComentários sobre o Workshop Solidity\n\n \n Tweet @SolangeSoifer - Workshop Solidez\n ETHLatam\nmariandrea 🦋\ncangreja533.eth 🖖\nGrumysh.eth 🇨🇴\nAlfredo - brolag.eth - brolag.lens\nDanielValdivv\nSury B","date_published":"2022-10-23T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","conferências","solidez","etéreo"],"image":"https://gndx.dev/og/pt/blog/introduccion-a-solidity.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/introduccion-a-solidity.md"},{"id":"https://gndx.dev/pt/blog/hola-cdmx/","url":"https://gndx.dev/pt/blog/hola-cdmx/","title":"Olá, #CDMX","summary":"Que prazer nos reencontrarmos, temos muito o que conversar, ver, ouvir e sim, comer aqueles taquitos deliciosos...","content_text":"Olá, #CDMX\n\nQue prazer nos reencontrarmos, temos muito o que conversar, ver, ouvir e sim, comer aqueles deliciosos tacos sólidos.\n\nTacos da Cidade do México\n\nA última vez que nos vimos, o menino ainda não tinha nascido e embora nos tenha acompanhado naquela viagem quando estávamos grávidas, ainda não descobriu a tua magia. Eu sei que um dia isso acontecerá e desfrutaremos juntos de tudo de bom e de ruim que você puder dar.\n\nDa última vez que visitei vocês, lembro que anunciaram os primeiros casos daquele bug do qual não vale a pena falar mais, mas foi necessário nesta ocasião e só espero que tudo continue bem para todos.\n\nHoje estou aqui novamente, no país onde nasci e na cidade que me viu partir, numa aventura que nunca imaginei que me levaria a uma aventura de formar uma família, e ao nascimento do meu primogénito \"El Bebeloper\".\n\nNão fique ansioso, em breve você o conhecerá, espero que quando nós dois comemorarmos nosso aniversário em setembro, não demore muito, dessa vez venho do trabalho.\n\nDigo para vocês que me envolvo mais no tema das criptomoedas, sem entrar em golpes ou pirâmides. Meu trabalho é ensinar as pessoas a entender a tecnologia por trás de todos esses conceitos estranhos, que entendam suas finanças e possam ver valor na tecnologia blockchain e é por isso que venho visitá-los, para falar em diferentes conferências, atividades e continuar evangelizando a tecnologia que tem permitido a países como Ucrânia, Cuba, Venezuela e recentemente Argentina dar aos seus cidadãos o controle de seus ativos, para poder enviar e receber sem dinheiro com segurança. e sem perder seu valor ao longo do tempo.\n\nEnquanto trabalho vou tentar te curtir e cuidar de você e se eu visitar o máximo de taquerias que puder, ficarei lá apenas alguns dias, prometo não me ausentar muito, mas você vai entender que não foi fácil com a gravidez, o parto dela e aquele bichinho.\n\nNão se preocupe, em breve irei visitá-lo para desfrutar de suas paisagens, museus e toda aquela comida que tanto sinto falta e sim, você conhecerá o bebeloper, aquele pequeno colombiano com sangue mexicano. Eu prometo que você vai gostar muito dele, não posso garantir que ele vai se comportar bem, mas sei que vocês vão se dar muito bem.\n\nVejo você em breve...","date_published":"2022-08-21T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","histórias","gndx","viagens"],"image":"https://gndx.dev/og/pt/blog/hola-cdmx.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/hola-cdmx.md"},{"id":"https://gndx.dev/pt/blog/curso-gratis-de-programacion-en-platzi/","url":"https://gndx.dev/pt/blog/curso-gratis-de-programacion-en-platzi/","title":"🚀 NOVO Curso de Programação GRATUITO","summary":"Aprenda a programar e aumente sua renda com o curso gratuito de programação em Platzi","content_text":"Aprenda a programar e aumente sua renda com o Curso gratuito de programação em Platzi, Muitos vão acreditar que não é possível mudar de carreira e obter uma renda melhor, mas deixe-me contar algumas histórias de pessoas que aprenderam programação.\n\nPor que aprender a programar ajuda você a aumentar sua renda?\nA resposta é muito simples, é um dos profissionais que não necessita de diploma universitário para exercer a profissão, a indústria valoriza as competências obtidas e a capacidade de resolver problemas com programação. Hoje, a tecnologia avança muito rapidamente e requer muitos talentos que possam resolver, criar, inovar e manter produtos e serviços baseados em tecnologia. Os salários no ecossistema são muito bons, com opção de mudar de país e se você souber inglês pode ganhar muito mais. Você pode imaginar ganhar $ 3.000, $ 5.000 ou $ 10.000 dólares mensais, isso é possível aprendendo programação(1).\n\ninsira a descrição da imagem aqui\n\nAprender programação é muito mais fácil do que você pensa.\nQuando comecei a programar tinha 12 anos no ano 2000, não existiam plataformas de educação online, nem tantos recursos como hoje, comprar um livro que ensinasse programação não era barato e o acesso ao conteúdo era mais difícil e em inglês.\n\nHoje você conta com plataformas educacionais, YouTube, livros gratuitos em seu idioma, criadores de conteúdo que compartilham seus conhecimentos, redes sociais e uma mensagem privada para se conectar com especialistas.\n\nCurso GRATUITO para aprender programação.\n\ninsira a descrição da imagem aqui\n\nPlatzi lançou um curso gratuito para que todos possam aprender a programar com mais de 15 horas de vídeo, 6 professores que ensinam suas habilidades para dominar esta profissão.\n\nO que você aprenderá no curso de programação gratuito:\nAlgoritmos de projeto\nDesenvolva software com funções, objetos e eventos\nEscreva código fluente em HTML, CSS e JavaScript\nPrograme um videogame para a web\n\nE se você NÃO precisa de conhecimento prévio, você aprenderá tudo no curso.\n\nNão espere mais e aprenda a programar e mudar sua carreira profissional:\nCurso Gratuito de Programação. 🚀\n\nFonte: 1: Perfis tecnológicos cobram 42% mais que a média","date_published":"2022-07-22T18:30:25.894Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","javascript","quadrado","programação"],"image":"https://gndx.dev/og/pt/blog/curso-gratis-de-programacion-en-platzi.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/curso-gratis-de-programacion-en-platzi.md"},{"id":"https://gndx.dev/pt/blog/web3-se-construye-con-typescript/","url":"https://gndx.dev/pt/blog/web3-se-construye-con-typescript/","title":"WEB 3 é construído em TypeScript","summary":"Proferi a palestra \"WEB 3 é construída em TypeScript\" no evento TypeScript Day da comunidade Angular Bolivia.","content_text":"Fui convidado para proferir a palestra \"WEB 3 is build in TypeScript\" no evento TypeScript Day da comunidade Angular Bolivia.\n\nMinha experiência no assunto Web3 começa em agosto de 2021 quando decido focar em entender detalhadamente as tecnologias por trás de Blockchain, Criptomoedas e entender os conceitos que são fundamentais para compreendê-las e poder um dia em um futuro não muito distante ensinar como implementar essas tecnologias.\n\nQuero compartilhar com vocês parte da minha experiência e do que aprendi, vale ressaltar que em nenhum momento você é obrigado a comprar qualquer criptomoeda, aqui não falaremos de investimentos, nem de obtenção de benefícios monetários, os temas que procuro ensinar ou mostrar com minha experiência é para que você possa criar sua própria opinião e ter um caminho a seguir.\n\nÉ importante entender onde tudo nasce, é importante entender a história e a motivação daqueles que foram visionários ao propor essas tecnologias, como tudo começou, quem é Satoshi Nakamoto e por que hoje não sabemos o seu paradeiro, o que significa implementar tecnologias blockchain e a matemática por trás da criptografia. Estas perguntas levarão você ao caminho certo, o caminho que lhe permitirá entender para onde estamos indo.\n\nMeu primeiro passo foi ler as propostas iniciais mais conhecidas como “Livro Branco” onde podemos entender cada particularidade e entender o porquê. Bitcoin: um sistema de dinheiro eletrônico de usuário para usuário (ES)\n\nAgora é hora de entender algumas outras particularidades como os diversos projetos existentes, incluindo Ethereum e Solana.\n\nIsso me permitiu entender que o que fazemos na considerada Web 2.0 é a mesma coisa que podemos fazer na Web3, continuamos usando as mesmas tecnologias como React, Deploy em servidores como Vercel, mas devemos estar atentos a novos conceitos como a tecnologia por trás do blockchain, descentralização, usar novos protocolos como iPFS (InterPlanetary File System) aprender a trabalhar com o EVM (Ethereum Virtual Machine) para programar nossos contratos inteligentes, integre protocolos JSON-RPC e use bibliotecas como Web3.js, Ethers.js ou use ferramentas de desenvolvimento como Hardhat ou trufa.\n\nUma das minhas maiores surpresas é que a maioria das ferramentas a implementar nos nossos desenvolvimentos utilizam TypeScript, por isso o Web3 está a ser construído com TS.\n\nQuero deixar para vocês meu vídeo onde explico meu aprendizado em Web3 com alguns detalhes e recomendo as principais ferramentas para entender esses novos conceitos.","date_published":"2022-02-20T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","gndx","texto datilografado","YouTube"],"image":"https://gndx.dev/og/pt/blog/web3-se-construye-con-typescript.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/web3-se-construye-con-typescript.md"},{"id":"https://gndx.dev/pt/blog/como-aprender-a-programar/","url":"https://gndx.dev/pt/blog/como-aprender-a-programar/","title":"Como começar a PROGRAMAR?","summary":"No começo pode ser cansativo, principalmente porque você encontrará muitas informações na internet, recursos, livros, cursos, vídeos, entre tantas outras informações, mas com objetivos claros, planejamento simples onde você dedica tempo e prática, você conseguirá entender a programação","content_text":"Quer começar a programar?\n\nMuitas vezes dar o primeiro passo pode ser difícil e complicado, por isso proponho uma série de dicas para que você comece a programar. A primeira coisa que você deve ter em mente é que a programação é toda uma ciência, uma série de metodologias e entendimentos sobre o mundo da computação.\n\nNo começo pode ser cansativo, até porque você encontrará muitas informações na internet, recursos, livros, cursos, vídeos, entre tantas outras informações, mas com objetivos claros, um planejamento simples onde você dedica tempo e prática, você conseguirá entender a programação e atingir seus objetivos seja mudando de carreira ou iniciando uma nova.\n\nDeixo para vocês meu vídeo onde você encontrará todas as informações que o guiarão para atingir seu objetivo, ser programador.","date_published":"2022-02-08T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","gndx","programador","YouTube"],"image":"https://gndx.dev/og/pt/blog/como-aprender-a-programar.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/como-aprender-a-programar.md"},{"id":"https://gndx.dev/pt/blog/inicios-de-internet-web-3/","url":"https://gndx.dev/pt/blog/inicios-de-internet-web-3/","title":"O início da Internet e da WEB 3.","summary":"Web3 não são apenas NFTs, haverá muito mais além disso e trata-se de PROPRIEDADE. Podemos levar para outras áreas, mas são pontos frágeis","content_text":"Você já se perguntou como surgiu a Internet? Porque utilizamos a tecnologia que temos atualmente, de onde se originaram todos esses sucessos para desfrutar de tudo o que a Internet nos oferece. Hoje em dia a Internet faz parte da vida de muitas pessoas, nós que trabalhamos com esta ferramenta podemos agradecer a todos que fizeram parte do que hoje conhecemos como internet.\nARPANET (1969)\n\nOs primórdios da Internet remontam aos primórdios das comunicações entre computadores. ARPAnet (rede de agências de projetos de pesquisa avançada) era uma rede de computadores construída para enviar dados militares e conectar os principais grupos de pesquisa dos Estados Unidos. Sim, mais uma vez a guerra nos levou a criar inovações que marcaram a humanidade, já que os esforços para criar computadores existiam desde o início do século XX, só depois que as guerras travadas aceleraram a pesquisa e o financiamento para termos computadores que fizessem cálculos matemáticos mais avançados para calcular a trajetória dos mísseis, mas isso seria outra história.\n\nNos 30 anos seguintes, muitas outras inovações surgiram em torno da ARPAnet, mas foi somente em 1990 que Tim Berners-lee, funcionário do CERN (Conselho Europeu de Pesquisa Nuclear), criou um computador NeXTcube, que hoje conhecemos como WWW (World Wide Web) e inaugurou uma nova era para a Internet.\nWeb 1.0\n\nEste termo é uma forma amigável de chamar o início do WWW e a revolução que viria, as tecnologias que nasceriam e a criação dos alicerces que hoje nos permitem ter uma conexão em vários dispositivos e podermos ter nossa geladeira conectada à internet ou controlar uma casa inteira remotamente.\n\nNo início do WWW tínhamos acesso a páginas web e foi também o início da adoção da Internet pelas pessoas, isso somado aos esforços dos hackers que tinham a mentalidade de levar um computador pessoal para cada casa, graças ao fato de tudo se unir em uma época de constante avanço tecnológico, foi possível gerar novas formas de o ser humano se conectar, agora tínhamos uma ferramenta poderosa que nos levaria a estar mais conectados, não só para questões científicas, acadêmicas, militares, mas para nos divertir, ler e fazer nossos vive mais confortável.\n\nPosso dizer que tive que viver parte da WEB 1.0, meus primórdios na Internet remontam a 1997, quando eu tinha apenas 10 anos e onde tive que acessar um computador que ainda não possuía interface gráfica, uma tela preta com um cursor verde que me permitia acessar diversos programas até que a curiosidade me levou a descobrir páginas da web e mergulhar nos primórdios da Web 2.0.\nWEB 2.0\n\nPosso dizer que vivi a experiência de fazer parte dos primórdios da Web 2.0, meus primórdios foram em 2001 com minhas primeiras páginas web e só em 2003 é que comecei a publicar os primeiros sites, meus blogs, principalmente compartilhando meu conhecimento em GNU/Linux, fazendo parte da tecnologia e compartilhando com mais pessoas que igualmente investiram nesta revolução na Internet. Vejo o nascimento e a morte das tecnologias, as propostas que se mantêm atualizadas e a evolução de outras tecnologias que utilizamos hoje. Fazer um site hoje não é mais a mesma coisa que era há 20 anos. O que queremos resgatar da WEB 2.0 é a forma como podemos facilmente compartilhar informações e por isso deu origem às redes sociais que nos permitiram compartilhar, criar e comunicar, por isso definimos WEB 2.0 como “Leitura e Escrita”.\nWEB 3\n\nNada está escrito e isso é o mais legal de tudo, pois estamos numa fase em que podemos construir as bases que darão impulso à WEB3. Recapitulando podemos dizer que a WEB 1.0 era somente leitura, com a chegada da WEB 2.0 teríamos leitura e escrita e agora com a WEB 3 teremos \"Propriedade\".\n\nQuero terminar mencionando algo muito importante: Web3 não são apenas NFTs, haverá muito mais além disso e trata-se de PROPRIEDADE. Podemos levar para outras áreas, mas são pontos frágeis. Isso nos levará a fazer coisas surpreendentes se encararmos isso como uma oportunidade de incorporar tecnologias como Blockachin, criptografia e o potencial que as criptomoedas nos oferecem.\n\nVolto a repetir, WEB 3 não é só NFTs, Bitcoin, Ethereum, Blockchain, é muito maior, é o início de uma nova forma de ver a internet e a forma como podemos incorporar a tecnologia no nosso dia a dia.\n\nRecentemente, participei de uma entrevista com outros entusiastas sobre o tema WEB 3 e em uma entrevista ao vivo eles me perguntaram sobre o aspecto e aqui compartilho um breve resumo do que li anteriormente.","date_published":"2022-01-31T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","web3","gndx","história"],"image":"https://gndx.dev/og/pt/blog/inicios-de-internet-web-3.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/inicios-de-internet-web-3.md"},{"id":"https://gndx.dev/pt/blog/vale-la-pena-comprar-un-oculus-quest-2/","url":"https://gndx.dev/pt/blog/vale-la-pena-comprar-un-oculus-quest-2/","title":"Vale a pena comprar um Oculus Quest 2?","summary":"Oculus Quest 2, análise, revisão das principais características, preço, acessórios, jogos, vantagens e desvantagens e se vale a pena comprar um em 2022.","content_text":"Em palavras simples, é um NÃO, não vale a pena comprar um em 2022.\n\nMas você pode se perguntar por quê? É um aparelho que tem um preço de 299 USD, um tanto econômico considerando as características que possui, mas também devemos considerar que devemos adquirir outros elementos para aproveitá-lo ao máximo, entre eles estão adaptadores para jogar no PC, um bom case para mantê-los bem cuidados, considere que os jogos variam de 9,99 USD a 39,99 USD e alguns exigem a compra de acessórios extras para complementar o jogo.\n\nOutra razão pela qual não considero que valha a pena é que não é fácil adquirir na América Latina, devemos comprá-lo pela Amazon ou com lockers e mesmo assim devemos pagar os impostos necessários, pagar os direitos de importação e os custos de envio. Isso limita a possibilidade de interagir com seus amigos e conhecidos, considerando também que se trata de um dispositivo de uso pessoal e não é possível compartilhá-lo ao mesmo tempo ou jogar em família com o mesmo dispositivo como faria com um console de videogame.\nPor que mais eu compraria?\n\nSe pretende experimentar a criação das novas interfaces que este tipo de dispositivos nos podem proporcionar, testar as novas tecnologias que estão a implementar e se não quer ficar de fora do metaverso, é uma boa opção. No meu caso pessoal quero entender como são feitos os desenvolvimentos para esta plataforma bem como a construção dos jogos para Oculus Quest 2.\n\nSe você tem um Oculus Quest e deseja compartilhar um momento, me adicione, meu nome de usuário é \"gndx\". No vídeo a seguir faço uma análise mais detalhada e conto minha experiência com o Oculus Quest 2.","date_published":"2022-01-27T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","óculo","metaverso","comentários"],"image":"https://gndx.dev/og/pt/blog/vale-la-pena-comprar-un-oculus-quest-2.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/vale-la-pena-comprar-un-oculus-quest-2.md"},{"id":"https://gndx.dev/pt/blog/que-es-la-web-3/","url":"https://gndx.dev/pt/blog/que-es-la-web-3/","title":"Por que todo mundo está falando sobre WEB 3?","summary":"É uma moda, uma tendência que está acontecendo no ecossistema de desenvolvimento web que todo mundo fala sobre WEB 3","content_text":"Vamos falar sobre Web3 \n\nHá muito tempo venho aprendendo sobre o assunto, lendo, brincando, quebrando projetos e cheguei a uma conclusão:\n\nUma das maneiras de ser um desenvolvedor Web 3 é pegar suas habilidades em HTML/CSS/JS (Frameworks e Bibliotecas) e aplicá-las à Web 3.\nMas o que é web 3?\n\nO principal conceito a entender sobre web 3 é a forma como vamos acessar uma internet descentralizada e para isso será utilizada a tecnologia blockchain. No campo do desenvolvimento Web, #Web3 + JavaScript é uma série de bibliotecas escritas em JavaScript/TypeScript para acessar a rede blockchain independente da tecnologia utilizada (Ethereum/Solana/etc.).\n\nNão estamos reinventando a roda, a web ainda é a web, entender como o ecossistema de desenvolvimento web 3 se move é essencial para o que vivenciaremos no futuro.\n\nDeixo-vos o meu vídeo onde abordo o tema com mais detalhes:","date_published":"2022-01-25T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","etéreo","web3","blockchain","criptomoedas"],"image":"https://gndx.dev/og/pt/blog/que-es-la-web-3.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/que-es-la-web-3.md"},{"id":"https://gndx.dev/pt/blog/revision-portafolios-octubre-2021/","url":"https://gndx.dev/pt/blog/revision-portafolios-octubre-2021/","title":"Revisão de carteiras de assinantes [outubro de 2021]","summary":"Revisão do portfólio, blog ou páginas da web dos meus assinantes, revisamos detalhadamente, recomendamos melhorias ou falamos sobre o quão bem eles implementaram seus sites na Internet.","content_text":"Revisão de portfólios para assinantes\n\nUma das dinâmicas mais divertidas que temos no meu canal do YouTube é a revisão do portfólio, blog e páginas web dos meus assinantes, onde analisamos detalhadamente as propostas enviadas, recomendamos melhorias ou falamos sobre o quão bem eles implementaram seus sites na Internet.\n\nVoltamos à dinâmica nesta sexta-feira, 22 de outubro, onde revisaremos 10 projetos e aleatoriamente revisaremos também o código fonte de um projeto para aprender.\nComo participar?\n\nVocê deve ter seu projeto implantado e de código aberto e seguir as instruções a seguir.\n\nEnvie seu Portfólio/Blog/Site\n\n1. Bifurque este repositório. revisão do portfólio\n2. Adicione seu URL à lista.\n3. Envie sua solicitação pull. Não se esqueça de preencher o formulário obrigatório.\n4. Vejo você no AO VIVO.\nAO VIVO\n\nSexta-feira, 22 de outubro de 2021, 21h45. em YouTube.com/oscarbarajas","date_published":"2021-10-18T20:01:44.503Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","YouTube","comunidades","gndx"],"image":"https://gndx.dev/og/pt/blog/revision-portafolios-octubre-2021.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/revision-portafolios-octubre-2021.md"},{"id":"https://gndx.dev/pt/blog/instalar-nvm-en-ubuntu-20-04/","url":"https://gndx.dev/pt/blog/instalar-nvm-en-ubuntu-20-04/","title":"Instale NVM no Ubuntu 20.04","summary":"Node Version Manager (NVM) é uma ferramenta que nos permite gerenciar múltiplas versões do Node.js, aprenda como instalá-lo em WSL2 no Windows 11.","content_text":"Node Version Manager (NVM) é uma ferramenta que nos permite gerenciar várias versões do Node.js. Graças ao NVM podemos instalar as versões mais recentes do node.js incluindo npm ou instalar uma versão específica e poder alternar facilmente entre versões a partir da linha de comando.\n\nAnteriormente aprendemos como instalar WSL2 no Windows 11 agora vamos instalar o Node.js através do NVM para trabalhar em nossos projetos construídos em JavaScript dentro da configuração do Ubuntu 20.04 que instalamos com WSL2 no Windows 11.\nInstale NVM no Ubuntu 20.04\n\ncurl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash\n\nAgora vamos ativar a variável de ambiente para NVM com o seguinte comando:\n\nsource /.bashrc\n\nAgora vamos verificar se o NVM está instalado e funcionando.\n\nnvm --version\nInstale o Node.js em sua versão mais recente\n\nnvm install node\n\ninstalar node.js no Ubuntu\n\nAgora verificamos se temos o Node.js e o npm instalados.\n\nnode --version | npm --version\ninstale uma versão específica do Node.js\n\nnvm install 14.18.1 // Node LTS\nListar versões instaladas\n\nnvm ls\nAlternar entre versões do Node.js.\n\nnvm use 14.18.1 | 16.11.1\nExcluir uma versão do Node.js\n\nnvm uninstall 14.18.1\n\nNVM nos permite instalar e gerenciar corretamente as versões do Node.js necessárias para nossos projetos.\n\ninstalar nvm no Ubuntu\n\nNota: Se você estiver trabalhando com zsh ou algum outro perfil em seu sistema operacional GNU/Linux, você deve ativar a variável de ambiente NVM.\n\nMais informações no repositório GitHub: nvm-sh/nvm","date_published":"2021-10-14T02:33:37.383Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","Ubuntu","javascript","recursos"],"image":"https://gndx.dev/og/pt/blog/instalar-nvm-en-ubuntu-20-04.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/instalar-nvm-en-ubuntu-20-04.md"},{"id":"https://gndx.dev/pt/blog/instalar-wsl2-en-windows-11/","url":"https://gndx.dev/pt/blog/instalar-wsl2-en-windows-11/","title":"Instale WSL2 no Windows 11","summary":"Como instalar o subsistema Windows Linux (WSL 2) no Windows 11","content_text":"Windows SubSystem Linux, mais conhecido como WSL ou WSL2, é uma ferramenta que permite que usuários do Windows 10 e Windows 11 executem distribuições GNU/Linux sem precisar instalar software adicional de terceiros ou alterar sistemas operacionais. Atualmente suporta distribuições GNU/Linux como Ubuntu, Debian, Fedora, Suse, entre outras que você encontra na loja de aplicativos.\n\ngndx instala wsl2 no Windows 11\n\nA versão mais recente do Windows SubSystem Linux é conhecida como WSL2. Entre as principais funcionalidades que WSL2 nos oferece estão:\nIntegração entre Windows - GNU/Linux\nInício rápido da instância\nVM gerenciada\nKernel GNU/Linux completo\nCompatibilidade de sistema operacional\n\nWSL2 permite que os desenvolvedores executem um ambiente GNU/Linux com a maioria de seus aplicativos, utilitários e acesso à linha de comando. Parte fundamental para trabalhar com nossos projetos escritos em JavaScript.\nComo instalar WSL2 no Windows 11\n\nCom o recente lançamento do Windows 11, devemos configurar nosso ambiente de trabalho, tanto no meu uso pessoal quanto no meu dia a dia como Desenvolvedor Frontend, preciso ter um ambiente de trabalho otimizado para trabalhar com JavaScript, executar programas do terminal, entre outras tarefas importantes.\n\nA primeira coisa que precisamos fazer é iniciar o aplicativo \"Windows Terminal\" que é instalado por padrão no Windows 11. (Anteriormente, no Windows 10, tínhamos que instalá-lo na loja de aplicativos.).\n\n1. Execute o Terminal do Windows como administrador.\n2. Execute o comando:\n\nwsl --install\n\ninstalar wsl2 no Windows 11\n\nSiga as instruções na tela e aguarde a conclusão da instalação.\n\n3. Instale uma distribuição GNU/Linux daquelas disponíveis na loja de aplicativos da Microsoft.\n\nDistribuições que recomendo usar:\nUbuntu 20.04 LTS\nDebian GNU/Linux\n\nNa minha configuração eu uso \"Ubuntu 20.04 LTS\" instalado em \"Microsoft Store\". (Você pode instalar a versão GNU/Linux de sua escolha.)\n\ninstale o Ubuntu 20.04 no Windows 11\n\n4. Depois de instalado, é necessário reiniciar nosso computador para iniciar a instalação do Ubuntu e configurar nosso usuário.\n\n5. Execute o aplicativo Ubuntu, será aberto um terminal no qual seguiremos as instruções e atribuiremos um nome de usuário e senha.\n\n6. Assim que este processo for concluído, você poderá executar o Ubuntu a partir do Terminal Windows.\n\ninsira a descrição da imagem aqui\n\nO Windows 11 nos permite trabalhar com muito mais facilidade, com instalação e configuração mais amigáveis ​​com Windows SubSystem Linux e ter um ambiente de desenvolvimento poderoso para trabalhar em nossos aplicativos.\n\nPara finalizar, convido você a instalar meu \"Tema personalizado para ZSH\" e os plug-ins que utilizo.","date_published":"2021-10-12T03:26:17.542Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","Windows","Programação","recursos"],"image":"https://gndx.dev/og/pt/blog/instalar-wsl2-en-windows-11.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/instalar-wsl2-en-windows-11.md"},{"id":"https://gndx.dev/pt/blog/nuevo-curso-platzi-jamstack/","url":"https://gndx.dev/pt/blog/nuevo-curso-platzi-jamstack/","title":"Meu novo curso no Platzi: JAMStack","summary":"Aprenda como construir sites e aplicativos de melhor desempenho com JAMStack.","content_text":"Uma nova forma de criar sites e aplicativos que ofereça melhor desempenho começou a ser bastante popular porque é a combinação de tecnologia que os desenvolvedores procuram e que lhes permite criar aplicações como sites com melhor desempenho, agregando uma camada de segurança, uma forma mais amigável de escalar nossos projetos e uma experiência que envolve o desenvolvedor e o torna parte do processo misturando as tecnologias que ele mais utiliza e que são fundamentais no seu dia a dia como profissional.\n\nJAMStack\n\nNo dia 17 de setembro foi lançado meu mais recente curso na Platzi onde você aprenderá como criar um blog usando o conceito JAMStack, identificará o que há de importante nos conceitos de “No-code” e “Low-code” e como aproveitar a tecnologia para criar aplicações surpreendentes que misturam as tecnologias do momento com simples cliques ou as levam para o campo do desenvolvimento se precisar.\n\nIntrodução ao curso Jamstack\n\nConvido você a vir ao meu curso de introdução ao Jamstack em Platzi.","date_published":"2021-09-21T03:45:59.407Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","pilha de jam","cursos","javascript"],"image":"https://gndx.dev/og/pt/blog/nuevo-curso-platzi-jamstack.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/nuevo-curso-platzi-jamstack.md"},{"id":"https://gndx.dev/pt/blog/tema-oh-my-zsh-gndx/","url":"https://gndx.dev/pt/blog/tema-oh-my-zsh-gndx/","title":"Tema personalizado para ZSH","summary":"Tema personalizado para ZSH inspirado na configuração que uso em meus cursos de JavaScript no Platzi.","content_text":"Atualmente tenho mais de 18 cursos na plataforma de ensino online Platzi onde ensino JavaScript, o uso do terminal é muito importante em meus cursos quando estamos trabalhando com NodeJS ou JavaScript com Framework ou Biblioteca.\n\nUma das perguntas que mais me fazem é qual é a minha configuração de terminal/console/bash/promt, à qual sempre respondi que era um tema personalizado criado com base nos temas padrão incluídos em Oh My Zsh.\n\nSó agora preparo o tema, otimizo-o e adapto-o para que todos possam instalá-lo em suas configurações Oh My Zsh.\nVisualização do tema gndx-zsh\n\ntema gndx zsh\nInstalação\n\n1. Em seu terminal escreva o seguinte: git clone https://github.com/gndx/gndx-zsh-theme/ $ZSHCUSTOM/themes/gndx-zsh-theme\n\n2. Abra suas configurações: .zshrc\n\n3. Altere o valor de ZSHTHEME para gndx-zsh-theme/gndx\n\nMais informações: Temas externos Oh-My-Zsh\nExtras\n\nAtualmente uso os plugins zsh-autosuggestions e zsh-syntax-highlighting que me permitem ter uma melhor experiência no uso dos comandos.\n\nFonte recomendada: FiraCode\nContribuir\n\nSe alguém quiser acrescentar ou melhorar algo, convido você a colaborar diretamente neste repositório: gndx-zsh-theme\nLicença\n\ngndx-zsh-theme é lançado sob a Licença MIT.","date_published":"2021-06-08T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","código aberto","recursos"],"image":"https://gndx.dev/og/pt/blog/tema-oh-my-zsh-gndx.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/tema-oh-my-zsh-gndx.md"},{"id":"https://gndx.dev/pt/blog/curso-de-webpack/","url":"https://gndx.dev/pt/blog/curso-de-webpack/","title":"Curso Webpack 5","summary":"Aprenda Webpack do zero, prepare seu desenvolvimento web para torná-lo mais ágil, rápido e otimizado.","content_text":"Curso Webpack 2021\n\nWebpack é um empacotador de módulos para JavaScript. No curso você dominará o uso de carregadores e plugins e integrará a ferramenta que lhe permitirá ter um ambiente de desenvolvimento ou produção ideal para trabalhar em seu desenvolvimento web. Você aprenderá a otimizar seus projetos com compactação e minificação de CSS, JavaScript, Configurar e preparar todos os cursos para enviar seu projeto para produção.\nProjeto\n\nDurante o curso desenvolvemos uma loja online, preparamos cada elemento para otimizar as imagens utilizadas, implementamos o uso de pré-processadores, minificamos nossas imagens, integramos os principais plug-ins Webpack para otimizar JavaScript e preparamos o projeto para implantá-lo em produção no Netlify.\n\nFaça o curso agora: https://platzi.com/webpack","date_published":"2021-05-10T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","webpack","cursos","quadrado"],"image":"https://gndx.dev/og/pt/blog/curso-de-webpack.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/curso-de-webpack.md"},{"id":"https://gndx.dev/pt/blog/error418-s01e03-programador-saludable/","url":"https://gndx.dev/pt/blog/error418-s01e03-programador-saludable/","title":"Dicas para se tornar um programador saudável","summary":"Muitas vezes não damos importância à nossa saúde física e mental, até que ocorra a síndrome do esgotamento profissional ou mais conhecido como burnout.","content_text":"S01E03\n\nMuitas vezes não damos importância à nossa saúde física e mental, até que chega a síndrome do esgotamento profissional ou mais conhecido como burnout, estado de esgotamento mental, emocional e físico que ocorre em decorrência de demandas avassaladoras, estresse crônico e fruto da pandemia que vivemos.","date_published":"2021-04-05T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","saúde","podcast","erro418"],"image":"https://gndx.dev/og/pt/blog/error418-s01e03-programador-saludable.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/error418-s01e03-programador-saludable.md"},{"id":"https://gndx.dev/pt/blog/error418-s01e02-comunidades-crear-contenido/","url":"https://gndx.dev/pt/blog/error418-s01e02-comunidades-crear-contenido/","title":"Vamos falar sobre comunidades e criação de conteúdo","summary":"O segundo episódio, criando comunidades e criando conteúdo, minha experiência ao longo dos anos.","content_text":"S01E02\n\nFazer parte de uma comunidade sempre lhe trará grandes benefícios, como você pode aproveitar ao máximo sua comunidade ou criar uma comunidade que impacte as pessoas, crescendo juntos profissionalmente.","date_published":"2021-03-29T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","comunidades","podcast","erro418"],"image":"https://gndx.dev/og/pt/blog/error418-s01e02-comunidades-crear-contenido.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/error418-s01e02-comunidades-crear-contenido.md"},{"id":"https://gndx.dev/pt/blog/mi-setup-2021/","url":"https://gndx.dev/pt/blog/mi-setup-2021/","title":"Meu primeiro ano criando conteúdo educacional","summary":"Um breve tour pelo primeiro ano criando conteúdo educacional e a evolução do meu espaço que utilizo para transmissões ao vivo, gravação, edição, reprodução e trabalho.","content_text":"Começando...\n\nHoje faz um ano que comecei no mundo do streaming e criação de conteúdo no YouTube/Twitch. Ao longo de todo este tempo tenho investido em ter a melhor qualidade na criação de conteúdos, por isso tenho investido muito na aquisição de cada uma das peças que compõem o meu setup para continuar a criar conteúdos com maior qualidade.\n\nDeixo-vos um breve resumo de alguns acontecimentos importantes e da evolução do setup final.\nmarço de 2020\n\nMinha primeira transmissão no YouTube, sem esperar nada, aconteceu e acabei gostando bastante.\nComo vocês podem ver, eu quase não tinha equipamento para transmitir, uma câmera e um simples microfone, esse foi o meu começo.\n\ninsira a descrição da imagem aqui\njunho de 2020\n\nConseguimos o Parceiro no Twitch que nos permitiu verificar a conta e criar a Equipe para a comunidade de criadores em espanhol #EStreamerCoders.\n\ninsira a descrição da imagem aqui\nagosto de 2020\n\nNessa época minha esposa @anabelisam\\ começou a fazer streaming, criando conteúdo de gerenciamento e backend.\n\ninsira a descrição da imagem aqui\nsetembro de 2020\n\nCom um espaço mais organizado, com acessórios para criação de conteúdo, já tinha melhor qualidade em luz, áudio e vídeo. Tive a oportunidade de ser um dos streamers da Platzi CONF 2020, colocando em prática meus conhecimentos e ferramentas que havia criado para streamers. Aqui o Bebeloper já fazia parte do Staff.\n\ninsira a descrição da imagem aqui\nnovembro de 2020\n\nAgora tive um programa em Platzi, onde entrevistei professores e profissionais da indústria de desenvolvimento de software, desta vez tive que ser o anfitrião e streamer da comunidade Microsoft em Platzi.\n\ninsira a descrição da imagem aqui\njaneiro de 2021\n\nDepois de uma pausa de férias e de uma mudança, inauguramos um novo espaço de trabalho, uma sala para o estúdio dedicado à criação de conteúdos.\n\ninsira a descrição da imagem aqui\nmarço de 2021\n\nFinalmente concluímos a versão 1.0.0 do estúdio na nova casa localizada em Sopó Cundinamarca, conectando natureza e tecnologia.\n\ninsira a descrição da imagem aqui\n\nAqui você pode ver meu vídeo no YouTube onde mostro detalhadamente cada elemento deste espaço de trabalho, diversão e criação de conteúdo.\n\nSe quiserem adquirir os equipamentos que possuo, deixo-vos as principais características e os respetivos links para a Amazon onde adquiri estes produtos.\n\nPC\n\nCPU: AMD Ryzen ™ 5 3600X 6 núcleos 4,4 GHz https://amzn.to/2PnA9pi=\n-GPU: NVIDIA GeForce GTX 1660 Super 6GB https://amzn.to/317aJP0\nPLACA: Gigabyte AM4 B450M DS3H https://amzn.to/395Q9mJ\nCAIXA: iCUE 220T RGB https://amzn.to/399R31E\nRAM: 32 GB SPECTRIX D60G RGB DDR4 3200 2x16 GB https://amzn.to/3tFrg9c\nRESFRIAMENTO: CoolerMaster MLW D24M https://amzn.to/3d23WvC\nFONTE: XPG Core Reactor 80 Plus Gold Modular https://amzn.to/316TKN5\nSSD: XPG SPECTRIX S40G RGB PCIE GEN3X4 M.2 2280 256 GB https://amzn.to/3f6vEKr\n\nTransmissão:\nShure MV7 https://amzn.to/3f6xZFi\n-Micro: HyperX QuadCasthttps://amzn.to/394QVQO\n-Canon EOS M200 https://amzn.to/2Qx13vp\nLogitech C922 Pro Stream 1080p X2 https://amzn.to/3tDN5Gi\nLink da câmera Elgato 4K: https://amzn.to/3cWXaax\nPlataforma de transmissão Elgato: https://amzn.to/3vU4T1Y\n\nRaio:\nLuz chave Elgato: https://amzn.to/319hIHy\n-Philips Hue https://amzn.to/3d23jCg\n\nExtras:\nEco Show 5: https://amzn.to/3rhkwN3\nTeclado mecânico sem fio Keychron K6 65%: https://amzn.to/3vTJhT2\nRazer Mamba: https://amzn.to/3cceJV1\nLG 29\" Ultralargo: https://amzn.to/397AKCq\n\nEspero que as referências dos produtos e equipamentos que utilizo para transmissões sejam úteis para vocês e continuaremos criando conteúdo para levar a tecnologia a mais pessoas.","date_published":"2021-03-22T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","configurar","transmissão","gndx"],"image":"https://gndx.dev/og/pt/blog/mi-setup-2021.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/mi-setup-2021.md"},{"id":"https://gndx.dev/pt/blog/error418-s01e01-hola-mundo-oscar-barajas/","url":"https://gndx.dev/pt/blog/error418-s01e01-hola-mundo-oscar-barajas/","title":"Olá Mundo, Conhecendo Oscar Barajas.","summary":"O primeiro episódio, onde conto sobre meu início e quem é Oscar Barajas, mais conhecido como @gndx","content_text":"S01E01\n\nErro 418, um podcast que deveria existir desde 2017, mas hoje depois de 4 longos anos começamos com o primeiro episódio, onde conto para vocês sobre meu início e quem é Oscar Barajas, mais conhecido como @gndx.","date_published":"2021-03-21T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","gndx","podcast","erro418"],"image":"https://gndx.dev/og/pt/blog/error418-s01e01-hola-mundo-oscar-barajas.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/error418-s01e01-hola-mundo-oscar-barajas.md"},{"id":"https://gndx.dev/pt/blog/primeros-pasos-con-webpack-5/","url":"https://gndx.dev/pt/blog/primeros-pasos-con-webpack-5/","title":"Introdução ao Webpack 5","summary":"Webpack é um empacotador de módulos, ou em palavras simples, uma biblioteca que nos permite gerenciar todos os recursos de um projeto.","content_text":"Este mês foi lançado meu curso Webpack 5 na Platzi onde explico detalhadamente as vantagens de usar esta ferramenta para preparar nossos projetos criados com JavaScript. O projeto é totalmente vanilla JavaScript, criamos um portfólio onde mostramos as principais informações, aprendemos a otimizar nosso projeto e implantá-lo em produção. Neste vídeo conto os primeiros passos que você deve seguir para começar a usar o Webpack antes de fazer meu curso.","date_published":"2021-03-18T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","webpack","cursos","quadrado"],"image":"https://gndx.dev/og/pt/blog/primeros-pasos-con-webpack-5.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/primeros-pasos-con-webpack-5.md"},{"id":"https://gndx.dev/pt/blog/vale-la-pena-aprender-nodejs/","url":"https://gndx.dev/pt/blog/vale-la-pena-aprender-nodejs/","title":"Vale a pena aprender Node.js?","summary":"Recentemente me perguntaram o que eu acho sobre aprender Node.js, a importância que ele tem e como começar. Deixo-vos este vídeo onde conto o meu ponto de vista e como podem iniciar a vossa aprendizagem.","content_text":"Muitas vezes me perguntaram: Vale a pena aprender Node.js? Estou um pouco preocupado porque os desenvolvedores que estão começando em JavaScript não têm certeza do que é Node.js e o veem como outra tecnologia para aprender e ficam impressionados por saber que precisam aprendê-lo. Neste vídeo explico o que você precisa saber para começar a usar o Node.js.","date_published":"2021-03-16T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","nodejs","javascript","YouTube"],"image":"https://gndx.dev/og/pt/blog/vale-la-pena-aprender-nodejs.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/vale-la-pena-aprender-nodejs.md"},{"id":"https://gndx.dev/pt/blog/alguien-dijo-svelte/","url":"https://gndx.dev/pt/blog/alguien-dijo-svelte/","title":"Alguém disse Svelte?","summary":"Quero aprender Svelte, por onde começo? Svelte é a estrutura JavaScript para construção de interfaces de usuário.","content_text":"Quero aprender Svelte, por onde começo?\n\nÉ uma das principais perguntas que costumo receber nas minhas transmissões ao vivo, através de mensagens no Discord e até em mensagens privadas.\n\ninsira a descrição da imagem aqui\n\nA resposta é muito fácil: se você tem tempo trabalhando com qualquer outro framework ou biblioteca ou é apaixonado por JavaScript, está pronto para começar com Svelte.\n\nSvelte é um Framework JavaScript projetado para construir interfaces de usuário, muito semelhante ao React, Angular ou Vue, mas com características notáveis ​​que o diferenciam, entre elas sua mudança de paradigma, já que roda em tempo de compilação e não utiliza o conceito de Virtual DOM.\nPrimeiros passos\n\nO melhor lugar para aprender uma tecnologia, biblioteca, framework ou o que você quiser aprender é em sua documentação ou site oficial, isso irá guiá-lo no caminho para entender cada particularidade e como eles resolveram os problemas que enfrentaram para fornecer a solução ou propor novas alternativas para criar interfaces web surpreendentes.\n\nTire o medo de ler a documentação, esta será sua melhor ferramenta de trabalho. Não espere que esteja no seu idioma, ou encontre o conteúdo em espanhol, se você ainda não domina o inglês, use o Google tradutor, mas tenha sempre em mente que a única fonte da verdade é a documentação.\nO outro caminho...\n\nDepois de passar pela documentação, você entendeu quais detalhes são importantes e como pode aproveitar ao máximo o que aprendeu, minha próxima recomendação é ler o código fonte, esta prática permitirá que você entenda cada fase essencial do projeto, como ele resolve os problemas e comece a colaborar fornecendo linhas de código que melhoram o projeto.\nPor que o Svelte poderia ser o melhor framework JavaScript?\n\nFiz esse vídeo no início de 2020 onde conto as principais características do Svelte e como aproveitá-lo ao máximo e entender porque será um framework melhor.\n\n \n \nCursos\n\nSe o que você quer é aprender com um projeto, toque nas principais características e realize seu aprendizado com exemplos, enquanto constrói um grande projeto.\n\nTenho três cursos em Platzi onde criamos diversos projetos incluindo o pugstagram, uma rede social para pugs criada inteiramente com Svelte e implantada em produção, misturando diversas tecnologias.\nCurso de\n Esbelto\nCurso de\n Sapador\nCurso de Desenvolvimento Web com\n Esbelto\n\nAgora você está pronto para aprender Svelte e colocar seu conhecimento em prática com projetos.","date_published":"2021-01-18T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","esbelto","cursos","javascript"],"image":"https://gndx.dev/og/pt/blog/alguien-dijo-svelte.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/alguien-dijo-svelte.md"},{"id":"https://gndx.dev/pt/blog/retos-para-desarrolladores-web/","url":"https://gndx.dev/pt/blog/retos-para-desarrolladores-web/","title":"Desafios para desenvolvedores Web","summary":"Se você quer se desafiar e trabalhar em grandes projetos, deixo minhas recomendações de desafios que o ajudarão a melhorar seu portfólio.","content_text":"Há algum tempo fiz um vídeo explicando como você pode se desafiar e trabalhar com projetos profissionais que vão te ajudar a criar um portfólio, colocar em prática suas habilidades de frontend ou backend, além de trabalhar em equipe ou sair da zona de conforto. A maioria dos projetos inclui uma descrição ou material de apoio que lhe permitirá compreender melhor o desafio a realizar.\n\n10 desafios para desenvolvedores web\n\n \n \n \n\nParticipe do desafio: https://github.com/gndx/gndx-challenges.","date_published":"2021-01-16T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","desafios","javascript","YouTube"],"image":"https://gndx.dev/og/pt/blog/retos-para-desarrolladores-web.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/retos-para-desarrolladores-web.md"},{"id":"https://gndx.dev/pt/blog/adios-svelte-hola-hugo/","url":"https://gndx.dev/pt/blog/adios-svelte-hola-hugo/","title":"Adeus Svelte, Olá Hugo.","summary":"Porque me despedi do Svelve, o framework promissor que permite criar aplicações web incríveis.","content_text":"---\n\ntítulo: \"Como conseguir sua primeira oportunidade de emprego no mundo tecnológico?\"\ndescrição: \"Você está no quinto semestre da graduação e busca incansavelmente sua primeira oportunidade de emprego na área tecnológica. Apesar de seus esforços, às vezes você se sente desmotivado quando não vê resultados. O que você pode fazer para alcançá-los?\"\ndata de publicação: \"08 de julho de 2022\"\nheroImage: \"/blog-placeholder-3.jpg\"\n\n---\n\nSei que para muitos esse adeus será um tanto estranho, mas já passei pela maioria dos frameworks e bibliotecas JavaScript, inclusive o Svelte, durante todo o ano de 2020 me dediquei a evangelizá-lo, falando muito bem de suas vantagens e como aproveitá-lo ao máximo, criando vídeos, dando palestras na comunidade, criando três cursos em Platzi e tendo vários projetos em produção com o Svelte.\n\nAdeus, Svelte...\n\nNão é o adeus que todos acreditam, simplesmente me despedi pois da tecnologia que utilizei para este blog \"gndx.dev\" Tomei a decisão de migrar para outra plataforma para aprender. A decisão também veio acompanhada do anúncio de descontinuação do \"Sapper\" que junto com Svelte conseguiram criar sites estáticos surpreendentes e sim, meu blog gndx.dev foi criado com essa tecnologia na época.\n\nGostei do que aprendi, gostei de criar o blog e integrar minhas ferramentas, aprendendo a criar cada peça necessária e conseguindo exibi-la junto com uma série de artigos e seções importantes deste site. Mas agora assume um significado diferente e vamos focar na criação de melhores conteúdos, focar no meu conteúdo ao vivo e em uma série de projetos que tenho em mente, eu precisava ter um site estável que me permitisse focar na escrita e no compartilhamento amigável do conteúdo criado.\n\nOlá, Hugo!\n\nComo um dos meus objetivos pessoais para este ano de 2021, é aprender uma nova linguagem de programação, que me permita continuar crescendo como profissional e aprimorar minhas habilidades como desenvolvedor. Durante 2020 foquei em aprender, praticar e criar projetos com Python, me sinto confortável e sei que posso iniciar um projeto ou linhas de código com esta linguagem de programação.\n\nHavia dois grandes em minha mira, Rust ou Go. A decisão foi fácil porque em parte eu precisava encontrar uma forma de migrar meu blog para uma plataforma estável e isso veio junto com a necessidade de aprendizado, quando encontrei o projeto gohugo.io que é um framework para criação de sites estáticos, utilizando a arquitetura JAMStack e escrito em GO.\n\nUma questão de pesquisar, testar e me jogar no ringue com esta tecnologia que me permitirá aprender GO (Brincando mais com o Framework), criar meu blog e continuar cumprindo dois dos meus principais objetivos deste ano, Aprender uma nova linguagem de programação e escrever mais.","date_published":"2021-01-10T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","esbelto","ir","blog"],"image":"https://gndx.dev/og/pt/blog/adios-svelte-hola-hugo.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/adios-svelte-hola-hugo.md"},{"id":"https://gndx.dev/pt/blog/como-conseguir-tu-primer-empleo-como-programador/","url":"https://gndx.dev/pt/blog/como-conseguir-tu-primer-empleo-como-programador/","title":"Como conseguir seu primeiro emprego como programador!","summary":"O que você precisa saber para conseguir seu primeiro emprego como programador.","content_text":"Com base na minha experiência e resumida em 10 pontos, explico o que você precisa saber para conseguir seu primeiro emprego como programador.","date_published":"2020-06-07T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","emprego","programador","YouTube"],"image":"https://gndx.dev/og/pt/blog/como-conseguir-tu-primer-empleo-como-programador.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/como-conseguir-tu-primer-empleo-como-programador.md"},{"id":"https://gndx.dev/pt/blog/que-es-deno/","url":"https://gndx.dev/pt/blog/que-es-deno/","title":"O que é Deno:","summary":"Eu projeto um runtime multiplataforma baseado no motor Chrome V8 e implemento TypeScript como linguagem padrão","content_text":"Eu projetei um tempo de execução multiplataforma baseado no mecanismo Chrome V8 e implemento TypeScript como linguagem padrão. Deno usa a mesma arquitetura do Node (mesmo acionado, assíncrono, etc.). No vídeo a seguir detalhamos um pouco os recursos incorporados e as vantagens que teria sobre o NodeJS.","date_published":"2020-06-07T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","deno","YouTube","javascript"],"image":"https://gndx.dev/og/pt/blog/que-es-deno.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/que-es-deno.md"},{"id":"https://gndx.dev/pt/blog/typescript-vs-javascript/","url":"https://gndx.dev/pt/blog/typescript-vs-javascript/","title":"TypeScript vs. JavaScript","summary":"Vou contar para vocês sobre minha experiência como Desenvolvedor Frontend aprendendo TypeScript, quais vantagens e desvantagens","content_text":"Vou contar para vocês sobre minha experiência como Desenvolvedor Frontend aprendendo TypeScript, quais vantagens e desvantagens, qual foi o desafio de aprender e como consegui implementar TS em meus projetos.","date_published":"2020-06-07T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","texto datilografado","javascript","YouTube"],"image":"https://gndx.dev/og/pt/blog/typescript-vs-javascript.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/typescript-vs-javascript.md"},{"id":"https://gndx.dev/pt/blog/que-es-svelte-js/","url":"https://gndx.dev/pt/blog/que-es-svelte-js/","title":"O que é Svelte.js?","summary":"Desenvolver uma nova estrutura JavaScript que nos permite construir interfaces de usuário.","content_text":"Palestra para Eventloop MX, quarta-feira, 4 de março de 2019 na Cidade do México.\n\nDesenvolver uma nova estrutura JavaScript que nos permite construir interfaces de usuário. É considerado o novo concorrente na batalha de frontends onde competem React, Angular ou Vue.  Svelte mudou a forma como os frameworks ou bibliotecas populares do momento funcionam. Svelte é executado em tempo de compilação convertendo seus componentes em código imperativo altamente eficiente.\n\n \n \n \n\nGitHub: https://github.com/gndx/svelte-workshop\nApresentações: https://go.aws/2xicuNG.","date_published":"2020-03-27T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","esbelto","javascript","conferências"],"image":"https://gndx.dev/og/pt/blog/que-es-svelte-js.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/que-es-svelte-js.md"},{"id":"https://gndx.dev/pt/blog/facebook-developer-circles-opensource/","url":"https://gndx.dev/pt/blog/facebook-developer-circles-opensource/","title":"Círculos de desenvolvedores do Facebook: Contribuindo para projetos de código aberto como um desafio profissional","summary":"Contribuir para projetos Open Source como um desafio profissional Uma palestra onde abordamos a importância de contribuir para projetos open source","content_text":"Contribuindo para projetos Open Source como um desafio profissional  Uma palestra onde abordamos a importância de contribuir para projetos open source, uma história desde o meu início na comunidade GNU/Linux até contribuir para projetos open source focados na minha carreira atual.\n\n \n \n \n\nApresentações: https://bit.ly/2Ub5PxW","date_published":"2020-03-25T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","YouTube","código aberto"],"image":"https://gndx.dev/og/pt/blog/facebook-developer-circles-opensource.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/facebook-developer-circles-opensource.md"},{"id":"https://gndx.dev/pt/blog/introduccion-a-ecmascript/","url":"https://gndx.dev/pt/blog/introduccion-a-ecmascript/","title":"O que é ECMAScript?","summary":"ECMAScript é o padrão no qual o JavaScript se baseia e você o encontrará em documentos, livros ou recursos na internet com a abreviatura “ES” ou simplesmente ECMAScript.","content_text":"Quando estamos começando como \"Desenvolvedores Web com JavaScript\" nos deparamos com termos, nomenclaturas e abreviações que podem nos confundir, entre os quais encontramos: ES5, ES6, ES2015, ECMAScript 2017 e assim por diante um grande número deles.\n\nO que é ECMAScript?\n\nECMAScript é o padrão no qual o JavaScript se baseia e você o encontrará em documentos, livros ou recursos na internet com a abreviatura \"ES\" ou simplesmente ECMAScript.\n\nO JavaScript não usa apenas o padrão proposto pelo ECMAScript, mas também é implementado pelo ActionScript, linguagem usada pelo Flash, e pelo JScript, uma adaptação do JavaScript para o Internet Explorer.\n\nVocê quer aprender a importância do ECMAScript?\nConvido você para meu curso em Platzi onde você aprenderá a identificar os recursos que são adicionados ao ECMAScript todos os anos e fazem parte da linguagem JavaScript.\n\nEste curso está disponível com sua assinatura Platzi. Se você não possui uma conta, você pode criar uma conta no Platzi. Veja o curso completo: curso ECMAScript 6+","date_published":"2020-02-02T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","javascript","cursos","quadrado"],"image":"https://gndx.dev/og/pt/blog/introduccion-a-ecmascript.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/introduccion-a-ecmascript.md"},{"id":"https://gndx.dev/pt/blog/curso-de-asincronismo-con-javascript/","url":"https://gndx.dev/pt/blog/curso-de-asincronismo-con-javascript/","title":"Curso Assincronismo com JavaScript","summary":"Neste curso abordamos os principais métodos que nos permitem usar JavaScript para trabalhar com Assincronismo","content_text":"Neste curso abordamos os principais métodos que nos permitem usar JavaScript para trabalhar com Assincronismo. Aprenda os conceitos fundamentais de assincronismo com JavaScript, aplique suas diferentes estruturas e desenvolva soluções assíncronas.\n\nTrabalharemos com Callbacks, Promises e Async/await, resolveremos um desafio onde consumimos uma API e trazemos as informações para apresentá-la no console. Você aprenderá as diferenças entre cada uma dessas estruturas disponíveis em JavaScript.\n\nEste curso está disponível com sua assinatura Platzi.\nCrie uma conta no Platzi\n\nVeja o curso completo: Curso Assincronismo com JavaScript","date_published":"2020-01-31T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","javascript","cursos","quadrado"],"image":"https://gndx.dev/og/pt/blog/curso-de-asincronismo-con-javascript.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/curso-de-asincronismo-con-javascript.md"},{"id":"https://gndx.dev/pt/blog/por-que-utilizar-react/","url":"https://gndx.dev/pt/blog/por-que-utilizar-react/","title":"Por que usar o React?","summary":"Qual a importância de usar React, quando devemos escolher React para nossa aplicação?","content_text":"Há algumas semanas fui convidado a participar de uma live \"MaestriaJS\" onde abordaram temas de interesse dentro do ecossistema de desenvolvimento de Software JavaScript. Desta vez foi hora de falar sobre \"React JS\".\n\nQuero deixar o vídeo onde junto com Carlos Rojas e Nicolas Molina, compartilhamos nossa experiência, nos divertimos conversando sobre o tema e contamos \"Por que usar React\".\n\nQuer ouvir mais músicas de \"MaestriaJS\"?\nConvido você para o site deles: https://podcast.maestriajs.com/","date_published":"2020-01-26T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","reagir","javascript"],"image":"https://gndx.dev/og/pt/blog/por-que-utilizar-react.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/por-que-utilizar-react.md"},{"id":"https://gndx.dev/pt/blog/curso-de-pruebas-unitarias-con-jest-2/","url":"https://gndx.dev/pt/blog/curso-de-pruebas-unitarias-con-jest-2/","title":"Curso de teste de Javascript com JEST","summary":"Os testes unitários nos permitem testar blocos de código para ver o que funciona corretamente.","content_text":"Os testes unitários nos permitem testar blocos de código para ver o que funciona corretamente.  O \"Curso de Teste Unitário com Jest\" que gravei em setembro de 2018, é o primeiro dos cursos que gravei no Platzi.\n\nEm 2019 gravei uma atualização onde focamos em adicionar testes unitários a um projeto construído em React, React Router, Redux.\n\nVocê aprenderá a configurar seu ambiente de trabalho, testar componentes, ações, redutores, gerar stapshots, criar mocks para testar uma API e ao final implementaremos os testes em um fluxo de integração contínua com travis.\n\nEste curso está disponível com sua assinatura Platzi.\n\nCrie uma conta no Platzi\nVeja o curso completo: \"Curso de testes unitários com Jest no React\"","date_published":"2020-01-20T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","cursos","quadrado","brincadeira"],"image":"https://gndx.dev/og/pt/blog/curso-de-pruebas-unitarias-con-jest-2.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/curso-de-pruebas-unitarias-con-jest-2.md"},{"id":"https://gndx.dev/pt/blog/crear-sitio-web-estatico-con-ghost-gatsby-js/","url":"https://gndx.dev/pt/blog/crear-sitio-web-estatico-con-ghost-gatsby-js/","title":"Crie um site estático com Ghost + Gatsby.js","summary":"Crie seu blog com um frontend totalmente customizado, criado com Ghost e com todo o poder do Gatsby.js.","content_text":"Crie seu blog com um frontend totalmente customizado, criado com Ghost e com todo o poder do Gatsby.js.\nGatsby no heroku\nAo implementar a API de conteúdo, podemos aproveitar o Ghost para gerenciar conteúdo, permitindo que os desenvolvedores criem e personalizem o frontend com tecnologias modernas como Gatsby.js.\n\nAnteriormente neste blog aprendemos como instalar o \"Ghost no Heroku\" que nos permite ter um blog rodando com o Ghost e nos permitirá usá-lo como \"The Backend\" do nosso blog.\n\nVocê aprenderá:\n\n1. O que é Gatsby.js?\n2. Instale Gatsby.js\n3. Crie um blog com Gastby.js\n4. Configurar Ghost + Gastby.js\n5. Servidor de desenvolvimento local\n6. Personalizar blog\n7. Implantar com Netlify\nO que é Gatsby?\n\nGatsby é um gerador de sites estáticos, utiliza React e implementa JAMStack em seu núcleo, o que nos permite criar sites rápidos e seguros, que são entregues através de arquivos pré-preparados e servidos diretamente de um CDN, eliminando os requisitos de gerenciamento ou execução de servidores web complexos.\n\nGatsby.js usa tecnologia de ponta implementando ReactJS, Webpack, GraphQl, CSS e Javascript moderno. Tendo isso em mente, Gastby.js aproveita ao máximo os benefícios do React, Progressive Web Apps e PRPLPattern (Push, Render, Pre-cache, Lazy-Load).\n\nÉ por isso que Gatsby.js tem muitas vantagens, entre elas velocidade, facilidade, estabilidade e facilidade de hospedagem.\nInstale Gatsby.js\n\nPara instalar o gatsby e poder criar sites estáticos rapidamente, devemos instalá-lo como uma dependência global.\n\n npm instalar -g gatsby-cli\n\nOs pacotes globais devem ser instalados com permissões de administrador.\nCrie um blog com Gastby.js\n\nUsando gatsby-cli vamos instalar uma nova instância do Gatsby preparada para trabalhar com ghost.\n\nExecute o seguinte comando em sua área de trabalho, onde você poderá identificar a pasta, pois precisaremos configurar nosso blog com um editor de código.\n\n gatsby novo BLOGNAME https://github.com/TryGhost/gatsby-starter-ghost.git\n\nSubstitua BLOGNAME pelo nome do seu blog ou pasta do projeto.\n\nQuando a instalação terminar você deverá instalar as dependências do projeto.\n\n instalação npm\nConfigurar Ghost + Gastby.js\n\nÉ importante que neste ponto você tenha um blog rodando com o Ghost.\nUse a API Fantasma.\n\nNo administrador do seu site criado no Ghost na seção “Integrações” criaremos uma nova integração.\n\nDevemos ter os dados \"ContentAPIKey\" e \"API URL\", pois serão necessários para configurar nosso site.\nConecte a API Ghost ao Gatsby.js\n\nDevemos abrir a pasta do projeto que acabamos de instalar para personalizar nosso site.\n\nNa raiz do site você encontrará o arquivo \"ghost.json\" onde adicionaremos a API que geramos.\n\n{\n \"development\": {\n \"apiUrl\": \"https://sitebuild.herokuapp.com\",\n \"contentApiKey\": \"J4325d9e8d2385ba3547119e1d06\",\n \"version\": \"v2\"\n },\n \"production\": {\n \"apiUrl\": \"https://sitebuild.herokuapp.com\",\n \"contentApiKey\": \"J4325d9e8d2385ba3547119e1d06\",\n \"version\": \"v2\"\n }\n}\n\nEstamos trabalhando com a versão 3.x do Ghost, então devemos adicionar version: \"v2\" ao json.\nConfigurar site\n\nPara configurar o nome de domínio, número de posts por página, SEO, entre outras configurações, é necessário editar o arquivo siteConfig.js.\n\nmodule.exports = {\n siteUrl: https://gatsby.ghost.org,\n postsPerPage: 12,\n siteTitleMeta: Ghost Gatsby Starter,\n siteDescriptionMeta: Ghost and Gatsby,\n shareImageWidth: 1000,\n shareImageHeight: 523,\n shortTitle: Ghost,\n siteIcon: favicon.png,\n backgroundColor: #e9e9e9,\n themeColor: #15171A,\n};\nServidor de desenvolvimento local\n\nDepois de adicionarmos a configuração necessária, podemos implantar um servidor de desenvolvimento local onde podemos personalizar nosso site ao nosso gosto.\n\n npm executar dev\n\nAgora você tem um site estático com os recursos do seu blog criados no Ghost.\nPersonalizar blog\n\nNeste momento podemos customizar o frontend do seu blog, o Gatsby.js está embutido no react e dentro da pasta \"src/\" você encontra a estrutura do site que você pode customizar ao seu gosto.\n\nDeixo-vos o repositório deste blog onde poderão rever as personalizações que fiz.\n\nArepa.dev no Github.\nPersonalize com plug-ins.\n\nGatsby.js possui um grande número de plugins que sei incorporar ao seu site, alguns plugins que este blog utiliza.\n\n1. gatsby-plugin-sentry\n2. gatsby-plugin-google-analytics\n3. gatsby-remark-prismjs\n\nDiretório de plug-ins Gatsby.\nImplantar no Netlify\n\nNetlify é um serviço de hospedagem de sites estáticos, muito semelhante ao GithubPages ou Firebase Hosting. A principal vantagem do Netlify é sua simplicidade na implantação de sites, requer apenas conexão a um repositório em nuvem para criar integração e implantação contínuas.\n\nNOTA: É necessário enviar seu projeto para um repositório para criar a integração com Netlify.\n\n1. Crie uma conta Netlify\n2. Conectar um repositório\n3. Configurar implantação\n\nSaiba mais sobre o Netlify na documentação oficial.\nCrie webhook para conectar Ghost + Netlify\n\nPara cada alteração que fizermos em nosso blog criado no Ghost, devemos criar uma integração para executar uma nova implantação do nosso site no Netlify.\nObtenha a API Netlify\n\nNo painel do Netlify selecionamos o site e vamos para a seção \"Deploys\" > \"Deploy Settings\" e dentro desta seção procuramos a seção \"Build Hooks\".\n\nAdicionamos uma nova configuração que nos dará uma URL que adicionaremos ao nosso site com ghost.\n\nNo administrador do seu site Ghost em “Integrações” devemos criar uma nova integração.\n\nNa seção “Webhooks” adicionaremos uma nova integração com os seguintes dados:\n\nPreparar! Já temos a integração completa, toda vez que criamos uma nova página, blogpost, tag, link, etc. etc. Uma nova build será executada automaticamente no Netlify.\nDesempenho\n\nAnalise seu site com a ferramenta Google PageSpeed ​​​​Insights para verificar a otimização do seu novo site.\nConclusões\n\nVocê aprendeu a criar um site estático usando Gatsby.js usando o ghost como gerenciador de conteúdo e aproveitando todas as vantagens que o gatsby.js nos oferece, você criou uma conta no Netlify e configurou os ganchos necessários para implantar continuamente seu site.\n\nAgora que você tem seu site estático com Gatsby.js, deixe um comentário com a URL do seu site estático.","date_published":"2020-01-12T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","javascript","tutoriais","gatsby"],"image":"https://gndx.dev/og/pt/blog/crear-sitio-web-estatico-con-ghost-gatsby-js.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/crear-sitio-web-estatico-con-ghost-gatsby-js.md"},{"id":"https://gndx.dev/pt/blog/contribuir-a-proyectos-open-source-como-reto-profesional/","url":"https://gndx.dev/pt/blog/contribuir-a-proyectos-open-source-como-reto-profesional/","title":"Contribuir para projetos Open Source como um desafio profissional","summary":"Hoje, passados ​​mais de 30 anos desde o primeiro computador pessoal, continuamos a partilhar o nosso conhecimento através de código fonte aberto.","content_text":"Desde o início da informática, os Hackers da época tinham uma missão clara, partilhar o seu conhecimento. Hoje, passados ​​mais de 30 anos desde o primeiro computador pessoal, continuamos a partilhar o nosso conhecimento através de código livre.\n\nNesta palestra em formato “ignite” onde temos 5 minutos e devemos ter 20 slides que são exibidos a cada 15 segundos, foi apresentada na última Platzi Conf Colombia 2019.","date_published":"2020-01-10T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","conferências","quadrado","código aberto"],"image":"https://gndx.dev/og/pt/blog/contribuir-a-proyectos-open-source-como-reto-profesional.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/contribuir-a-proyectos-open-source-como-reto-profesional.md"},{"id":"https://gndx.dev/pt/blog/instalar-ghost-en-heroku/","url":"https://gndx.dev/pt/blog/instalar-ghost-en-heroku/","title":"Instale o Ghost no Heroku","summary":"Ghost é uma plataforma de blog de código aberto escrita em JavaScript e distribuída sob licença do MIT. Desde o seu lançamento em 2013, tornou-se bastante popular devido à sua simplicidade e desempenho.","content_text":"Há algum tempo me perguntaram como este blog é construído, então escreverei uma série de recursos para ajudá-lo a criar um blog com as mesmas tecnologias que utilizo.\n\nArepa.dev usa Ghost para criar e gerenciar o conteúdo que escrevo e eu uso Gatsby para criar um site estático, personalizar o frontend e obter todo o poder do Gatsby.\n\nNesta edição vamos nos concentrar na instalação do Ghost no Heroku e na execução da primeira parte do blog que chamaremos de \"The Backend\".\nInstale o Ghost no Heroku\n\nGhost é uma plataforma de blog de código aberto escrita em JavaScript e distribuída sob licença do MIT. Desde o seu lançamento em 2013, tornou-se bastante popular devido à sua simplicidade e desempenho.\n\nPara esta seção é necessário ter em mente os seguintes elementos para criar um blog com fantasma.\n\n1. Conta Heroku\n2. Conta Amazon Web Services\n\nDepois de criada sua conta na Amazon Web Services, você deverá obter os seguintes elementos:\n\n1. Chave de acesso AWS\n2. Chave secreta da AWS\n3. Criar um intervalo no S3\n\nAgora que você tem todos os requisitos necessários, podemos prosseguir com a instalação do Ghost no Heroku  Para esta etapa, criei um repositório onde estão localizadas todas as configurações necessárias para instalar o Ghost em sua versão mais recente no Heroku.\n\nTudo que você precisa fazer é usar o seguinte botão de implantação no Heroku e seguir as instruções necessárias.\n\nImplantar\n\nAgora você deve escolher um nome de usuário para o App que irá criar no Heroku, que será a URL que você obterá para o seu blog.\n\nEsta configuração usará um banco de dados MySql e o serviço mailgun para gerenciamento de email dentro do seu projeto.\n\nDepois de preencher todos os dados necessários, clicamos em “Implantar aplicativo” para criar nosso aplicativo.\n\nQuando o processo for concluído você poderá visualizar as boas-vindas do Ghost na URL escolhida. Agora é necessário ir em https:///ghost/ para configurar seu usuário e começar a criar conteúdo.\n\nAgora você tem um novo blog com Heroku.\n\nAgora que você tem seu blog rodando com o Ghost, é hora de personalizá-lo e criar sua primeira postagem.","date_published":"2020-01-06T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","tutoriais","javascript","heróiku"],"image":"https://gndx.dev/og/pt/blog/instalar-ghost-en-heroku.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/instalar-ghost-en-heroku.md"},{"id":"https://gndx.dev/pt/blog/hola-mundo-en-svelte-webpack-babel/","url":"https://gndx.dev/pt/blog/hola-mundo-en-svelte-webpack-babel/","title":"Olá mundo em Svelte + Webpack + Babel","summary":"Svelte é uma nova estrutura JavaScript com a qual podemos criar interfaces de usuário.","content_text":"Svelte é uma nova estrutura JavaScript com a qual podemos criar interfaces de usuário. Svelte mudou a forma como os frameworks ou bibliotecas populares do momento funcionam. Svelte é executado em tempo de compilação convertendo seus componentes em código imperativo altamente eficiente.\n\nOutro ponto a considerar sobre o Svelte é que ele não utiliza um Virtual DOM, ele escreve código que atualiza minuciosamente o DOM quando é necessário atualizar o estado da aplicação.\n\nNeste recurso aprenderemos como instalar, configurar e deixar um projeto funcional para iniciar com o Svelte, configurando passo a passo cada detalhe que você precisa.\n\nVamos aprender:\n\n1. Configurar projeto\n2. Instale o Svelte\n3. Configurar Babel\n4. Configurar Webpack\n5. Criar aplicativo com Svelte\n6. Compilar projeto\n\nAgora é hora de diversão...\nConfigurar projeto\n\nA primeira coisa que temos que criar e inicializar o projeto que vamos utilizar.\n\nmkdir svelte-base && cd svelte-base\n\nInicialize o repositório git\n\ngit init\n\nInicialize o projeto com npm para dependências e configurações.\n\nnpm init -y\ninstalar o Svelte\n\nComo temos o projeto inicializado com git e npm, vamos instalar o Svelte e criar a estrutura necessária para trabalhar com o projeto.\nInstale o Svelte\n\nnpm install svelte --save\n\nEstrutura do projeto\nsrc/ : Pasta onde fica o código do projeto\nsrc/components/ : Pasta onde armazenaremos os componentes\npublic/index.html: arquivo HTML base para construção do projeto\nsrc/index.js Documento principal do aplicativo\nConfigurar Babel\n\nPara trabalhar com todos os benefícios do Svelte e do JavaScript moderno vamos usar o Babel para transpilar nosso projeto.\n\n npm install @babel/core @babel/preset-env @babel/polyfill babel-loader svelte-loader --save-dev\n\nPosteriormente explicarei detalhadamente sua implementação no projeto quando configurarmos o Webpack.\n\nCrie o arquivo de configuração do Babel na raiz do projeto e nomeie-o como \".babelrc\"\n\n {\n \"presets\": [\n \"@babel/preset-env\"\n ],\n }\nConfigurar Webpack\n\nO Webpack nos permite adicionar a configuração necessária para compilar o projeto e todos os recursos necessários.\n\nnpm install webpack webpack-cli html-webpack-plugin --save-dev\n\nCriamos o arquivo “webpack.config.js” onde adicionaremos a configuração necessária.\n\nconst path = require(\"path\");\nconst HtmlWebpackPlugin = require(\"html-webpack-plugin\");\nmodule.exports = {\n entry: \"./src/index.js\", // Elegimos nuestro punto de entrada\n output: {\n path: path.resolve(dirname, \"dist\"),\n filename: \"bundle.js\",\n }, // Añadimos nuestro punto de salida\n resolve: {\n extensions: [\"\", \".mjs\", \".js\", \".svelte\"],\n }, // Añadimos el soporte para las extensiones que utiliza svelte\n module: {\n rules: [\n {\n test: /\\.js?$/,\n exclude: /nodemodules/,\n use: {\n loader: \"babel-loader\",\n },\n }, // Creamos la regla para nuestros archivos JS\n {\n test: /\\.svelte$/,\n exclude: /nodemodules/,\n use: {\n loader: \"svelte-loader\",\n },\n }, // Utilizamos svelte-loader para trabajar con los archivos .svelte\n ],\n },\n plugins: [\n new HtmlWebpackPlugin({\n inject: true,\n template: \"./public/index.html\",\n filename: \"./index.html\",\n }),\n ], // utilizamos este plugin para añadir el recurso compilado al documento HTML\n};\nCriar aplicativo com Svelte\n\nCom a configuração anterior temos todos os recursos necessários para criar um projeto com Svelte.\n\nEm nosso arquivo “index.js” criamos a configuração necessária.\n\n// Creamos una app que extiende del App compoenente que creamos con la lógica de nuestra aplicación.\nconst app = new App({\n target: document.querySelector(\"main\"), // punto de entrada\n props: {\n name: \"Svelte\",\n }, // props de la aplicación\n});\n\n// Exportamos por defecto app.\n\nDentro da pasta “components” criamos o arquivo App.svelte e adicionamos os recursos necessários para nossa aplicação.\n\n // Asignamos la logica de nuestra aplicación\n \n\n \n\n // Creamos los estilos de la aplicación.\n \n :global(body) {\n background-color: #676778;\n color: white;\n }\n .main {\n display: flex;\n justify-content: center;\n }\n \n\n // Llamamos el HTML de nuestro sitio.\n \n Hello {name}! \n \n\nPor fim, dentro da pasta \"public/\" vamos criar o arquivo \"index.html\" para criar o ponto de entrada da nossa aplicação.\n\n \n \n \n \n \n Svelte Base \n \n\n \n \n \n \n\nAgora que temos os recursos necessários para nosso projeto, vamos compilar nosso projeto para vê-lo funcionando em nosso navegador.\n\nEm \"package.json\" na seção \"scripts\" criamos o script \"build\" com a configuração necessária para compilar o projeto.\n\n \"scripts\": {\n \"build\": \"webpack --mode production\",\n },\n\nAgora podemos executar nosso script para compilar no terminal.\n\nnpm run build\n\nFoi criada uma pasta \"dist/\" na qual encontraremos os arquivos \"index.html\" e \"bundle.js\" de nossa aplicação.\n\nAgora executamos o arquivo \"index.html\" em nosso navegador e podemos visualizar a aplicação criada.\nRepositório\n\nNeste repositório GitHub você encontra o projeto completo \"Svelte Base\".\nPara concluir\n\nVocê aprendeu como criar a estrutura de um projeto, configurar o Webpack e implementar o Babel para transpilar o Svelte e criar os arquivos necessários para criar uma aplicação simples com o Svalte.\n\nAgora você pode compartilhar este projeto configurando detalhadamente cada um dos pontos necessários para implementar um site com Svelte.\n\nSe quiser saber mais sobre o Svelte, convido você ao site oficial onde encontrará todas as informações, documentação e exemplos. Visite: Svelte.dev\n\nCriei um grupo no Facebook: \"Svelte JS Español\" com o objetivo de compartilhar mais recursos e unir todos os desenvolvedores que falam espanhol.","date_published":"2020-01-03T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","esbelto","javascript","tutoriais"],"image":"https://gndx.dev/og/pt/blog/hola-mundo-en-svelte-webpack-babel.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/hola-mundo-en-svelte-webpack-babel.md"},{"id":"https://gndx.dev/pt/blog/curso-de-react-router-y-redux/","url":"https://gndx.dev/pt/blog/curso-de-react-router-y-redux/","title":"Curso React Router e Redux","summary":"Neste curso damos continuidade ao aprendizado obtido no Curso Prático React JS","content_text":"Neste curso continuamos o aprendizado obtido no \"Curso Prático de React JS\" onde continuamos construindo o projeto Platzi Video, criando especialmente para o projeto conjunto Platzi #SchoolJS.\n\nAprendemos a instalar, configurar e deixar as rotas que nosso projeto necessita construindo-o com \"React Router\" uma vez estabelecidos os elementos necessários para o funcionamento da aplicação, \"React Redux\" é implementado para conectar o backend do projeto em toda a aplicação.\n\nEste curso está disponível com sua assinatura Platzi.\nCrie uma conta no Platzi\nVeja o curso completo: \"Curso React Router e Redux\"","date_published":"2020-01-02T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","reagir","javascript","cursos"],"image":"https://gndx.dev/og/pt/blog/curso-de-react-router-y-redux.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/curso-de-react-router-y-redux.md"},{"id":"https://gndx.dev/pt/blog/curso-practico-de-react-js/","url":"https://gndx.dev/pt/blog/curso-practico-de-react-js/","title":"Curso Prático React JS","summary":"React é uma biblioteca desenvolvida pelo Facebook que nos ajuda a construir interfaces de usuário interativas para todos os tipos de aplicativos web, móveis ou desktop.","content_text":"React é uma biblioteca desenvolvida pelo Facebook que nos ajuda a construir interfaces de usuário interativas para todos os tipos de aplicativos: web, dispositivos móveis ou desktop.\n\nNeste curso convertemos um site criado com HTML/CSS para React, onde entendemos como criar passo a passo um projeto React onde configuramos nosso ambiente de trabalho, webpack, babel, ambiente de desenvolvimento local e depois criamos todos os componentes necessários para criar o Platzi Video.\n\nProjeto final:\n\nEste curso está disponível com sua assinatura Platzi.\n\nCrie uma conta no Platzi \nConclua o curso \"Curso Prático React JS\"","date_published":"2019-12-31T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","reagir","cursos","quadrado"],"image":"https://gndx.dev/og/pt/blog/curso-practico-de-react-js.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/curso-practico-de-react-js.md"},{"id":"https://gndx.dev/pt/blog/crear-servidor-de-desarrollo-con-webpack-hot-reload-en-react/","url":"https://gndx.dev/pt/blog/crear-servidor-de-desarrollo-con-webpack-hot-reload-en-react/","title":"Crie servidor de desenvolvimento com Webpack (Hot Reload) em React","summary":"Um dos recursos mais importantes ao desenvolver em React é poder testar nosso código no navegador sem compilar todas as alterações feitas.","content_text":"Um dos recursos mais importantes ao desenvolver em React é poder testar nosso código no navegador sem compilar todas as alterações feitas. Para isso vamos recorrer à preparação do nosso projeto anterior: \"Hello world in React + Babel + Webpack\"\n\nO que aprenderemos? Preparar nosso projeto para ter um servidor de desenvolvimento. Além disso, toda vez que você salva um arquivo após uma modificação, o servidor webpack atualizará automaticamente a janela do navegador.\n\nVamos atualizar nosso projeto, a primeira coisa que devemos fazer é instalar as dependências de desenvolvimento que o webpack requer para adicionar este recurso ao nosso projeto:\n\nnpm i webpack-dev-server --save-dev\n\nUma vez instaladas as dependências necessárias, em nosso arquivo package.json adicionaremos o seguinte script abaixo daquele que temos para compilar o projeto:\n\n\"start\": \"webpack-dev-server --open --mode development\",\n\nSalvamos e executamos o comando no terminal/console:\n\nnpm run start\n\nO Webpack abrirá uma janela do navegador na porta 8080 do seu host local onde você poderá ver seu projeto pronto para teste. Além disso, se houver um erro, o console irá ajudá-lo exibindo uma mensagem.\n\nPara concluir\n\nAprendemos a preparar nossos projetos com um servidor de desenvolvimento para agilizar nosso trabalho, otimizando o processo de compilação sempre que precisarmos salvar nosso código.\n\nSe você quiser saber mais sobre este pacote e seus múltiplos usos, recomendo a leitura detalhada da documentação: Webpack DevServer\"","date_published":"2019-12-29T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","reagir","javascript","tutoriais"],"image":"https://gndx.dev/og/pt/blog/crear-servidor-de-desarrollo-con-webpack-hot-reload-en-react.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/crear-servidor-de-desarrollo-con-webpack-hot-reload-en-react.md"},{"id":"https://gndx.dev/pt/blog/hola-mundo-en-react-babel-webpack/","url":"https://gndx.dev/pt/blog/hola-mundo-en-react-babel-webpack/","title":"Olá mundo em React + Babel + Webpack","summary":"Neste recurso aprenderemos como criar um projeto do zero configurando todos os elementos necessários para a construção de um “Hello World” passando por todos os elementos necessários.","content_text":"Neste recurso aprenderemos como criar um projeto do zero configurando todos os elementos necessários para a construção de um “Hello World” passando por todos os elementos necessários.\n\nVamos aprender:\n\n1. Configurar um projeto\n2. Instale o React\n3. Crie um Hello World em React\n4. Instalar e configurar o Babel\n5. Instalar e configurar o Webpack\n6. Compilar nosso projeto\n\nVamos começar com a diversão...\nConfigurar projeto\n\nA primeira coisa que precisamos é criar e inicializar nosso projeto no console ou terminal.\n\nmkdir hello-world && cd hello-world\n\nInicialize o projeto no git (eu sempre recomendo independente de ser compartilhado).\n\ngit init\n\nInicialize o projeto com npm para instalar as dependências necessárias.\n\nnpm init -y\nInstale o React\n\nAssim que nosso projeto for inicializado, iremos instalar o React e criar a estrutura necessária para trabalhar com o react.\n\nInstale o React\n\nnpm i react react-dom --save-dev\n\nEstrutura organizacional do projeto:\nsrc/ - Pasta onde colocaremos todo o código do projeto.\nsrc/components/ - Pasta onde armazenaremos os componentes.\nindex.html - Arquivo HTML onde inseriremos a construção do projeto.\nindex.js - Documento principal do aplicativo.\n\nSe você quiser ler mais sobre como estruturar seus projetos, recomendo esta leitura: \"Estrutura de Arquivos - React\".\nOlá mundo em reação\n\nAgora que já instalamos o React e entendemos como estruturaremos o projeto, vamos criar nossas primeiras linhas de código.\n\nCriamos as pastas necessárias para a estrutura do projeto:\n\nmkdir src && mkdir src/components\n\nCriamos o componente HelloWorld:\n\ntouch src/components/HelloWorld.jsx\n\nAdicionamos o seguinte código:\n\n// Creamos un componente presentacional que recibe la propiedad \"text\"\nconst HelloWorld = ({ text }) => {text} ;\n\nAgora criamos a entrada principal onde a aplicação ficará no React.\n\ntouch index.js\n\nAdicionamos o seguinte código:\n\n// insertamos nuestro componente en nuestro documento HTML utilizando ReactDOM\nReactDOM.render(\n ,\n document.getElementById(\"app\")\n);\n\nCriamos o documento HTML para a aplicação.\n\ntouch index.html\n\nAdicionamos o seguinte código:\n\n \n \n \n \n React Base \n \n \n \n \n \n\nAté o momento já temos o código base de uma aplicação em React, mas devemos compilar o código e criar uma rotina que nos permita otimizar o processo.\nInstalar e configurar o Babel\n\nBabel é uma ferramenta que nos permite transformar nosso código Javascript ES6 em JavaScript compatível com qualquer navegador. O que nos permite ter a nova funcionalidade Javascript na construção dos nossos projetos.\n\nInstale as dependências necessárias:\n\nnpm i @babel/core babel-loader @babel/preset-env @babel/preset-react --save-dev\n\nCriamos o documento \".babelrc\" onde adicionaremos a configuração do Babel.\n\ntouch .babelrc\n\nAdicionamos a seguinte configuração:\n\n {\n \"presets\": [\n \"@babel/preset-env\", // Compila ES5 y ES6\n \"@babel/preset-react\" // Compila JSX y sintaxis de React\n ]\n }\nInstalar e configurar o Webpack\n\nWebpack é uma ferramenta de compilação que nos permite adicionar em um arquivo todas as dependências dos elementos que fazem parte do seu projeto de desenvolvimento: como o código da nossa aplicação React, HTML, CSS, imagens entre outros recursos. Permite-nos ter uma tarefa agendada para otimizar a construção e o lançamento ágil dos nossos projetos.\n\nInstalando o Webpack\n\nnpm i webpack webpack-cli html-webpack-plugin html-loader --save-dev\n\nCriamos webpack.config.js\n\ntouch webpack.config.js\n\nAdicionamos a configuração necessária:\n\nconst path = require(\"path\");\nconst HtmlWebPackPlugin = require(\"html-webpack-plugin\");\n\nmodule.exports = {\n entry: \"./src/index.js\", // Elegimos nuestro punto de entrada\n output: {\n path: path.resolve(dirname, \"dist\"),\n filename: \"bundle.js\",\n }, // Añadimos nuestro punto de salida\n resolve: {\n extensions: [\".js\", \".jsx\"], // Añadimos el soporte para la extencion de JSX\n },\n module: {\n rules: [\n {\n test: /\\.(js|jsx)$/,\n exclude: /nodemodules/, // Ignora la carpeta de nodemodules\n use: {\n loader: \"babel-loader\", // Utiliza la configuracion de Babel\n },\n },\n {\n test: /\\.html$/,\n use: [\n {\n loader: \"html-loader\",\n },\n ],\n },\n ],\n },\n plugins: [\n // utilizamos este plugin para añadir el compilado al documento HTML\n new HtmlWebPackPlugin({\n template: \"./src/index.html\",\n filename: \"./index.html\",\n }),\n ],\n};\nCompilar nosso projeto\n\nPara que nosso projeto funcione e esteja pronto para ser executado em um navegador ou enviado para produção temos que adicionar a seguinte configuração em \"package.json\".\n\n \"scripts\": {\n \"build\": \"webpack --mode production\"\n }\n\nAgora podemos usar o comando “build” para construir o projeto.\n\nnpm run build\n\nQue construiremos um projeto na pasta \"dist/\" onde encontraremos um arquivo index.html e bundle.js, executamos o documento index.html no seu navegador preferido para ver nossa aplicação funcionando.\nBoas práticas\n\nPor fim, recomendo adicionar o arquivo .gitignore à raiz do seu projeto e ignorar /nodemodules/ bem como a pasta /dist/ onde o projeto compilado está armazenado. E, finalmente, salve as alterações no Git.\n\nCompartilho o repositório Github: React Base.\nPara concluir\n\nAprendemos como criar um projeto utilizando a configuração mínima do React, aprendemos sobre o Babel e suas configurações e também como utilizar o WebPack para preparar nosso projeto.","date_published":"2019-12-29T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","reagir","javascript","tutoriais"],"image":"https://gndx.dev/og/pt/blog/hola-mundo-en-react-babel-webpack.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/hola-mundo-en-react-babel-webpack.md"},{"id":"https://gndx.dev/pt/blog/bogotajs-react-hooks/","url":"https://gndx.dev/pt/blog/bogotajs-react-hooks/","title":"BogotáJS: React Hooks","summary":"Explicaremos detalhadamente o que são Hooks no React, prepararemos um projeto do zero, criaremos hooks customizados, consumiremos uma API e entenderemos como funciona o ciclo de vida e estado dos componentes com React Hooks.","content_text":"Explicaremos detalhadamente o que são Hooks no React, prepararemos um projeto do zero, criaremos hooks customizados, consumiremos uma API e entenderemos como funciona o ciclo de vida e o estado dos componentes com React Hooks.\n\nRepositório de exemplo: https://github.com/gndx/react-hooks\nURL do evento: https://ti.to/bogotajs/react-hooks-nestjs","date_published":"2019-06-05T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","conferências","reagir","ganchos"],"image":"https://gndx.dev/og/pt/blog/bogotajs-react-hooks.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/bogotajs-react-hooks.md"},{"id":"https://gndx.dev/pt/blog/entendiendo-map-en-javascript/","url":"https://gndx.dev/pt/blog/entendiendo-map-en-javascript/","title":"Compreendendo “mapa()” em Javascript","summary":"Quando temos que trabalhar com Arrays em JavaScript, existem diversas opções disponíveis com as quais podemos iterar, transformar ou manipular nossos arrays.","content_text":"Quando temos que trabalhar com Arrays em JavaScript, existem diversas opções disponíveis com as quais podemos iterar, transformar ou manipular nossos arrays. Desta vez vamos falar sobre como funciona \"Array.prototype.map()\", método que podemos usar em arrays em JavaScript.\n\nO site MDN da Mozilla explica sua funcionalidade da seguinte forma:\nO método map() cria um novo array com os resultados da chamada à função indicada aplicados a cada um de seus elementos.\n\nMas o que isso significa na prática? O método map() nos permite retornar um novo array de dados baseado em um array. Ou seja, não alteramos os dados do array original, agora temos um novo array com os valores resultantes.\n\nVamos colocar um problema e resolvê-lo com o método map(). \nTemos uma lista de produtos que um usuário irá comprar e queremos obter apenas os nomes dos produtos que deseja comprar.\n\nPara entender um pouco mais o exemplo, vamos resolvê-lo sem o método map(), para isso utilizaremos o método for().\n\nconst produtos = [\n { id: \"1\", name: \"shirt\", category: \"clothing\" },\n { id: \"2\", name: \"Sports Tennis\", category: \"accessories\" },\n { id: \"3\", name: \"Casual shoes\", category: \"footwear\" },\n { id: \"4\", name: \"skirt\", category: \"clothing\" },\n { id: \"5\", name: \"tie\", category: \"clothing\" },\n];\n\ndeixe nameOfProducts = [];\n\nfor (seja i = 0; i {\n // Cómo solo queremos los nombres, retornamos \"name\".\n return product.name;\n })\n\nconsole.log(nomeDeProdutos2); // [\"camisa\", \"Tênis Esportivo\", \"Calçados casuais\", \"saia\", \"gravata\"]\n\nPara concluir:\n\nComo podemos ver, reduzimos o nosso código, agora está mais legível, fácil de entender e simplificado.  A funcionalidade do .map() pode ser estendida com outros métodos e usada de forma poderosa, deixo para vocês a documentação do MDN caso queiram ver exemplos mais práticos.\n\nConvido você a definir alguns desafios e resolvê-los usando o método map(). Se você tiver dúvidas, deixe seus comentários ou perguntas. Eles sempre serão apreciados!","date_published":"2019-05-27T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","javascript","tutoriais","recursos"],"image":"https://gndx.dev/og/pt/blog/entendiendo-map-en-javascript.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/entendiendo-map-en-javascript.md"},{"id":"https://gndx.dev/pt/blog/talend-land-2019/","url":"https://gndx.dev/pt/blog/talend-land-2019/","title":"Talend Land 2019 - Reagir vs Angular vs Vue","summary":"A batalha dos Frontends, O dilema surge na hora de escolher entre “Vue”, “Angular” ou “React”","content_text":"A batalha dos Frontends, O dilema surge na hora de escolher entre “Vue”, “Angular” ou “React”. Qual é realmente melhor? Qual devo aprender? Qual é melhor pago? Nesta palestra apresentamos os prós e contras dos principais frameworks e bibliotecas para desenvolvimento web, focaremos nos dados atuais do mercado de trabalho, bem como no suporte da comunidade e tudo o que há para saber sobre vue, angular e React.","date_published":"2019-05-27T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","conferências","reagir","visualizar","angular"],"image":"https://gndx.dev/og/pt/blog/talend-land-2019.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/talend-land-2019.md"},{"id":"https://gndx.dev/pt/blog/formulario-de-contacto-con-react-firebase/","url":"https://gndx.dev/pt/blog/formulario-de-contacto-con-react-firebase/","title":"Formulário de contato com React + Firebase","summary":"Vamos criar um formulário de contato feito em ReactJS e armazenar as solicitações de contato no Firebase Database.","content_text":"Vamos criar um formulário de contato feito em ReactJS e armazenar as solicitações de contato no Firebase Database.\n\nO que é o Firebase Realtime Database?\n\nÉ um serviço que armazena e sincroniza dados com nosso banco de dados NoSQL hospedado na nuvem. Os dados são sincronizados com todos os clientes em tempo real e permanecem disponíveis quando seu aplicativo está offline.\n\nUma das grandes qualidades do Firebase RealTime Database é que ele funciona offline, o Firebase RealTime Database SDK armazena os dados em disco e quando a conexão é restabelecida o cliente recebe os dados faltantes e sincroniza com o estado atual do servidor. (Recurso que adoro).\n\nNosso projeto de exemplo é construído com \"create-React-app\", então vamos pular toda a configuração inicial e focar em trabalhar no arquivo \"App.js\" onde criaremos o formulário.\n\nConfigure o Firebase em nosso projeto React\n\nPara usar Firebase RealTime Database em nossa aplicação React devemos importar a biblioteca \"Firebase\" que instalaremos em nosso projeto a partir do npm com o seguinte comando:\n\n npm install --save firebase\n\nVamos ao nosso \"Firebase Console\" escolhemos ou criamos um projeto e na opção \"Adicionar Firebase à sua aplicação web\" copiamos a configuração que inclui apiKey, authDomain, projectId, databaseURL, storageBucket necessários para conectar com o serviço.\n\nCriamos um arquivo dentro de \"src/\" e o chamaremos de \"Firebase.js\" onde adicionaremos nossa configuração da seguinte forma:\n\nCriando nosso formulário de contato dentro de nosso arquivo App.js\n\nDeixo-vos o repositório com o projeto: react-form-firebase\n\nDemonstração do formulário: https://gndx-projects.firebaseapp.com/","date_published":"2017-12-08T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","base de fogo","reagirJS","recursos","javasscriptpt"],"image":"https://gndx.dev/og/pt/blog/formulario-de-contacto-con-react-firebase.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/formulario-de-contacto-con-react-firebase.md"},{"id":"https://gndx.dev/pt/blog/react-en-produccion-firebase-hosting/","url":"https://gndx.dev/pt/blog/react-en-produccion-firebase-hosting/","title":"Reaja em produção com Firebase Hosting","summary":"Firebase Hosting é um serviço de armazenamento de conteúdo em nível de produção do Google voltado para desenvolvedores para que possam implantar aplicativos da Web com conteúdo estático de forma rápida e simples.","content_text":"Firebase Hosting é um serviço de armazenamento de conteúdo de nível de produção do Google voltado para desenvolvedores para que eles possam implantar aplicativos da Web com conteúdo estático de forma rápida e simples.\n\nNeste pequeno manual iremos passo a passo para enviar seu desenvolvimento criado em React para produção. Para isso vamos utilizar um projeto que construí anteriormente com React “gresume-react” um template gratuito para criar um portfólio profissional com react.\n\nConfiguração do projeto no Firebase\n\nÉ aqui que precisaremos ter uma conta Firebase (firebase.google.com) e habilitar um novo projeto escolhendo um nome para seu novo aplicativo.\n\nReagir Firebase\n\nLembre-se que o Firebase criará uma URL baseada no nome da sua aplicação e é aí que sua aplicação estará disponível.\n\nConstruindo nosso projeto\n\nNosso projeto é construído com “create-react-app” este pacote nos permite esquecer as configurações de um projeto inicial e focar no desenvolvimento com React.\n\nPortanto, para construir nosso projeto para enviar para produção, basta executar o seguinte comando: “npm run build” criará uma pasta dentro de nosso projeto chamada “build/” que contém todo nosso projeto pronto para ser implantado em um servidor de produção.\n\nConfigurando o Firebase Hosting\n\nPara fazer upload do nosso projeto para o Firebase Hosting é necessário ter o Firebase Command Line Interface (CLI) instalado, instalamos com o seguinte comando no console:\n\nnpm install -g firebase-tools\n\nDepois de instalado, é necessário fazer login no console para acessar nossos projetos. Executamos o seguinte comando:\n\nfirebase login\n\nEste comando abrirá uma janela onde faremos o login com nossa conta Firebase que lhe dará as permissões necessárias para trabalhar desde o console com nossos projetos.\n\nReagir Firebase\n\nConfigurando o Firebase em nosso projeto, executamos o seguinte comando:\n\nfirebase init\n\nSeguiremos as instruções que o cliente nos mostra através do console, para utilizar apenas o Firebase Hosting é necessário selecionar a opção “Hosting: Configurar e implantar sites do Firebase Hosting” ou, na sua falta, as opções que você precisa para o seu projeto.\n\nEscolhemos nosso projeto que criamos anteriormente em Firebase.google.com selecionando-o na lista de projetos que temos\n\nSelecione a pasta onde está localizado nosso projeto, no nosso caso é a pasta “build/” que contém nosso projeto react pronto para produção.\n\nO Firebase nos perguntará se você deseja que nosso aplicativo seja configurado como um “aplicativo de página única”. A opção padrão é “não” no nosso caso, poderíamos realmente nos beneficiar com a configuração, então digitaremos “y”.\n\nO Firebase nos avisará que já temos um arquivo “index.html” gerado, que não queremos que seja substituído. Digite “n” e pressione Enter para manter nosso próprio “index.html”, gerado pelo nosso processo de construção acima.\n\nDepois de concluirmos a configuração inicial, é hora de implantar.\n\nReagir Firebase\n\nImplantar\n\nExecutamos o seguinte comando:\n\nfirebase deploy\n\nEste comando pegará tudo o que for encontrado em “build/” e hospedará no Firebase, e nos mostrará a URL que ele gera para visualizar nosso projeto em produção.\n\nA URL gerada para este exemplo é a seguinte: https://barajas-mx.firebaseapp.com/\n\nReagir Firebase\n\n\\\\Bônus\n\n\\\\\n\nConfigurar implantação\n\nPodemos continuar trabalhando em nosso projeto e se precisarmos fazer alguma alteração em nosso projeto, basta executar o comando “npm run build” para gerar todos os nossos arquivos prontos para produção novamente e então executar “firebase deploy“.\n\nVocê pode adicionar este comando aos nossos scripts dentro de “package.json” chamando nosso script de implantação: “firebase deploy”.\n\nO que nos permitirá executar o seguinte comando no console:\n\nnpm run build && npm run deploy\n\nConfigure um domínio no Firebase Hosting\n\nConfigurar um domínio é extremamente fácil no Firebase, se já tivermos um podemos ir até a seção “Hospedagem” e escolher “Conectar um domínio” seguir as instruções que validarão nosso domínio com um registro TXT e uma vez validado procederemos à adição dos registros principais do tipo “A” para nosso domínio e em questão de minutos poderemos ver em https://tudominio.com seu projeto funcionando.\n\nNo meu caso utilizei meu domínio https://barajas.mx onde está localizado meu portfólio.\n\nVou preparar outro manual sobre como integrar o Firebase Database para exibir informações do portfólio.\n\nBreve…","date_published":"2017-10-10T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","base de fogo","reagir","recursos"],"image":"https://gndx.dev/og/pt/blog/react-en-produccion-firebase-hosting.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/react-en-produccion-firebase-hosting.md"},{"id":"https://gndx.dev/pt/blog/aprende-css3/","url":"https://gndx.dev/pt/blog/aprende-css3/","title":"Livro grátis aprenda CSS3","summary":"Para todos aqueles que querem aprender CSS, recomendo o seguinte livro online criado por Javier Eguiluz","content_text":"Para todos aqueles que desejam aprender CSS (Cascading Style Sheets), recomendo o seguinte livro online criado por Javier Eguiluz, onde ele nos mostra sua história, suporte, especificações, os fundamentos básicos do CSS, além de entender passo a passo cada uma das propriedades, vantagens e tudo o que podemos fazer com esta linguagem que enriquece nossos projetos web dando uma visão mais elegante aos nossos documentos HTML.\n\nEu recomendo que você siga este recurso tópico por tópico e complete os exercícios com os quais você será capaz de dominar CSS3 perfeitamente.\n\nAutor: Javier Eguiluz\n\nLicença: Creative Commons Não Comercial – Atribuição – Compartilhamento pela mesma Licença (CC BY-NC-SA) 3.0\n\nBaixar livro CSS3 grátis","date_published":"2017-04-11T00:00:00.000Z","authors":[{"name":"Oscar Barajas Tavares","url":"https://gndx.dev/pt/about/"}],"tags":["others","css3","livros","recursos"],"image":"https://gndx.dev/og/pt/blog/aprende-css3.png","language":"pt-BR","_markdown_url":"https://gndx.dev/pt/blog/aprende-css3.md"}]}