@haitangcode

#DramaNoVSCode #Programming

Commits, bugs, desespero coletivo e café… muito café. A gente brigou com o Git, quase perdeu tudo, mas no final: deployamos a vitória! #D#DramaNoVSCodeP#ProjetoEmGrupoB#BugueiMasEntregueiG#GitSurpresaC#CodandoComCaosP#ProgramadoresUnidosV#VSCodeNaVeiaS#SóVai1#100DiasDeCódigoD#DeuBom

Aqui, a gente comemora cada passinho, por menor que seja. #Programação #Coding #Desenvolvimento #Tecnologia #Inovação #CodeLife #Programador #Tech #Programming #DevLife

💻 MEU PRIMEIRO PROJETO NO GERAÇÃO TECH FOI ASSIM... Um portfólio tão simples que até o CSS fugiu 😂 (só HTML, gente!) Foi DESAFIADOR PRA UMA INICIANTE, mas consegui! 💪✨ 👉 Meu GitHub: @daniolovem (vem ver minha evolução!) #Programação #GeraçãoTech #DevIniciante #HTML #Portfólio

E aí, blz? Semana passada: aprovada na Residência em TIC que eu já tinha esquecido. Hoje: selecionada pro Geração Tech 2.0 pra turma Dev Fullstack. Conclusão: por mais que eu tente fugir do JavaScript, ele me persegue! 🚀💻 Mas pra hoje, as aulas foram de inglês e empreendedorismo. #ResidênciaEmTIC #GeraçãoTech #DevFullstack #JavaScript #Programação #AtlanticoAvanti ——— Hey, what’s up? Last week: got accepted into the TIC Residency I had already forgotten about. Today: selected for the Geração Tech 2.0 Fullstack Dev class. Conclusion: no matter how much I try to escape JavaScript, it keeps chasing me! 🚀💻 But for today, the classes were about English and entrepreneurship. #TICResidency #GeraçãoTech #FullstackDev #JavaScript #Programming #AtlanticoAvanti

🌅 Finalizando o domingo e já começando a semana com tudo! (E com muitas anotações também) 🧮 Hoje é dia de redução de matriz no DEVstart Lab365! 💡 Aprendendo e evoluindo a cada linha de código. 🚀 #DEVstart #Lab365 #Legends #MatemáticaNaProgramação #FocoNaEvolução #CodeLife

💻 De códigos a conexões, foi uma jornada incrível! 🔥 Aprendi, cresci e me desafiei ao máximo na carreira FullStack. ✨ Agradeço à Rocketseat por essa experiência transformadora! 👨‍💻 #CodeCraft2025 #Rocketseat #FullStackDev #DevStage #Programação #FocoNoFuturo

🚀 NLW Connect - Rocketseat 💻 Aprendendo e evoluindo na programação com a melhor comunidade! 👨‍💻 #NLW #Rocketseat #Programação #NextLevelWeek

