Desenvolvimento Web De iniciante a Profissional remunerado, 2

De Ojula Technology Innovations

Como Aprender HTML5, CSS e Javascript, Volumen 2.

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 desenvolved

• Idioma: Português
• Editora: Ojula Technology Innovations
• Data de lançamento: 13 de out. de 2023
• ISBN: 9798868921063

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 2

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 2

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

Copyright © Inovações Tecnológicas Ojula

Todos os direitos reservados

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 conhecido ou inventado 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 Bien

1. Começando

1.0. Introdução ao Volume 2

2. Design Visual Aplicado 1: Animações CSS

2.1. Opacidade e canal alfa

2.2 Como criar um gradiente linear CSS gradual

2.3 Como usar um gradiente linear CSS para fazer listras

2.4 Propriedade de posição

2.4.1. Static

2.4.2. Relative

2.4.3. Absolute

2.4.4. Fixed

2.4.5. Sticky

2.5 Transições CSS x Animações

2.5.1. As quatro propriedades CSS

2.5.2. Como Acionar Transições CSS

2.5.3. Transition-timing-function explicada mais adiante

2.5.4. Como criar sua própria função de temporização com Cubic-Bezier

2.5.5. Como fazer a transição de duas ou mais propriedades

2.5.6. Transição in vs Transição out

2.5.7. Coisas em que as transições não funcionam

2.6. Transformações CSS

2.6.1. Funções de transform 1: Scale,Skew,Rotate e Translate

2.6.2. Funções de transformação 2: transformação de matriz, transformações 3D e @Keyframes

2.6.3. Animation-Iteration-Count

3. Design Visual Aplicado 2: Tipografia, Layout de Página, Princípios de Cores e Gráficos

3.1. Tipografia e layout de página

3.2. Teoria das cores e seu impacto no design

3.2.1. Cores complementares

3.2.2. Cores Terciárias

3.2.3. Como ajustar a matiz de uma cor

3.2.4. Como ajustar o tom de uma cor

3.2.4. Como criar textura

3.3. Como usar CSS para criar gráficos

3.4. Como usar CSS para criar formas complexas

4. Acessibilidade Aplicada

4.1. Como mostrar relações hierárquicas de conteúdo

4.2. Novos elementos HTML5: Header, Main, Article, Section, Nav e footer

4.3. Como melhorar a acessibilidade com áudio, figura e legenda

4.4. Como melhorar a acessibilidade com campo de formulário, rótulo, conjunto de campos, legenda e botão de opção

4.5. Como melhorar a acessibilidade com Date Picker, Time e Datetime

4.6. Como tornar os elementos visíveis apenas para um leitor de tela

4.7. Como melhorar a legibilidade com texto de alto contraste

4.8. Como usar contraste suficiente para evitar problemas de daltonismo

4.9. Como escolher cores que transmitem informações para evitar problemas de daltonismo

4.10. Como dar significado aos links usando texto de link descritivo

4.11. Como tornar os links navegáveis com as teclas de acesso HTML

4.12. Como usar o Tabindex para adicionar o foco do teclado a um elemento

4.13. Como usar o Tabindex para especificar a ordem do foco do teclado para vários elementos

5. Uma prévia do volume 3

5. 1. Continuando seu treinamento de desenvolvimento Web

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

6.1. Introdução

6.2. Baixar recursos de treinamento

6.3. Como obter mais ajuda

Mais recursos úteis

Como Aprender HTML5, CSS e Javascript Bien

Eu sei que existem recursos online mais do que suficientes para ensinar aos iniciantes  tudo o que eles precisam para aprender 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.

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 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

CEO, Ojula Technology Innovations

Desenvolvedor Web e Engenheiro de Software

1. Começando

1.0. Introdução ao Volume 2

Este livro é o volume 2 de Desenvolvimento Web do Iniciante ao Profissional Remunerado. Neste volume, você continuará suas aulas de HTML, CSS e Javascript. Isso ajudará você a acelerar suas habilidades de desenvolvimento Web. A grande coisa sobre o desenvolvimento Web é que ele é muito adequado para pessoas de diferentes origens. Portanto, não importa se você tem pouca ou nenhuma experiência técnica, ou se você tem formação técnica e está procurando fazer a transição de suas habilidades para o desenvolvimento Web.

Para as lições dos capítulos subsequentes, você precisará criar alguns arquivos e abri-los no Visual Studio. Para o Capítulo 2, por exemplo, abaixo está como criar uma nova pasta em seu portfólio e abri-la no Visual Studio. Como expliquei no capítulo introdutório (Seção 0) do volume 1 deste livro, estes são os sete passos simples a seguir:

1. Abra sua pasta de portfólio Html_course que você criou no volume 1 deste livro.

2. Crie uma nova pasta, com o título 03_lesson.

3. No visual Studio, clique no menu Arquivo na parte superior e selecione Abrir pasta… .

4. Navegue até o local onde você salvou sua pasta 03_lesson e selecione-a.

5. Selecione esta pasta para carregá-la/abri-la no Explorer do Visual Studio.

6. Feche a guia Introdução.

7. Prepare-se para começar a codificar.

2. Design Visual Aplicado 1: Animações CSS

A animação CSS é um método de animar certos elementos HTML sem ter que usar o processador e o JavaScript ou Flash que consome muita memória. Usamos animação CSS para transmitir informações com eficiência ou para chamar a atenção das pessoas, mas, no final das contas, é tudo uma questão de comunicação. O movimento em nossos designs da Web é uma maneira muito poderosa de se comunicar. Ele supera a linguagem escrita e verbal.

Podemos usar uma animação sutil e apropriada para adicionar credibilidade ao nosso trabalho e adicionar um apelo aos nossos projetos. Isso ocorre porque os seres humanos estão acostumados a ver movimento o tempo todo no mundo real.

À medida que os navegadores da Web continuam a melhorar, temos melhor suporte para