Jigsaw - sites estáticos para desenvolvedores ágeis

Conheça um pouco mais sobre os geradores de sites estáticos que estão revolucionando a web e aprenda a construir um site estático utilizando PHP.

Jigsaw é um framework para a construção rápida de sites estáticos usando a mesma ferramenta moderna que já conhece para criação de aplicações web.

Aprenda com esta ferramenta a criar sites estáticos de maneira rápida e como hospedar usando o Githubpages.

Transcript

1. Jigsaw Sites estáticos para desenvolvedores ágeis.
2. Sobre mim... • Graduando Tecnologia em Sistemas de Computação - UFF. • Analista de Sistemas na Lyseon Tech - Soluções Tecnológicas. • Fundadora da comunidade PHPWomenRJ. • Organizadora PHPRio. contacte-me: @DaianeAlvesRJ
3. Jigsaw?
4. Jigsaw ?
5. Jigsaw
6. O que é Jigsaw? • Desenvolvido pela empresa Tighten. • Início: Maio/2015 • Escreve arquivos estáticos - HTML, CSS e JavaScript. • Você pode usar git para implantar, ou scp, ou mesmo SFTP. • Ferramenta baseada em Laravel. • Utiliza Blade. • Commits: 446 • Star: 789
7. - Jigsaw Star GitHub (+1s) 789 Template Engine Blade .Layouts sim .Includes sim Front Matter / Meta-Dados Yaml Datafiles PHP Css Prossessing Não(*) HTML "Shortcodes" Markdown
8. Sites estáticos • Não sofrem grandes alterações de conteúdo. • Não são permitidas interações complexas. • Somente o desenvolvedor do site pode efetuar as atualizações .
9. Outras ferramentas • Jekill • Sculpin • Couscous • Spress
10. Por que usar Jigsaw? • Problema: Repetição de código
11. Por que usar Jigsaw? • Problema: Repetição de código • Solução: Utilização de templates
12. Porque Jigsaw? • Problema: Repetição de código • Solução: Utilização de templates. • Não necessita de instalações complexas.
13. Porque Jigsaw? • Problema: Repetição de código • Solução: Utilização de templates. • Não necessita de instalações complexas. • Você pode trabalhar em seu site enquanto offline
14. Podemos usar PHP! Blade <nome_do_arquivo>.blade.php
15. Aplicação Criando um site simples com Jigsaw.
16. Instalação local $ mkdir project && cd project
17. Instalando Jigsaw via Composer: $ composer require tightenco/jigsaw
18. Iniciando um projeto $ ./vendor/bin/jigsaw init
19. Build $ ./vendor/bin/jigsaw build
20. Server $ ./vendor/bin/jigsaw serve
21. Estrutura de pastas
22. Olá mundo / buildin PHP Source.
23. Olá mundo / buildin PHP Source.
24. Variáveis ​​do site
25. Variáveis ​​do site
26. Variáveis ​​do site
27. Helper Methods
28. Tipos de templates suportados • Blade Templates & Partials
29. Modelos suportados • Blade Templates & Partials • Makdown
30. Markdown Extensões .markdown .md
32. Onde usamos Markdown? GitHub - Readme.md - Pull request
33. Porque eu devo aprender e usar Markdown? - Legível - Fácil de ler e interpretar.
34. Devo fazer tudo em Markdown?
35. Exemplo
38. Outros tipos de arquivos • no-HTML
39. Variáveis customizadas
41. Podemos usar funções em php <p>Texto publicado em {{ date('F j, Y', $post->date) }}</p>
42. Collections • Menus • Paginação • Categorias • Tags
43. Definindo uma collection
45. Generating Collection Pages
46. Generating Collection Pages
47. Conclusão • Facilidade de implementação • Não há necessidades de aprender mais um sistema de templates • Utiliza Gulp e Elixir • Collections • Documentação
48. Site oficial http://jigsaw.tighten.co/
49. Referências http://jigsaw.tighten.co/docs https://github.com/geraldb/talks/blob/master/jigsaw.md https://laravel-news.com/jigsaw-v1igsaw-v1 https://laravel-news.co https://tighten.co/blog/introducing-jigsaw-a-static-site-generator-for-laravel-develop ers
50. Contatos Twitter/Telegram/Github @DaianeAlvesRJ
51. Obrigada!