<

logo

CURSO DE FRONT END COMPLETO


DESCRIÇÃO

Este curso irá desenvolver habilidades nos alunos em HTML, CSS e Javascript. Os alunos irão ver conceitos básicos e avançados das linguagens de programação propostas no curso, onde estão sendo utilizadas na maioria dos projetos em empresas de desenvolvimento de software, aumentando assim as chances dos alunos que terminarem este curso de conseguir um emprego na área de desenvolvimento de sistemas ou até mesmo para aqueles que querem trabalhar como freelancer ou abrir sua próp´ria empresa. Com Instrutor experiente e atuante no mercado de trabalho, em um ambiente universitário que proporciona troca de experiências até mesmo em outras áreas da tecnologia.

São algumas vantagens como Certificado de conlusão do curso de 40 (quarenta) horas emitido pela Faculdade que são considerados pela maioria dos setores de Recursos Humanos das empresas, outras vantagem são as publicações dos projetos feitos em sala de aula em uma plataforma de versionamento.

REQUISITOS

Informática básica.

PARA QUEM É ESTE CURSO

Todas as pessoas que querem ingressar na área de web design e/ou front-end.

Conteúdo do curso

  • Apresentação
  • Introdução
  • Primeiro código em HTML
  • TAGS Principais
  • [PRÁTICA]TAGS Principais
  • Estrutura base
  • [PRÁTICA]Estrutura base
  • Metatags
  • Folhas de Estilo em Eascata
  • Regras
  • Classes
  • Background e Background-color
  • Box Model
  • Pseudo-classes
  • Propriedades display´, inline, block e inline-block
  • Menu horizontal - Projeto 1
  • Box-sizing
  • Float
  • [PRÁTICA]Float clear
  • Cards - Projeto 1
  • Imagens
  • [PRÁTICA]Imagens
  • Layout com semântica
  • HTML - Projeto 1
  • CSS - Projeto 2
  • footer
  • Propriedades display´, inline, block e inline-block
  • Menu horizontal - Projeto 1
  • Box-sizing
  • Float
  • [PRÁTICA]Float clear
  • Cards - Projeto 1
  • Listas aninhadas e de definição
  • [PRÁTICA]Listas aninhadas e de definição
  • Overflow
  • Tabelas
  • [PRÁTICA]Tabelas
  • Formulário de busca em site de Busca
  • CSS em formulários
  • Tipos de entrada de dados
  • Efeitos
  • border-radius
  • box-shadow
  • text-shadow
  • Gradiente linear
  • Fontes customizadas
  • Transições suaves
  • Início
  • HTML - Trabalhos recentes
  • HTML - Contato
  • HTML - Elementos (Links, Tabelas, Buttons e Imagens)
  • CSS - Base
  • CSS - Listas
  • CSS - Botões
  • CSS - Tabelas
  • CSS - Contato
  • CSS - Formulário
  • CSS - Galeria de imagens
  • CSS - Hover
  • CSS - Footer
  • Seletores compostos
  • Content, after e before
  • Pseudo-classes e Pseudo-elementos
  • Propriedade transform
  • Exercício
  • Checkbox
  • Resolução
  • Hover com thumbnails
  • Introdução ao Responsive Web Design
  • media type
  • media queries
  • Projeto responsivo
  • CSS do projeto
  • CSS responsivo
  • Áudio
  • Vídeo
  • Iframes
  • Figure
  • picture,source,srcset e sizes
  • atributo type
  • HSL vs RGB
  • Exercício
  • Gradientes radiais
  • Introdução do Flexbox
  • Flexcontainer
  • Flexitens
  • cross axis e main axis
  • [PRÁTICA]Flexbox
  • Introdução ao CSS Grid
  • grid-templates
  • grid-gap
  • Unidade de medida: fr
  • Posicionando griditens
  • grid-template-areas e grid-area
  • grid-lines
  • auto-fill vs auto-fit
  • auto-rows
  • Criando uma Calculadora
  • Introdução
  • animation shorthand
  • Slideshow
  • will-change
  • Introdução
  • O que são variáveis e tipos de dados
  • Conversão entre tipos
  • Exercício
  • Operadores Aritméticos
  • Operadores de Comparação
  • Controle de decisão
  • Operadores lógicos
  • Switch...case
  • Switch...case
  • Exercício
  • Repetindo ações
  • Tipos de loops
  • Exercício
  • Inserção de conteúdo HTML
  • Funções void
  • Exercício
  • Funções que recebem parâmetros
  • Exercício
  • Funções que retornam valores
  • [PRÁTICA] Mini Calculadora
  • Recuperando números que estão no HTML com o textContent
  • Bloco try...catch
  • Exercício
  • Arrays
  • Iterar com Arrays
  • Objetos e propriedades de objetos
  • Array de Objetos
  • Exercícios
  • Introdução
  • O que é Javascript
  • Sistema léxico
  • Potência matemática
  • Depuração
  • Funções literais
  • Primeira Classe
  • Callbacks
  • Escopo local
  • Funções autoexecutáveis
  • Propriedade arguments
  • IIFE (Immediately-invoked function expression)
  • [PRÁTICA]Calcular média
  • Introdução
  • DOM
  • DOM numa página HTML
  • O que é Bootstrap
  • Exercícios
  • Objetos nativos
  • Sintaxe literal, formal e ambiente de hospedagem
  • Construtorereferência
  • Operador NEW
  • Objetos passados por referência
  • Objetos customizados, propriedades e métodos
  • Exercícios
  • DOM Level 0
  • DOM Level 2
  • Propagação de eventos
  • Operador NEW
  • Objetos passados por referência
  • Objetos customizados, propriedades e métodos
  • Exercícios
  • Métodos e propriedades
  • Formatar string
  • Exercícios
  • Métodos e propriedades
  • Exercícios
  • Métodos e propriedades
  • Função sortear
  • Exercícios
  • Métodos
  • Exercícios
  • Operador Spread
  • Função Arrow
  • Exercícios
  • Métodos
  • Contagem regressiva de data
  • Exercícios
  • Adiando execuções e entendendo a natureza single thread do Javascript
  • Banner Popup
  • Relógio
  • Cronômetro
  • Botão Pausar
  • Refatoração
  • Introdução
  • Eventos
  • Exercício
  • Recuperar propriedades visuais
  • mostrar link ativo em uma single page
  • Saltos. Return vs break vs continue
  • Apresentar projeto final
  • Preparar o projeto com pequenos ajustes
  • Melhorar acessibilidade de nosso título
  • CSS - Efeito hover
  • CSS - hero
  • CSS desenhar seta com flohas de estilo
  • CSS - cards
  • CSS - hover nos cards
  • CSS - content e buttons
  • CSS - Artigos
  • CSS - quotes
  • CSS - Footer
  • Javascript - menu
  • Javascript - carousel
  • Introdução em Hospedagem
  • Hospedagem grátis
  • Introdução á domínios
  • Comprar domínio .com.br
  • Confugurar o DNS no registro.br
  • Configurar subdomínios
  • Agradecimentos
    PRÉ-INSCRIÇÃO

  • Duração: 9 encontros (36 horas).
  • Turno: Manhã (Sábados das 08:00h às 12:00h) e Noite (Seg, Qua e Sex das 18:45h às 22:00h).
  • Investimento: R$ 169,90 reais ou 4X no cartão de crédito.
  • Mais informações : (81) 3455-5055

Instrutor

Emmanuel Siqueira

Instrutor
Curso: Front End Completo
Todos os direitos reservados a FATECPE Desenvolvimento: System Informática - (81) 98836-3718