Curso de Desenvolvedor Front-end: do zero ao emprego

Curso de Desenvolvedor Front-end do zero ao emprego

Inscreva-se
Emprego garantido
Cover Image
60% off+ 1 curso grátis!

Formação completa

14 módulos e 101 tópicos em 8 meses

Prática e mentoria

Atividades ao longo do curso e feedback individualizado

Até 4 projetos

Próximos ao trabalho real

Garantimos o emprego para o aluno

Ou devolvemos o dinheiro

Salário de Desenvolvedor Front-end

R$ 10.000

+22%Crescimento salarial anual

2020

2021

2022

2023

2024

Você sabia?

Desenvolvedor Front-end avançam rápido em suas carreiras!
Desenvolvedor Front-end avançam rápido em suas carreiras!

Torne-se um desenvolvedor capaz de criar interfaces impressionantes e responsivas para sites e apps. Domine HTML, CSS e JavaScript para criar experiências interativas. Avance na carreira e ganhe mais como Front-End, dando vida a designs inovadores e aumentando o engajamento.

O que oferecemos

Tudo o que você precisa para ter sucesso!

Inscreva-se

Emprego como foco

Nosso objetivo: te ajudar a ser contratado. Com 20% de teoria e 80% de atividades práticas, fazemos isso acontecer.

Emprego como foco

Mentores especialistas

Os mentores ajudam você a aprender novos tópicos, revisar suas tarefas, apontar erros e realizar sessões de perguntas e respostas ao vivo.

Mentores especialistas

Uma plataforma completa

Aprenda com tutoriais, tarefas interativas, quizzes com IA e projetos em grupo — tudo em um só lugar.

Uma plataforma completa

Preparação para o emprego

Vagas exclusivas

Vagas exclusivas

Acesse vagas antes do mercado.

Inglês para entrevistas

Inglês para entrevistas

Prepare-se para entrevistas.

Dicas de emprego

Dicas de emprego

Escreva currículos e cartas de destaque.

Rastreador de vagas

Rastreador de vagas

Acompanhe suas candidaturas.

Simulados de entrevista

Simulados de entrevista

Treine e ganhe confiança.

Oferta

Faça este curso de Front-end developer com certificação MEC!

Para todos que possuem um diploma de bacharel e gostariam de começar uma carreira na área de tecnologia!

Faça este curso de Front-end developer com certificação MEC!
University collaboration logo
5 stars MEC rated
5 stars Google rated
QR code with link to e-MECConsulte aquio cadastro da Instituição no Sistema e-Mec

Emprego garantido ou seu dinheiro de volta

  • Garantimos seu dinheiro de volta por até 7 dias
  • Sem emprego em 16 semanas Reembolso garantido
Hugging emoji

Curso Profissiona- lizante–60%

12x de

R$ 300742

sem juros no cartão

R$ 3.6008.900

Preço com desconto

36x de

R$ 199402
O parcelamento em até 36x é oferecido através do financiamento de crédito e está sujeito a avalição e juros. O valor final pode sofrer alterações por conta da variação do IOF e depende do meio de pagamento e da data de contratação.
Payment provider logo

financiamento estudantil

Inscreva-se

Pós graduação –67%

12x de

R$ 5001.250

sem juros no cartão

R$ 6.00015.000

Preço com desconto

36x de

R$ 331993
O parcelamento em até 36x é oferecido através do financiamento de crédito e está sujeito a avalição e juros. O valor final pode sofrer alterações por conta da variação do IOF e depende do meio de pagamento e da data de contratação.
Payment provider logo

financiamento estudantil

Inscreva-se

Veja como será o seu currículo

90%

dos nossos alunos não têm experiência prévia na área

Student's photo

Marta K.

Desenvolvedor Front-end

Habilidades
  • Leitura e escrita em HTML5 e CSS3
  • Implementação de design responsivo e frameworks
  • Experiência com JavaScript e frameworks front-end (React, Angular)
  • Proficiência em sistemas de controle de versão (Git)
  • Otimização de desempenho web
  • Garantia de compatibilidade entre navegadores
  • Experiência com APIs RESTful e busca de dados assíncrona
  • Forte habilidade em resolução de problemas e comunicação
  • Leitura e escrita em HTML5 e CSS3
  • Implementação de design responsivo e frameworks
  • Experiência com JavaScript e frameworks front-end (React, Angular)
  • Proficiência em sistemas de controle de versão (Git)
  • Otimização de desempenho web
  • Garantia de compatibilidade entre navegadores
  • Experiência com APIs RESTful e busca de dados assíncrona
  • Forte habilidade em resolução de problemas e comunicação