🚀 Dia 7/7 do Desafio: Conclusão! Chegamos ao último dia dessa jornada incrível! Hoje revisamos tudo o que aprendemos ao longo da semana, desde os fundamentos de HTML e CSS até os desafios de JavaScript, a imersão em COBOL e as aulas do DevStart SENAI. Agradeço ao Matheus Battisti, ao Ivan Petrucci, à Alura e ao DevStart SENAI por serem grandes aliados nessa caminhada. Cada dia foi um passo importante no meu crescimento como desenvolvedor(a)! 💻✨ 👉 Livro recomendado: JavaScript para Iniciantes (https://a.co/d/03FiRJW) 👉 Repositório de exercícios: Hora de Codar - E-book JavaScript (https://github.com/Hora-de-Codar/e-book-javascript) 👉 Plataforma: Alura (https://www.alura.com.br) 👉 Programa: Jornada Dev SENAI (https://cadastro.lab365.tech/setorial-tic-pi) #DesafioConcluído #AprendizadoContínuo #DesenvolvimentoWeb #TechBrasil #JavaScript #COBOL #DevStartSENAI

🔥 Dia 6 do desafio de 7 dias de HTML & CSS com Alura e Mimo! Cada linha de código, cada ajuste no CSS, me deixa mais perto de dominar o front-end. A jornada não é fácil, mas a evolução é real! 💻✨ Bora continuar aprendendo e construindo projetos cada vez melhores! 🚀 #Desafio7Dias #HTML #CSS #AprendendoNaPrática #RumoAoFullstack

🚀 Dia 5/7 do Desafio: Mergulhando em COBOL! Hoje embarquei numa jornada única: aulas de COBOL com o expert Ivan Petrucci na Alura! 💻🔍 Mesmo sendo uma linguagem que muitos subestimam em meio às tecnologias modernas, pra mim, COBOL é um desafio técnico e histórico a ser dominado! Aprendi sobre sua sintaxe peculiar, estruturas de dados e seu valor em sistemas críticos (como bancos e governos). Quem disse que clássico não tem valor? 💪✨ 👉 Plataforma: Alura (https://www.alura.com.br) #COBOL #DesafioTécnico #TecnologiaLegada #Alura #IvanPetrucci #Mainframe

🚀 **Dia 2/7 do Desafio HTML e CSS!** Hoje avançamos mais um passo nessa jornada incrível com a **Rafa Ballerini** e a **Alura**! 💻✨ No segundo dia, exploramos **formulários e listas** em HTML: aprendi a criar inputs, botões, listas ordenadas e não ordenadas. Cada dia é uma nova conquista! Gratidão por todo o conhecimento compartilhado! 🙌 #HTML #CSS #RafaBallerini #Alura #Desafio7Dias #FrontEnd #Programação

Voltei! Antes tarde do que nunca 🤣 🚀 **Dia 1/7 do Desafio HTML e CSS!** Hoje começamos essa jornada incrível com a ajuda da incrível **Rafa Ballerini** e da **Alura**! 💻✨ No primeiro dia, mergulhamos nos conceitos básicos do HTML: estrutura de documentos, tags essenciais e a criação da primeira página. Agradeço demais por todo o conhecimento compartilhado! Vamos juntos nessa! 💜 #HTML #CSS #RafaBallerini #Alura #Desafio7Dias #FrontEnd #Programação @Alura Online

Dia 14/100 - #100DaysOfCode Hoje foi dia de CSS com foco total em padding! 🧱🎨 O que aprendi e pratiquei: • O que é Padding? • O padding cria espaço interno entre o conteúdo de um elemento e sua borda. • Diferente da margem, que afasta os elementos, o padding “empurra” o conteúdo para dentro. • Como usar Padding 📏: • Valor único: Aplica o mesmo padding em todos os lados. .caixa { padding: 20px; } • Quatro valores (cima, direita, baixo, esquerda): .caixa { padding: 10px 15px 20px 25px; } • Valores diferentes (horizontal e vertical): .caixa { padding: 20px 10px; } • Propriedades específicas 🧩: • padding-top, padding-right, padding-bottom, padding-left para controlar lados específicos. .caixa { padding-top: 10px; padding-bottom: 20px; } • Desafios do Dia 💪: • Brinquei com padding + bordas e diferentes tamanhos de caixas. • Fiz muitos testes para entender como o padding afeta o tamanho do elemento. Aprendizado fixado com sucesso! Agora sei controlar melhor os espaços internos das caixas. 🚀 #CSS #WebDevelopment #CodingLife #DevStart #CodeNewbie #FrontEnd #HTMLCSS #PaddingDay #EspaçamentoPerfeito #EstudandoCSS

Dia 13/100 - #100DaysOfCode Hoje foi dia de aprender sobre altura, largura e bordas no CSS! 📏🖌️ O que aprendi e pratiquei: • Altura e largura 📐: • Controlei o tamanho de elementos usando width e height. .caixa { width: 200px; height: 100px; } • Trabalhei com valores relativos (%) e absolutos (px, em, rem), entendendo a diferença entre eles. • Bordas 🖌️: • Usei a propriedade border para adicionar contornos aos elementos. .caixa { border: 2px solid #4CAF50; } • Explorei estilos de borda (solid, dashed, dotted) e também bordas arredondadas com border-radius. .botao { border-radius: 10px; } • Margem e Padding 🧱: • Descobri a diferença entre margem (espaço externo) e padding (espaço interno). .conteiner { margin: 20px; padding: 10px; } • Progresso no Mimo 🚀: • Completei 70% da introdução ao desenvolvimento web no Mimo! Estou avançando cada vez mais. Cada vez mais confiante no CSS e animada para explorar novos conceitos. 🚀 #CSS #WebDevelopment #CodingLife #DevStart #CodeNewbie #FrontEnd #HTMLCSS #AlturaELargura #BordasPersonalizadas #EstudandoCSS

Dia 11/100 - #100DaysOfCode Hoje tive meu primeiro contato com CSS! 🎉🎨 O que aprendi e pratiquei: • O que é CSS? • CSS (Cascading Style Sheets) é usado para estilizar páginas HTML, ou seja, deixar tudo mais bonito e organizado. • Conceitos básicos 📝: • Seletores: Usei seletores de tags, classes (.classe) e IDs (#id) para aplicar estilos. • Propriedades e valores: Experimentei mudar cores, fontes, tamanhos e alinhamentos. body { background-color: #f0f0f0; color: #333; font-family: Arial, sans-serif; } • Personalização de botões 🖱️: • Transformei links em botões com estilos personalizados. .botao { background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 5px; text-decoration: none; } • Layout de Página 📐: • Aprendi a usar flexbox para posicionar os elementos de forma mais prática e responsiva. Foi um primeiro contato desafiador, mas muito empolgante. Agora posso começar a transformar as páginas HTML em algo mais bonito e profissional! 🚀 #CSS #WebDevelopment #CodingLife #DevStart #CodeNewbie #FrontEnd #HTMLCSS #PrimeiroContato

Dia 10/100 - #100DaysOfCode Hoje foi dia de criar uma Linktree no teste do Mimo! 🌐✨ O que pratiquei: • Estrutura de Links 🔗: • Usei a tag <a> para criar botões de navegação: <a href="https://seulink.com" target="_blank" class="botao-link">Meu Perfil</a> • Outras Tags Importantes 📝: • Parágrafos (<p>) para adicionar descrições e instruções. • Títulos (<h1>, <h2>) para organizar a hierarquia do conteúdo. • Imagens (<img>) para ícones e logotipos. • Layout e Estilo 🎨: • Estrutura simples e limpa, focada em destacar os links principais. Criar uma Linktree foi uma ótima forma de reforçar os conceitos de HTML/CSS e praticar a criação de um projeto real! 🚀 #HTML #WebDevelopment #Linktree #CodingLife #DevStart #CodeNewbie #FrontEnd #Mimo

Dia 9/100 - #100DaysOfCode Hoje foi dia de muita prática de HTML no Mimo! 🌐💻 Reforcei conceitos importantes e treinei bastante com links, imagens e parágrafos. O que estudei e pratiquei: • Links 🔗: • Criar links para outros sites: <a href="https://example.com" target="_blank">Visite o site</a> • Links internos na mesma página: <a href="#sobre">Saiba mais</a> <p id="sobre">Texto sobre o assunto...</p> • Imagens 🖼️: • Adicionar imagens: <img src="imagem.jpg" alt="Descrição da imagem"> • Ajustar tamanho: <img src="imagem.jpg" alt="Imagem" width="300" height="200"> • Parágrafos ✍️: • Criar textos organizados com <p>: <p>Este é um parágrafo de exemplo.</p> • Combinar com imagens e links para compor conteúdos visuais e informativos. Praticar com o Mimo foi super produtivo! Estou cada vez mais confiante com o HTML 🚀. #HTML #WebDevelopment #CodingLife #DevStart #Imagens #Links #Parágrafos #CodeNewbie #FrontEnd #mimocoding

Dia 8/100 - #100DaysOfCode Hoje segui firme nos estudos de HTML, reforçando como trabalhar com imagens e links 🌐🖼️🔗! O que pratiquei: • Imagens: • Exibir imagens com a tag <img>: <img src="imagem.jpg" alt="Descrição da imagem"> • src: Caminho do arquivo da imagem. • alt: Texto alternativo para acessibilidade e caso a imagem não carregue. • Adicionar largura e altura: <img src="imagem.jpg" alt="Imagem" width="300" height="200"> • Links: • Criar links com <a>: <a href="https://example.com" target="_blank">Clique aqui</a> • href: URL do destino. • target="_blank": Abre o link em nova aba. • Links para e-mails: <a href="mailto:[email protected]">Envie um e-mail</a> • Links internos (ancoras): <a href="#topo">Voltar ao topo</a> <h1 id="topo">Início</h1> Aprender a trabalhar com imagens e links me ajuda a criar páginas interativas e visuais! 💻✨ #HTML #WebDevelopment #DevStart #CodingLife #Imagens #Links #FrontEnd #CodeNewbie #mimocoding

Dia 7/100 - #100DaysOfCode Hoje continuei explorando o HTML, focando em símbolos, emojis e caracteres especiais! 🌟🌐 O que aprendi: • Caractere especial: Para exibir símbolos reservados do HTML, usamos entidades: • &lt; para < • &gt; para > • &amp; para & • &copy; para © • &euro; para € • Emojis: 🎉 Podemos usar diretamente o caractere ou o código unicode: <p>Usando emojis: 🎉 🌍 💻</p> <p>Unicode: &#128512; (😊)</p> • Símbolos matemáticos: • &plus; ➡️ + • &times; ➡️ × • &divide; ➡️ ÷ • &equals; ➡️ = Praticar essas entidades ajuda a criar páginas ricas em detalhes e bem estruturadas! 🚀 #HTML #WebDevelopment #DevStart #CodingLife #EntidadesHTML #FrontEnd #LearningHTML #CodeNewbie

Dia 7/100 - #100DaysOfCode Hoje revisei os conceitos básicos de HTML usando o Mimo 🌐📚! Foi um ótimo dia para reforçar a base do desenvolvimento web. O que revisei: • Estrutura HTML: • <html>: Define o documento HTML. 🏗️ • <head>: Contém metadados como <title> e links para CSS/JS. 🧠 • <body>: Onde o conteúdo visível é inserido. 🖼️ • Tags principais: • Títulos: <h1> a <h6> para organizar hierarquia. 📝 • Parágrafos: <p> para textos explicativos. ✍️ • Links: <a href="url">Texto</a> para navegação. 🔗 • Imagens: <img src="imagem.jpg" alt="Descrição">. 🖼️ • Listas: • Ordenadas: <ol> para listas numeradas. 1️⃣ • Não ordenadas: <ul> com marcadores padrão. 📋 • Itens de lista: <li> para elementos. ✅ A prática constante é essencial para consolidar os fundamentos e seguir avançando! 🚀💻 #HTML #WebDevelopment #DevStart #CodingLife #FrontEnd #LearningHTML #CodeNewbie

Dia 6/100 - #100DaysOfCode Hoje foi dia de praticar no LeetCode 🧩 (e definitivamente, usar pelo celular não é a melhor ideia 🤣). Também aprofundei meus estudos sobre funções em JavaScript: • Definição de Função: function saudacao(nome) { return `Olá, ${nome}!`; } console.log(saudacao("Daniely")); // "Olá, Daniely!" • Parâmetros e Argumentos: Parâmetros são placeholders definidos na função, enquanto os argumentos são os valores passados na chamada da função. • Funções com Valores Padrão: function soma(a = 0, b = 0) { return a + b; } console.log(soma(5, 3)); // 8 console.log(soma(5)); // 5 • Funções Anônimas: Funções sem nome, frequentemente usadas como callbacks: const saudacao = function(nome) { return `Olá, ${nome}!`; }; • Arrow Functions: Sintaxe mais curta para escrever funções: const dobro = (n) => n * 2; console.log(dobro(4)); // 8 Foi incrível ver como funções tornam o código modular, reutilizável e mais organizado! 🚀 #JavaScript #Funções #DevStart #WebDevelopment

Dia 5/100 - #100DaysOfCode Hoje foi dia de estudar HTML! 🌐 Aprendi a construir a base de uma página web usando: • <html>: Estrutura principal. 🏗️ • <head>: Metadados, título e links. 🧠 • <body>: Onde o conteúdo aparece. 🖼️ • <h1> a <h6>: Títulos organizados. 📝 • <p>: Parágrafos de texto. ✍️ • <a>: Links para navegar. 🔗 • <img>: Para adicionar imagens. 🖼️ Adorei aprender como montar a estrutura de páginas web de forma organizada e funcional! 🚀 #HTML #DevStart #WebDevelopment #CodingLife #JavaScript #100DiasDeCodigo #Desafio100DiasDeCodigo #Aprendizado #programação

Dia 4/100 - #100DaysOfCode Antes de seguir com as aulas de hoje, resolvi algumas questões no Motiro para praticar, e depois me dediquei a operações básicas em JS: soma, média, aumento de salário, entre outras. 💻✍️ Foi um dia de reforçar conceitos essenciais de JavaScript e aplicar a lógica de forma prática! 💡 #JavaScript #DevStart #DesenvolvimentoWeb #100DaysOfCode #Desenvolvimento #Programação #AprendizadoContínuo #100days #100diasdecodigo #devgirl #code #dev #javascript #developer #100dayschallenge #webdev #100dayscoding #frontenddevelopment #javascriptdeveloper #javascriptprogramming #frontenddeveloper

Dia 2/100 - #100DaysOfCode Hoje explorei os métodos de matriz em #JavaScript e coloquei em prática com exemplos simples e úteis: • .push(): Adiciona elementos ao final do array. let frutas = ["maçã", "banana"]; frutas.push("laranja"); console.log(frutas); // ["maçã", "banana", "laranja"] • .includes(): Verifica se um elemento está presente no array. console.log(frutas.includes("banana")); // true console.log(frutas.includes("uva")); // false • .join(): Junta os elementos do array em uma string personalizada. console.log(frutas.join(", ")); // "maçã, banana, laranja" Gostei de ver como esses métodos tornam o trabalho com arrays mais prático e eficiente! #JavaScript #DevStart #DesenvolvimentoWeb