Terrific Composer Workshop

  • View
    3.153

  • Download
    0

Embed Size (px)

DESCRIPTION

The Terrific Composer is a Frontend Development Framework – based on Symfony2 – that aims to make your life easier. It takes the modularization approach of Terrific and provides you a project structure that enables you to start right away. The slides are part of the Terrific Composer Workshop and includes tips & tricks for working with the Composer.

Text of Terrific Composer Workshop

  • 1.Terrific ComposerMakes your life easier

2. AgendaConceptTerrific Composer Installation Twig Pages Modules & Skins Layout Dev -> ProdRemo Brunschwiler 10. July 2012 # 3 3. GithubTake it. Make it better. Together. 4. RepositoriesTerrificJS https://github.com/brunschgi/terrificjsTerrific Composer (Symfony2 Edition) https://github.com/brunschgi/terrific-composerTerrific Symfony2 Bundles https://github.com/brunschgi/TerrificCoreBundle https://github.com/brunschgi/TerrificComposerBundleRemo Brunschwiler 10. July 2012# 5 5. ShowcasesSee Terrific in action 6. Remo Brunschwiler 14. August 2012 # 7 7. ConceptIts really easy 8. Hold on a minute!Before we dive deeper into the Terrific ComposerRemo Brunschwiler # 9 9. Hold on a minute!Before we dive deeper into the Terrific ComposerLets refresh our Terrificknowledge!http://www.slideshare.net/brunschgi/terrific-frontendsRemo Brunschwiler# 9 10. Terrific ComposerMakes your life easier 11. Terrific ComposerFrontend Development Framework Designed for building frontends / applications based on the Terrific concept Integrates TerrificJS Based on Symfony still very youngRemo Brunschwiler 10. July 2012# 11 12. Terrific ComposerFrontend Development Framework Designed for building frontends / applications based on the Terrific concept Integrates TerrificJS Based on Symfony still very young melts dozens of best practices!Remo Brunschwiler 10. July 2012# 11 13. DocumentationTerrific Composer Unfortunately, a specific documentation does not exist yet Any help is gladly appreciated!!Symfony Documentation http://symfony.com/doc/current/quick_tour/the_big_picture.html quick tour http://symfony.com/doc/current/book/ really great in-depth documentation! http://symfony.com/doc/current/cookbook/ solutions and tutorials for common tasks http://symfony.com/doc/current/components/index.html symfony components documentationRemo Brunschwiler 10. July 2012 # 12 14. InstallationVery fast setup for your project! 15. Download it from: http://terrifically.org/composer/ InstallationRemo Brunschwiler 10. July 2012 # 14 16. Explore the sidebar and their possibilities 17. CreateAdd new Modules & Skins to your project.The Skeleton is generated for you so thatyou can start right away.Remo Brunschwiler 10. July 2012# 16 18. OpenThe Open dialog provides you fast access toall of your Modules and Pages.Remo Brunschwiler 10. July 2012 # 17 19. InspectThe inspect mode shows you which modulesare in use on the current page.Remo Brunschwiler 10. July 2012# 18 20. TwigThe flexible, fast, and secure template engine for PHP 21. TwigSymfony comes with a powerful templating language called Twig http://symfony.com/doc/current/book/templating.html http://twig.sensiolabs.org/documentationI couldnt have explained it better, so have a look at the linksabove :-)Remo Brunschwiler 10. July 2012 # 20 22. IDE IntegrationTwig is a quite young project, but there is already support forseveral IDEs: PhpStorm (native as of 2.1) recommended!! Textmate via the Twig bundle Vim via the Jinja syntax plugin Netbeans via the Twig syntax plugin Eclipse via the Twig plugin Sublime Text via the Twig bundle Coda 2 via the other Twig syntax modeRemo Brunschwiler 10. July 2012 # 21 23. Hands on!Terrific Composer Step by Step 24. Step by StepCommon Tasks Create a new page Create a new Module / Skin Create a new layout Development -> ProductiveRemo Brunschwiler 10. July 2012 # 23 25. PagesPlay Lego! 26. Lets see it in actionRemo Brunschwiler 10. July 2012 # 25 27. Create a new pageThings to do 1. Create a new or extend an existing controller 2. Create an action in the controller 3. Set annotations (@Template, @Route, @Composer) 4. Create a view (twig file) in /Resources/views/Remo Brunschwiler 10. July 2012# 26 28. 1. Create / Extend Controller