Netgen Layouts: Building Pages with Symfony
Offered By: SymfonyCasts
Course Description
Overview
Netgen Layouts is about having your 🎂 - i.e. any Symfony app - and eating it too... by allowing you to rearrange your pages and mix in dynamic content via an admin area. Yup, your Symfony app & Twig templates + the power of a CMS tacked into the side. And all of this is done in a gently way, without "taking over" your app.
In this tutorial, we'll go from zero to hero by installing Layouts into an existing Symfony app:
- Installing & Setting up Layouts
- Mapping a "Layout" to existing pages
- Including your existing Twig blocks in your layout
- Adding custom "value types" and "query types" so you can embed grids/lists of the custom content from your app
- Customizing "item views": the templates used in grids/lists
- Creating a "content browser" to manually select content from your app
- Pulling content from a CMS - Contentful for our example
- Theming! Powerful and simple way to override templates
- Block Views: customizing how a block renders
- Block Plugins: adding custom options to every block in the system
Layouts is fun: adding a new level of flexibility without changing how you build your app.
Syllabus
- Hello Layouts+ Setup!
- Creating & Mapping Layouts
- Adding Twig Blocks to your Dynamic Layout
- Shared Layouts
- Adding More Customized Blocks
- Adding Lists: Value Type
- Value Converter
- Item View Template
- Frontend Item View
- Ajax Pagination & CSS/JS
- Content Browser
- Content Browser: Returning the Items
- Value Loader + Preview Template
- Contentful: Loading Data from an External CMS
- Mapping a Layout to Contentful Pages
- Building the Contentful Page
- Customizing the Contentful Slugger
- The Skills List Page + A Grid of Skills
- Themes & Overriding Templates
- Block Views & View Types
- Deep Dive into Item Views
- Prepending Config
- Contentful Item Template
- Block Views & Block Definitions
- Custom Block View
- Custom Item View Type
- Block Plugins
Taught by
Ryan Weaver
Related Courses
Programming LanguagesUniversity of Virginia via Udacity Building a Basic Website
University of Massachusetts Amherst via Independent iDESWEB, Introducción al desarrollo web
Miríadax Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity Web Application Architectures
University of New Mexico via Coursera