4.54 out of 5
4.54
376 reviews on Udemy

Torne-se um desenvolvedor Magento – Certificação Front End

Entenda como o Magento funciona e tudo que envolve o desenvolvimento frontend de forma profissional e prática.
Instructor:
Ricardo Martins
1,518 students enrolled
Portuguese [Auto-generated]
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

ELEITO UM DOS 20 MELHORES CURSOS ONLINE DE E-COMMERCE 2018 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.

Introdução

1
O que esperar deste curso?
2
Ferramentas úteis (e que utilizaremos nesse curso)

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.

Entendendo a estrutura de temas do Magento

1
Bem-vindo oficialmente
2
Estrutura de pastas

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.

3
Fallback de pastas de design/templates

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

4
Alterando pacotes e temas da minha loja

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.

5
Outras formas de se alterar um tema

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.

Layout XML e Temas

1
Bem-vindo(a) à seção 3
2
Criando um pacote(package) e um tema(theme)

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.

3
Introdução aos XML's de Layout

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

4
Tipos de Blocos e processamento dos XML's

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.

5
Entendendo a estrutura de um XML de Layout na prática

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

6
Modificando um tema via layout XML

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.

7
Inserindo JS e CSS em páginas específicas via XML

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.

8
Layout XML. Você entendeu tudo?

Um pouco mais sobre blocos

1
Criando um bloco com arquivo de template

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.

2
Inserindo um bloco estático via layout XML

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.

JavaScript e validações

1
Validação de formulários via JavaScript e campo CPF

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.

2
Estendendo uma classe JavaScript nativa

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

Criando um tema do zero

1
Bonus: 3 dicas importantes para o sucesso do desenvolvimento

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.

2
Criando a estrutura e começando o desenvolvimento

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

Traduções e internacionalização

1
Tipos de traduções e suas prioridades

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
2
Traduzindo com JavaScript

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

SaaS, Compass e a nova forma de escrever CSS

1
O que você precisa saber sobre a nova forma de escrever CSS no Magento

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

2
Inspecionando elementos e versionando 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

Encerramento

1
Parabéns! Você é um desenvolvedor Magento!
2
Aula bônus: um presente pra você se tornar um Magenteiro
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.5
4.5 out of 5
376 Ratings

Detailed Rating

Stars 5
234
Stars 4
86
Stars 3
48
Stars 2
4
Stars 1
4
004c5cfc15ea0245ac13d79572771763
30-Day Money-Back Guarantee

Includes

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