Tecnologias
  • HTML5
  • CSS3
  • Sass
  • JavaScript
  • React
  • Redux
  • Git
  • TypeScript
  • VSCode
  • WebStorm
  • GitHub
  • npm

90%

dos nossos alunos não têm experiência prévia na área

O que está incluso

Conteúdo Programático

  • JavaScript Basics

    12 tópicos

    Descubra o básico sobre o JavaScript: strings, booleans, funções, condicionais, loops, arrays e mais. Talvez você cometa um ou outro erro, como qualquer iniciante, mas temos certeza de que vai se divertir!

    Experimente agora

    Tópicos

    • Introduction
    • Main Concepts
    • Data Types
    • Numbers
    • Strings
    • Boolean
    • Functions
    • Conditional Operators
    • Loops
    • Working with Strings
    • Array Basics
    • Extra Tasks
  • Course Fundamentals

    1 tópico

    Este módulo contém informações, dicas e tarefas que vão ajudar você a estudar de maneira mais eficiente e, a longo prazo, conseguir um emprego em uma boa empresa com um bom salário.

    Tópicos

    • How To Learn Effectively
  • Javascript Basics Extended

    11 tópicos

    Na etapa básica omitimos um conceito fascinante porém complexo: objetos. Vamos apresentá-lo agora, mas isso não é o tudo — o JavaScript ainda tem alguns truques na manga!

    Tópicos

    • Environment Setup
    • Code Style
    • Debugging
    • Working With Numbers
    • Loops In Details
    • Working with Strings
    • Functions Revisited
    • Switch
    • Type Conversion
    • Logical Operators
    • Object Basics
  • HTML + CSS Basics

    16 tópicos

    A seguir: introdução ao HTML e CSS. Trabalhe com fontes, semântica, capacidade de resposta, seletores e especificidade, consultas de mídia, links e formulários.

    Tópicos

    • Environment Setup
    • HTML Basics
    • CSS Basics
    • Box Model Basics
    • Color and Fonts
    • Semantic Basics
    • Responsiveness Basics
    • CSS Selectors
    • Pseudo-Elements and Pseudo-Classes
    • Specificity
    • Links and URLs
    • Images
    • Media Queries
    • Forms
    • Position
    • Extra topics
  • Git and Terminal

    5 tópicos

    O Terminal é uma ferramenta importante para qualquer desenvolvedor, por isso chegou a hora de você praticar alguns exercícios básicos de comando! Você começará usando um sistema de controle de versão Git.

    Tópicos

    • Environment Setup
    • Command Line Basics
    • Git Basics
    • Working With Branches
    • Working With Remote Repo (GitHub)
  • HTML + CSS Advanced

    8 tópicos

    Voltamos ao HTML e CSS, agora para explorar flexboxes, BEM, Sass, grades e eventos. Depois disso, você conseguirá criar a sua própria página.

    Tópicos

    • Environment Setup
    • Flexbox
    • BEM
    • Sass
    • Transformations and Animations
    • Grid
    • Landing [Portfolio Project]
    • Document and Events
  • Javascript Advanced

    14 tópicos

    Terminou o primeiro passo? Agora vamos aprofundar nosso conhecimento e consolidar o básico com a prática. Vamos aprender a trabalhar com o GitHub. Os mentores darão o primeiro feedback sobre o código que você escreveu. Vamos aprender como criar interfaces não apenas bonitas, mas também funcionais! Vamos fazer a primeira solicitação ao servidor e muito mais!

    Tópicos

    • Solving Tasks on GitHub
    • Object Advanced
    • Methods
    • Array Methods
    • Callbacks
    • Array Iteration Methods
    • Array Iteration Methods Usage
    • Array Iteration Methods Practice
    • Closures
    • JS Practice
    • Prototype
    • Constructors
    • Classes
    • Extra
  • React

    7 tópicos

    Próxima parada: desenvolvimento baseado em componentes e uma das bibliotecas mais populares no mundo do frontend, o React. Também vamos aprender como combiná-lo com o TypeScript!

    Tópicos

    • Introduction
    • Props
    • Rendering Lists
    • Handling Events
    • List Manipulation
    • Lifting State Up
    • Updating State
  • TypeScript Basics

    6 tópicos

    Em termos profissionais: o TypeScript é um superconjunto do JavaScript. Em termos humanos: ele é o JavaScript modificado para maior versatilidade e conforto. Vamos dar uma olhada em tipos de objetos e classes, por exemplo.

    Tópicos

    • Advanced Types
    • Generic Types
    • Classes
    • Object Types
    • Basic Types
    • Introduction
  • React with Typescripts

    11 tópicos

    Familiarize-se com a magia do TypeScript no React.

    Tópicos

    • Introduction
    • Forms
    • Advanced Hooks
    • Component Lifecycle
    • Custom Hooks
    • State Management
    • Loading Data From API
    • Updating Data on Server
    • React Router
    • Working With URLSearchParams
    • Portfolio
  • Redux

    3 tópicos

    Se o JavaScript com o React e o TypeScript já parece um pequeno conjunto de Lego, boas notícias! Há um quarto tijolo com o qual brincar, uma biblioteca - Redux - útil na gestão do estado do aplicativo. Vamos dar uma olhada 👀

    Tópicos

    • React Redux
    • Redux Main Concepts
    • Redux Toolkit
  • How The Web Works

    6 tópicos

    E agora vamos dominar o básico sozinho(a). Afinal, todos os dias você interage de alguma forma com a internet, mas você já pensou em como funciona a World Wide Web? Nesta seção, vamos ajudar você a entender como nossos dispositivos interagem e trocam dados com a internet e o que é a internet.

    Tópicos

    • Introduction to the Web
    • OSI Model
    • HTTP
    • API Interface
    • Encryption
    • Security in the Web
  • Employment (new)

    8 tópicos

    Preparado(a) para entrar no mercado de tecnologia? Bem... vamos ajudar você com isso — com um ótimo currículo, carta de apresentação, perfil no LinkedIn e entrevistas de preparação. Os recrutadores que se preparem!

    Tópicos

    • Work details FAQ
    • Job Search Tips: Talking to Recruiters
    • How to Find and Apply for Vacancies
    • Google, LinkedIn
    • Cover Letter Preparation
    • Interview Preparation
    • Preparing Your Resume
    • Employment Roadmap
  • Employment (old)

    7 tópicos

    Preparado(a) para entrar no mercado de tecnologia? Bem... vamos ajudar você com isso — com um ótimo currículo, carta de apresentação, perfil no LinkedIn e entrevistas de preparação. Os recrutadores que se preparem!

    Tópicos

    • Introduction
    • Preparing Your Resume
    • How to Apply for a Job in the Right Way
    • Common HR Interview Questions
    • Preparing Your Cover Letter
    • Creating Your LinkedIn Profile
    • Interview Preparation
  • Object Oriented Programming

    2 tópicos

    A programação orientada a objetos é um conceito fundamental para muitas linguagens de programação, principalmente: Java, Python, JavaScript e C++. Portanto, vamos adquirir uma boa compreensão desse conceito.

    Tópicos

    • Basic Principles
    • SOLID Principles
  • Angular

    1 tópico

    O Angular é uma estrutura JS usada principalmente para criar aplicativos da Web escalonáveis e de página única. Aprenderemos a usá-lo, começando com formulários, passando por componentes, observáveis, gerenciamento de estado e muito mais.

    Tópicos

    • Angular Basics
  • Vue.js

    1 tópico

    Aprender fazendo é a nossa técnica favorita aqui na Mate, e este módulo não é exceção. Você aprenderá a estrutura Vue.js usando-a para criar um aplicativo ToDo.

    Tópicos

    • TodoApp with Vue.js

119

Tópicos

4

Projetos

E também

  • Quizzes de IA
  • Sessões de perguntas
  • Solução de tarefas
  • Tech checks
  • Orientação personalizada
  • Consultoria de Carreira

Do zero à OFERTA

Como a Mate vai me ensinar uma profissão?

1

Aprenda ativamente

Adquira todas as habilidades necessárias.

2

Construa um portfólio

Crie projetos com feedback dos mentores.

3

Aperfeiçoe seu CV

Elabore um currículo sólido e prepare-se para entrevistas.

4

Candidate-se a vagas

Passe por todas as etapas de contratação.

5

Conquiste seu emprego

Realize seu objetivo e comece sua carreira.

Brinde ao início da sua jornada tech!

Perguntas frequentes

Precisa de mais informações?

  • Tire todas as suas dúvidas
  • Encontre o formato ideal para você
  • Conheça nossas ofertas exclusivas

Nossos alunos são contratados

O curso flexível é pago antecipadamente. Se você não conseguir emprego em até 16 semanas após finalizar o curso, reembolsamos o valor.

Solicitar consultoria
Background image with man smiling
  • PDFfiller
  • SoftServe
  • Levi9
  • 3shape
  • Global Logic
  • Luxoft
  • Epam
  • Eleks
  • Appflame
  • Ciklum
  • Doc
  • Nix Solutions
  • PDFfiller
  • SoftServe
  • Levi9
  • 3shape
  • Global Logic
  • Luxoft
  • Epam
  • Eleks
  • Appflame
  • Ciklum
  • Doc
  • Nix Solutions
  • PDFfiller
  • SoftServe
  • Levi9
  • Google
  • Microsoft
  • Amazon
  • Genesis
  • Wix.com
  • Preply
  • N-iX
  • SIGMA SOFTWARE
  • Svitla Systems
  • Star
  • DataArt
  • Intellias
  • Google
  • Microsoft
  • Amazon
  • Genesis
  • Wix.com
  • Preply
  • N-iX
  • SIGMA SOFTWARE
  • Svitla Systems
  • Star
  • DataArt
  • Intellias
  • Google
  • Microsoft
  • Amazon
  • Google
  • Microsoft
  • Amazon
  • Genesis
  • Wix.com
  • Preply
  • N-iX
  • SIGMA SOFTWARE
  • Svitla Systems
  • Star
  • DataArt
  • Intellias
  • PDFfiller
  • SoftServe
  • Levi9
  • 3shape
  • Global Logic
  • Luxoft
  • Epam
  • Eleks
  • Appflame
  • Ciklum
  • Doc
  • Nix Solutions
  • Google
  • Microsoft
  • Amazon
  • Genesis
  • Wix.com
  • Preply
  • N-iX
  • SIGMA SOFTWARE
  • Svitla Systems
  • Star
  • DataArt
  • Intellias
  • PDFfiller
  • SoftServe
  • Levi9
  • 3shape
  • Global Logic
  • Luxoft
  • Epam
  • Eleks
  • Appflame
  • Ciklum
  • Doc
  • Nix Solutions
  • Google
  • Microsoft
  • Amazon

+4.500

estudantes empregados

+700

Mates contratados

1122

Mates contratados em 2024

+4.500

estudantes empregados

+700

Mates contratados

1122

Mates contratados em 2024

Quem vai me apoiar?

Hugging male emoji
Se pensar em desistir, conte com a gente.

TREINADORES

Ensinam habilidades
Team member photo

MENTORES

Dão feedback
Team member photo

PROFESSORES

Aperfeiçoam seu inglês
Team member photo

COORDENADORES EDUCACIONAIS

Acompanham seu progresso
Team member photo

COORDENADORES DE EMPREGO

Ajudam você a ser contratado
Team member photo
Você
  • Team member photo

    TREINADORES

    Ensinam habilidades

  • Team member photo

    MENTORES

    Dão feedback

  • Team member photo

    PROFESSORES

    Aperfeiçoam seu inglês

  • Team member photo

    COORDENADORES EDUCACIONAIS

    Acompanham seu progresso

  • Team member photo

    COORDENADORES DE EMPREGO

    Ajudam você a ser contratado

O que dizem nossos alunos?

Milhares confiam na Mate academy

Inscreva-se

Acredito que ter iniciado esse bootcamp tenha sido uma das melhores escolhas da minha vida profissional e espero que eu possa colher os frutos de todo este esforço quando o momento se fizer oportuno!

Leoberto Filho

Estudante da Mate

