0item(s)

Nenhum produto no carrinho.

Product was successfully added to your shopping cart.

Torne-se um desenvolvedor Magento Front End (com Bootstrap 4)

Entenda como o Magento funciona e tudo que envolve o desenvolvimento frontend (para criação de temas) de forma profissional e prática.

Preço: R$ 375,00

por R$ 149,00

ou 6x R$ 24,74 sem juros
Aulas 38
Duração 6 horas e 8 minutos
Nível Intermediário
Versão do Magento 1.9.x
Incluí Acesso vitalício
Certificado online de conclusão
Garantia de arrependimento até 14 dias
Acesso a todo conteúdo exclusivo

O que vou aprender?

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 front end 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 aqui pelo site.

O curso utiliza Magento 1.9.2.1 Community Edition.

Criação de módulos

Se você busca um curso de backend ou de criação de módulos para Magento, consulte este outro curso.

Conteúdo do curso (preview disponível)

Todos os vídeos são gravados em alta resolução (HD ou Full HD) e ficam disponíveis na sua Área do Aluno.

Seção 1 Introdução
Aula 1 O que esperar desse curso?

O que esperar desse curso?

02:31
Aula 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. Ver preview

03:01
Seção 2 Entendendo a estrutura de temas do Magento
Aula 3 Bem-vindo oficialmente

Permita lhe dar as boas vindas de verdade

01:05
Aula 4 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. Ver preview

09:24
Aula 5 Fallback de pastas de design/templates

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

13:01
Aula 6 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. Ver preview

07:11
Aula 7 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 dela

16:32
Seção 3 Layout XML e Temas
Aula 8 Bem-vindo à seção 3

Vamos lá?

01:04
Aula 9 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. Ver preview

15:44
Aula 10 Introdução aos XML's de Layout

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

05:59
Aula 11 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.

06:20
Aula 12 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.

12:05
Aula 13 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. Ver preview

16:57
Aula 14 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.

13:45
Seção 4 Um pouco mais sobre blocos
Aula 15 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.

11:16
Aula 16 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. Ver preview

05:02
Seção 5 JavaScript e validações
Aula 17 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 adicio

17:35
Aula 18 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. Ver preview

06:08
Seção 6 Criando um tema do zero
Aula 19 Bônus: 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. Ver preview

07:57
Aula 20 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).

10:51
Seção 7 Traduções e internacionalização
Aula 21 Tipos de traduções e suas prioridades

Falaremos de tradução inline, via tema, e por pacote/módulo

13:19
Aula 22 Traduzindo com JavaScript

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

06:48
Seção 8 SaaS, Compass e a nova forma de escrever CSS
Aula 23 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.

14:34
Aula 24 Inspecionando elementos e versionando compass

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

10:38
Seção 9 Criando um tema do zero com Bootstrap 4
Aula 25 Introdução ao Bootstrap

Vamos conhecer um pouco do Bootstrap e do tema html que vamos baixar

05:02
Aula 26 Criação do tema e começando a se organizar

Vamos começar a criar nosso tema e organizar os arquivos dele Ver preview

11:19
Aula 27 Construindo o HEAD igual o do template

Vamos modificar o do nosso tema usando métodos nativos para deixar igual o tema desejado

18:49
Aula 28 Adicionando CSS ou JS Externo ao Magento (forma nativa)

Adicionando CSS e JS externos do nosso tema

02:09
Aula 29 Customizando menu e outras partes do topo

Substituindo e customizando elementos do menu e outros elementos do topo do nosso tema

19:10
Aula 30 Customizando menu e outras partes do topo - Parte 2

Continuação da nossa customização e desenvolvimento com dicas pontuais

11:02
Aula 31 Inserindo JS Complementares e inteligência do contador de items

Nosso tema tem um carrinho lateral. Vamos ver como implementá-lo, além de outras inteligências pontuais

10:21
Aula 32 Inserindo outros conteúdos com blocos estáticos

Como e onde usar blocos estáticos no nosso tema para dar flexibilidade ao administrador da loja

11:11
Aula 33 Dando inteligência para o bloco de citação

Vamos dar alguma inteligência para o bloco com a frase de impacto do nosso tema

02:55
Aula 34 Bloco Mais Vendidos - Parte 1

Veja como vamos trabalhar com a lista de produtos mais vendidos na home do nosso tema

13:55
Aula 35 Bloco Mais Vendidos - Parte 2

Como redimensionar imagens e debugar collections no Magento

08:04
Aula 36 Footer da Loja

Como customizar o footer, com links dinâmicos, variáveis personalizadas, e valores da configuração da loja

19:55
Aula 37 Resumo da seção e próximos passos

Um wrap up do que vimos, algumas considerações e os próximos passos paras evoluir ainda mais

04:28
Seção 10 Encerramento
Aula 38 Parabéns! Você é um desenvolvedor Magento!

Obrigado pela companhia. Nos vemos por aí.

01:32

Avaliações do curso

  1. Melhor Curso avaliado por adriele em 05/10/2017
    Avaliação geral

    Esse curso é excelente. Dentre todo o material em português que procurei, certamente esse curso é o mais completo! Aborda inclusive temas como o Prototype e a maneira que ele funciona no Magento (material que dificilmente é encontrado em outro lugar). O curso não só te dá a base para começar no desenvolvimento frontend Magento da maneira correta, mas também te dá toda a preparação para avançar nos estudos e conseguir a certificação. Além da incrível didática e atenção do Ricardo Martins. Recomendo muito!

  2. Curso muito bom avaliado por Rafael max do carmo em 16/02/2017
    Avaliação geral

    Curso muito bom, realmente foi aprendido coisas de grandes valias para minha vida como desenvolvedor Magento espero que possa lançar o de backend logo certamente o farei.

  3. Muito bom avaliado por Jhony Araujo Matias em 16/02/2017

    O professor Ricardo sempre pronto a responder, melhor investimento em cursos que fiz na udemy, as aulas são bem objetivas

  4. Muito bom! avaliado por Tomtom em 10/02/2017

    Gostei muito do curso, irei recomendar.

Magento é a plataforma que mais cresce no mundo. 32% dos e-commerces são construídos em Magento.

Junte-se aos desenvolvedores

Chega de tutoriais. Este é o curso mão na massa que vai ajudar você a entender o Magento, como os blocos funcionam, as classes, como reconhecer, modificar os blocos da plataforma e customizar sua loja Magento.

Inscreva-se no curso

A versão traduzida deste curso foi eleita O Melhor Curso de E-commerce 2018 pela Online Courses Review Melhor curso de e-commerce 2018

Dê uma espiadinha…

A cada 4 dias, um vídeo aleatório do curso é exibido aqui...

Aula: Traduzindo com JavaScript

Pague com Segurança

Parcele em até 12x no cartão de crédito. Boleto e TEF também são bem-vindos. Tudo com a segurança do EBANX.

Saiba mais
14 dias

Você feliz ou dinheiro de volta

Se você não gostar do conteúdo, da didática, ou do curso, é só cancelar. Não perguntarei nada. Tudo com a proteção do Magenteiro.

Saiba mais

Assista quando quiser

Assista quantas vezes quiser. O acesso é vitalício. Você poderá assistir enquanto esse site existir.