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

Curso Web Front End

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

Compare os formatos do Curso Web Front End

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

    Em até 12x s/ juros no cartão ou boleto. À vista 10% off.

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

    Em até 12x s/ juros no cartão ou boleto. À vista 10% off.

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.

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 9] DESIGN RESPONSIVO

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

[AULA 6] OFICINA

Exercício: Construção Layout Responsivo.

[AULA 7] 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 8] 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.

Professores

,

Pré-requisitos

Nenhum

Requisitos para modalidade Online

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

Depoimentos

Não há depoimentos ainda.

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

Certificado

Receba o certificado do Curso Web Front End 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 na área.

Escolha como deseja aprender no Curso Web Front End.

Curso Web Front End - 4ED escola de design
Limpar
Ganhe 5996-13596 pts no 4ED rewards (equivalente a R$135,96-R$75,96 de desconto no próximo curso).
Ganhe 5996-13596 pts no 4ED rewards (equivalente a R$135,96-R$75,96 de desconto no próximo curso).

Economize 10% à vista ou pague o curso em até 12x sem juros.

À vista 10% off

Economize 10% e pague o curso à vista via boleto ou transferência bancária.

Até 12x no Cartão

Pague com cartão de crédito em até 12x sem juros e sem parcela mínima.
Saiba mais

Boleto parcelado

Pague em até 12x sem juros + IOF ou em até 24x 1,29% a.m. +IOF através do Crédito Educacional.
Saiba mais

Perguntas frequentes

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.

Como você gostaria de aprender?

Escolha as opções de sua preferência e te avisaremos.

Dúvidas sobre o curso?

Descreva suas dúvidas aqui e vamos te responder em seguida.