Web Front End

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

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

Pré requisitos

Para cursar Web Front End, é recomendado que você tenha conhecimentos em um software gráfico e layout web.

Habilidades

Desenvolvimento front end de sites responsivos com as linguagens CSS, HTML, JavaScript e JQuery e utilização de frameworks.

Oportunidades

Após a conclusão do curso, você poderá atuar como desenvolvedor front end freelancer, em agências de comunicação digital, entre outros.

CONTEÚDO PROGRAMÁTICO

Carga horária: 45h

[AULA 1] INTRODUÇÃO AO HTML
Apresentação dos Objetivos e Estrutura da Disciplina; Objetivos Desenvolvimento Front End: Acessibilidade, Usabilidade e Performance; Dinâmica HTML; Cronograma de Desenvolvimento de um Site; Controle de Versão; Sintaxe Documentos HTML; Tags; Organização de Títulos e Subtítulos; Formatação de Texto; Cores em Objetos. Oficina: Hello World.

[AULA 2] INTRODUÇÃO AO CSS
Sintaxe CSS; Cascade; Seletores e Flutuação; Formatação de Texto; Estilização; Estilização com Classes; Imagens de Fundo; CSS Reset; Display; Positions: Static, Relative, Fixed e Absolut; Integração HTML e CSS.

[AULA 3] CSS BOTÕES
Button Tags; Button Sizes; Active State; Disabled State; Hover Buttons; Botões com Texto; Icon Buttons; Opções Avançadas de Animação para Botões.

[AULA 4] 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; Responsive Images; Image Shapes; Rounded; Circle; Img Thumbnail.

[AULA 5] OFICINA
Exercício em CSS e Html.

[AULA 6] JAVASCRIPT
Definição de Comportamento do Site; Definição de Varíáveis; Diferenciação Strings; Integers e Floats; Aplicação de Condicionais; Descrever Argumentos Relacionados com Funções; Valores e Funções; JavaScript Frameworks; DOM Script (Document Object Model).

[AULA 7] JQUERY
Árvores JQuery Manipulação de DOM; Aplicação de Funções através de JQuery Docs; Integração JavaScript e JQuery. Oficina: Menu Carrossel.

[AULA 8] DESIGN RESPONSIVO
Colunas CSS; Print Classes; Test Classes.

[AULA 9] AMBIENTE DE DESENVOLVIMENTO: LESS & SASS 
Less; Ruby; Node; SASS; Sublime Test; Máquinas Virtuais. Oficina: Construção Layout Responsivo.

[AULA 10] BOOTSTRAP 
Desenvolvimento Front End a partir de um Framework; Classes Dinâmicas; Css Columns.

[AULA 11] DESENVOLVIMENTO DE PROJETO
Desenvolvimento do Projeto 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 e 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.

Sempre atualizamos nossos cursos quando necessário. Esta é a grade curricular mais recente.

CONTEÚDOPROGRAMÁTICO

Carga horária: 45h

[AULA 1] INTRODUÇÃO AO HTML
Apresentação dos Objetivos e Estrutura da Disciplina; Objetivos Desenvolvimento Front End: Acessibilidade, Usabilidade e Performance; Dinâmica HTML; Cronograma de Desenvolvimento de um Site; Controle de Versão; Sintaxe Documentos HTML; Tags; Organização de Títulos e Subtítulos; Formatação de Texto; Cores em Objetos. Oficina: Hello World.

[AULA 2] INTRODUÇÃO AO CSS
Sintaxe CSS; Cascade; Seletores e Flutuação; Formatação de Texto; Estilização; Estilização com Classes; Imagens de Fundo; CSS Reset; Display; Positions: Static, Relative, Fixed e Absolut; Integração HTML e CSS.

[AULA 3] CSS BOTÕES
Button Tags; Button Sizes; Active State; Disabled State; Hover Buttons; Botões com Texto; Icon Buttons; Opções Avançadas de Animação para Botões.

[AULA 4] 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; Responsive Images; Image Shapes; Rounded; Circle; Img Thumbnail.

[AULA 5] OFICINA
Exercício em CSS e Html.

[AULA 6] JAVASCRIPT
Definição de Comportamento do Site; Definição de Varíáveis; Diferenciação Strings; Integers e Floats; Aplicação de Condicionais; Descrever Argumentos Relacionados com Funções; Valores e Funções; JavaScript Frameworks; DOM Script (Document Object Model).

[AULA 7] JQUERY
Árvores JQuery Manipulação de DOM; Aplicação de Funções através de JQuery Docs; Integração JavaScript e JQuery. Oficina: Menu Carrossel.

[AULA 8] DESIGN RESPONSIVO
Colunas CSS; Print Classes; Test Classes.

[AULA 9] AMBIENTE DE DESENVOLVIMENTO: LESS & SASS 
Less; Ruby; Node; SASS; Sublime Test; Máquinas Virtuais. Oficina: Construção Layout Responsivo.

[AULA 10] BOOTSTRAP 
Desenvolvimento Front End a partir de um Framework; Classes Dinâmicas; Css Columns.

[AULA 11] DESENVOLVIMENTO DE PROJETO
Desenvolvimento do Projeto 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 e 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.

Sempre atualizamos nossos cursos quando necessário. Esta é a grade curricular mais recente.

INVESTIMENTO

9x R$ 190,00

Cartões de crédito Visa, MasterCard, Elo, Diners, American Express, JCB e Aura.

R$ 1.539,00

Boleto à vista com 10% de desconto. Data de vencimento para um dia após a inscrição.

PRÓXIMAS TURMAS

Gostei, quero saber mais