Desenvolvimento Web De iniciante a Profissional remunerado, Volume 1: Construa seu portfólio enquanto aprende Html5, CSS e Javascript passo a passo com suporte

De Ojula Technology Innovations

Como Aprender HTML5, CSS e Javascript Bem

Eu sei que existem recursos online mais do que suficientes para ensinar aos iniciantes tudo o que eles precisam para aprender o desenvolvimento web do zero. Mas este livro é diferente porque aborda alguns problemas de desenvolvimento web. A credibilidade de um desenvolvedor web é muit

• Idioma: Português
• Editora: Ojula Technology Innovations
• Data de lançamento: 23 de jul. de 2023
• ISBN: 9781088209165

Ojula Technology Innovations

Dr. Emily Turner, one of the contributors of this book, is a distinguished molecular biologist and educator, known for her profound contributions to the field of cellular and molecular biology. With a Ph.D. in Molecular Biology and over two decades of research experience, Dr. Turner is a true luminary in the realm of life sciences.As a passionate advocate for science education, Dr. Turner has dedicated her career to making the intricacies of cellular and molecular biology accessible to students of all backgrounds. Her journey as an author began with a deep-seated commitment to empower the next generation of scientists, culminating in the co-authorship of "Cell and Molecular Biology: An Introductory Guide for Learning Cellular & Molecular Biology."Dr. Turner's work is characterized by a rare blend of scholarly excellence and pedagogical prowess. Her research has been published in renowned scientific journals, contributing groundbreaking insights to the fields of genetics and molecular biology. Simultaneously, her engaging teaching style has earned her accolades and the admiration of her students.This collaborative effort marks a milestone in her career, where she, along with her co-authors, has crafted a book that distills the complexities of cellular and molecular biology into an approachable and engaging resource. With an unwavering commitment to the advancement of scientific knowledge, Dr. Emily Turner continues to inspire and educate, leaving an indelible mark on the world of science and education.

Pré-visualização do livro

Desenvolvimento Web

De iniciante a

Profissional remunerado

Volume 1

Construa seu portfólio enquanto aprende

Html5, CSS e Javascript

passo a passo com suporte

Por

Ojula Technology Innovations

Desenvolvimento Web

de Iniciante a Profissional remunerado

Volume 1

Crie seu portfólio enquanto aprende Html5, CSS e Javascript passo a passo com suporte

Copyright © Ojula Technology Innovations

Todos os direitos reservados

ISBN: 978-1-0882-0916-5

Publicado nos Estados Unidos

Limite de responsabilidade/Isenção de garantia

Este livro contém informações obtidas de fontes autênticas e altamente conceituadas. Esforços razoáveis foram feitos para publicar dados e informações confiáveis, mas o autor e o editor não podem assumir a responsabilidade pela validade de todos os materiais ou pelas consequências de seu uso. Todas as informações fornecidas neste livro são baseadas em pesquisas do próprio autor e não constituem aconselhamento técnico, financeiro ou profissional. O autor e o editor tentaram rastrear os detentores dos direitos autorais de todo o material reproduzido nesta publicação e pedem desculpas aos detentores dos direitos autorais se a permissão para publicar neste formulário não foi obtida. Se algum material protegido por direitos autorais não tiver sido reconhecido, por favor, escreva-nos e informe-nos para que possamos corrigi-lo em qualquer reimpressão futura.

Exceto conforme permitido nos EUA Lei de direitos autorais, nenhuma parte deste livro pode ser reimpressa, reproduzida, transmitida ou utilizada de qualquer forma por qualquer meio eletrônico, mecânico ou outro, agora conhecida ou inventada no futuro, incluindo fotocópia, microfilmagem e gravação, ou em qualquer armazenamento de informações ou sistema de recuperação, sem permissão por escrito do editor.

Índice

Como Aprender HTML5, CSS e Javascript Bem

0. Introdução às ferramentas de codificação gratuitas

1. HTML5 básico e recursos úteis

1.1. Diga Hello aos elementos HTML

1.2. Título com o elemento H2

1.3. Informar com o Elemento Paragraph

1.4. Preencha o espaço em branco com texto de espaço reservado

1.5. Comentar/Descomentar HTML

1.6. Comentar HTML

1.7. Excluindo Elementos HTML

1.8. Introdução aos elementos HTML5

1.9. Adicione imagens ao seu site

1.10. Link para páginas externas com elementos âncora

1.11. Link para seções internas de uma página com elementos âncora

1.12. Aninhar um elemento âncora dentro de um parágrafo

1.13. Faça links mortos usando o símbolo de hash

1.14. Transforme uma imagem em um link

1.15. Cria uma lista não ordenada com marcadores

1.16. Cria uma lista ordenada

1.17. Cria um campo de texto

1.18. Adicione texto de espaço reservado a um campo de texto

1.19. Formulários: criando um elemento form

1.20. Adicione um botão Enviar a um formulário

1.21. Use HTML5 para requisitar um campo

1.22. Crie um conjunto de botões de opção

1.23. Crie um conjunto de caixas de seleção

1.24. Menu drop-down, controle deslizante, área de texto, validação de formulário e botão de upload de arquivo

1.25. Aninhar elementos com Div & Span

1.26. Declare o Doctype de um documento HTML

1.27. Defina o cabeçalho e o corpo de um documento HTML

1.28. Alterar a cor do texto

1.29. Introdução ao Inspetor do Chrome

1.30. Tabelas HTML

1.30.1. Como fazer uma tabela básica

1.30.2. Como adicionar um cabeçalho de tabela

1.30.3. Como adicionar uma legenda na tabela

1.30.4. Como usar o atributo Scope

1.30.5. Como expandir uma célula

