Curso online
FrontPUSH
Curso online para entusiastas no front-end & motion.
nova turma: JAN 2026
scroll down
7 aulas
Figma Básico
Aprenda a configurar, organizar e prototipar no Figma utilizando componentização, estilos e animações inteligentes.
8 aulas
Cores
Estude teoria, harmonias, variações e construção de paletas aplicadas ao design de interfaces.
15 aulas
Elementos da Interface
Defina e padronize formas, espaçamentos, botões, links, imagens e ilustrações para consistência visual.
8 aulas
Tipografia
Aplique hierarquia, classificações, variáveis e combinações tipográficas para máxima legibilidade.
16 aulas
Interfaces Web
Desenvolva interfaces completas utilizando grids, wireframes, styleguides e estratégias responsivas.
8 aulas
HTML & CSS
Domine o box-model, seletores, posicionamento e principais propriedades para estruturar interfaces.
11 aulas
FlexBox
Aprenda a criar layouts flexíveis e responsivos com as principais propriedades do Flexbox.
1 aulão
Grid Layout
Utilize o CSS Grid para desenvolver layouts complexos e adaptáveis de forma simples e organizada.
10 aulas
SASS
Acelere sua produtividade no CSS com variáveis, mixins, loops e funções para código mais performático.
+25 aulas
JSES6+
Aplique recursos modernos do JavaScript como objetos, arrays, funções de seta, DOM e operações assíncronas.
25 aulas
React.js
Construa SPAs escaláveis com React, explorando JSX, hooks, rotas, contexto e integração com APIs.
7 aulas
Otimização Websites
Melhore performance e SEO com otimização de imagens, cache, CDN e técnicas de carregamento rápido.
4 aulas
Hospedagem
Entenda diferenças entre hospedagem tradicional e cloud, configurando IPs e serviços web.
3 aulas
Propriedades SVG's
Compreenda a estrutura dos arquivos SVG, suas propriedades e vantagens para uso em interfaces.
5 aulas
Animações CSS3
Utilize recursos nativos do CSS para criar animações fluidas, explorando princípios de motion e bibliotecas de apoio.
16 aulas
Biblioteca GSAP
Aplique animações avançadas com GSAP, integrando API, ScrollTrigger e React para interações dinâmicas.
9 aulas
Barba.js
Implemente transições suaves entre páginas em SPAs, combinando Barba.js com animações personalizadas.
+6 aulas
Exemplos
Pratique e consolide conceitos de animação com uma coleção variada de exemplos aplicados.
Além das aulas, projetos práticos, arquivos para download, o que mais tem lá dentro? O que mais tem de vantagem pra você?
Crie conexões valiosas e abra portas que aceleram sua evolução profissional e oportunidades exclusivas.
Um ambiente colaborativo do Discord para trocar experiências e crescer junto como profissional.
Tudo organizado em um só lugar: links, ferramentas e arquivos do curso.
Experimente sem risco. Se não for para você, pode pedir reembolso em até 7 dias.
O curso é seu para sempre — estude no seu ritmo, sem pressa.
a prática
Os Projetos
landing page
Spider-man
+6 aulas
UI Design
Web
GSAP
Sass
Projeto para entusiastas que buscam fugir do padrão e criar algo único. Você irá desenvolver desde o UI Concept até a codificação com HTML, CSS, JavaScript, GSAP e Tilt.js.
landing page
Paybank
+13 aulas & +30 aulas (Nubank)
UI Design
Web
GSAP
Sass
Concept redesign do banco PayBank, com desenvolvimento de interface do zero: pagemaps, referências, wireframes e ilustrações. Inclui biblioteca responsiva em SASS, features e interações em JavaScript puro. Projeto disponível para download e estudos.
projeto 3D spline
Angel Fish
+3 aulas
UI Design
Web
GSAP
Modelagem 3D
Temos a espécie do Peixe-Anjo, onde é uma Landing Page que descreve com mais detalhes as características do Peixe-Anjo enquanto você o observa no fundo nadando.
landing page
ComForma Arquitetura
em breve
UI Design
Web
GSAP
Barba.js
Redesign completo da ComForma Arquitetura, com UI do zero, responsividade em SASS e interações em JavaScript. Disponível para download e estudos.
react.js
Blog
+27 aulas
UI Design
Web
React.js
Modelagem & API
Projeto de um blog em React.js com CRUD (Create + Read + Update + Delete) integrado à API. Desenvolve UI, SPA, consumo de API, React Hooks e outros conceitos do módulo. Perfeito para portfólio no GitHub.
dashboards
DashClass
+8 aulas
UI Design
Templates
Plataforma com dashboard de conteúdo digital, painel administrativo, players de vídeo e telas de pagamento. Design finalizado e disponível para alunos, em fase de implementação como template modelo.
dashboards
Optimus
+24 aulas
UI Design
Banco de Dados
LAMP
PHP 8
Projeto Prático de Noções de Banco de Dados + programação PHP + MySQL de um Dashboard Optimus modelado por completo. LAMP (Linux + Apache + MySQL + PHP)
CMS PHP
Solsten
EM BREVE
UI Design
Modelagem Banco de Dados
LAMP
PHP 8
Projeto Prático de Noções de Banco de Dados + programação PHP + MySQL de um Dashboard Optimus modelado por completo. LAMP (Linux + Apache + MySQL + PHP)
Sou Násser Yousef Ali, técnico em informática e engenheiro eletrônico com ênfase em software e telecomunicações. Atuo como UI Designer e Desenvolvedor Front-End, unindo criatividade e técnica para criar interfaces modernas e funcionais. No FrontPUSH, compartilho minha experiência para ajudar você a dominar front-end com design e motion na prática.
19 mil seguidores
Meus trabalhos
220 seguidores
10 mil seguidores
Aprofunde suas habilidades em design, animação e desenvolvimento com os outros treinamentos.
Curso de 3D para web
Curso avançado animações
Se você tem alguma dúvida, sugestão ou até mesmo uma reclamação, entre em contato. Queremos te ouvir.
O FrontPUSH abre de tempos em tempos, geralmente de 3 em 3 meses. Para ficar ligado e receber todas as novidades, cadastre-se e entre no grupo de telegram. É por esses canais que vou mandar todas as novidades de novas turmas. Além de sempre soltar spoilers lá no meu instagram @nasseryousef__
O curso é hospedado na Hotmart, então todas as formas de pagamento são aquelas da plataforma do curso. Pode dividir em até 2 cartões, em até 12x, boleto ou PIX.
Sim, você tem 7 dias para acessar e verificar todo o produto digital. Se não gostar, você pode pedir o reembolso imeadiato pela própria Hotmart. Sem taxas, sem burocracia, sem questionamentos.
Na turma épsilon (5º turma) o acesso é vitalício. Não sei se nas próximas turmas terá o acesso vitalício.
Sim, combino mentorias e lives com a comunidade. Além disso, tem canais de dúvida na nossa comunidade.
Não. Apenas o acesso as aulas é vitalício quando a turma detém desse benefício. O suporte em nenhuma turma é vitalício.
Essa é sua oportunidade de evoluir na carreira de front-end, entendendo sobre UI Design básico para devs, layout e motion design. Pra cima!
