4.15 out of 5
73 reviews on Udemy

Become a Magento Developer – Front End Cert. (Subtitled EN)

Understand how Magento works and everything that envolves Front End development in a practical and professional way.
Ricardo Martins
536 students enrolled
Make visual customizations in your Magento store in a professional way, following the best development standards.
Create and sell custom themes or became a consultant in Magento store customization
Work as Magento FrontEnd Developer
Be more prepared for Magento FrontEnd Developer Exam


Is Magento making you crazy and lost with its XML files and folder structure?

Sign up for  “Become a Magento Developer – Front End Cert.”, a course with more than 370 satisfied students in its Brazil’s Portuguese version, now available with subtitles in English (by Silvia Castro).

This course is for developers and web professionals who are looking for an online Magento development course (M1). In this course we will talk about basic development, theme creation and how to customize a Magento store, following the best practices and recommendations of Magento.

The course was structured in a similar way to Magento FrontEnd Certification Study Guide, the official guide for the Front End developer certification.

Learning how to develop themes and understanding how to customize a store is certainly the first step to become a Magento developer.

Besides many other subjects, when you finish this course you’ll have knowledge about:

  •     Magento folders structure

  •     Theme and package development

  •     How to visually change any element on the e-commerce in the correct way, keeping the platform able to be updated with no risks

  •    Internationalization/translation of themes and packages

  •    Understanding about Layout XML and how we can do (almost) everything with them

  •    Types of blocks in Magento

  •    Add or remove elements in any page through XML files or via admin

  •    Multiple ways to translate our store

And you’ll also be one step closer to the Magento FrontEnd Developer 1.x Certification, with useful hints to take the exam.

You can watch the classes any time you want, in your computer, tablet or mobile using the Udemy apps, even offline.

Note: this course uses Magento version


What to expect from this course?
Useful tools (and the ones we will use).

In this class I'll introduce you 2 of my favorite tools for Magento development, and  everything you need to setup in order to start the course.

Entendendo a estrutura de temas do Magento

Folder structures

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.

Fallback of Design/Template folder

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

Modifying packages and themes from my 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.

Other ways to modify a theme

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.

Layout XML e Temas

Welcome to the third session
Creating a package and a theme

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.

Introduction to Layout XMLs

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

Block types and XML rendering

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

Understanding by practice the structure of a Layout XML

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

Inserting JS and CSS into specific pages using Layout XML

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.

Modifying a theme via Layout XML

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.

Layout XML. Did you understand everything?

More about blocks

Creating a block using a Template file

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.

Inserting a static block via Layout XML

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.

JavaScript e validações

Form validation using JavaScript and SSN field

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.

Extending a native JavaScript class

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

Creating a theme from scratch

Bonus: 3 important tips for a successful development

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

Creating the structure and beginning the development

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).

Translations and Locales

Types of translations and their priorities

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

  • Inline translations
  • Theme translation
  • Package/Module translation
Translating JavaScript

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

SaaS, Compass and the new way to write CSS

What you need to know about the new way of writing CSS in Magento

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.

Inspecting elements and versioning compass

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

Final words

Congratulations! You are a Magento developer.
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.2 out of 5
73 Ratings

Detailed Rating

Stars 5
Stars 4
Stars 3
Stars 2
Stars 1
30-Day Money-Back Guarantee


4 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion