Development
E-Commerce
Magento
Torne-se um desenvolvedor Front End Magento
4.4 (449 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,819 students enrolled

Torne-se um desenvolvedor Front End Magento

Entenda como o Magento 1.x funciona e tudo que envolve o desenvolvimento frontend de forma profissional e prática.
4.4 (449 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,819 students enrolled
Created by Ricardo Martins
Last updated 6/2019
Portuguese
Portuguese [Auto]
Preview this course
Torne-se um desenvolvedor Front End Magento
Current price: $31.99 Original price: $49.99 Discount: 36% off
15 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Customizar visualmente sua loja Magento de forma profissional e seguindo as boas práticas de desenvolvimento para Magento
  • Criar e vender temas personalizados ou oferecer consultoria na customização de lojas virtuais em Magento
  • Trabalhar como desenvolvedor FrontEnd Magento
  • Estar mais preparado para a certificação Magento FrontEnd Developer
Course content
Expand all 26 lectures 03:53:17
+ – Introdução
2 lectures 05:31
O que esperar deste curso?
Preview 02:30

Nesta aula apresentarei 2 das minhas ferramentas preferidas para desenvolver com Magento, e tudo o que você precisa configurar ou ter para começar as aulas.

Ferramentas úteis (e que utilizaremos nesse curso)
Preview 03:01
+ – Entendendo a estrutura de temas do Magento
5 lectures 47:17
Bem-vindo oficialmente
01:10

Nesta aula falaremos sobre as principais pastas que usaremos no decorrer do curso e na vida de um desenvolvedor frontend Magento. Entre outras coisas, aprenderemos também como desativar módulos de forma segura em nossa loja.

Estrutura de pastas
09:24

Entenda em qual ordem o Magento irá buscar por arquivos de template, xml e temas na sua loja.

Fallback de pastas de design/templates
13:01

Dando continuação à aula anterior sobre hierarquias, vamos ver na prática como o magento faz o fallback de temas e vamos brincar um pouco, alterando o tema da nossa loja com outros temas nativos do magento.

Alterando pacotes e temas da minha loja
07:11

Na aula anterior vimos como alterar o nosso tema e nosso pacote da forma normal.

Na certificação e na vida do desenvolvedor frontend Magento, precisamos conhecer as outras formas de se alterar um tema e entender em que situação devemos usar cada uma delas.

Essa aula é sobre isso. Você vai aprender a tirar o melhor proveito de temas e pacotes, podendo oferecer muito mais poder e flexibilidade a sua loja, ou para loja do seu cliente.

Outras formas de se alterar um tema
16:31
+ – Layout XML e Temas
7 lectures 01:11:51
Bem-vindo(a) à seção 3
01:04

Nesta aula vamos criar nosso primeiro package e nosso primeiro tema. E ainda vamos sobrescrever um arquivo do tema do magento, usando recursos novos de hierarquia da versão 1.9.

Criando um pacote(package) e um tema(theme)
15:43

Vamos conhecer um pouquinho da parte mais importante no desenvolvimento de temas: os arquivos de XML

Introdução aos XML's de Layout
05:58

Nesta aula vamos conhecer os dois tipos de blocos que o magento trabalha, pra que eles servem, o que fazem e como o magento lê e processa os arquivos de Layout XML.

Tipos de Blocos e processamento dos XML's
Preview 06:19

Nesta aula falarei sobre a estrutura de um XML de Layout, sobre os principais blocos, métodos, e alguns dos recursos dessa poderosa ferramenta.

Entendendo a estrutura de um XML de Layout na prática
12:05

Nesta aula vamos ver como é possível adicionar um bloco de texto em páginas específicas, gerenciar a posição do bloco, e como isso pode ser feito também sem modificar nenhum arquivo, apenas pelo painel do Magento.

Modificando um tema via layout XML
16:57

Vamos estudar os principais métodos do bloco head, que nos permite adicionar JS e CSS de diferentes lugares. E por fim, vamos ver como adicionar um JS e um CSS nas páginas de produtos da nossa loja utilizando o handle catalog_product_view.

Inserindo JS e CSS em páginas específicas via XML
13:45
Layout XML. Você entendeu tudo?
4 questions
+ – Um pouco mais sobre blocos
2 lectures 16:18

Vamos criar um arquivo phtml e inserir ele em nossas páginas. Também falarei sobre algumas normatizações de variáveis e estruturas de if e else, e veremos como o template do bloco de listagem de produtos funciona.

Criando um bloco com arquivo de template
11:16

Nesta aula vamos conhecer os Blocos Estáticos, e como eles podem ajudar na manutenção da nossa loja, dando a possibilidade do nosso administrador alterar informações preciosas pelo próprio painel do Magento.

Inserindo um bloco estático via layout XML
05:02
+ – JavaScript e validações
2 lectures 23:42

Nesta aula vamos falar sobre a forma como o magento valida formulários via JavaScript e ainda veremos como adicionar uma classe de validação customizada. E de presente ainda vamos ver como adicionar o campo de CPF no nosso checkout e duas formas de adicionar validações nele.

Validação de formulários via JavaScript e campo CPF
17:35

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

Estendendo uma classe JavaScript nativa
06:07
+ – Criando um tema do zero
2 lectures 18:46

Embora esta aula não seja tão focada apenas no desenvolvimento de temas, apresento 3 dicas importantes para um bom desenvolvimento de lojas em todo o ciclo de vida da mesma.

Bonus: 3 dicas importantes para o sucesso do desenvolvimento
07:56

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

Criando a estrutura e começando o desenvolvimento
10:50
+ – Traduções e internacionalização
2 lectures 20:06

Nesta aula vamos falar de 3 tipos de tradução possíveis no Magento:

  • Tradução inline
  • Tradução do tema
  • Tradução por pacote/modulo
Tipos de traduções e suas prioridades
13:19

O Magento oferece suporte também à traduções em arquivos JavaScript. Nesta aula abordaremos como isso funciona.

Traduzindo com JavaScript
06:47
+ – SaaS, Compass e a nova forma de escrever CSS
2 lectures 25:11

Nas versões mais recentes, a forma de se escrever CSS ficou mais fácil, prática e eficaz. Nesta aula vamos ver como usar o Compass, um framework CSS.


Aula adicionada em 03/02/2016

O que você precisa saber sobre a nova forma de escrever CSS no Magento
14:34

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

Inspecionando elementos e versionando compass
10:37
+ – Encerramento
2 lectures 04:35
Parabéns! Você é um desenvolvedor Magento!
01:31
Aula bônus: um presente pra você se tornar um Magenteiro
03:04
Requirements
  • Você deve ter conhecimentos sobre HTML, PHP, XML, MySQL e desenvolvimento web em geral
Description

ELEITO UM DOS 20 MELHORES CURSOS ONLINE DE E-COMMERCE PELA ONLINE COURSES REVIEW .ORG

Cansado(a) de se debater com o Magento, perdido nos seus arquivos XML's, e sua estrutura de pastas?

Este curso é destinado a desenvolvedores e profissionais web que buscam um curso de desenvolvimento para Magento online. Nesta versão do curso falaremos do desenvolvimento básico,  criação de temas e de como customizar visualmente uma loja Magento seguindo as melhores práticas e recomendações da Magento Inc.

A abordagem de tópicos é extremamente semelhante ao Certification Study Guide, o guia oficial da Magento para certificação Front End developer.

Aprender a desenvolver temas e entender melhor como customizar uma loja, é o primeiro passo para se tornar um desenvolvedor Magento.

Entre outros assuntos, ao final deste curso você terá conhecimento sobre:

  • Estrutura básica de pastas do Magento

  • Criação de temas e pacotes

  • Alterar visualmente qualquer elemento do site da forma correta, mantendo a plataforma apta a ser atualizada sem riscos ou surpresas desagradáveis

  • Internacionalização/tradução de temas e pacotes

  • Entendimento sobre Layout XML e como podemos fazer (quase) tudo com eles

  • Tipos de blocos do Magento

  • Adicionar e remover elementos de qualquer página através com os XMLs de nossos temas ou via painel

  • Diversas formas de traduzir termos na nossa loja


Além de obter conhecimento sobre a plataforma, este curso também é um complemento para aqueles que buscam tirar a certificação Magento FrontEnd Developer 1.x, oferecendo dicas preciosas para o exame.

Você poderá assistir às aulas quantas vezes quiser, por tempo indeterminado, pelo site, ou aplicativos oferecidos pelo Udemy sem precisar de conexão com a internet.

O curso utiliza Magento 1.9.2.1. Conheça os cursos de Magento 2 no perfil do autor.

Who this course is for:
  • Este curso destinado a desenvolvedores que desejam entender o funcionamento do Magento e iniciar no desenvolvimento nesta plataforma.
  • Destinado a quem já possuí alguma experiência com desenvolvimento web, em PHP e HTML.