Visual Front Angular 6

Carga horária: 24hs

OBJETIVO:

O objetivo do curso é criar Layouts utilizando os mais recentes Frameworks de Webdesign interagindo com o Angular 6, HTML5, CSS3, Bootstrap4.1,

PrimeNG, Angular Material, possibilitando a criação de portfólios com galerias de imagens, sistemas com formulários, validações e gráficos e 

sites responsivos. Hoje em dia, o design conta mais do que nunca com os conceitos de usabilidade e acessibilidade.

Próximas turmas

Frequência Horário Início Término Valor
Segunda, Quarta e Sexta 07:00/09:00h 21/11/2018 17/12/2018 3xR$250,00

BOOTSTRAP 4.1:

·             Instalação

·             BootstrapCDN

·             Temas

·             Layouts

o   Containers

o   Grid (12 colunas)

o   Media

o   Margin, Padding, Toggle

·         Conteudos

o   Cabeçalhos

o   Listas

o   Tabelas

o   Formatação

o   Formularios

o   Tipografia

o   Codes

o   Imagens (Responsivas, alinhamento, miniature)

·         Tabelas

o   Dark

o   Striped

o   Hover

o   Small

o   Responsivas

·         Components

o   Links

o   Badges

o   Breadcrumb

o   Botões (Outlines, Tamanhos, Ativos, Inativos, Toggle, CheckBox, grupo de botões)

o   Cartões (cards)

o   Carrousel

o   Alertas

o   Accordion

·         Menu

o   Menu responsive

o   Dropdown

o   SplitButton

o   DropUp

o   Forms

§  Group

§  Grid

§  Horizontal

§  In line

§  Tooltips     

o   Selects Menus

o   Input groups

o   Jumbotron

o   Listas

o   Modal

o   Nav Navbar (Barra de Navegação)

·         nav flex

o   Paginação

o   Popover

·         Tooltip

 

 MATERIAL ANGULAR:

·         Instalaçao (material, animações e icones)

·         CDN

·         Importações

·         Temas

·         Icons

·         Formularios

o   Autocomplete

o   Checkbox

o   Input

o   Select

o   Slide

o   Datapicker

·         textArea

·         Hint

·         Contador de caracteres

·         Navegação

o   Menu

o   Toolbar

·         Layout

o   Cards

o   Painel expansível (accordion)

o   Grid

o   List

o   Tabs

·         Botoes

o   Toggle

o   Chips

o   Icon

o   Progress spinner

o   Progress bar

·         Modal

o   Dialog

o   Snackbar

o   tooltip

·         Tabelas

o   Paginator

o   Tabela ordenada

 


 

PRIMENG:

·         Instalação

·         Font Awesome

·         Animações

·         pMenuBar

·         OverlayPanel

·         pToolbar

·         pTooltip

·         pButtons

·         pFieldset

·         Cards

 

CSS:

·         Alinhamento de imagens

·         Avatar

·         Margens

·         Bordas arredondadas

·         Padding

·         Links

·         Tipos de fontes

·         Sombras

·         Filtros

·         Fieldset

·         Imagem de fundo

·         Zoom

·         Font-Awesome

·         Google Fonts

·         Z-index

·         Carrossel

·         Comandos acessibilidade

·         Gerar Favicon

·         Transitions

 

 

MATERIAL DESIGN BOOTSTRAP:

·         Waves

·         Efeitos wow (script)

·         Rotate

·         delay

 

 

HIGHCHARTS JS:

·         Instalação para Angular

·         Exportação de gráfico PDF

·         Graficos em colunas, linhas

·         Categorias

 

GMAPS:

·         Gerar apikey

·         Configurar api

 

JAVASCRIPT:

·         Máscara

·         Validação de campos

·         Menu lateral

·         Banner com vídeo

·         Scrolling page (parallax)