Тёмный

Faça seu portfólio do ZERO [React + TS + deploy] 🔥Tutorial🔥 

Adriana Saty
Подписаться 30 тыс.
Просмотров 13 тыс.
50% 1

[Hey] Nesse vídeo eu te ensinar a fazer DO ZERO um portfólio tecnologias que estão super em altas do frontend!
E para você ter o seu domínio (o tal do www) e publicar seu site. Eu recomendo a Hostinger!
Crie seu projeto na Hostinger com desconto através do link tag.gs/Saty + 10% extra com o cupom SATY
Bora codar? 🔥
------------------------------------------------------------------------------------------------------------------
[Links]
- Instagram: / adriana.saty
- Twitch: / adrianasaty
- Github: github.com/AdrianaSaty/
- Website: www.adrianasaty.com/
------------------------------------------------------------------------------------------------------------------
[índice]
00:00 Intro
00:27 O projeto
05:04 Pré requisitos
07:23 Criar repositório no Github
07:55 Vite
12:45 Commits semânticos
13:17 As section's
16:11 Instalando Material UI
16:54 Componente Estilizável
19:57 MUI-Grid
22:01 MUI-Container
23:49 MUI-Typography
25:35 MUI-Button e MUI-Icon
27:19 responsividade com MUI-Breakpoints
33:21 MUI-Theme
40:53 Criando um componente de botão
47:25 Ajustes finos
49:13 Animação
51:40 Criandoa NavBar
58:50 Passando children no botão
1:00:13 Próximas aulas
1:00:55 Hostinger
1:02:38 configurando domínio e hospedagem
1:04:06 Build do projeto
1:04:49 Colocando o site no ar
1:05:26 Final da parte 1

Опубликовано:

 

