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.
Depoimentos
Não há avaliações ainda.