Web Design com HTML5-CSS3-JavaScript

Bem-vindo ao curso de Web Design com HTML5-CSS3-JavaScript da V1Study

Este curso fornecerá conhecimentos relacionados ao design de um site. O conteúdo do curso é dividido em três partes principais: HTML5, CSS3 e JavaScript.

HTML5:

Esta seção fornecerá conhecimentos sobre HTML e HTML5, incluindo:

• Estrutura da página HTML
• Tag Meta charset=UTF-8
• Tags PR, PRE, P
• Tag de comentário
• Tag com links externos, internos, de e-mail e móveis
• Codificação de caracteres HTML
• Tags relacionadas a texto: SPAN, HR, B com Strong, I com EM, U; Tags de cabeçalho H1, H2, H3, H4, H5, H6; Tags de sobrescrito e subscrito SUP e SUB
• Tags de lista: OL e LI; UL e LI
• Inserindo imagens com a tag IMG
• Tag TABLE e suas subtags: CAPTION, THEAD, TBODY, TR, TH, TD; Colocando TABLE dentro de TD
• Tags relacionadas ao design de formulários: FORM, LABEL, INPUT com tipos como TEXT, PASSWORD, NUMBER, FILE, BUTTON, RADIO, CHECKBOX, RESET, SUBMIT; Tag FORM com atributos ACTION e METHOD; Tags TEXTAREA, SELECT e OPTION, FIELDSET e LEGEND, DATALIST
• Tag DIV com float:left, box-sizing:border-box
• Elementos estruturais/semânticos: Header, Nav, Aside, Article, Footer, Section, FIGURE e FIGCAPTION
• Novos tipos de tags INPUT: color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url, week
• Atributos autocomplete, novalidate, autofocus das tags FORM e INPUT
• Tag INPUT com atributos form, formaction, formenctype, formmethod, formnovalidate, formtarget, multiple, list, pattern, placeholder, required, width, height

CSS3:

Esta seção fornecerá conhecimentos sobre CSS e CSS3, incluindo:

• CSS com Inline-Style, tag STYLE e arquivo .css
• Propriedades de margem e line-height do CSS
• Estilizando e espaçando tags LABEL
• Chamando seletores de filho, descendente e irmão no CSS3; chamando seletores com classe no CSS; chamando seletores através de atributos no CSS3
• Pseudo-classes :hover, :focus, :link, :active, :hover, :visited, :first-letter, :first-line, :before e :after
• Propriedades de placeholder e padding do CSS
• Design responsivo com @media
• Propriedades de posição do CSS: top, right, bottom, left
• Propriedades de opacidade e box-shadow do CSS
• Criando ícone de pesquisa usando :before
• Chamando elementos filhos usando first-child, nth-child(), last-child
• Definindo ícone de pesquisa para input

JavaScript:

Esta seção fornecerá conhecimentos sobre JavaScript, incluindo:

• Introdução ao JavaScript. Colocando código JavaScript em eventos
• Definindo e chamando funções em JavaScript
• Convertendo atributos de eventos em funções
• Declaração de variáveis em JavaScript; Concatenação de strings em JavaScript; Operações aritméticas, de comparação e lógicas
• Condições if-else e switch-case em JavaScript
• Tipos de loops: while, do-while, for em JavaScript
• Usando document.write(), criando arrays, adicionando elementos a arrays, acessando elementos de arrays; Excluindo e filtrando elementos de arrays em JavaScript
• Acessando componentes de objetos com for-in
• Navegação com location; Habilitando a tag SELECT
• Expressões regulares, manipulação de formulários, evento onsubmit; Capturando dados de FORM em JavaScript
• Construindo e usando expressões regulares, função test(); Metacaracteres: ^ $ * + . [a-z] [A-Z] [0-9] \d \s \w \t [^] () {} | ? \
• Métodos exec(), match(), search(), replace(), split() em JavaScript
• Criando efeitos de movimento do mouse
• Criando e usando objetos simples em JavaScript
• Armazenamento web com localStorage
• Tipos de caixas de diálogo: alert(), confirm(), prompt() em JavaScript

Ao final deste curso, você terá um entendimento sólido de HTML, HTML5, CSS, CSS3 e JavaScript.