2 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@JulioScott182
@JulioScott182 17 дней назад
dica de inglês pra quem tem dificuldade em pronunciar coisas como "contrast text": No inglês ,na maioria das vezes, não se pronuncia a última letra da primeira palavra, quando são palavras duplas. Em vez de tentar falar contrasT Text, que vira um trava lingua, pronuncie "Contras Text". Isso vale para a maioria dos casos que vc encontrar por ai
@Monarch-Developer
@Monarch-Developer 2 месяца назад
Para melhorar só faltou a parte 2 e 3 e 4 e 5 e quantas você quiser postar 😅, amo seus vídeos e te acompanho a mais de 2 anos❤😊 e , como sempre você continua uma profissional INCOMPARÁVEL
@lucasmiguel1981
@lucasmiguel1981 2 месяца назад
estou ansioso para parte 2
@brenocarvalho9008
@brenocarvalho9008 25 дней назад
Cadêeeee a parte 2 ??? Ansioso já HAHAH
@jacquelinemattisen5276
@jacquelinemattisen5276 2 месяца назад
Eu gostaria do vídeo do git semântico … seria super interessante aprender contigo 😊
@mariodevelopersantos1102
@mariodevelopersantos1102 Месяц назад
esse Material UI é tipo o Bootstrap, só que com a cara do Material Design da Google, interessante. e ele funciona bem parecido com a lib 'styled-components'
@geovanniizidoro9073
@geovanniizidoro9073 5 дней назад
Cadê a parte 2 ? 👀👀
@viniciussamico2649
@viniciussamico2649 6 дней назад
cade as outras partes?
@isaacdev-nl6dm
@isaacdev-nl6dm 2 месяца назад
parte 2 pls
@fernandomello9145
@fernandomello9145 3 месяца назад
Obrigado Dri vc é sensacional !!
@mayconrocha8723
@mayconrocha8723 3 месяца назад
Que top! Projeto sensacional Saty. Parabéns! 🚀
@fernandopereiradeoliveira7604
@fernandopereiradeoliveira7604 2 месяца назад
Ótimo, estava procurando um vídeo assim para criar meu portfólio #obrigado❤
@rethman53
@rethman53 3 месяца назад
Obrigado pelos ensinamentos, você É FERA!
@JosueOcanhaCosta
@JosueOcanhaCosta Месяц назад
Adorei, já estou ansioso pela parte 2.
@carlabraga2047
@carlabraga2047 Месяц назад
Muito bom !! esperando a parte 2 ansiosamente !!
@caioferreira8767
@caioferreira8767 2 месяца назад
muito top saty 👏👏👏👏👏👏
@devtiagoabreu
@devtiagoabreu 3 месяца назад
ótimo conteúdo... pq não vercel, conectada ao github?
@dcprint
@dcprint 2 месяца назад
Sensacional.... cursos deveriam ser dessa forma...
@alexnascimento7633
@alexnascimento7633 2 месяца назад
DRI, ótimo vídeo! Faz um vídeo sobre a colinhas do Commit Semântico ;) Sucesso!
@isaccavalheiro7228
@isaccavalheiro7228 3 месяца назад
top.. tava procurando um tutorial assim. obrigado
@AdrianaSaty
@AdrianaSaty 3 месяца назад
boaaa :D
@jaelcioaraujo3729
@jaelcioaraujo3729 3 месяца назад
Excelente!
@AdrianaSaty
@AdrianaSaty 3 месяца назад
obrigada!! Ainda vai sair parte 2, 3, 4... hahaha
@caioferreira8767
@caioferreira8767 2 месяца назад
nunca tinha feito build antes, nem sabia fazer deploy na hostinger
@wesleymoura5029
@wesleymoura5029 Месяц назад
deixar aqui meus agradecimento pelo cana além de gata inteligente me chamo Wesley tenho 32 anos entrei na área a pouco tempo e seus vídeos tem me ajudado muito parabéns pelo método de ensino
@danielcosta9770
@danielcosta9770 16 дней назад
Oi quando vai sair a continuação?
@programadorcarioca2662
@programadorcarioca2662 3 месяца назад
Conteúdo top!
@AdrianaSaty
@AdrianaSaty 3 месяца назад
obrigadaa! :D
@leonardosouza6272
@leonardosouza6272 26 дней назад
Fiquei esperando um deploy grátis e no final era tudo propaganda, mas ótimo portifólio
@gildasiooliveira8915
@gildasiooliveira8915 Месяц назад
Quando sai a parte dois?
@DaviEnderLitte
@DaviEnderLitte 3 месяца назад
Como seria pra fazer um deploy de um backend onde ele lê o meu front como arquivos estáticos? Seria jogar os arquivos do back da mesma maneira?
@itsduZAO
@itsduZAO 3 месяца назад
Ótimo conteúdo!
@AdrianaSaty
@AdrianaSaty 3 месяца назад
obrigada :D
@joaojanuario1620
@joaojanuario1620 3 месяца назад
Adriana Muito obrigado pelo projeto !!!!😃
@AdrianaSaty
@AdrianaSaty 3 месяца назад
que bom que você curtiuuu! :D
@conaltudo5274
@conaltudo5274 2 месяца назад
Seria possível colocar ele esse projeto dentro de um outro em python/django
@guilhermeventurimdev
@guilhermeventurimdev 2 месяца назад
Gostei muito do projeto. Sobre a professora: a didática é excelente, o que ajuda no aprendizado, além dos detalhes, que passam um ar de experiência. Fiquei até animado para praticar mais. Obrigado, Adriana Saty! P.S. a dica sobre como descrever os commits foi bem interessante.
@jeffalves761
@jeffalves761 3 месяца назад
Projeto incrível e com ótima didática. Aprendendo muito com você. Só pela continuação.
@AdrianaSaty
@AdrianaSaty 3 месяца назад
obrigadaa! Em breve sai mais vídeos! :D
@paulohenriquesilva9949
@paulohenriquesilva9949 6 дней назад
cade a parte 2 e 3? Parece que o video foi somente para receber a publi.
@leandro_augpc
@leandro_augpc 3 месяца назад
💯💯💯 me organizando pra fazer também o desenvolvimento desse projeto
@AdrianaSaty
@AdrianaSaty 3 месяца назад
issoo!! Se fizer, me marca no linekdin? :D Quero ver o resultado!
@Zoom_curiosidadess
@Zoom_curiosidadess 3 месяца назад
Eu sou muito apaixonado por ela❤❤
@renoinformatica4311
@renoinformatica4311 3 месяца назад
🤣
@smmsavio
@smmsavio День назад
Cadê a parte 2?🥲
@eldadario7339
@eldadario7339 2 месяца назад
como que ela fez pra ir pro futuro no video e depois voltar pro passado?? 5:00 (brincadeira tá)
@gui2907
@gui2907 3 месяца назад
Oi Adriana, você poderia fazer um vídeo ou descrever suas extensões que você usa no VSCode? ótimo vídeo e didática!!!
@AdrianaSaty
@AdrianaSaty 3 месяца назад
ótima sugestão! Vou fazer sim :D
@bruncode22
@bruncode22 Месяц назад
Cadê a parte 2?
@magr3lus1337
@magr3lus1337 3 месяца назад
bem minimalista :3 35:11
@AdrianaSaty
@AdrianaSaty 3 месяца назад
:3
@joaoeduardo8097
@joaoeduardo8097 2 месяца назад
Olá Adriana. Quero te agradecer por nós ajudar tanto. Estou com um problema que não consigo achar o site da localhost que foi gerado. Eu tive que para no meio do projeto. Eu tenho que dar estar novamente para gerar um novo site ?
@anaholandax
@anaholandax Месяц назад
Rode o servidor. "npm run dev"
@tharlionrodriguesdefranca4310
@tharlionrodriguesdefranca4310 3 месяца назад
projeto top e bonito, so acrescentaria uma aba com Soft Skills, tipo familiaridade em trabalho em grupo, etc.
@AdrianaSaty
@AdrianaSaty 3 месяца назад
humm, é uma ótma ideia!
@caio_auricchio4921
@caio_auricchio4921 3 месяца назад
Vídeo novo ❤❤❤
@AdrianaSaty
@AdrianaSaty 3 месяца назад
simmm :D
@leandro_augpc
@leandro_augpc 3 месяца назад
Faz um recorte falando mais desse diretório de commit no Git
@AdrianaSaty
@AdrianaSaty 3 месяца назад
opaaa, posso fazer um vídeo dedicado só para isso :D
@tamonamira
@tamonamira 10 дней назад
Negativei, pois depois de 2 meses nada de parte 2
@Reemi
@Reemi 3 месяца назад
Oi boa noite, tira uma duvida, como voce fez para gravar seu rosto ali em baixo no macos? usou algum app especifico?
@AdrianaSaty
@AdrianaSaty 3 месяца назад
simm, OBS
@alexnascimento7633
@alexnascimento7633 2 месяца назад
Continuação, pelo amor de Deus 😆
@EdgarAF7
@EdgarAF7 3 месяца назад
Quando sai a continuação? 😅
@AdrianaSaty
@AdrianaSaty 3 месяца назад
semana que vem quero já postar! Vou dividir em vídeos menores :)
@analuizaguimaraesluizao6085
@analuizaguimaraesluizao6085 2 месяца назад
@@AdrianaSaty Cadê a continuação mulheeee?
@gildasiooliveira8915
@gildasiooliveira8915 Месяц назад
@@AdrianaSaty Coloca a continuação, por favor! :'(
@jonathanplets2661
@jonathanplets2661 Месяц назад
nvm install 16.17.0
@user-gw7mv5hz4h
@user-gw7mv5hz4h 5 дней назад
se alguém fizer o projeto e querer hospedar, não use essa plataforma, é horrivel, experiencia simplesmente traumatizante, não permite subir os arquivos, a única opção que permite é criar com uma I.A que é horrorosa, terrivel
@neo_ofc
@neo_ofc 3 месяца назад
BRILHANTE
@AdrianaSaty
@AdrianaSaty 3 месяца назад
valeuuuu :D
Далее
REAGINDO A PORTFÓLIO DE PROGRAMADORES (INSCRITOS)
23:52
БАТЯ И СОСЕД😂#shorts
01:00
Просмотров 1,4 млн
APRENDA DOCKER DO ZERO | TUTORIAL COMPLETO COM DEPLOY
44:15
HTML + CSS NA PRÁTICA 🔥 Faça seu primeiro site
16:19
Criando uma API do ZERO com Node.js e Banco de Dados
1:15:42
Criando UI no React na velocidade da luz! (shadcn/ui)
14:55
Microservices na prática com Java Spring
1:55:28
Просмотров 36 тыс.
COMO FAZER UM PORTFOLIO DE PROGRAMADOR / DEV
16:34
Просмотров 12 тыс.
CSS Grid Layout e Flexbox - Quando Utilizar
39:09
Просмотров 635 тыс.