Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

Curso de Laravel para Noobs - #21 Views I

04/09/2023

Nesta aula vamos iniciar o aprendizado do frontend dentro do framework de PHP Laravel. Até então estávamos trabalhando no Model e Controllers, agora veremos as views.

Visões do Laravel

No Laravel, as "views" são componentes essenciais para a criação da camada de apresentação de uma aplicação web. Elas são responsáveis por exibir os dados para os usuários e geralmente consistem em templates HTML misturados com código PHP, permitindo que você crie páginas dinâmicas e personalizadas. As views são usadas para representar a interface do usuário e são uma parte fundamental do padrão de arquitetura MVC (Model-View-Controller) que o Laravel segue.

Para localizar as views você deve acessar o diretório resource/views.

Os arquivos javascript, css e imagens ficam dentro do diretório public/.

resource/views/index.html

Vamos começar criando um html simples:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/style.css">
</head>
<body>
    <h1>WEBDESIGN EM FOCO</h1>

    <script src="/js/javascript.js"></script>
</body>
</html>

app/Http/Controllers/TodoController.php

Para acionar uma view, precisamos ter um controller que faça esse chamamento:

/**
 * Retorna a nossa primeira view do sistema
 *
 * @return View
 */
public function index():View
{
    return view('carros.index');
}

routes/web.php

Por fim, precisamos associar uma rota para acionar o controller, que por sua vez acionará a view:

Route::get('/',[TodoController::class,'index'])->name('todo.index');

public/js/javascript.js

O arquivo javascript deve ser criado dentro do diretório public:

alert('teste');

public/css/style.css

O arquivo css deve ser criado dentro do diretório public:

*{background:red;}

Por hoje é só! Fiquem todos com Deus! Sucesso nos códigos e na vida!

Precisa de um professor? webdesignemfoco@gmail.com

O SENHOR é o meu pastor; nada me faltará. Ele me faz repousar em pastos verdejantes. Leva-me para junto das águas de descanso; refrigera-me a alma. Guia-me pelas veredas da justiça por amor do seu nome. Ainda que eu ande pelo vale da sombra da morte, não temerei mal nenhum, porque tu estás comigo; o teu bordão e o teu cajado me consolam. Preparas-me uma mesa na presença dos meus adversários, unges a minha cabeça com óleo; o meu cálice transborda. Bondade e misericórdia certamente me seguirão todos os dias da minha vida; e habitarei na Casa do SENHOR para todo o sempre.

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

Curso de Laravel para Noobs - #20 Factory
Nessa aula aprenderemos como popular o banco de dados do Laravel utilizando o recurso das Factories para gerar dados fictícios com apenas um comando.
Saiba mais!
Curso de Laravel para Noobs - #22 Views II [Blade Template]
Neste tutorial começaremos a entender sobre o Blade, o template engine utilizado pelo framework de PHP Laravel. Passaremos por diretivas, templates, interação
Saiba mais!
Framework
Nessa playlist aprenderemos um pouco mais sobre os diferentes frameworks existentes, apontando os defeitos e qualidades de cada um.
Saiba mais!