<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Tharles Amaro</title>
    <description>The latest articles on Forem by Tharles Amaro (@tharlesamaro).</description>
    <link>https://forem.com/tharlesamaro</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F813780%2F9f57bd3e-21cf-4d70-be18-92a12cc8ce48.jpg</url>
      <title>Forem: Tharles Amaro</title>
      <link>https://forem.com/tharlesamaro</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/tharlesamaro"/>
    <language>en</language>
    <item>
      <title>Transforme Seu Sistema Laravel com Filament: Um Guia para Estilizar a Tela de Login com CSS Personalizado</title>
      <dc:creator>Tharles Amaro</dc:creator>
      <pubDate>Fri, 23 Feb 2024 20:03:51 +0000</pubDate>
      <link>https://forem.com/tharlesamaro/transforme-seu-sistema-laravel-com-filament-um-guia-para-estilizar-a-tela-de-login-com-css-personalizado-48hn</link>
      <guid>https://forem.com/tharlesamaro/transforme-seu-sistema-laravel-com-filament-um-guia-para-estilizar-a-tela-de-login-com-css-personalizado-48hn</guid>
      <description>&lt;p&gt;O &lt;a href="https://laravel.com/" rel="noopener noreferrer"&gt;Laravel&lt;/a&gt; é um popular framework para desenvolvimento web em &lt;a href="https://www.php.net/" rel="noopener noreferrer"&gt;PHP&lt;/a&gt;, oferecendo uma gama de recursos nativos que simplificam o processo de desenvolvimento. A descoberta recente do &lt;a href="https://filamentphp.com/" rel="noopener noreferrer"&gt;Filament PHP&lt;/a&gt;, uma coleção de componentes para desenvolvimento full-stack, trouxe para mim uma nova perspectiva ao processo de desenvolvimento web, fornecendo uma variedade de componentes prontos para uso. Diferentemente de outras soluções, o Filament permite uma flexibilidade única, permitindo que os desenvolvedores escolham quais componentes utilizar em seus projetos Laravel. Neste tutorial, exploraremos como personalizar a aparência da tela de login usando CSS personalizado com o Filament.&lt;/p&gt;

&lt;p&gt;Assumindo que o projeto Laravel com o Filament já está configurado, avançaremos diretamente para a personalização do CSS da página de login. Para aqueles que necessitam de orientações sobre a instalação do Laravel e do Filament, sugiro consultar a documentação oficial de ambas as ferramentas, onde o processo de instalação é detalhado. Além disso, disponibilizarei um link para um &lt;a href="https://www.youtube.com/watch?v=H64f9eyxhag" rel="noopener noreferrer"&gt;vídeo tutorial do Filament Brasil no YouTube&lt;/a&gt;, que demonstra passo a passo como instalar o Filament no Laravel.&lt;/p&gt;




&lt;h2&gt;
  
  
  Recursos de autenticação
&lt;/h2&gt;

&lt;p&gt;Você pode ativar facilmente recursos de autenticação para um painel no arquivo de configuração:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;

&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Filament\Panel&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="k"&gt;public&lt;/span&gt; &lt;span class="k"&gt;function&lt;/span&gt; &lt;span class="n"&gt;panel&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="kt"&gt;Panel&lt;/span&gt; &lt;span class="nv"&gt;$panel&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt; &lt;span class="kt"&gt;Panel&lt;/span&gt;
&lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nv"&gt;$panel&lt;/span&gt;
        &lt;span class="c1"&gt;// ...&lt;/span&gt;
        &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;login&lt;/span&gt;&lt;span class="p"&gt;();&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;
&lt;h2&gt;
  
  
  Personalizando os recursos de autenticação
&lt;/h2&gt;

&lt;p&gt;Para personalizar a página de login, vamos criar uma nova classe PHP em &lt;code&gt;app/Filament/Pages/Auth/Login.php&lt;/code&gt;:&lt;/p&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;

&lt;span class="cp"&gt;&amp;lt;?php&lt;/span&gt;

&lt;span class="kn"&gt;namespace&lt;/span&gt; &lt;span class="nn"&gt;App\Filament\Pages\Auth&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Filament\Pages\Auth\Login&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="nc"&gt;BaseLogin&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;class&lt;/span&gt; &lt;span class="nc"&gt;Login&lt;/span&gt; &lt;span class="kd"&gt;extends&lt;/span&gt; &lt;span class="nc"&gt;BaseLogin&lt;/span&gt;
&lt;span class="p"&gt;{&lt;/span&gt;

&lt;span class="p"&gt;}&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Após criar nossa classe customizada de Login, devemos passá-la como parâmetro para o método login() no painel localizado em &lt;code&gt;app/Providers/Filament/MyPanelProvider.php&lt;/code&gt;:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;

&lt;span class="cp"&gt;&amp;lt;?php&lt;/span&gt;

