Começando no Desenvolvimento Web com HTML5

Se você está interessado em desenvolvimento web, é importante começar por aqui.

[{"selector":"#anim-e5a10d7e-3c33-4218-b09f-a4fdb52d4527","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dd27e337-f1ff-4f20-8501-1fa961bbf79b","keyframes":{"transform":["translate3d(-115.66667%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-885f73d6-7893-403c-9ef9-c300df0e1d9d [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(31.249999886225726%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}]

Instale uma ferramenta de edição de código.

[{"selector":"#anim-756aea2e-9aa1-4b2e-920d-089daf48b1ac [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(14.375000192717025%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-658a2ff3-9890-4eca-9494-c5f386868b5f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7462c097-bf15-4a90-85b8-27ab39518387","keyframes":{"transform":["translate3d(-115.12345%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-206ab0e3-79ec-4519-8cbd-5018121ed9df","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0ed8e32d-011a-4aca-8f86-268d3b390dd1","keyframes":{"transform":["translate3d(115.87301%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a03ed04-7851-4a5b-9c93-5683bc3ccb23","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5e54b2a7-ddb4-4edc-a14a-8a49ded5583b","keyframes":{"transform":["translate3d(-114.46541%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Aprenda os elementos básicos do HTML5

[{"selector":"#anim-89e4626d-ce78-4245-a792-5337e524662d [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-31.249999886225726%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-722a512f-30de-4b94-8eb0-e018f5c8bf27","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7501517c-dc41-4813-a32c-649b9b4c7cef","keyframes":{"transform":["translate3d(0px, -188.17028%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-20c0b51e-3493-4152-86cf-6810b3d1e92d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-468cdbab-945d-4cbf-a447-f03158aa879e","keyframes":{"transform":["translate3d(0px, 226.02951%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Pratique Desenvolvendo com HTML5

[{"selector":"#anim-9bb94b69-9b8e-43da-823f-db14feb81d18","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6d68d6e2-8a42-45d7-9c5b-2d2cbf7cde52","keyframes":{"transform":["translate3d(0px, -155.2862%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-298731eb-7d1e-405a-b329-680084156052","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-17fbb733-bc3a-4d97-acd9-95d0669d87b7","keyframes":{"transform":["translate3d(-115.01598%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2320eab2-516d-42be-b149-f44f7cfade15","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-149cc12e-1df9-487f-b6a7-eae533048d78","keyframes":{"transform":["translate3d(0px, 155.36172%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Aprenda CSS

[{"selector":"#anim-e2c62479-2f31-4941-bdcc-795b7eb70441","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c856cdc-be45-4e8d-ab33-7a036838c9db","keyframes":{"transform":["translate3d(-114.92064%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eb1e4468-c852-4fb8-acaa-d33cf43d1acd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-443c2f7a-ce28-44b5-a892-42029c532207","keyframes":{"transform":["translate3d(115.65496%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e089431c-1053-4431-aec1-06b8043f36a0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a2879e28-2531-4e2f-a921-d196859c8e47","keyframes":{"transform":["translate3d(-114.60318%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dd0bcd59-b6ca-4521-bd49-bfd3adb96902 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Aprender HTML5 é o primeiro passo para se tornar um desenvolvedor.

[{"selector":"#anim-a35ecee3-2eba-4a76-83be-8aaf0ef42a9b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(21.874999829338595%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-ace4b0d1-2b4d-4e9d-8608-88558b90e725","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec67beee-5af0-4f32-800d-f13af773884f","keyframes":{"transform":["translate3d(-114.6875%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4f5ab8aa-32d4-4e3c-a34e-5cb4fb2b70f5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-16123b39-5065-4125-9e66-0a466ddc9f49","keyframes":{"transform":["translate3d(120.13201%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Começando no Desenvolvimento Web com HTML5

Se você está interessado em desenvolvimento web, é importante começar por aqui.

Instale uma ferramenta de edição de código.

Existem muitas opções disponíveis, como o Visual Studio Code, Sublime Text e Notepad++, entre outras.

Aprenda os elementos básicos do HTML5

Você precisa conhecer como criar uma estrutura de página, como adicionar títulos, parágrafos, links, imagens e tabelas.

Pratique Desenvolvendo com HTML5

A melhor maneira de aprender HTML5 é praticando. Comece criando pequenas páginas web com os elementos que você aprendeu.

Aprenda CSS

O CSS é a linguagem utilizada para estilizar suas páginas web. Você pode usar o CSS para controlar a cor, fonte, tamanho, espaçamento e muito mais.

Aprender HTML5 é o primeiro passo para se tornar um desenvolvedor.

Continue aprendendo através de artigos, vídeos e livros sobre HTML5!

Saiba mais sobre HTML5!

Confira o nosso artigo completo clicando logo abaixo!