1.30.6. Como adicionar cabeçalho, corpo e rodapé na tabela

2. CSS básico (folha de estilo em cascata)

2.1. Use seletores CSS para estilizar elementos

2.2. Use uma classe CSS para estilizar um elemento

2.3. Estilize vários elementos com uma classe CSS

2.4. Seletor Universal *{ }

2.5. Alterar o tamanho da fonte de um elemento

2.6. Configurar a família de fontes de um elemento

2.7. Importar uma fonte do Google

2.8. Especificar como as fontes devem se substituir

2.9. Como dimensionar suas imagens

2.10. Adicione bordas ao redor de seus elementos

2.11. Adicione cantos arredondados com Border Radius

2.12. Faça imagens circulares com Border Radius

2.13. Dê uma cor de fundo a um elemento Div

2.14. Definir o id de um elemento

2.15. Use um atributo id para estilizar um elemento

2.16. Ajustar o preenchimento de um elemento

2.17. Ajustar a margem de um elemento

2.18. Adicionar uma margem negativa a um elemento

2.19. Adicionar preenchimento diferente a cada lado de um elemento

2.20. Adicionar margens diferentes a cada lado de um elemento

2.21. Use a notação no sentido horário para especificar o preenchimento de um elemento

2.22. Use a notação no sentido horário para especificar a margem de um elemento

2.23. Use seletores de atributos para estilizar elementos

2.24. Entenda as Unidades Absolute versus Relative (EM e REM)

2.25. Estilizar o elemento Body do HTML

2.26. Inherit Styles do elemento Body

2.27. Priorize um estilo sobre o outro

2.28. Substituir estilos em CSS subsequente

2.29. Substituir  declarações das Classes estilizando atributos de ID

2.30. Substituir declarações das Classes com Inline Styles

2.31. Substitua todos os outros Styles usando declaração Important

2.32. Use o código hexadecimal para cores específicas

2.33. Use o código hexadecimal para misturar cores

2.34. Use código hexadecimal abreviado

2.35. Use valores RGB para elementos de cor

2.36. Use RGB para misturar cores

2.37. Lista de Seletores

2.38. Seletor Descendente

2.39. Seletor Adjacente (Combinador)

2.40. Seletor descendente direto/filho

2.41. Pseudoclasses

2.42. Pseudoelementos

3. Uma prévia do volume 2

3. 1. Continuando seu treinamento de desenvolvimento web

4. Folhas de dicas, portfólio do desenvolvedor, exercícios de codificação e projetos práticos

4.1. Introdução

4.2. Baixar recursos de treinamento

4.3. Como obter mais ajuda

5. Mais recursos úteis

Como Aprender HTML5, CSS e Javascript Bem

Eu sei que existem recursos online mais do que suficientes para ensinar aos iniciantes  tudo o que eles precisam para aprender o desenvolvimento web do zero. Mas este livro é diferente porque aborda alguns problemas de desenvolvimento web. A credibilidade de um desenvolvedor web é muito mais do que suas credenciais. Na verdade, trata-se da força de seu portfólio.

As oportunidades de emprego geralmente vêm de amostras de trabalho e habilidades concretas, em vez de um diploma universitário. Então, você precisa aprender bem o suficiente. Este livro não apenas ajudará você a aprender bem e a construir um portfólio impressionante, mas também fornecerá ajuda e suporte contínuos.

Com este livro e minha equipe dedicada de ajuda e suporte 24 horas por dia, 7 dias por semana, não há nada a temer. Eu ajudei muitos desenvolvedores web a atualizar suas habilidades de desenvolvimento, lançar carreiras de sucesso e serem contratados para trabalhos remotos. Percebo que mesmo os iniciantes mais ambiciosos podem ter problemas, como não conseguir decidir por onde começar. Às vezes, eles se perdem completamente no caminho e, portanto, precisam de mais ajuda.

A verdade é que todo mundo precisa de ajuda em um ponto ou outro para aprender html5, CSS ou Javascript corretamente em sua jornada de desenvolvimento web. Coloquei desafios de codificação suficientes e suas soluções neste livro. Você obterá folhas de dicas atualizadas regularmente, exercícios de codificação, um impressionante portfólio de desenvolvedor da Web para mostrar suas amostras de trabalho, projetos práticos, gráficos e capturas de tela usados neste livro. Você também obterá mais ajuda se usar o link de suporte gratuito no final deste livro. Vou ajudá-lo a aprender bem.

Por fim, se você comprar este livro, vou adicioná-lo à minha comunidade de desenvolvimento web para que você possa continuar a aprender e obter mais ajuda até se tornar um profissional bem pago.

Bolakale Aremu

Desenvolvedor Web e Engenheiro de Software

Ojulaweb.com

0. Introdução às ferramentas de codificação gratuitas

O HTML está em sua quinta versão e é por isso que é conhecido como HTML5. CSS está na sua terceiro versão, então também é conhecido como CSS3. Quer você use o sistema operacional Windows, Mac ou Linux, você precisa de um navegador moderno atualizado e um editor de texto/código, como um bloco de notas, para começar sua jornada de codificação. No entanto, eu recomendo que você baixe e instale o editor do Visual Studio e o navegador Google Chrome agora mesmo para começar. Eles são muito fáceis de instalar e possuem várias ferramentas de desenvolvedor pré-instaladas. Existem muitos vídeos no Youtube sobre como instalar as versões mais recentes do Visual Studio e do navegador Chrome. Depois de instalá-los, vamos começar!

Na área de trabalho ou em qualquer outro local de sua preferência no computador,

1. Crie uma nova pasta e dê a ela um bom título, como Web-Development. Abra esta pasta.

2. Nesta pasta, crie outra pasta e dê a ela um título como