Adobe Business Catalyst is a popular tool with Web Professionals for building and managing websites. This course is designed for those who want to learn more about Liquid Markup associated with Adobe Business Catalyst.
Have you ever wanted to do more in Adobe Business Catalyst? If so, An Introduction to Liquid Markup for Adobe Business Catalyst is the perfect course for you because you will the learn more about Liquid Markup associated with Adobe Business Catalyst. First, you will get the answer to the question "What is Liquid Markup?". Next, you will learn various concepts that make up liquid markup including output, tags, mathematical filters, and string manipulation filters. Finally you'll explore loops, loop helpers, and much more. When you're finished with this course, you'll not only be able to start using Liquid Markup in your next web project, but you will be able to do more with the data Business Catalyst provides. Software required: Adobe Business Catalyst.
Scott B. Reynolds has had his hands in HTML since the 90’s and often presents on topics related to design, front-end development, and marketing. Scott is the founder of Thrise LLC, a Premium Business Catalyst Partner. He is a Business Catalyst Developer and Trainer who frequently presents in-person and online.
Course Overview Hello, and welcome to an Introduction to Liquid Markup for Adobe Business Catalyst. I'm Scott Reynolds with Thrise, and not only is my company a premium business catalyst partner, but I've personally worked with hundreds of other Business Catalyst partners, training, consulting, and developing for their client projects. I've also built several Business Catalyst apps, and work with Liquid Markup on a daily basis. In this course, I'll be walking you through the exciting and powerful way to develop online businesses using the templating engine, Liquid. This course is designed for anyone who wants to learn more about Liquid Markup associated with Adobe Business Catalyst. We'll be going over the basics and showing lots of examples. We'll first go over what Liquid is, and then each module will be dedicated to concepts that will help you apply Liquid Markup to your clients' projects. You will learn about output, filters, tags, modules, globals, and much, much more. Building online businesses is going to be so much easier once you nail the basics of Liquid Markup. So let's get started.
Introduction Welcome to An Introduction to Liquid Markup for Adobe Business Catalyst. I'm Scott Reynolds, and in this course you will learn everything you need to get started with the Liquid templating engine in Business Catalyst. This module is the first module of the course, so I'd like to begin by answering the question, what is Liquid Markup? And, why use Liquid Markup in your Business Catalyst projects? And then I'll get you set up so you can follow along, but first let's go over some basics.
Outputs & Filters In this module, we'll go over the best way to output data, and how to filter that data so it's rendered the way you need to. Like we discussed earlier, outputs are surrounded by double curly braces. And if I were to enter a number, let's say 5, and then look at the output, you will see that our tags are replaced with just the data that is in the braces. Now I could do the same thing with a string. Here's a short sentence, and just our text in between the quotations are output on the page. Liquid replaced the tag with what is inside of the braces. Now, this is a good way to show off output, but this example isn't too practical for a real project. What would be helpful is if we could output data related to our website. This could be the title of the page, or a product price, or if the user is logged in maybe their first name or their last name. Fortunately, we can output almost any data Business Catalyst has related to the site. We just need to know how to get it out of Business Catalyst. In the next few clips, I'll go over how to get the data into our Liquid Markup. we know how to get the data, let's find out the number of
Tags This module will focus on tags. Tags are organized into three types, variables, control flow, and iteration. And as I mentioned in a previous clip, tags are surrounded by a single curly brace and a percentage sign. These tags don't output visible content, but can be used to determine what gets rendered. For example, you can create a variable with assign or capture, or you can create a conditional statement with if, or you can use it to repeat code using a for loop. You may have noticed that I'm adding a dash immediately before the closing tag. This is optional, but I recommend it. The dash removes the whitespace that Liquid Markup creates in the HTML. It'll help clean up your markup. The rest of the module, we will go over the various tags in Liquid.