Become a Magento Developer - Front End (Subtitled EN)

In this class we'll talk about the main folders that we'll use along the course and in our lives as Magento Frontend developers. We'll also learn how to enable/disable modules in a secure way.

Get to know how Magento looks for template files, XML and themes in your store.

Continuing the previous class about fallbacks, let's hands on how Magento's fallback process works and play with it a little bit, changing the theme with other native themes from Magento.

In the previous class we saw how to change our theme and packages in the usual way.

In the certification exam and in a daily-basis, we need to know other ways to change a theme and in witch situtation we should use them.

This lecture is about that. You'll learn how to take advantage of themes and packades, empowering your abilities and your store as well.

In this class we'll create our first package and our first theme. And we will override a file from Magento's theme, using new fallback features from Magento 1.9.

Let me introduce you to the most important subject of theme development: the XML files.

Let's get to know the types of blocks in Magento, what they do, and how Magento reads and process the Layout XML files.

Let's talk about Layout XML structure, main blocks, methods, and some resources of this powerful feature of Magento.

Let's go deep in HEAD block, that allow us to add JS and CSS in different places. And finally, how to add a JS and CSS file in the product page by using catalog_product_view handle.

In this class let's see how is possible to add a text block in specific pages, manage it's position and how it can be done without modifying any file, by using Magento's admin.

Let's create a phtml file and insert it in our pages. I also will talk about some variable patterns and if and else structures, and we'll discover how text_list block works.

In this class let's introduce static blocks, and how they can help us on the store maintenance, giving the administrator the possibility to change precious data in Admin.

In this class we'll talk about how Magento validates data in forms by using JavaScript, and we'll also see how to add a custom validation class. In this case I'll present a way to validate customer's CPF (brazilian ID) and two ways to add validations to it.

Nesta aula veremos uma forma simples de se estender um método nativo do Magento, utilizando o wrap() do prototype. 

Although this class is not only about theme development, I'll give you 3 important hints for a well development life cicle.

Nesta aula vamos ver como se dá o começo do desenvolvimento de um novo tema, e como informamos ao magento como definir o template do esqueleto principal de uma página (root template).

In this class we'll talk about 3 types of translation in Magento:

• Inline translations
• Theme translation
• Package/Module translation

Magento also supports JavaScript translations. This is what we'll talk about now.

In later versions, it became easier and more efficient to write CSS. In this class we'll see how to make use of Compass - a CSS framework.

Class added in 03/feb/2016.

Como descobrir em qual .scss foi declarada uma regra css? Como versionar arquivos CSS gerados pelo compass?

É isso que vamos ver nessa aula.

Aula adicionada em 03/02/2016