Become a Magento Developer - Front End Cert. (subtitled)
4.8 (10 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
111 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Become a Magento Developer - Front End Cert. (subtitled) to your Wishlist.

Add to Wishlist

Become a Magento Developer - Front End Cert. (subtitled)

Understand how Magento works and everything that envolves Front End development in a practical and professional way.
Best Seller
4.8 (10 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
111 students enrolled
Created by Ricardo Martins
Last updated 2/2017
Current price: $10 Original price: $70 Discount: 86% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 4 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
  • You should have knowledge about HTML, PHP, XML, MySQL and general web development

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 (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

Who is the target audience?
  • This course is for those developers who aims to understand how Magento works and start developing for it.
  • For those who already has some experience with web development, PHP and HTML.
Compare to Other Magento Courses
Curriculum For This Course
25 Lectures
2 Lectures 05:31

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.

Preview 03:01
Entendendo a estrutura de temas do Magento
5 Lectures 47:12

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.

Folder structures

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

Fallback of Design/Template folder

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.

Modifying packages and themes from my store

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.

Other ways to modify a theme
Layout XML e Temas
7 Lectures 01:11:51
Welcome to the third session

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.

Creating a package and a theme

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

Introduction to Layout XMLs

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

Preview 06:19

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

Understanding by practice the structure of a 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.

Modifying a theme via 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.

Inserting JS and CSS into specific pages using Layout XML

Layout XML. Did you understand everything?
4 questions
More about blocks
2 Lectures 16:18

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.

Creating a block using a Template file

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.

Inserting a static block via Layout XML
JavaScript e validações
2 Lectures 23:42

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.

Form validation using JavaScript and SSN field

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

Extending a native JavaScript class
Creating a theme from scratch
2 Lectures 18:46

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

Bonus: 3 important tips for a successful 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).

Creating the structure and beginning the development
Translations and Locales
2 Lectures 20:06

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

  • Inline translations
  • Theme translation
  • Package/Module translation
Types of translations and their priorities

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

Translating JavaScript
SaaS, Compass and the new way to write CSS
2 Lectures 25:11

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.

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

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

Inspecting elements and versioning compass
Final words
1 Lecture 01:31
Congratulations! You are a Magento developer.
About the Instructor
Ricardo Martins
4.5 Average rating
536 Reviews
3,727 Students
5 Courses
Magento Certified Developer

Após mais de 16 anos de experiência em desenvolvimento para web, me apaixonei pelo desenvolvimento em Magento e participo ativamente da sua comunidade desde 2011, com algumas palestras e apresentações em alguns eventos no Brasil, e participando de eventos sobre o assunto por vários lugares, como o Magento Imagine (em Las Vegas).

Atualmente escrevo para meu blog pessoal de desenvolvimento e empreendedorismo, e contribuí com alguns módulos open source para Magento (como o PagSeguro transparente), além de ter escrito uma matéria de capa sobre Magento para a revista americana Php Solutions.

Profissional certificado pela Magento Inc., possuindo duas certificações: Magento Developer e Magento FrontEnd Developer, sendo um dos 3 primeiros profissionais certificados no Brasil.