&lt;span class="kn"&gt;namespace&lt;/span&gt; &lt;span class="nn"&gt;App\Providers\Filament&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="c1"&gt;// ...&lt;/span&gt;
&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;App\Filament\Pages\Auth\Login&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Filament\Panel&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Filament\PanelProvider&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;class&lt;/span&gt; &lt;span class="nc"&gt;MyPanelProvider&lt;/span&gt; &lt;span class="kd"&gt;extends&lt;/span&gt; &lt;span class="nc"&gt;PanelProvider&lt;/span&gt;
&lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;public&lt;/span&gt; &lt;span class="k"&gt;function&lt;/span&gt; &lt;span class="n"&gt;panel&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="kt"&gt;Panel&lt;/span&gt; &lt;span class="nv"&gt;$panel&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt; &lt;span class="kt"&gt;Panel&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nv"&gt;$panel&lt;/span&gt;
            &lt;span class="c1"&gt;// ...&lt;/span&gt;
            &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;login&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nc"&gt;Login&lt;/span&gt;&lt;span class="o"&gt;::&lt;/span&gt;&lt;span class="n"&gt;class&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Se tudo ocorreu corretamente, ao acessar o sistema pelo navegador, você verá uma página de login semelhante a esta:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjnzho6rgpy429czhud1a.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjnzho6rgpy429czhud1a.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Nossa classe de Login herda da classe Login do Filament. Se você examinar essa classe, verá que ela possui um atributo chamado "view", que recebe uma view do Blade como valor. O que faremos é criar nossa própria view e substituir o valor desse atributo em nossa classe, fornecendo o caminho para a view que criaremos. Nossa classe de login ficará assim:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;

&lt;span class="cp"&gt;&amp;lt;?php&lt;/span&gt;

&lt;span class="kn"&gt;namespace&lt;/span&gt; &lt;span class="nn"&gt;App\Filament\Pages\Auth&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Filament\Pages\Auth\Login&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="nc"&gt;BaseLogin&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;class&lt;/span&gt; &lt;span class="nc"&gt;Login&lt;/span&gt; &lt;span class="kd"&gt;extends&lt;/span&gt; &lt;span class="nc"&gt;BaseLogin&lt;/span&gt;
&lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="cd"&gt;/**
     * @var view-string
     */&lt;/span&gt;
    &lt;span class="k"&gt;protected&lt;/span&gt; &lt;span class="k"&gt;static&lt;/span&gt; &lt;span class="kt"&gt;string&lt;/span&gt; &lt;span class="nv"&gt;$view&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s1"&gt;'filament.auth.login'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;A próxima etapa será criar nossa view. Vamos criá-la em &lt;code&gt;resources/views/filament/auth/login.blade.php&lt;/code&gt;:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;

&lt;span class="nt"&gt;&amp;lt;x-filament-panels::page.simple&amp;gt;&lt;/span&gt;
    @if (filament()-&amp;gt;hasRegistration())
        &lt;span class="nt"&gt;&amp;lt;x-slot&lt;/span&gt; &lt;span class="na"&gt;name=&lt;/span&gt;&lt;span class="s"&gt;"subheading"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
            {{ __('filament-panels::pages/auth/login.actions.register.before') }}

            {{ $this-&amp;gt;registerAction }}
        &lt;span class="nt"&gt;&amp;lt;/x-slot&amp;gt;&lt;/span&gt;
    @endif

    {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::AUTH_LOGIN_FORM_BEFORE, scopes: $this-&amp;gt;getRenderHookScopes()) }}

    &lt;span class="nt"&gt;&amp;lt;x-filament-panels::form&lt;/span&gt; &lt;span class="na"&gt;wire:submit=&lt;/span&gt;&lt;span class="s"&gt;"authenticate"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
        {{ $this-&amp;gt;form }}

        &lt;span class="nt"&gt;&amp;lt;x-filament-panels::form.actions&lt;/span&gt; &lt;span class="na"&gt;:actions=&lt;/span&gt;&lt;span class="s"&gt;"$this-&amp;gt;getCachedFormActions()"&lt;/span&gt; &lt;span class="na"&gt;:full-width=&lt;/span&gt;&lt;span class="s"&gt;"$this-&amp;gt;hasFullWidthFormActions()"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;/x-filament-panels::form&amp;gt;&lt;/span&gt;

    {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::AUTH_LOGIN_FORM_AFTER, scopes: $this-&amp;gt;getRenderHookScopes()) }}
&lt;span class="nt"&gt;&amp;lt;/x-filament-panels::page.simple&amp;gt;&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;O que fiz acima foi copiar o conteúdo da view de login original e colá-lo em nossa view.&lt;/p&gt;

&lt;p&gt;Agora vamos criar nosso arquivo CSS para podermos estilizar nossa tela de login. Vamos criar nosso arquivo em &lt;code&gt;resource/css/custom.css&lt;/code&gt;:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;

&lt;span class="nt"&gt;body&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;background-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;#12173e&lt;/span&gt; &lt;span class="cp"&gt;!important&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Apenas vamos precisar do CSS para modificar o plano de fundo da página de login. Fique à vontade para explorar sua criatividade e ajustar o CSS conforme suas preferências.&lt;/p&gt;

&lt;h2&gt;
  
  
  Registrando arquivos CSS
&lt;/h2&gt;

&lt;p&gt;Depois de criar o arquivo CSS, é necessário registrá-lo para que fique acessível em nosso sistema. Isso pode ser feito por meio de um &lt;a href="https://laravel.com/docs/10.x/providers" rel="noopener noreferrer"&gt;Provider&lt;/a&gt;, utilizando o método boot. Recomendo a criação de um &lt;a href="https://laravel.com/docs/10.x/providers" rel="noopener noreferrer"&gt;Provider&lt;/a&gt; dedicado para o registro desses ativos. No entanto, para o nosso exemplo, utilizarei o &lt;code&gt;AppServiceProvider&lt;/code&gt;, que está presente por padrão no Laravel. Nosso arquivo ficará assim:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;

&lt;span class="cp"&gt;&amp;lt;?php&lt;/span&gt;

