Curso Web Front End

Técnicas para criar sites responsivos através das linguagens CSS, HTML, JavaScript e JQuery.

Online em turma

  • 45h de curso R$ 1.749

Presencial em turma

  • 45h de curso R$ 2.199

Online individual

  • 36h de curso R$ 3.399

Presencial individual

  • 36h de curso R$ 3.799

Aprenda a criar sites responsivos através das linguagens CSS, HTML, JavaScript e JQuery.

O curso de Web Front End trata do desenvolvimento front end através das linguagens CSS, HTML, JavaScript e JQuery. Também aborda conceitos do Design Responsivo e a aplicação de frameworks como o Bootstrap por exemplo.

O curso Web Front End é para iniciantes. Contudo, recomendamos que você tenha conhecimentos em um software gráfico e noções de Layout Web.

 

Conteúdo do curso Web Front End

[AULA 1] INTRODUÇÃO E AMBIENTE DE DESENVOLVIMENTO

Apresentação dos Objetivos e Estrutura da Disciplina, Objetivos Desenvolvimento Front End: Acessibilidade, Usabilidade e Performance; Node, Visual Studio Code, Controle de Versão.

[AULA 2] INTRODUÇÃO AO HTML

Dinâmica HTML, Cronograma de Desenvolvimento de um Site, Sintaxe Documentos HTML, Tags, Organização de Títulos, Subtítulos, Formatação de texto, Cores em Objetos, Exercício: Hello World.

[AULA 3] INTRODUÇÃO AO CSS

Sintaxe CSS, Cascade, Seletores e Flutuação, Formatação de Texto, Estilização com classes, Imagens de Fundo, CSS Reset, Display, Positions: Static, Relative, Absolute, Integração HTML e CSS.

[AULA 4] CSS BOTÕES

Button tags, Button Sizes, Active State, Disabled State, Hover Buttons, Botões com texto, Icon Buttons, Less, SASS, Opções Avançadas de Animação para Botões.

[AULA 5] CSS, TABELAS, FORMULÁRIOS E IMAGENS

Striped rows, Bordered table, Hover rows, Condensed table, Contextual classes, Responsive tables, Caixas de Seleção, Caixas de Texto, Botões de Seleção, Criar Formulário básico para contato, Image shapes, Rounded, Circle, Img Thumbnail.

[AULA 6] DESIGN RESPONSIVO

Teoria do Design Responsivo, Imagens Flexíveis, CSS Media Queries, Colunas CSS, Print Classes, Test Classes.

[AULA 7] OFICINA

Exercício: Construção Layout Responsivo.

[AULA 8] JAVASCRIPT

Definição de comportamento do Site, Definição de Variáveis (Strings, Numbers, Arrays, Objetos), Aplicação de Condicionais, Descrever Argumentos que se relacionam com Funções, Valores e Funções, Javascript Frameworks, DOM Script (Document Object Model).

[AULA 9] REACT

Introdução (Hello World), JSX, Renderizando Elementos, Componentes, Propriedades, Estado, Ciclo de vida, Eventos, Renderização Condicional e Listas.

[AULA 10] BOOTSTRAP

Desenvolvimento Front End a partir de um framework, Classes dinâmicas, Css columns.

[AULA 11] DESENVOLVIMENTO DE PROJETO

Projeto para o Cliente Modelo e acompanhamento do Professor.

[AULA 12] FORMULÁRIO

Execução de Formulário.

[AULA 13] REVIEWING E REFACTORING, PRÉ-APRESENTAÇÃO

Reviewing e Refactoring, Pré-Apresentação dos Projetos, Comentários.

[AULA 14] REFINAMENTO DO PROJETO

Refinamento do Projeto.

[AULA 15] FINALIZAÇÃO E APRESENTAÇÃO

Finalização, Apresentação do Projeto e Comentários.

 

Web Front End também é um dos módulos da grade curricular do curso de Web Design.

Duração

2 meses

Professores

Pré-requisitos

Nenhum

Requisitos para modalidade Online

Boa conexão de Internet, Fone de ouvido, Microfone, Webcam

Depoimentos

Não há avaliações ainda.

Conclua o curso para comentar aqui a sua experiência.

Qual o curso ideal para você?

Compare os formatos do Curso Web Front End e escolha o melhor para você.

Em turma

Individual

Curso Web Front End em turma

Em turma você tem networking com profissionais e estudantes da comunidade criativa para trocar experiências.
  • Conteúdo programático padrão do curso.

Online em turma

  • Carga horária 45h R$ 1.749

    Aulas online ao vivo via Google Meet pelo G Suite for Education.

  • Interação com colegas e professores em tempo real.
  • Dias e horários das turmas já definidos.

Plataforma:

  • G Suite for Education
  • Google Classroom
  • Google Meet

Presencial em turma

  • Carga horária 45h R$ 2.199

    Uma experiência criativa nos espaços inspiradores da escola.

  • Networking e interação com colegas e professores.
  • Dias e horários das turmas já definidos.
  • 1 computador por estudante.
Curso Web Front End - 4ED escola de design

Escolha como deseja aprender no Curso Web Front End.

Ganhe 4396-8396 pts no 4ED rewards (equivalente a R$ 43,96-R$ 83,96 de desconto no próximo curso).
Ganhe 4396-8396 pts no 4ED rewards (equivalente a R$ 43,96-R$ 83,96 de desconto no próximo curso).
Curso Web Front End - 4ED escola de design

Carga horária

1 of 3

Sigla do curso

2 of 3

Nome do curso

3 of 3

Certificado do curso

Após a conclusão do curso, receba o Certificado com autenticidade 4ED. Frequência mínima de 75%.

Slides das aulas

Visualize os slides das aulas no Google Apresentações quando quiser. Sem necessidade de baixar arquivos.

Material de apoio

Acesse o conteúdo das aulas e materiais complementares na sua conta do Google Drive.

voce@4ed.school

Uma conta G Suite for Education com e-mail e espaço ilimitado no drive.
Saiba mais

Turmas reduzidas

Para você ter a melhor experiência de aprendizado. De 4 a 8 estudantes.

Experts no assunto

No Curso Web Front End você vai aprender com especialistas no assunto.

Perguntas frequentes sobre o curso

Não, o conteúdo e a carga horária são os mesmos para cada formato. O que muda é a forma como você vai estudar. Uma vantagem das aulas online é que elas ficam gravadas e você pode rever o conteúdo quando quiser.
A carga horária é reduzida porque é somente você e professor(a) durante as aulas. Dessa forma a atenção é exclusiva para você. O conteúdo do curso é o mesmo, e é distribuído nas horas do formato individual. Enquanto em turma você tem que esperar os outros colegas tirarem suas dúvidas, no formato individual isso não acontece.

Opiniões dos estudantes

Entre ou crie sua conta

Ganhe cupom de 4% OFF

Cadastre-se na newsletter e ganhe
4% de desconto no primeiro curso.

Escreva a definição de uma palavra que você não encontrou aqui.