Cursos e Artigos sobre layout para Programadores
Você está buscando por "layout" em vídeo aula
- Removendo os Slideshows Vídeo
Na aula anterior setamos a imagem definitiva do banner da nossa landing page. Agora, vamos fazer mais um ajuste no layout final do site, removendo os slideshows automáticos do template — mantendo apenas a nova imagem fixa no topo da página.
- Exemplo prático Vídeo
Com os conhecimentos que adquirimos nas aulas anteriores analisaremos uma página e veremos como a propriedade position do CSS foi usada para criar o seu layout.
- Criando o código do zero Vídeo
Nesta aula vamos explicar os passos dados para criar o aplicativo que vimos na aula anterior, para isso vamos utilizar um layout como base e através dele vamos ter uma base para inserir os componentes no código.
- Layout.js Vídeo
Nesta aula vamos aprender outra forma de exibir o mesmo componente em todas as páginas da aplicação, utilizando o arquivo layout.js.
- Estilizando o componente TelaInicial Vídeo
Depois que alteramos o layout do nosso aplicativo inserindo dois componentes TextInput e alteramos o texto exibido, é necessário melhorar a aparência do nosso app.
- Qual técnica é necessária para se fazer isso? Vídeo
Anteriormente neste capítulo aprendemos que o CSS possui modelos de posicionamento pré-definidos. Utilizando cada um deles, de acordo com as necessidades do layout, posicionamos elementos na página.
- Trabalhando com layout para fragmentos - Primeiros passos com Spring MVC e Thymeleaf - Vídeo 16 Vídeo
Ao trabalhar com fragmentação de páginas o ideal é ter uma página que sirva como o layout padrão de todas as outras. Veja nesta aula como começar a trabalhar com layout junto ao Thymeleaf.
- Criando uma interface com Constraint Layout - Meu primeiro aplicativo Android - Vídeo 7 Vídeo
Constraint Layout nos permite criar desde pequenas até grandes interfaces de usuário, composta por diversos componentes, sem que para isso tenhamos que lidar com componentes aninhados.
- Incluindo o fragmento de corpo das páginas - Primeiros passos com Spring MVC e Thymeleaf - Vídeo 17 Vídeo
Até este momento o cabeçalho e o rodapé das páginas foram fragmentados para a inclusão deles no layout principal. Veja agora como fragmentar o corpo das páginas e incluir esSes fragmentos no layout.
- Preparando o controller para lidar com fragmentos - Primeiros passos com Spring MVC e Thymeleaf - Vídeo 18 Vídeo
Para finalizar o curso, aprenda como manipular os métodos do controller de forma que eles consigam lidar perfeitamente com a página de layout e os fragmentos do corpo da página que deve ser apresentado ao cliente.
- Ajustes finais - Meu primeiro aplicativo Android - Vídeo 15 Vídeo
Chegamos aos ajustes finais. Aqui faremos alterações no XML de layout do aplicativo para centralizar e aumentar o texto, assim como as margens da tela. Com isso finalizamos o aplicativo MathQuiz.
- Arquitetura - Meu primeiro aplicativo Android - Vídeo 2 Vídeo
Uma aplicativo Android é construído sobre o padrão arquitetural MVC, onde a Activity faz o papel do controle e seu layout em XML é a visão. As regras de negócio, como você já pode prever, são programadas na camada de modelo.
- Propriedade Flex do CSS - Conteúdo adaptável com CSS Flex - Vídeo 1 Vídeo
Neste vídeo apresentamos o desenvolvimento de um conteúdo que tem por finalidade ajustar a altura dos seus elementos automaticamente. Dessa forma, podemos trabalhar com conteúdos dinâmicos sem a preocupação de quebras em nosso layout.
- Float - Introdução ao CSS na prática - Vídeo 7 Vídeo
Float é uma propriedade importante utilizada para construir o layout de páginas web. Veremos nesta aula como trabalhar com ela, enquanto terminamos de estilizar a navegação do banner.
- Criando o Layout da aplicação - Como criar minha primeira aplicação em Cordova - Vídeo 8 Vídeo
Neste vídeo vamos criar o nosso Layout utilizando CSS, deixando a aplicação com uma visualização mais organizada.
- Layout do menu de opções - Android Toolbar: Criando um menu superior customizado - Vídeo 5 Vídeo
O menu flutuante da barra do aplicativo pode ser criado através do arquivo de layout do menu. Para isso faremos nesse vídeo a inclusão do diretório de recursos de menu no aplicativo.
- Organizando o layout - Como criar minha primeira aplicação em Android - Vídeo 8 Vídeo
Neste vídeo aprenderemos a inserir imagens na pasta drawable, inserir o widget ImageView e atribuir uma imagem de logotipo. Veremos também como organizar o layout com o RelativeLayout.
- Customizando o layout - Primeiros passos com o ASP.NET MVC - Vídeo 11 Vídeo
Finalizando nosso curso, customizaremos agora a página de layout da aplicação, a qual é utilizada como base pelas demais views. Para isso, seguiremos utilizando as classes do Bootstrap.
- Layout da aba 3 - Começando no Delphi: Controles visuais - Vídeo 16 Vídeo
Neste vídeo veremos como incluir um Memo em nossa aplicação, localizado na Tool Palette - Standard, e na sequência adicionaremos dois Buttons.
- Configuração do topo - Landing Page: Como criar um layout com HTML, CSS e JavaScript - Vídeo 4 Vídeo
Neste vídeos vamos aprender como redimensionar o tamanho topo, à medida que o scroll da página é acionado.
- Estrutura HTML - Landing Page: Como criar um layout com HTML, CSS e JavaScript - Vídeo 2 Vídeo
Criação de toda estrutura HTML do projeto, divisão do projeto em topo, área de conteúdo e rodapé.
- Definindo o Layout da Activity - Android InputMask e Saripaar 2: Como criar um formulário Android com máscara e validação - Vídeo 3 Vídeo
Após decidir cada aspecto visual da tela da aplicação, para começar a construí-la devemos escolher um gerenciador de layout. Existem vários disponíveis e neste vídeo falaremos sobre a simplicidade e características do LinearLayout.
- Desenvolvendo o layout do carrinho de compras - Laravel: Criando um carrinho de compras em PHP - Vídeo 5 Vídeo
Neste vídeo você aprenderá como construir a view do carrinho de compras. Vamos desenvolver o layout dessa tela utilizando o Blade, renderizador de templates do Laravel, além de HTML e CSS.
- Criação do efeito parallax - Landing Page: Como criar um layout com HTML, CSS e JavaScript - Vídeo 7 Vídeo
Finalizando o nosso projeto vamos realizar a inclusão do script para a animação do efeito parallax, tornando o projeto visualmente mais bonito.
- Navegação entre seções e tooltips - Landing Page: Como criar um layout com HTML, CSS e JavaScript - Vídeo 6 Vídeo
Veremos como deixar a transição do menu mais agradável, fazendo que o conteúdo deslize até a sessão, também criaremos o tooltips, nossos balões de ajuda.