&lt;span class="kn"&gt;namespace&lt;/span&gt; &lt;span class="nn"&gt;App\Providers&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Illuminate\Support\ServiceProvider&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Filament\Support\Facades\FilamentAsset&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Filament\Support\Assets\Css&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;class&lt;/span&gt; &lt;span class="nc"&gt;AppServiceProvider&lt;/span&gt; &lt;span class="kd"&gt;extends&lt;/span&gt; &lt;span class="nc"&gt;ServiceProvider&lt;/span&gt;
&lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="cd"&gt;/**
     * Register any application services.
     */&lt;/span&gt;
    &lt;span class="k"&gt;public&lt;/span&gt; &lt;span class="k"&gt;function&lt;/span&gt; &lt;span class="n"&gt;register&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt; &lt;span class="kt"&gt;void&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="c1"&gt;//&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;

    &lt;span class="cd"&gt;/**
     * Bootstrap any application services.
     */&lt;/span&gt;
    &lt;span class="k"&gt;public&lt;/span&gt; &lt;span class="k"&gt;function&lt;/span&gt; &lt;span class="n"&gt;boot&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt; &lt;span class="kt"&gt;void&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="nc"&gt;FilamentAsset&lt;/span&gt;&lt;span class="o"&gt;::&lt;/span&gt;&lt;span class="nf"&gt;register&lt;/span&gt;&lt;span class="p"&gt;([&lt;/span&gt;
            &lt;span class="nc"&gt;Css&lt;/span&gt;&lt;span class="o"&gt;::&lt;/span&gt;&lt;span class="nf"&gt;make&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'custom-stylesheet'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="k"&gt;__DIR__&lt;/span&gt; &lt;span class="mf"&gt;.&lt;/span&gt; &lt;span class="s1"&gt;'/../../resources/css/custom.css'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;loadedOnRequest&lt;/span&gt;&lt;span class="p"&gt;(),&lt;/span&gt;
        &lt;span class="p"&gt;]);&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;O método &lt;code&gt;loadedOnRequest&lt;/code&gt; foi empregado para garantir que nosso arquivo seja carregado apenas quando solicitado. Caso contrário, ele seria importado automaticamente no cabeçalho de todas as nossas páginas. No entanto, desejo aplicar essa personalização exclusivamente à nossa página de login.&lt;/p&gt;

&lt;p&gt;Estamos nos aproximando do final do tutorial. Se você acessar sua página de login nesta etapa, notará que ela permanece inalterada. Isso ocorre porque ainda não estamos referenciando nosso CSS personalizado na página. Vamos fazer isso agora! Vamos modificar nossa página de login para que fique assim:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;

&lt;span class="nt"&gt;&amp;lt;x-filament-panels::page.simple&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;x-data=&lt;/span&gt;&lt;span class="s"&gt;"{}"&lt;/span&gt; &lt;span class="na"&gt;x-load-css=&lt;/span&gt;&lt;span class="s"&gt;"[@js(\Filament\Support\Facades\FilamentAsset::getStyleHref('custom-stylesheet'))]"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
    @if (filament()-&amp;gt;hasRegistration())
        &lt;span class="nt"&gt;&amp;lt;x-slot&lt;/span&gt; &lt;span class="na"&gt;name=&lt;/span&gt;&lt;span class="s"&gt;"subheading"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
            {{ __('filament-panels::pages/auth/login.actions.register.before') }}

            {{ $this-&amp;gt;registerAction }}
        &lt;span class="nt"&gt;&amp;lt;/x-slot&amp;gt;&lt;/span&gt;
    @endif

    {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::AUTH_LOGIN_FORM_BEFORE, scopes: $this-&amp;gt;getRenderHookScopes()) }}

    &lt;span class="nt"&gt;&amp;lt;x-filament-panels::form&lt;/span&gt; &lt;span class="na"&gt;wire:submit=&lt;/span&gt;&lt;span class="s"&gt;"authenticate"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
        {{ $this-&amp;gt;form }}

        &lt;span class="nt"&gt;&amp;lt;x-filament-panels::form.actions&lt;/span&gt; &lt;span class="na"&gt;:actions=&lt;/span&gt;&lt;span class="s"&gt;"$this-&amp;gt;getCachedFormActions()"&lt;/span&gt; &lt;span class="na"&gt;:full-width=&lt;/span&gt;&lt;span class="s"&gt;"$this-&amp;gt;hasFullWidthFormActions()"&lt;/span&gt; &lt;span class="nt"&gt;/&amp;gt;&lt;/span&gt;
    &lt;span class="nt"&gt;&amp;lt;/x-filament-panels::form&amp;gt;&lt;/span&gt;

    {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::AUTH_LOGIN_FORM_AFTER, scopes: $this-&amp;gt;getRenderHookScopes()) }}
&lt;span class="nt"&gt;&amp;lt;/x-filament-panels::page.simple&amp;gt;&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Observe que adicionamos as seguintes linhas ao nosso arquivo:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;

&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;x-data=&lt;/span&gt;&lt;span class="s"&gt;"{}"&lt;/span&gt; &lt;span class="na"&gt;x-load-css=&lt;/span&gt;&lt;span class="s"&gt;"[@js(\Filament\Support\Facades\FilamentAsset::getStyleHref('custom-stylesheet'))]"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/div&amp;gt;&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Essas linhas são responsáveis por fazer a requisição do nosso arquivo CSS.&lt;/p&gt;

&lt;p&gt;Para concluir, devemos fazer uma última etapa que é executar o comando: &lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;

