Sobre Nós

 Bem-vindo ao Código do Zero MZ!

O meu nome é Rosálio Alexandre Xinai Milione e sou um entusiasta de tecnologia e programação a viver em Namaacha Cidade de Maputo. Desde que comecei a estudar sobre desenvolvimento Web, descobri uma paixão por criar coisas na web. Como um autodidata curioso, passei os últimos dois anos a aprender tudo o que podia sobre desenvolvimento web e agora quero partilhar essa jornada.

Eu criei o Código do Zero MZ com uma missão muito clara: desmistificar o mundo da programação para qualquer moçambicano que tenha a curiosidade e a vontade de aprender. Acredito que a tecnologia é uma ferramenta poderosa para o desenvolvimento pessoal e profissional, e o meu objetivo é tornar o conhecimento sobre HTML, CSS e JavaScript acessível, prático e em português claro.

Neste blog, você encontrará tutoriais passo a passo, guias completos e dicas práticas que vão te levar do absoluto zero até à criação dos seus primeiros projetos web. Vamos juntos construir uma comunidade de novos desenvolvedores aqui em Moçambique!

Comentários

Enviar um comentário

Mensagens populares deste blogue

O Box Model do CSS: O Guia Definitivo de Margin, Border e Padding

 Olá, equipa! Preparados para desvendar um dos maiores segredos do CSS? Tudo o que vemos numa página web — um parágrafo, uma imagem, um título — é, para o navegador, uma caixa retangular . Entender como essa caixa funciona, como podemos controlar o seu tamanho e o espaço à sua volta, é o segredo para controlar o layout de qualquer site. Hoje, vamos desvendar o famoso (e por vezes temido) Box Model do CSS . Prometo que, no final desta aula, vais dominar os conceitos de margin , border e padding de uma vez por todas. Os 4 Componentes da Caixa Imaginem um quadro com uma fotografia na parede. O Box Model funciona exatamente da mesma forma. ` ` Content (Conteúdo): É a fotografia em si. O teu texto, a tua imagem. Padding (Preenchimento): É o espaço em branco (passe-partout) entre a fotografia e a moldura. É o espaço interno da caixa. Border (Borda): É a moldura do quadro. A linha que fica à volta do conteúdo e do padding. Margin (Margem): É o espaço vazio na parede à volta do qua...
Ler mais

Formulários Bonitos com CSS: O Guia para Estilizar Inputs

 Olá, equipa! Na aula passada, construímos a estrutura do nosso formulário de contato. Ele funciona, mas sejamos honestos: é feio. Ninguém se sente inspirado a preencher um formulário com a aparência dos anos 90. A boa notícia é que não precisa de ser assim. Hoje, vamos pegar nesse esqueleto HTML e vesti-lo com o poder do CSS. Vou mostrar-vos como estilizar cada parte do nosso formulário — os campos de texto, as etiquetas e os botões — para que ele fique limpo, moderno e convidativo. Parte 1: A Estrutura Base e o Espaçamento Primeiro, vamos dar ao nosso formulário um contentor e algum espaço para respirar. No nosso estilos.css , vamos adicionar o seguinte: CSS form { max-width : 600px ; /* O formulário não ficará demasiado largo em ecrãs grandes */ margin : 40px auto; /* Centra o formulário na página com margem em cima/baixo */ padding : 20px ; background-color : #ffffff ; border-radius : 8px ; box-shadow : 0 4px 8px rgba ( 0 , 0 , 0 , 0.1 ); } form ...
Ler mais

Crie sua Primeira Página Web em 30 Minutos Usando Apenas HTML e CSS

 Olá e bem-vindo ao Código do Zero MZ ! Sempre teve curiosidade em saber como os websites são feitos? Parece magia, mas garanto que não é. Hoje, juntos, vamos desvendar o primeiro segredo da internet. Neste guia passo a passo, vamos criar a sua PRIMEIRA página web do absoluto zero. E o melhor de tudo? Faremos isso em menos de 30 minutos, usando apenas ferramentas que você já tem no seu computador. Pronto para se tornar um criador da web? Vamos a isso! O Que Você Vai Precisar? Não se preocupe, a lista é muito curta: Um computador ( Windows , Mac ou Linux ). Um editor de texto simples. Vamos usar o Bloco de Notas (Notepad) que já vem instalado no Windows. Um navegador de internet como o Google Chrome ou Firefox . É só isso! Não precisa instalar nada. Parte 1: O Esqueleto da Página (HTML) Toda página web precisa de uma estrutura, um esqueleto. Essa linguagem de estruturação chama-se HTML ( HyperText Markup Language ). Passo 1: Criar o nosso ficheiro Abra o Bloco de Notas no s...
Ler mais