Curso Web Front End

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.