conteúdo

Grade do curso

UI Design

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.

Front-End

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.

Motion Design

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.

Destaques do curso

Além das aulas, projetos práticos, arquivos para download, o que mais tem lá dentro? O que mais tem de vantagem pra você?

Networking & Vagas

Crie conexões valiosas e abra portas que aceleram sua evolução profissional e oportunidades exclusivas.

Comunidade

Um ambiente colaborativo do Discord para trocar experiências e crescer junto como profissional.

Notion

Tudo organizado em um só lugar: links, ferramentas e arquivos do curso.

Garantia de 7 dias

Experimente sem risco. Se não for para você, pode pedir reembolso em até 7 dias.

Acesso Vitalício

O curso é seu para sempre — estude no seu ritmo, sem pressa.

a prática

Os Projetos

Abaixo são os projetos práticos desenvolvidos do zero. Clique e visualize.

landing page

Spider-man

+6 aulas
Live Preview
landing page

Paybank

+13 aulas & +30 aulas (Nubank)
Live Preview
3D spline

Angel Fish

+3 aulas
Live Preview
barba.js

Portfolio AJ

+9 aulas
Live Preview
react.js

Blog

+27 aulas
Live Preview
CMS PHP

Solsten

+9 aulas
Live Preview
Banco de Dados & PHP

Optimus

+24 aulas
UI dashboards

DashClass

+8 aulas
inteligência artificial

Axis Pro

+18 aulas
Live Preview
única turma

Onde a criatividade pulsa,

o digital ganha vida.

instrutor

Násser Yousef Ali

resumo

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.

Graduado em Engenharia Eletrônica
+10 anos experiência
Freelancer
Front-End Dev
UI Designer & Brand Designer
Instagram

20 mil seguidores

Portfólio

Meus trabalhos

Dribbble

220 seguidores

YouTube

10 mil seguidores

Explore o OnePUSH

Aprofunde suas habilidades em design, animação e desenvolvimento com os outros treinamentos.

AxlePUSH 2.0

Curso de 3D para web

InfusionPUSH

A biblioteca de IA p/ criar interfaces premium.

Seu investimento

Turma aberta \o/

 Inscrições abertas
Acesso Vitalício
+370 aulas conteúdo gravado
Acesso ao Notion com +800 links
+9 projetos práticos
FrontPUSH 4.0

R$997

ou 12x R$103
COMPRA SEGURA
FAQ

Ficou com alguma dúvida?

Ainda tem dúvidas? Vamos conversar.

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.

cai dentro

Unlock your creativity

Essa é sua oportunidade de evoluir na carreira de front-end, entendendo sobre UI Design básico para devs, layout e motion design. Pra cima!

Começar Agora!