Wordpress Theme Development with Twig and Timber

Install Local by Flywheel and create new website.

Install Visual Studio Code and extension that helps developing in Twig.

Install Composer to later use it for Timber installation.

Basic information about Twig and Timber and where you should search for information about it.

What is a variable and how to output it.

Understand data types, in first part you will learn about string, number, boolean and null.

Understand data types, in second part you will learn about array and hash.

Understand basics of template inheritance - one of the best Twig features, using tags block, extends and parent function

Conditional logic with if tag, execute some code based on some condition.

Different syntax for conditional logic - ternary operator - that you can use instead of if block.

Introduction to for loop that is used to run the same code multiple times, to iterate in a sequence of items.

More information and different usage of for loop.

Reusable pieces of code are another thing about templating in twig. Learn how to do it with macro and include.

More information about macro, how to set default values, call macro from the same file and special variable varargs.

Quick example to practice templating and visualize the rendering process.

Learn how to modify the variable before outputting to the HTML.

Learn how to use functions with some examples.

Explanation about available operators (logic, math, is, in) and how to perform a test.

Understand what is a truthy and falsy value in comparison to true and false.

HTML and Twig comments compared and also how to use dump function for debugging.

How to install Timber and how it connects Twig and WordPress. Also about two template hierarchies used in this environment to render initial .twig file.

Examples of data that you can grab from the context using post. site. and theme.

Learn how to add your own variables to the context in controller file (local) and also in functions (global). Also about using Advanced Custom Fields to send data from WP backend to the .twig template.

Few examples of different Timber features to give you an idea of how many things Timber has to offer.

How to install and use Timber Starter Theme as great starting point for you project.

In this lesson we are going to learn what you should remember before deploying website and how to do it.

In this lesson we are going to create more complicated macro example.

In this lesson we are going to learn what is Bootimber theme, how you can use it to develop in a more efficient way.