A plataforma, voltada à prática, possui conteúdo e exercícios que te fazem pensar, fazendo um bom uso de conhecimento de base para resolver problemas mais complexos.

Arthur Fujii

Estudante da Mate

Se você está procurando um curso intensivo de programação que vai além do aprendizado teórico e foca na sua empregabilidade em empresas internacionais, a Mate academy é a escolha certa!

Rodrigo Farias

Estudante da Mate

A Mate foi a única empresa que achei de curso intensivo em programação que trabalha com a empregabilidade de seus alunos em empresas internacionais!

Allan Tavares

Estudante da Mate

Estou extremamente satisfeita com tudo o que aprendi até agora e confiante de que o conhecimento adquirido aqui será vital para a minha carreira.

Esther Guimarães Libanio

Estudante da Mate

Entrar em contato

Precisa de mais informações?

  • Tire todas as suas dúvidas
  • Encontre o formato ideal para você
  • Conheça nossas ofertas exclusivas

Faq

Perguntas frequentes

  • Como vou aprender?

    O aprendizado acontece no seu próprio ritmo. Você decide quando e quantas horas deseja dedicar aos estudos. Nossos mentores irão avaliar seu trabalho e responder às suas perguntas. Você se comunicará com seus colegas de turma por meio de chats e chamadas de vídeo em grupo. Além disso, você terá acesso vitalício ao curso, o que lhe dá total liberdade para aprender no seu próprio tempo e condições.

  • Posso conciliar os estudos na Mate com outras atividades?

    Sim. Os participantes do curso podem definir seu próprio ritmo de estudo e contar com o suporte dos mentores durante todo o período do curso.

  • Vou receber um certificado ao concluir o curso?

    Sim, ao concluir nosso curso, você receberá um certificado. Mais de 4.500 dos nossos graduados utilizam esse certificado para demonstrar suas habilidades no LinkedIn e em outras redes sociais. No entanto, nosso principal objetivo é ajudar você a conseguir um emprego. Faremos tudo que estiver ao nosso alcance para que você atinja este objetivo.

  • Qual profissão é a melhor para mim?

    Se você não sabe qual profissão escolher, entre em contato conosco. Nosso consultor ajudará você a selecionar o curso mais adequado às suas habilidades e preferências.

    Solicitar consultoria
  • Preciso ter conhecimento em matemática ou tecnologia para me inscrever na Mate?

    Não é necessário ter conhecimento técnico para participar dos nossos cursos. 9 em cada 10 alunos da Mate começam sem nenhuma experiência na área. Ensinar as habilidades necessárias e ajudar você a encontrar um emprego em TI é a nossa missão!

  • Como me inscrever?

    Para começar a estudar na Mate academy, envie sua inscrição, e nosso consultor entrará em contato com você em breve para fornecer mais informações. O acesso ao curso será liberado imediatamente após o pagamento.

  • Há limite de idade para os cursos?

    Nossos cursos estão disponíveis para pessoas de todas as idades. No entanto, a garantia de emprego é oferecida apenas para aqueles em idade produtiva conforme as leis do respectivo país ao término do curso.

  • Como vocês têm certeza de que vou conseguir um emprego?

    Temos mais de 9 anos de experiência ajudando graduados a iniciarem suas carreiras na área de TI. Durante esse tempo, aprimoramos nossos processos de apoio para quem busca emprego. Nossos cursos foram projetados para atender às necessidades do mercado e ensinar habilidades práticas. Além disso, ajudamos nossos alunos a melhorar seus currículos e os preparamos para entrevistas de emprego. Graças a isso, 80% dos nossos graduados conseguem emprego na área em poucos meses após a conclusão do curso.

  • Como funciona a garantia de reembolso?

    Se você pagar e concluir o curso, e depois buscar ativamente um emprego (com o nosso suporte) por 16 semanas sem receber nenhuma oferta de trabalho, devolveremos o seu dinheiro.

  • Em quais cargos posso trabalhar após concluir o curso?

    Os graduados do curso de desenvolvedor front-end geralmente começam suas carreiras em posições como: Desenvolvedor(a) Front-end, Desenvolvedor(a) Front-end (Angular), Desenvolvedor(a) Front-end (HTML, CSS, JS), Desenvolvedor(a) Vue, Desenvolvedor(a) React, Desenvolvedor(a) React Native