PROPOSTA
A formação Desenvolvedor Front-End lhe prepara para o desenvolvimento de páginas web responsivas para os diversos dispositivos da atualidade. Para isso, o aluno terá uma profunda compreensão do HTML 5 com CSS 3, JavaScript e finalizará sua formação desenvolvendo projetos web mobile first usando o framework Bootstrap.
PÚBLICO-ALVO
- Estudantes de áreas afins
- Desenvolvedores Web
- WebDesigners
- WebMasters
PRÉ-REQUISITOS
- Ter familiaridade com o ambiente Windows;
COMO É A FORMAÇÃO NO DIA A DIA
Ao longo das 96 horas de treinamento, você terá como instrutor, profissionais atuantes no mercado de desenvolvimento web e que utilizam as tecnologias no dia a dia.
As aulas serão transmitidas ao vivo em uma sala de aula virtual com total interatividade entre o instrutor e a turma. É a mesma experiência de uma sala de aula presencial.
Alinhado a essa didática, o aluno terá como colegas de classe, profissionais que proporcionam excelente networking e rica troca de experiências.
Os alunos terão acesso a uma moderna plataforma de LMS (Learning Management System) para compartilhamento de materiais entre docentes, alunos, tira dúvidas e, principalmente, networking, além de direito de acesso à biblioteca digital do Instituto Infnet, com centenas de livros.
CURSOS/MÓDULOS
Objetivos: Este módulo lhe permitirá a desenvolver o front-end de um site com HTML 5 e CSS 3, compreendendo os conceitos do web design responsivo (RWD).
Carga horária: 40 horas
Material didático: Oficial do Infnet, em formato digital em plataforma de LMS.
Conteúdo Programático
I. Visão geral do HTML5
– Estrutura
– Sintaxe HTML5
– Semântica
– Ferramentas
II. Visão geral do CSS3
– Estrutura
– Sintaxe CSS3
– Ferramentas
– Integrando o CSS3 com o HTML5
III. Trabalhando com formulários
IV. Trabalhando com Tableless
V. Design responsivo
VI. Elementos avançados de HTML5 e CSS3
VII. Seletores complexos do CSS
VIII. Acessibilidade na Web
IX. Desenvolvendo um front-end responsivo
Objetivos: Este curso lhe permitirá, além de aprender lógica de programação, conhecer a estrutura semântica da linguagem JavaScript, conhecer os fundamentos do JavaScript Orientado a Objetos e integrar seus scripts JS em projetos web.
Carga horária: 24 horas
Pré-requisitos: Curso I220 ou conhecimentos equivalentes (HTML5 e CSS3).
Material didático: Oficial do Infnet, em formato digital em plataforma de LMS.
Conteúdo Programático
I. Introdução ao Javascript
– Estrutura
– Sintaxe
II. Lógica de programação com Javascript
– Estruturas de Controle
– Funções
III. Orientação a Objetos com JS
IV. Prototype
V. Integrando o Javascript com o HTML5 e o CSS3 em um web app
VI. DOM em Javascript e HTML
VII. Projeto de sites com HTML5, CSS3 e JS
Objetivos: Este curso lhe permitirá conhecer as estratégias do desenvolvimento Mobile First, conhecer o framework Bootstrap e sua importância no Design Responsivo (RWD), além de desenvolver um projeto web mobile com apoio do instrutor.
Carga horária: 32 horas
Pré-requisitos: Curso I220 e I230 ou conhecimentos equivalentes (HTML5, CSS3 e JavaScript).
Material didático: Oficial do Infnet, em formato digital em plataforma de LMS.
Conteúdo Programático
I. Visão geral de frameworks
II. Framework Bootstrap
– Estrutura
– Sintaxe
III. Elementos básicos do Bootstrap
– Listas
– Descrições
– Tabelas
– Grids em um layout mobile first
– Formulário
– Botões
– Ícones e imagens
IV. Design responsivo com Bootstrap
– Trabalhando com várias resoluções de telas e vários dispositivos
V. Elementos avançados do Bootstrap
– Imagens responsivas
– Menu e Navegação
– Trabalhando com Navbar
– Breadcrumbs
– Paginação
– Label e Badges
– Tipografia
– Thumbnails
– Alertas
– Progress Bar
– Media Objects
VI. Projeto de site responsivo com Bootstrap
Objetivos: Este módulo lhe permitirá a desenvolver o front-end de um site com HTML 5 e CSS 3, compreendendo os conceitos do web design responsivo (RWD).
Carga horária: 40 horas
Material didático: Oficial do Infnet, em formato digital em plataforma de LMS.
Conteúdo Programático
I. Visão geral do HTML5
– Estrutura
– Sintaxe HTML5
– Semântica
– Ferramentas
II. Visão geral do CSS3
– Estrutura
– Sintaxe CSS3
– Ferramentas
– Integrando o CSS3 com o HTML5
III. Trabalhando com formulários
IV. Trabalhando com Tableless
V. Design responsivo
VI. Elementos avançados de HTML5 e CSS3
VII. Seletores complexos do CSS
VIII. Acessibilidade na Web
IX. Desenvolvendo um front-end responsivo
Objetivos: Este curso lhe permitirá, além de aprender lógica de programação, conhecer a estrutura semântica da linguagem JavaScript, conhecer os fundamentos do JavaScript Orientado a Objetos e integrar seus scripts JS em projetos web.
Carga horária: 24 horas
Pré-requisitos: Curso I220 ou conhecimentos equivalentes (HTML5 e CSS3).
Material didático: Oficial do Infnet, em formato digital em plataforma de LMS.
Conteúdo Programático
I. Introdução ao Javascript
– Estrutura
– Sintaxe
II. Lógica de programação com Javascript
– Estruturas de Controle
– Funções
III. Orientação a Objetos com JS
IV. Prototype
V. Integrando o Javascript com o HTML5 e o CSS3 em um web app
VI. DOM em Javascript e HTML
VII. Projeto de sites com HTML5, CSS3 e JS
Objetivos: Este curso lhe permitirá conhecer as estratégias do desenvolvimento Mobile First, conhecer o framework Bootstrap e sua importância no Design Responsivo (RWD), além de desenvolver um projeto web mobile com apoio do instrutor.
Carga horária: 32 horas
Pré-requisitos: Curso I220 e I230 ou conhecimentos equivalentes (HTML5, CSS3 e JavaScript).
Material didático: Oficial do Infnet, em formato digital em plataforma de LMS.
Conteúdo Programático
I. Visão geral de frameworks
II. Framework Bootstrap
– Estrutura
– Sintaxe
III. Elementos básicos do Bootstrap
– Listas
– Descrições
– Tabelas
– Grids em um layout mobile first
– Formulário
– Botões
– Ícones e imagens
IV. Design responsivo com Bootstrap
– Trabalhando com várias resoluções de telas e vários dispositivos
V. Elementos avançados do Bootstrap
– Imagens responsivas
– Menu e Navegação
– Trabalhando com Navbar
– Breadcrumbs
– Paginação
– Label e Badges
– Tipografia
– Thumbnails
– Alertas
– Progress Bar
– Media Objects
VI. Projeto de site responsivo com Bootstrap
TECNOLOGIAS/METODOLOGIAS ENSINADAS:
- HTML 5
- CSS 3
- JavaScript
- Bootstrap