php artisan filament:assets


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Quando este comando é executado, o arquivo CSS é copiado para o diretório &lt;code&gt;/public&lt;/code&gt;. Caso não tivéssemos utilizado o método loadedOnRequest, ele seria carregado automaticamente em todas as visualizações do Blade que utilizam Filament.&lt;/p&gt;

&lt;p&gt;Agora, abra novamente sua página de login no navegador e vamos observar as mudanças em ação. Sua página agora deve se assemelhar à imagem abaixo:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgjuqj0aiq8a5h201bg8i.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgjuqj0aiq8a5h201bg8i.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Extra
&lt;/h2&gt;

&lt;p&gt;Aprendemos a modificar a cor de fundo da tela de login. Agora, vamos fazer algumas pequenas alterações adicionais.&lt;/p&gt;

&lt;p&gt;Pessoalmente, não sou fã da frase "Faça login", então vou removê-la. Para isso, vamos ajustar nossa classe &lt;code&gt;Login&lt;/code&gt; da seguinte maneira:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;

&lt;span class="cp"&gt;&amp;lt;?php&lt;/span&gt;

&lt;span class="kn"&gt;namespace&lt;/span&gt; &lt;span class="nn"&gt;App\Filament\Pages\Auth&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Filament\Pages\Auth\Login&lt;/span&gt; &lt;span class="k"&gt;as&lt;/span&gt; &lt;span class="nc"&gt;BaseLogin&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Illuminate\Contracts\Support\Htmlable&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;class&lt;/span&gt; &lt;span class="nc"&gt;Login&lt;/span&gt; &lt;span class="kd"&gt;extends&lt;/span&gt; &lt;span class="nc"&gt;BaseLogin&lt;/span&gt;
&lt;span class="p"&gt;{&lt;/span&gt;
&lt;span class="cd"&gt;/**
     * @var view-string
     */&lt;/span&gt;
    &lt;span class="k"&gt;protected&lt;/span&gt; &lt;span class="k"&gt;static&lt;/span&gt; &lt;span class="kt"&gt;string&lt;/span&gt; &lt;span class="nv"&gt;$view&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s1"&gt;'filament.auth.login'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

    &lt;span class="k"&gt;public&lt;/span&gt; &lt;span class="k"&gt;function&lt;/span&gt; &lt;span class="n"&gt;getHeading&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt; &lt;span class="kt"&gt;string&lt;/span&gt; &lt;span class="o"&gt;|&lt;/span&gt; &lt;span class="nc"&gt;Htmlable&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="s1"&gt;''&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Com isso, a frase já foi removida. No arquivo de configuração do painel, faremos algumas adições. Vamos modificar para que fique assim:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight php"&gt;&lt;code&gt;

&lt;span class="cp"&gt;&amp;lt;?php&lt;/span&gt;

&lt;span class="kn"&gt;namespace&lt;/span&gt; &lt;span class="nn"&gt;App\Providers\Filament&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="c1"&gt;// ...&lt;/span&gt;
&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Filament\FontProviders\GoogleFontProvider&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Filament\Panel&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="kn"&gt;use&lt;/span&gt; &lt;span class="nc"&gt;Filament\PanelProvider&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="kd"&gt;class&lt;/span&gt; &lt;span class="nc"&gt;MyPanelProvider&lt;/span&gt; &lt;span class="kd"&gt;extends&lt;/span&gt; &lt;span class="nc"&gt;PanelProvider&lt;/span&gt;
&lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="k"&gt;public&lt;/span&gt; &lt;span class="k"&gt;function&lt;/span&gt; &lt;span class="n"&gt;panel&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="kt"&gt;Panel&lt;/span&gt; &lt;span class="nv"&gt;$panel&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt; &lt;span class="kt"&gt;Panel&lt;/span&gt;
    &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nv"&gt;$panel&lt;/span&gt;
            &lt;span class="c1"&gt;// ...&lt;/span&gt;
            &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;colors&lt;/span&gt;&lt;span class="p"&gt;([&lt;/span&gt;
                &lt;span class="s1"&gt;'primary'&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="s1"&gt;'#12173e'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="p"&gt;])&lt;/span&gt;
            &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;font&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'Montserrat'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;provider&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt; &lt;span class="nc"&gt;GoogleFontProvider&lt;/span&gt;&lt;span class="o"&gt;::&lt;/span&gt;&lt;span class="n"&gt;class&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
            &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;brandLogo&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'https://dev-to-uploads.s3.amazonaws.com/uploads/logos/resized_logo_UQww2soKuUsjaOGNB38o.png'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
            &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;&lt;span class="nf"&gt;brandLogoHeight&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'3rem'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Agora, ao abrir sua página de login no navegador, ela deve se parecer com esta imagem:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0lnyjnbiiz3tzkr0jrfe.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0lnyjnbiiz3tzkr0jrfe.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;É isso! Espero que este tutorial tenha sido útil para você! Até a próxima.&lt;/p&gt;

</description>
      <category>laravel</category>
      <category>filament</category>
      <category>css</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Domine o Linux desde o início: 10 comandos básicos para iniciantes que irão aumentar sua produtividade!</title>
      <dc:creator>Tharles Amaro</dc:creator>
      <pubDate>Thu, 23 Feb 2023 20:53:02 +0000</pubDate>
      <link>https://forem.com/tharlesamaro/domine-o-linux-desde-o-inicio-10-comandos-basicos-para-iniciantes-que-irao-aumentar-sua-produtividade-57a0</link>
      <guid>https://forem.com/tharlesamaro/domine-o-linux-desde-o-inicio-10-comandos-basicos-para-iniciantes-que-irao-aumentar-sua-produtividade-57a0</guid>
      <description>&lt;p&gt;Se você é um iniciante no Linux e deseja aumentar sua produtividade, está no lugar certo! Neste artigo, vamos explorar os 10 comandos básicos para iniciantes no Linux.&lt;/p&gt;

&lt;p&gt;O Linux é um sistema operacional de código aberto, conhecido por sua estabilidade, segurança e flexibilidade. Sua interface de linha de comando permite que os usuários executem tarefas complexas usando comandos simples. Com esses 10 comandos básicos, você estará preparado para começar a explorar o sistema Linux e executar tarefas com mais eficiência. Aprender esses comandos ajudará a aumentar sua compreensão do sistema operacional e permitirá que você se sinta mais confortável com a interface de linha de comando.&lt;/p&gt;

&lt;p&gt;É importante destacar que, embora esses comandos sejam básicos, eles são essenciais para qualquer usuário do Linux. Com eles, você poderá criar, copiar, mover, excluir e navegar por arquivos e diretórios com facilidade. Além disso, esses comandos formam a base para o aprendizado de outros comandos mais avançados no futuro.&lt;/p&gt;

&lt;p&gt;Então, vamos começar a aprender esses 10 comandos básicos e dominar o Linux desde o início!&lt;/p&gt;




&lt;h3&gt;
  
  
  Índice
&lt;/h3&gt;

&lt;p&gt;01. ls: list&lt;br&gt;
02. cd: change directory&lt;br&gt;
03. pwd: print working directory&lt;br&gt;
04. mkdir: make directory&lt;br&gt;
05. rm: remove&lt;br&gt;
06. cp: copy&lt;br&gt;
07. mv: move&lt;br&gt;
08. cat: concatenate&lt;br&gt;
09. grep: global regular expression print&lt;br&gt;
10. chmod: change mode&lt;/p&gt;



&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  1. &lt;code&gt;ls&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;O comando "ls" é uma abreviação de "list" (listar) e é usado no Linux para listar os arquivos e diretórios de um determinado diretório. É um dos comandos mais básicos e úteis no Linux e pode ser personalizado com vários parâmetros para exibir informações adicionais ou para listar os arquivos em ordem alfabética. O comando "ls" é frequentemente usado para navegar pelo sistema de arquivos e verificar a presença de arquivos específicos em um diretório.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Para listar todos os arquivos e diretórios no diretório atual:
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;ls&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;Para listar todos os arquivos e diretórios no diretório especificado (neste exemplo, "/home/user"):
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;ls&lt;/span&gt; /home/user
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;Para listar todos os arquivos e diretórios no diretório especificado, incluindo arquivos ocultos:
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;ls&lt;/span&gt; &lt;span class="nt"&gt;-a&lt;/span&gt; /home/user
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;Para listar todos os arquivos e diretórios no diretório especificado, ordenados por tamanho:
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;ls&lt;/span&gt; &lt;span class="nt"&gt;-S&lt;/span&gt; /home/user
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;ul&gt;
&lt;li&gt;Para listar todos os arquivos e diretórios no diretório especificado, ordenados por data de modificação mais recente:
&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;ls&lt;/span&gt; &lt;span class="nt"&gt;-t&lt;/span&gt; /home/user
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;


&lt;p&gt;Esses são apenas alguns exemplos de como personalizar o comando "ls" com parâmetros para atender às suas necessidades de listagem de arquivos e diretórios.&lt;/p&gt;

&lt;p&gt;Para visualizar o manual do usuário para o comando "ls", execute o seguinte comando no terminal:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;man &lt;span class="nb"&gt;ls&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2. &lt;code&gt;cd&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;"cd" é um comando utilizado no terminal Linux para mudar o diretório de trabalho atual. "cd" é uma abreviação de "change directory" (mudar diretório) e é usado para navegar entre os diretórios do sistema de arquivos. Quando você executa o comando "cd", você pode especificar o diretório para o qual deseja mudar e o terminal mudará para esse diretório como diretório de trabalho atual. O comando "cd" é um dos comandos mais usados no terminal Linux, pois é uma maneira rápida e fácil de se mover entre os diretórios.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Mudar para um diretório específico:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cd&lt;/span&gt; /home/usuario/diretorio
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá mudar o diretório atual para "/home/usuario/diretorio".&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Mudar para o diretório pai:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cd&lt;/span&gt; ..
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá mudar o diretório atual para o diretório pai.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Mudar para o diretório home:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cd&lt;/span&gt; ~
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá mudar o diretório atual para o diretório home do usuário.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Mudar para o último diretório visitado:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cd&lt;/span&gt; -
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá mudar o diretório atual para o último diretório visitado.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Mudar para um diretório com um caminho relativo:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cd &lt;/span&gt;diretorio/subdiretorio
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá mudar o diretório atual para "diretorio/subdiretorio" dentro do diretório atual.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Para visualizar o manual do usuário para o comando "cd", execute o seguinte comando no terminal:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;man &lt;span class="nb"&gt;cd&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  3. &lt;code&gt;pwd&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;O comando "pwd" significa "print working directory" (imprimir diretório de trabalho) no Linux. Ele é usado para exibir o diretório atual em que você está trabalhando no terminal. Quando você executa o comando "pwd", ele exibe o caminho completo do diretório atual, começando do diretório raiz (/) do sistema de arquivos.&lt;/p&gt;

&lt;p&gt;O comando "pwd" é útil quando você precisa saber o caminho completo do diretório atual, por exemplo, ao criar ou editar arquivos em um diretório específico, ou quando você precisa passar o caminho completo do diretório para outro comando ou script.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Imprimir o diretório atual:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;pwd&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá imprimir o diretório atual na tela do terminal.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Salvar o caminho completo do diretório atual em uma variável:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nv"&gt;diretorio_atual&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="si"&gt;$(&lt;/span&gt;&lt;span class="nb"&gt;pwd&lt;/span&gt;&lt;span class="si"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá salvar o caminho completo do diretório atual em uma variável chamada "diretorio_atual".&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Exibir o caminho completo do diretório atual em um script:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;echo "O diretório atual é: $&lt;/span&gt;&lt;span class="o"&gt;(&lt;/span&gt;&lt;span class="nb"&gt;pwd&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt;&lt;span class="s2"&gt;"
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá exibir o caminho completo do diretório atual em um script de shell.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Usar o comando "pwd" com um pipe:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;ls&lt;/span&gt; | &lt;span class="nb"&gt;grep &lt;/span&gt;arquivo | xargs &lt;span class="nb"&gt;pwd&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá listar todos os arquivos que contêm a palavra "arquivo" em seu nome, e em seguida, imprimir o diretório atual em que cada um desses arquivos está localizado.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Para visualizar o manual do usuário para o comando "pwd", execute o seguinte comando no terminal:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;man &lt;span class="nb"&gt;pwd&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  4. &lt;code&gt;mkdir&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;O comando "mkdir" significa "make directory" (criar diretório) no Linux. Ele é usado para criar um novo diretório ou pasta no sistema de arquivos. Quando você executa o comando "mkdir", você especifica o nome do novo diretório que deseja criar.&lt;/p&gt;

&lt;p&gt;O comando "mkdir" é muito útil quando você precisa criar novos diretórios para armazenar arquivos ou organizar seus arquivos e pastas de forma mais eficiente. Ele pode ser usado com outras opções para personalizar as permissões e atributos do novo diretório que está sendo criado.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Criar um novo diretório no diretório atual:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;mkdir &lt;/span&gt;novo_diretorio
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá criar um novo diretório chamado "novo_diretorio" no diretório atual.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Criar um novo diretório em um caminho específico:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;mkdir&lt;/span&gt; /caminho/novo_diretorio
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá criar um novo diretório chamado "novo_diretorio" no caminho especificado.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Criar um novo diretório com permissões personalizadas:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;mkdir&lt;/span&gt; &lt;span class="nt"&gt;-m&lt;/span&gt; 777 novo_diretorio
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá criar um novo diretório chamado "novo_diretorio" com permissões 777 (rwxrwxrwx) para o proprietário, grupo e outros usuários.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Criar um novo diretório com subdiretórios:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;mkdir&lt;/span&gt; &lt;span class="nt"&gt;-p&lt;/span&gt; novo_diretorio/subdiretorio
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá criar um novo diretório chamado "novo_diretorio" e um subdiretório chamado "subdiretorio" dentro dele, tudo em um único comando.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Para visualizar o manual do usuário para o comando "mkdir", execute o seguinte comando no terminal:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;man &lt;span class="nb"&gt;mkdir&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  5. &lt;code&gt;rm&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;O comando "rm" significa "remove" (remover) no Linux. Ele é usado para excluir arquivos e diretórios do sistema de arquivos. Quando você executa o comando "rm", você especifica o nome do arquivo ou diretório que deseja remover.&lt;/p&gt;

&lt;p&gt;O comando "rm" pode ser usado com algumas opções para personalizar a maneira como os arquivos ou diretórios são removidos. Por exemplo, você pode usar a opção "-r" para remover diretórios recursivamente, ou a opção "-f" para forçar a remoção sem pedir confirmação.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;É importante ter cuidado ao usar o comando "rm", pois ele pode excluir arquivos e diretórios de forma irreversível e sem aviso prévio.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Remover um arquivo específico:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;rm &lt;/span&gt;arquivo.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá remover o arquivo chamado "arquivo.txt" do diretório atual.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Remover um diretório específico:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;rm&lt;/span&gt; &lt;span class="nt"&gt;-r&lt;/span&gt; diretorio
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá remover o diretório chamado "diretorio" e todos os seus arquivos e subdiretórios.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Remover um arquivo sem perguntar confirmação:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;rm&lt;/span&gt; &lt;span class="nt"&gt;-f&lt;/span&gt; arquivo.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá remover o arquivo chamado "arquivo.txt" sem perguntar se você tem certeza.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Remover todos os arquivos em um diretório específico:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;rm &lt;/span&gt;diretorio/&lt;span class="k"&gt;*&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá remover todos os arquivos no diretório chamado "diretorio", mas não removerá o próprio diretório.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Para visualizar o manual do usuário para o comando "rm", execute o seguinte comando no terminal:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;man &lt;span class="nb"&gt;rm&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  6. &lt;code&gt;cp&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;O comando "cp" significa "copy" (copiar) no Linux. Ele é usado para copiar arquivos e diretórios de um local para outro dentro do sistema de arquivos. Quando você executa o comando "cp", você especifica o arquivo ou diretório de origem e o destino para onde deseja copiar.&lt;/p&gt;

&lt;p&gt;O comando "cp" pode ser usado com algumas opções para personalizar a maneira como os arquivos ou diretórios são copiados. Por exemplo, você pode usar a opção "-r" para copiar diretórios recursivamente, ou a opção "-p" para preservar as permissões originais do arquivo ou diretório.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;É importante ter cuidado ao usar o comando "cp", pois ele pode substituir arquivos existentes no diretório de destino sem aviso prévio.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Copiar um arquivo específico para um diretório:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cp &lt;/span&gt;arquivo.txt diretorio/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá copiar o arquivo chamado "arquivo.txt" para o diretório "diretorio".&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Copiar um diretório e seu conteúdo para outro diretório:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cp&lt;/span&gt; &lt;span class="nt"&gt;-r&lt;/span&gt; diretorio_origem/ diretorio_destino/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá copiar o diretório "diretorio_origem" e todo o seu conteúdo (incluindo arquivos e subdiretórios) para o diretório "diretorio_destino".&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Copiar um arquivo e preservar suas permissões:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cp&lt;/span&gt; &lt;span class="nt"&gt;-p&lt;/span&gt; arquivo.txt arquivo_copia.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá copiar o arquivo chamado "arquivo.txt" para um novo arquivo chamado "arquivo_copia.txt" e manterá as permissões originais do arquivo.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Sobrescrever um arquivo existente sem perguntar confirmação:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cp&lt;/span&gt; &lt;span class="nt"&gt;-f&lt;/span&gt; arquivo_novo.txt arquivo_existente.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá copiar o arquivo chamado "arquivo_novo.txt" e sobrescreverá o arquivo existente chamado "arquivo_existente.txt" sem perguntar se você tem certeza.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Para visualizar o manual do usuário para o comando "cp", execute o seguinte comando no terminal:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;man &lt;span class="nb"&gt;cp&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  7. &lt;code&gt;mv&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;O comando "mv" no Linux significa "move" (mover) ou "rename" (renomear). Ele é usado para mover ou renomear arquivos e diretórios no sistema de arquivos.&lt;/p&gt;

&lt;p&gt;Ao usar o comando "mv", você especifica o arquivo ou diretório que deseja mover ou renomear e o destino para onde deseja mover ou renomear.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Assim como o comando "cp", é importante ter cuidado ao usar o comando "mv", pois ele pode substituir arquivos ou diretórios existentes no diretório de destino sem aviso prévio.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Mover um arquivo para um diretório específico:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;mv &lt;/span&gt;arquivo.txt diretorio/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá mover o arquivo chamado "arquivo.txt" para o diretório "diretorio".&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Renomear um arquivo no mesmo diretório:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;mv &lt;/span&gt;arquivo_antigo.txt arquivo_novo.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá renomear o arquivo chamado "arquivo_antigo.txt" para "arquivo_novo.txt" no mesmo diretório em que ele está localizado.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Mover um arquivo para outro diretório e renomeá-lo:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;mv &lt;/span&gt;arquivo.txt diretorio/arquivo_novo.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá mover o arquivo chamado "arquivo.txt" para o diretório "diretorio" e renomeá-lo para "arquivo_novo.txt" no mesmo processo.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Mover um diretório e todo o seu conteúdo para outro diretório:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;mv &lt;/span&gt;diretorio_origem/ diretorio_destino/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá mover o diretório "diretorio_origem" e todo o seu conteúdo (incluindo arquivos e subdiretórios) para o diretório "diretorio_destino".&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Para visualizar o manual do usuário para o comando "mv", execute o seguinte comando no terminal:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;man &lt;span class="nb"&gt;mv&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  8. &lt;code&gt;cat&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;O comando "cat" no Linux é abreviação de "concatenate" (concatenar) e é usado para exibir o conteúdo de um ou vários arquivos de texto na saída padrão (terminal).&lt;/p&gt;

&lt;p&gt;O comando "cat" é útil para visualizar rapidamente o conteúdo de um arquivo de texto, ou combinar vários arquivos em um único arquivo. Ele pode ser usado de várias maneiras, dependendo do que você deseja fazer com os arquivos.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;É importante lembrar que ele é destinado a arquivos de texto, e não deve ser usado com arquivos binários (como imagens ou arquivos executáveis).&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Visualizar o conteúdo de um arquivo de texto:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cat &lt;/span&gt;arquivo.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando exibirá todo o conteúdo do arquivo "arquivo.txt" na saída padrão do terminal.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Visualizar o conteúdo de vários arquivos de texto:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cat &lt;/span&gt;arquivo1.txt arquivo2.txt arquivo3.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando exibirá o conteúdo de todos os arquivos listados em sequência na saída padrão do terminal.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Criar um novo arquivo combinando o conteúdo de vários arquivos:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cat &lt;/span&gt;arquivo1.txt arquivo2.txt &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; novo_arquivo.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá concatenar o conteúdo dos arquivos "arquivo1.txt" e "arquivo2.txt" e criar um novo arquivo chamado "novo_arquivo.txt" com o conteúdo combinado.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Adicionar conteúdo de um arquivo em outro arquivo existente:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cat &lt;/span&gt;arquivo1.txt &lt;span class="o"&gt;&amp;gt;&amp;gt;&lt;/span&gt; arquivo2.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá concatenar o conteúdo do arquivo "arquivo1.txt" e adicioná-lo ao final do arquivo "arquivo2.txt".&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Visualizar o conteúdo de um arquivo de texto de forma paginada:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;cat &lt;/span&gt;arquivo.txt | less
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando irá exibir o conteúdo do arquivo "arquivo.txt" de forma paginada no terminal, permitindo que você role pela página para visualizar o conteúdo completo.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Para visualizar o manual do usuário para o comando "cat", execute o seguinte comando no terminal:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;man &lt;span class="nb"&gt;cat&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  9. &lt;code&gt;grep&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;O comando "grep" é um utilitário de linha de comando no Linux que é usado para buscar e filtrar texto em arquivos ou na saída de outros comandos. O nome "grep" é uma abreviação de "global regular expression print" (impressão de expressão regular global).&lt;/p&gt;

&lt;p&gt;O comando "grep" permite que você pesquise por padrões de texto específicos em um arquivo ou na saída de outros comandos, e exiba apenas as linhas que correspondem a esses padrões. Ele pode ser usado para realizar pesquisas simples ou avançadas, e suporta a utilização de expressões regulares para encontrar padrões de texto mais complexos.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Procurar uma palavra em um arquivo e exibir o resultado na tela:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;grep&lt;/span&gt; &lt;span class="s2"&gt;"palavra"&lt;/span&gt; arquivo.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando procura por todas as ocorrências da palavra "palavra" no arquivo "arquivo.txt" e exibe as linhas que contêm a palavra.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Procurar por uma palavra em vários arquivos ao mesmo tempo e exibir o resultado na tela:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;grep&lt;/span&gt; &lt;span class="s2"&gt;"palavra"&lt;/span&gt; arquivo1.txt arquivo2.txt arquivo3.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando procura por todas as ocorrências da palavra "palavra" em vários arquivos ao mesmo tempo e exibe as linhas que contêm a palavra.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Procurar por uma palavra em um diretório e exibir o resultado na tela:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;grep&lt;/span&gt; &lt;span class="s2"&gt;"palavra"&lt;/span&gt; diretorio/&lt;span class="k"&gt;*&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando procura por todas as ocorrências da palavra "palavra" em todos os arquivos do diretório "diretorio" e exibe as linhas que contêm a palavra.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Procurar por uma palavra em um diretório e em subdiretórios e exibir o resultado na tela:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;grep&lt;/span&gt; &lt;span class="nt"&gt;-r&lt;/span&gt; &lt;span class="s2"&gt;"palavra"&lt;/span&gt; diretorio/
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando procura por todas as ocorrências da palavra "palavra" em todos os arquivos do diretório "diretorio" e em todos os subdiretórios, e exibe as linhas que contêm a palavra.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Procurar por uma palavra em um arquivo ignorando letras maiúsculas e minúsculas e exibir o resultado na tela:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;grep&lt;/span&gt; &lt;span class="nt"&gt;-i&lt;/span&gt; &lt;span class="s2"&gt;"palavra"&lt;/span&gt; arquivo.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando procura por todas as ocorrências da palavra "palavra" no arquivo "arquivo.txt", ignorando letras maiúsculas e minúsculas, e exibe as linhas que contêm a palavra.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;Procurar por uma palavra em um arquivo usando uma expressão regular e exibir o resultado na tela:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;grep&lt;/span&gt; &lt;span class="nt"&gt;-E&lt;/span&gt; &lt;span class="s2"&gt;"padrao"&lt;/span&gt; arquivo.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Este comando procura por todas as ocorrências da palavra que corresponde ao padrão definido em "padrao" no arquivo "arquivo.txt" e exibe as linhas que contêm a palavra.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Para visualizar o manual do usuário para o comando "grep", execute o seguinte comando no terminal:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;man &lt;span class="nb"&gt;grep&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  10. &lt;code&gt;chmod&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;O nome "chmod" é uma abreviação de "change mode" (alterar modo).&lt;/p&gt;

&lt;p&gt;O comando "chmod" no Linux é usado para alterar as permissões de acesso de um arquivo ou diretório. As permissões de acesso determinam quais usuários podem ler, escrever ou executar o arquivo. As permissões são representadas por três dígitos binários (rwx), que correspondem às permissões para o dono do arquivo, para o grupo do arquivo e para outros usuários.&lt;/p&gt;

&lt;p&gt;O comando "chmod" permite que você altere as permissões de acesso usando a notação octal (um número de três dígitos) ou a notação simbólica (usando letras e símbolos). Existem opções adicionais que podem ser usadas com o comando "chmod" para alterar as permissões recursivamente em um diretório ou definir as permissões com base em um arquivo de referência.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Para dar permissão de leitura, escrita e execução para o dono do arquivo "arquivo.txt":
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;chmod &lt;/span&gt;u+rwx arquivo.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Para dar permissão de leitura e escrita para o dono do arquivo e para o grupo do arquivo, mas não para outros usuários:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;chmod &lt;/span&gt;660 arquivo.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Para remover a permissão de execução para outros usuários de um diretório chamado "diretorio":
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;chmod &lt;/span&gt;o-x diretorio
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;Para dar permissão de leitura, escrita e execução para o dono, grupo e outros usuários de um diretório chamado "diretorio" e de todos os arquivos e subdiretórios dentro dele:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nb"&gt;chmod&lt;/span&gt; &lt;span class="nt"&gt;-R&lt;/span&gt; 777 diretorio
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;Lembre-se de que o uso adequado do comando "chmod" é importante para garantir a segurança e integridade dos seus arquivos e diretórios.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Para visualizar o manual do usuário para o comando "chmod", execute o seguinte comando no terminal:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;man &lt;span class="nb"&gt;chmod&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;p&gt;Lembre-se de que existem muitos outros comandos úteis que você pode aprender à medida que se torna mais familiarizado com o sistema operacional. Experimente esses comandos em diferentes diretórios e com diferentes opções para ver como eles podem ser usados para simplificar suas tarefas no Linux.&lt;/p&gt;

</description>
      <category>discuss</category>
    </item>
  </channel>
</rss>
