Skip to content

Latest commit

 

History

History
128 lines (92 loc) · 3.83 KB

liquid-roadmap.md

File metadata and controls

128 lines (92 loc) · 3.83 KB
Raw

Roadmap de Estudo para a Linguagem Liquid

1. Introdução ao Liquid

  • O que é o Liquid?

    • Definição e propósito.
    • Onde o Liquid é utilizado (ex.: Shopify, Jekyll).

  • Ambientes de uso

    • Configurar um ambiente local para experimentar com Liquid.
    • Ferramentas online para testar Liquid (ex.: LiquidJS, Liquid Templating Sandbox).

2. Sintaxe Básica

  • Tags

    • Introdução às tags ({% ... %}).
    • Principais tags: if, for, assign, capture, case.

  • Filtros

    • Uso de filtros para modificar a saída de variáveis.
    • Filtros comuns: date, upcase, downcase, capitalize, strip.

  • Objetos e Variáveis

    • Acessar e manipular variáveis e objetos no Liquid.
    • Variáveis globais comuns (ex.: content_for_header, page.title).

3. Estruturas de Controle

  • Condicionais

    • Uso de if, elsif, else para controlar o fluxo.

  • Loops

    • Iterando sobre arrays e coleções com for.
    • Uso de break e continue dentro de loops.

  • Capturando Saída

    • Uso da tag capture para armazenar blocos de código em variáveis.

4. Trabalhando com Coleções e Arrays

  • Iterando sobre coleções

    • Utilizar for para iterar sobre coleções e arrays.
    • Filtros específicos para coleções: first, last, size, sort, where.

  • Manipulação de Arrays

    • Adicionar, remover e acessar elementos.

  • Paginação

    • Implementar paginação com Liquid.

5. Trabalhando com Dados e Conteúdo Dinâmico

  • Filtros Avançados

    • Trabalhar com datas e tempos.
    • Filtros matemáticos e manipuladores de strings.

  • Templates Parciais

    • Uso de include para reutilizar blocos de código.

  • Layouts e Seções

    • Organização de layouts e uso de seções para modularidade.

6. Boas Práticas

  • Estrutura e Organização

    • Como organizar arquivos Liquid em projetos maiores.
    • Nomeação de variáveis e tags.

  • Performance

    • Dicas para otimizar a performance do Liquid em seu projeto.
    • Evitar repetições desnecessárias e uso excessivo de loops.

7. Casos de Uso Específicos

  • Liquid em Shopify

    • Como o Liquid é aplicado em temas do Shopify.
    • Integração com APIs do Shopify.

  • Liquid em Jekyll

    • Como usar Liquid em blogs e sites estáticos com Jekyll.
    • Configurações específicas e truques.

8. Projeto Prático

  • Desenvolvimento de Tema Personalizado

    • Criar um tema customizado do zero usando Liquid.
    • Implementar componentes reutilizáveis e templates dinâmicos.

  • Integração com um CMS ou Plataforma

    • Exemplo de integração do Liquid com um CMS (ex.: Shopify ou Jekyll).
    • Personalização e extensão das funcionalidades padrão.

9. Recursos Avançados e Comunidade

  • Explorar a Documentação Oficial

    • Revisão constante da documentação do Liquid.

  • Participar em Comunidades

    • Fóruns, grupos, e eventos para desenvolvedores Liquid.

  • Contribuir para Open Source

    • Como contribuir para projetos que utilizam Liquid.

10. Mantenha-se Atualizado

  • Novidades e Atualizações
    • Seguir blogs e newsletters focados em Liquid.
    • Participar de webinars e cursos para se manter atualizado sobre novas práticas e funcionalidades.

Ferramentas e Recursos Úteis

  • Documentação do Liquid: Shopify Liquid Documentation
  • Playgrounds para Testar Liquid: LiquidJS, Liquid Templating Sandbox.
  • Cursos Online: Udemy, Coursera, etc.