Front-end Frameworks
Sobre
Desenvolver um site é uma tarefa que exige diversos recursos, tanto no back-end quanto no front-end. A única parte a que os usuários têm acesso é a do conteúdo desenvolvido no front, ou seja, apenas às páginas HTML já renderizadas.
Uma página precisa seguir um padrão visual para que tudo fique harmônico, limpo e fácil de entender. Porém, desenvolver bibliotecas CSS e Javascript para todo site é uma tarefa chata e muito demorada. Por esse motivo, os frameworks de interface vêm cada vez mais ganhando espaço, já que os desenvolvedores não precisam se preocupar em gastar tempo desenvolvendo recursos simples, como botões, janelas de modal, formulários, grids, tipografia, entre outros.
Durante todo o curso, o aluno vai trabalhar diretamente com alguns dos principais frameworks do mercado, a fim de entender como eles funcionam e como integrá-los com a nossa aplicação. Todo o conteúdo é abordado de forma bem genérica, ou seja, não vamos estudar todos os recursos de cada biblioteca, mas sim seguir alguns recursos e ferramentas básicas.
Para cada módulo, criamos um layout diferente, usando como base um Mockup previamente criado, assim cada framework tem seu próprio layout.
Ao término do curso, o aluno saberá como os frameworks funcionam, como instalá-los, quais os tipos de bibliotecas e de recursos, e estará apto a criar sites usando um dos frameworks estudados.
Requisitos
Conhecimento básico de HTML, CSS e JS.
Conteúdo do curso
Os ícones na cor azul, são prévias gratuitas. Após a matrícula, as aulas deverão ser acessadas pelo menu > Student, e não nessa página.
-
Introdução ao curso
- Download projeto 01:00
-
Introdução ao Bootstrap
- Criando o projeto 02:47
- Criando a barra de navegação 03:45
- importando as bibliotecas 05:12
- Imagem de capa 05:07
- Sistema de grids 10:00
- Imagem na barra lateral 05:04
- Grid para as colunas 07:31
- Personalizando os cards 04:44
- Efeito hover image 05:44
- Criando o rodapé 07:20
- Explicando demais componentes 07:46
-
Bootswatch
- Conhecendo o Bootswatch 03:00
- Importando o CSS 03:28
- Entendendo o projeto 03:40
- Inserindo o conteúdo 09:23
- Incluindo os botões 04:00
- Incluindo os botões 04:00
- Finalizando o projeto 06:59
-
UIkit
- Entendendo e criando o projeto 05:52
- Criando o cabeçalho 15:32
- Criando descrição do site 06:42
- Incluindo ícones 06:46
- Incluindo cards dos produtos 09:24
- Footer e Modal Newsletter 08:25
-
Materialize CSS
- Conhecendo e instalando o Framework 13:01
- Criando a barra de navegação 09:22
- Finalizando a home 03:36
- Criando a página de About 05:14
- Criando a página de contato 08:35
- Criando a página de FAQ 09:02
-
Metro UI
- Criando e entendendo o projeto 05:48
- Conhecendo os componentes 05:52
- Criando o menu superior 10:50
- Colocando o Carousel 09:16
- Criando o módulo About 07:35
- Criando módulo de produtos 09:45
- Módulo de contato 10:41
- Finalizando o rodapé 08:42
- Correções adicionais 03:22
-
Unsemantic Grid
- Conhecendo e minificando a biblioteca 05:34
- Criando o projeto 03:14
- Criando as Grids principais 06:18
- Criando as demais grids 05:11
- Inserindo o conteúdo 03:23
- Ajustando para o Mobile 07:27
Materiais com 05:04 hrs
Não possui certificado
46 Aulas
0.0
88 Alunos
Suporte para Mobile
Resumo do curso
- Finalizando o rodapé