Index y Layout: complementar estructura

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 15

Preguntas 9

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

RetaxMaster

hace 4 años

Recomiendo también instalar en VSCode la extensión “Laravel Blade Snippets” para poder trabajar más cómodamente con Blade y tener snippets que autocompletan sintaxis de Blade 😄
.
Les dejo el isotipo de Platzi:
.

.
Y el logotipo también (es blanco, no se ve pero ahí está xD):
.

Diego Antonio Briones Martínez

hace 3 años

Si tienen problemas con los estilos, ejecuten “npm run development” en la terminal, es uno de los scripts que estan en package.json

Eduardo Bueno Lopez

hace 3 años

Si alguno tuvo el problema que no todas las clases de Tailwind no cargaban correctamente, lo que yo hice fue borrar la carpeta node_modules y lock file y reinstalar con npm install

Bikatti

hace 4 años

Index y Layout: complementar estructura

asset() busca dentro de la carpeta public.

Para poder hacer una validación de imprimir si el usuario está logeado o no, utilizamos el siguiente código

@auth
    <a href="{{url('dashboard')}}" class="text-sm text-gray-700 underline">Dashboard</a>
@else
    <a href="{{url('login')}}" class="text-sm text-gray-700 underline">Ingresar</a>
    <a href="{{url('register')}}" class="ml-4 text-sm text-gray-700 underline">Registro</a>
@endif

Jimmy Buriticá Londoño

hace 4 años

Les comparto el código del archivo
web.blade.php

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cursos de Programación Web</title>
  <link rel="stylesheet" href="{{ asset('css/app.css') }}"
</head>
<body>
  <header class="shadow-lg">
    <div class="bg-blue-900 py-1"></div>
    <nav class="bg-blue-800 py-2">
      <a href="{{ route('home') }}">
        <img src="{{ asset('images/isotipo-platzi.png') }}" alt="" class="h-8 mx-auto">
      </a>
    </nav>
  </header>
  <main class="py-10">
    <div class="container mx-auto px-4">
      @yield('content')
    </div>
  </main>
  <footer class="py-4 text-center">
    @auth
      <a href="{{ url('dashboard') }}" class="text-sm text-gray-700 underline">
        Dashboard
      </a>
    @else
      <a href="{{ url('login') }}" class="text-sm text-gray-700 underline">
        Login
      </a>
      <a href="{{ url('register') }}" class="ml-4 text-sm text-gray-700 underline">
        Register
      </a>
    @endauth
  </footer>
</body>
</html>

David Rodriguez

hace 3 años

Para los que tienen en general problemas con los estilos de tailwind en la version 3.x solo ejecuten npm run watch esto lo que hará es que mirara cada cambio que se haga con las clases de los div, section etc. y compilara los estilos para que los muestre Esto es un comando propio de tailwind

Josué Israel Esquivel Garza

hace 3 años

Si los estilos no funcionan no basta con solo correr el comando “npm run development”, tenemos que ir a:
“tailwind.config.js” y en la parte de module.exports tenemos que agregar la carpeta que no esta funcionando, esto le dirá al compilador que reduzca de tamaño el tailwind en ese punto en especifico y que no consuma tanta memoria, en mi caso agregue en: module.exports en la parte de content: './layouts/**/*.blade.php’
En este lugar mis estilos no funcionaban, seguido de eso ejecutamos el: “npm run development” en terminal y se acuerdan de mi cuando les funcione.

pabloandresaguero

hace 4 años

Ruta
web.php

Route::view('/', 'index')->name('home');

Eday Alix González Manjarrés

hace 5 meses

Los que estén haciendo este curso en 2024, donde evidentemente 8 no es la versión actual de Laravel y cuando acceden a /login /register y no sale bien, no cargan los estilos, etc. Sucede que a partir de laravel 9 se usa vite en lugar de laravel mix, por por lo que se debe ajustar el app.blade.php y guest.blade.php quitando las referencia a @vite Saludos.

Kenneth Angulo L

hace 2 años

En Laravel siempre hay varias formas de obtener el mismo resultado.
.
Comparto varias formas de generar urls, pueden usarse dentro de las etiquetas anchor o formularios
.

<a href="/articles/{{$article->id}}"></a>

<a href="{{url('/articles', $article->id)}}"></a>

{{-- llamar a las rutas por su nombre --}}
<a href="{{route('articles.index')}}"></a>


{{-- Si la ruta es muy larga y complicada se puede extraer hacia el modelo

	public function path() {
		return '/articles/card/'.$this->id;
	}

--}}

<a href="{{$card->path()}}"></a>

.
Habia una forma para llamar directamente una accion de un metodo, no tengo seguridad si ya es obsoleta (deprecated) pero no logre hacer que funcionara dentro de blade, la dejo por si acaso alguien se encuentra con esta estructura:
.

{{-- llamar una accion directamente, pasar array de parametros --}}
<a href="{{action('ArticlesController@show',[$article->i])}}"></a>

Erick Alejandro Graterol Barico

hace 3 años

Eso de la imagen me sucede mucho con SASS, el cache no se va incluso utilizaba la funcion cache de php y lo configuraba para que se borrara la cache con cada reinicio y no funcionaba, a veces es molesto.

ANGEL FERNANDO LIZCANO NOVOA

hace 3 años

Los estilos de Tailwind se aplican una ves se ejecuta el comando “npm run dev”, pero para no estar ejecuentando este comando cada vez que hagamos un cambio, se puede ejecutar el comando “npm run watch” en otra terminal para que siempre esté a la escucha de los cambios.

Jean Parra

hace 3 años

Me dio bastante guerra que tomara la nueva ruta home no actualizo
pueden listar las rutas por consola asi:
php artisan route:list
y para reiniciar las rutas con
php artisan route:clear

Juan José del Aguila López

hace 3 años

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Laravel 8 - Platzi - JJ</title>
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body>
    <header class="shadow-lg">
        <div class="bg-blue-900 py-1">

        </div>
        <nav class="bg-blue-800 py-2">
            <a href="{{ route('home') }}">
                <img src="{{ asset('images/isotipo-platzi.png') }}" class="h-8 mx-auto">
            </a>
        </nav>
    </header>
    <main class="py-10">
        <div class="container mx-auto px-4">
            @yield('content')
        </div>

    </main>
    <footer class="py-4 text-center">
        @auth 
            <a href="{{url('dashboard')}}" class="text-sm text-gray-700 underline">Dashboard</a>

        @else
            <a href="{{url('login')}}" class="text-sm text-gray-700 underline">Login</a>
            <a href="{{url('register')}}" class="ml-4 text-sm text-gray-700 underline">Registro</a>

        @endif



    </footer>
    
</body>
</html>

EmilioCS

hace 4 años

Porque los formularios de login y register no me aplica las clases de tailwind siendo que en los archivos construidos (index y web) si se aplicaron correctamente las clases ?

Si ya tienes una cuenta,

Curso de Introducción a Laravel 8

Index y Layout: complementar estructura

Index y Layout: complementar estructura