Início
Trilhas
Mentorias
Em breve
Trilha
Para membros
MÓDULOS
Framer para Iniciantes
Técnicas Essenciais
Componentes
Animações
Performance & SEO
CMS
Codes Overrides com IA
Cliente real: Stric
Cliente real: Setfin
01. Seja bem-vindo(a) à trilha Framer!
01:36
02. Conheça seu mentor
03:04
03. O que o Framer faz x o que ele não faz
02:06
04. Crie sua conta e instale
02:23
05. O que são workspaces
04:11
06. Primeiras impressões
03:49
07. O que são pages, layers e assets
13:58
08. Destravando: menu geral
13:45
09. Configurações
12:56
12. Como transferir um projeto
04:37
13. Tudo sobre o menu lateral direito
47:41
16. Estrutura de Stacks/Frames para criação de sites
29:25
24. Transições de página
04:42
25. Stacks: relative e absolute
15:08
26. Fill e fit, explicado
09:13
27. Grid e wrap
07:30
28. Posições fixed e sticky
12:04
29. O que é viewport?
08:00
30. Rolando a página com scroll section
03:36
32. O que são fetchs?
09:54
33. Como organizar os componentes
04:28
35. Staging e production
08:04
22. Breakpoints
16:51
23. Criando um style guide
23:51
46. Como trabalhar com vetores e ícones
47. Como finalizar um projeto para entrega
11:54
36. Criando botões profissionais
23:00
37. Tudo sobre formulários PT. 1
25:22
38. Tudo sobre formulários PT. 2
19:31
39. Hero banner animado PT. 1
40. Hero banner animado PT. 2
41. Hero banner animado PT. 3
42. Seção depoimentos
43. Criando um menu de navegação
21:15
44. Rodapé/Footer
45. Bento Grids
57. Componentes e Variáveis
69. Transitions e Events
70. Conhecendo as animações do Framer
14:56
71. Animações de texto
72. Lightbox
73. Appear, Hover, Press e Drag
74. Animação em Loop
75. Scroll Animation
76. Scroll Speed
77. Scroll Transform
78. Scroll Variant
79. Animações em 3D
48. Análise com PageSpeed
52. Comprimindo Imagens
53. Performance no 100%
54. Best Pratices no 100%
55. SEO no 100%
56. Acessibilidade no 100%
58. Introdução ao CMS
59. Carrossel de depoimentos com CMS
60. Catálogo de produtos com CMS
01h19
61. Portfólio com CMS
62. Roadmap/Timeline com CMS
63. Blog com CMS
64. Portal de notícias com CMS
65. Calendário com CMS
66. Área de Membros com CMS
67. Netflix com CMS
68. Inserindo uma busca interna no site
11:55
81. Populando o CMS usando o Notion
20:48
82. Importando artigos de um blog em Wordpress
83. Filtros Dinâmicos
84. Formulário Hubspot
85. Formulário RD Station
86. Noder
97. Introdução aos Codes Overrides
98. Calculadora de juros
99. Botão de Whatsapp com números aleatórios
100. Mostrador de data
101. Player de vídeo leve
102. Mostrador de depoimentos aleatórios
103. Criação completa landing page Stric
3h52
104. Introdução
05:14
105. Setup Inicial
03:37
106. Style Guide
09:17
107. Vectors
04:31
108. Componentes Base
16:05
109. Navbar
23:05
110. Estrutura da Página
04:09
111. Seção: Footer
19:47
112. Seção: Hero
16:08
113. Seção: Produtos
06:56
114. Seção: Para Quem
11:12
115. Seção: Big Numbers
05:00
116. Seção: Planos
28:33
117. Seção: Blog
08:11
118. Animações
01h48
119. Efeitos Extras
05:50
120. Acessibilidade + Best Pratices + SEO
24:23
121. Performance
17:38
122. Responsivo
1h24
123. Check-up Final