Estudo do Symfony 4.4

Repositório utilizado para estudar Symfony4

---

Material

• Ambiente PHP
• Symfony 4
• Symfony Documentation
• Modelo utilizado para montar o container do Node para rodar o encore

---

Instalação e Configuração do Symfony

• Instalação do Symfony4.4

  • Instalação para a aplicação web tradicional

    docker run --rm --interactive --tty --volume  C:\Users\yurig\Projetos\estudo-symfony-4\:/app composer create-project symfony/website-skeleton:"^4.4" app;

  • Configuração
    • host
      • editar o hosts
        • no Windows C:\Windows\System32\drivers\etc
        • no Linux /etc/hosts
      • adicione o conteúdo no final do arquivo

        127.0.0.1 estudo-syfmony-4.localhost

    • Configurar o Web Server
      • Como configurar o webserver

• Databases + Doctrine ORM

  • Instalando o orm-pack

    docker-compose run --rm composer require symfony/orm-pack;

• MakerBundle

  • Instalando o maker

    docker-compose run --rm composer require --dev symfony/maker-bundle;

• CSRF Protection

  • Instalando o security-csrf

    docker-compose run --rm composer require symfony/security-csrf;

---

Symfony

• Form
  • Types
    • Documentação para implementar os forms;
  • Tema da form com Bootstrap 4

---

Encore

Documentação

• Installing Encore

  Este link leva a documentação que demostra como instalar o encore;

• Encore: Setting up your Project

  Este link leva a documentação que demostra como configurar e utilizar o encore no seu projeto;

• Encore Documentation

Resumo

• Instalar o webpack-encore

  docker-compose run --rm composer require symfony/webpack-encore-bundle;
  docker-compose run --rm node yarn install;

• Incluir o jquery

  docker-compose run --rm node yarn add jquery --dev

• Incluir o sass

  docker-compose run --rm node yarn add sass-loader@^8.0.0 node-sass --dev

• Comandos do encore;

  #compila os assests uma vez
  docker-compose run --rm node yarn encore dev
  #recompila os assests automaticamente quando tem mudança nos arquivos
  docker-compose run --rm node yarn encore dev --watch
  #cria uma build para produção
  docker-compose run --rm node yarn encore production

---

Bootstrp

Documentação

• Using Bootstrap CSS & JS
• Documentação do Bootstrap
• Font Awesome
• Falcon-admin

Resumo

• Instalar o bootstrap

  docker-compose run --rm node yarn add bootstrap --dev;
  docker-compose run --rm node yarn add jquery popper.js --dev;

• Instalar o Font Awesome

  docker-compose run --rm node yarn add --dev @fortawesome/fontawesome-free;

  • Adicionar no app.js

    require('@fortawesome/fontawesome-free/css/all.min.css');
    require('@fortawesome/fontawesome-free/js/all.js');

---

Idéias para implementar

React

• Aplicação com Symfony e React

• Enabling React.js

  yarn add @babel/preset-react --dev
  yarn add react react-dom prop-types

• Symfony Cast