{"id":1946,"date":"2019-02-02T14:58:55","date_gmt":"2019-02-02T14:58:55","guid":{"rendered":"https:\/\/training.infnet.edu.br\/?post_type=lp_course&p=1946"},"modified":"2024-09-06T17:39:00","modified_gmt":"2024-09-06T17:39:00","slug":"desenvolvedor-front-end","status":"publish","type":"lp_course","link":"https:\/\/training.infnet.site\/cursos\/desenvolvimento\/desenvolvedor-front-end\/","title":{"rendered":"Desenvolvedor Front-End"},"content":{"rendered":"\t\t
In\u00edcio<\/a><\/span><\/span><\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t A forma\u00e7\u00e3o Desenvolvedor Front-End lhe prepara para o desenvolvimento de p\u00e1ginas web responsivas para os diversos dispositivos da atualidade. Para isso, o aluno ter\u00e1 uma profunda compreens\u00e3o do HTML 5 com CSS 3, JavaScript e finalizar\u00e1 sua forma\u00e7\u00e3o desenvolvendo projetos web mobile first usando o framework Bootstrap.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t Ao longo das 96 horas de treinamento, voc\u00ea ter\u00e1 como instrutor, profissionais atuantes no mercado de desenvolvimento web e que utilizam as tecnologias no dia a dia.<\/p> As aulas ser\u00e3o transmitidas ao vivo em uma sala de aula virtual com total interatividade entre o instrutor e a turma<\/b>. \u00c9 a mesma experi\u00eancia de uma sala de aula presencial.<\/p> Alinhado a essa did\u00e1tica, o aluno ter\u00e1 como colegas de classe, profissionais que proporcionam excelente networking <\/i>e rica troca de experi\u00eancias.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t <\/p> Os alunos ter\u00e3o acesso a uma moderna plataforma de LMS (Le<\/i>arning Management System<\/i>) para compartilhamento de materiais entre docentes, alunos, tira d\u00favidas e, principalmente, <\/span>networking<\/i>, al\u00e9m de direito de acesso \u00e0 biblioteca digital do Instituto Infnet, com centenas de livros<\/b>.\u00a0<\/span><\/p> \u00a0<\/span>\u00a0<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t Objetivos:\u00a0<\/strong>Este m\u00f3dulo lhe permitir\u00e1 a desenvolver o front-end de um site com HTML 5 e CSS 3, compreendendo os conceitos do web design responsivo (RWD).<\/p> Carga hor\u00e1ria: <\/strong>40 horas<\/p> Material did\u00e1tico: <\/strong>Oficial do Infnet, em formato digital em plataforma de LMS.<\/p> I. Vis\u00e3o geral do HTML5<\/strong> II. Vis\u00e3o geral do CSS3<\/strong> III. Trabalhando com formul\u00e1rios<\/strong> Objetivos:\u00a0<\/strong>Este curso lhe permitir\u00e1, al\u00e9m de aprender l\u00f3gica de programa\u00e7\u00e3o, conhecer a estrutura sem\u00e2ntica da linguagem JavaScript, conhecer os fundamentos do JavaScript Orientado a Objetos e integrar seus scripts JS em projetos web.<\/p> Carga hor\u00e1ria: <\/strong>24 horas<\/p> Pr\u00e9-requisitos: <\/strong>Curso I220 ou conhecimentos equivalentes (HTML5 e CSS3).<\/p> Material did\u00e1tico: <\/strong>Oficial do Infnet, em formato digital em plataforma de LMS.<\/p> I. Introdu\u00e7\u00e3o ao Javascript<\/strong> II. L\u00f3gica de programa\u00e7\u00e3o com Javascript<\/strong> III. Orienta\u00e7\u00e3o a Objetos com JS<\/strong> Objetivos: <\/strong>Este curso lhe\u00a0 permitir\u00e1 conhecer as estrat\u00e9gias do desenvolvimento Mobile First, conhecer o framework Bootstrap e sua import\u00e2ncia no Design Responsivo (RWD), al\u00e9m de desenvolver um projeto web mobile com apoio do instrutor.<\/p> Carga hor\u00e1ria: <\/strong>32 horas<\/p> Pr\u00e9-requisitos:\u00a0<\/strong>Curso I220 e I230 ou conhecimentos equivalentes (HTML5, CSS3 e JavaScript).<\/p> Material did\u00e1tico:\u00a0<\/strong>Oficial do Infnet, em formato digital em plataforma de LMS.<\/p> I. Vis\u00e3o geral de frameworks<\/strong> III. Elementos b\u00e1sicos do Bootstrap<\/strong> IV. Design responsivo com Bootstrap<\/strong> V. Elementos avan\u00e7ados do Bootstrap<\/strong> VI. Projeto de site responsivo com Bootstrap<\/strong><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t Objetivos:\u00a0<\/strong>Este m\u00f3dulo lhe permitir\u00e1 a desenvolver o front-end de um site com HTML 5 e CSS 3, compreendendo os conceitos do web design responsivo (RWD).<\/p> Carga hor\u00e1ria: <\/strong>40 horas<\/p> Material did\u00e1tico: <\/strong>Oficial do Infnet, em formato digital em plataforma de LMS.<\/p> I. Vis\u00e3o geral do HTML5<\/strong> II. Vis\u00e3o geral do CSS3<\/strong> III. Trabalhando com formul\u00e1rios<\/strong> Objetivos:\u00a0<\/strong>Este curso lhe permitir\u00e1, al\u00e9m de aprender l\u00f3gica de programa\u00e7\u00e3o, conhecer a estrutura sem\u00e2ntica da linguagem JavaScript, conhecer os fundamentos do JavaScript Orientado a Objetos e integrar seus scripts JS em projetos web.<\/p> Carga hor\u00e1ria: <\/strong>24 horas<\/p> Pr\u00e9-requisitos: <\/strong>Curso I220 ou conhecimentos equivalentes (HTML5 e CSS3).<\/p> Material did\u00e1tico: <\/strong>Oficial do Infnet, em formato digital em plataforma de LMS.<\/p> I. Introdu\u00e7\u00e3o ao Javascript<\/strong> II. L\u00f3gica de programa\u00e7\u00e3o com Javascript<\/strong> III. Orienta\u00e7\u00e3o a Objetos com JS<\/strong>PROPOSTA<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
P\u00daBLICO-ALVO<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
PR\u00c9-REQUISITOS<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
COMO \u00c9 A FORMA\u00c7\u00c3O NO DIA A DIA<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
CURSOS\/M\u00d3DULOS<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
Conte\u00fado Program\u00e1tico<\/strong><\/h6>
– Estrutura
– Sintaxe HTML5
– Sem\u00e2ntica
– Ferramentas<\/p>
– Estrutura
– Sintaxe CSS3
– Ferramentas
– Integrando o CSS3 com o HTML5<\/p>
IV. Trabalhando com Tableless<\/strong>
V. Design responsivo<\/strong>
VI. Elementos avan\u00e7ados de HTML5 e CSS3<\/strong>
VII. Seletores complexos do CSS<\/strong>
VIII. Acessibilidade na Web<\/strong>
IX. Desenvolvendo um front-end responsivo<\/strong><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\tConte\u00fado Program\u00e1tico<\/strong><\/h6>
– Estrutura
– Sintaxe<\/p>
– Estruturas de Controle
– Fun\u00e7\u00f5es<\/p>
IV. Prototype<\/strong>
V. Integrando o Javascript com o HTML5 e o CSS3 em um web app<\/strong>
VI. DOM em Javascript e HTML<\/strong>
VII. Projeto de sites com HTML5, CSS3 e JS<\/strong><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\tConte\u00fado Program\u00e1tico<\/strong><\/h6>
II. Framework Bootstrap<\/strong>
– Estrutura
– Sintaxe<\/p>
– Listas
– Descri\u00e7\u00f5es
– Tabelas
– Grids em um layout mobile first
– Formul\u00e1rio
– Bot\u00f5es
– \u00cdcones e imagens<\/p>
– Trabalhando com v\u00e1rias resolu\u00e7\u00f5es de telas e v\u00e1rios dispositivos<\/p>
– Imagens responsivas
– Menu e Navega\u00e7\u00e3o
– Trabalhando com Navbar
– Breadcrumbs
– Pagina\u00e7\u00e3o
– Label e Badges
– Tipografia
– Thumbnails
– Alertas
– Progress Bar
– Media Objects<\/p>Conte\u00fado Program\u00e1tico<\/strong><\/h6>
– Estrutura
– Sintaxe HTML5
– Sem\u00e2ntica
– Ferramentas<\/p>
– Estrutura
– Sintaxe CSS3
– Ferramentas
– Integrando o CSS3 com o HTML5<\/p>
IV. Trabalhando com Tableless<\/strong>
V. Design responsivo<\/strong>
VI. Elementos avan\u00e7ados de HTML5 e CSS3<\/strong>
VII. Seletores complexos do CSS<\/strong>
VIII. Acessibilidade na Web<\/strong>
IX. Desenvolvendo um front-end responsivo<\/strong><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\tConte\u00fado Program\u00e1tico<\/strong><\/h6>
– Estrutura
– Sintaxe<\/p>
– Estruturas de Controle
– Fun\u00e7\u00f5es<\/p>
IV. Prototype<\/strong>
V. Integrando o Javascript com o HTML5 e o CSS3 em um web app<\/strong>
VI. DOM em Javascript e HTML<\/strong>
VII. Projeto de sites com HTML5, CSS3 e JS<\/strong><\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t