Dev com medo de CSS, como aprender a gostar? | Podcast FalaDev #16

[@welingsonsantos9572]

Eu tinha medo de CSS, hoje é bem mais de boa Descobri que o que me fazia ter "medo" é o fato de eu não saber flex-box e media queries, e isso me deixava bem limitado

[@cappp]

CSS Grid também faz bastante diferença

[@welingsonsantos9572]

@@cappp Com certeza

[@rocketseat]

Fala Welingson! Realmente, o Flexbox e media queries ajudam demais 😍

[@redh4y]

Isso de media eu preciso me aprofundar, mas quanto ao flexbox estou bem tranquilo já

[@vsalbuq]

17:38 Uma funcionalidade bem simples que ajuda bastante na documentação do front-end é o JSDoc. É suportado nativamente pelo Visual Studio Code e fica exatamente onde o desenvolvedor sente necessidade de consultá-la: Diretamente no código. Basta dar um Ctrl + Espaço e você já tem uma descrição de tudo exatamente ali.

[@rocketseat]

Opa! vaaleu pelo feedback Vini! 😍

[@marcelxsilva]

Esses cara parece que vivem dentro da minha cabeça, é eu ter alguma dificuldade eles lançam um video hehe, topzera.

[@rocketseat]

Hahahahah! 🕵

[@RodrigoAlmeida22]

Já fiz uma aplicação com "styled component", mas não achei muito interessante a ideia de criar um componente para o estilo pra ir em volta de cada componente, acaba ficando vários componentes um dentro do outro. Preferi continuar com SCSS que também me permite separar um arquivo pra cada componente mantendo assim a organização junto com a utilização da metodologia "BEMCSS" (Blocks, Elements and Modifiers) que me permite ter classes únicas para cada componente tornando-as mais legíveis e de fácil manutenção. Em relação a criação de temas, na minha última aplicação usei variáveis CSS para criar o modo "Dark" onde a troca do tema se dá pela substituição das cores nas variáveis através do Javascript. Sem dúvida o "styled component" é poderoso, mas é possível obter resultados similares com outras tecnologias como SCSS, por exemplo. Cada uma delas tem suas peculiaridades. Acho que a escolha acaba sendo apenas uma questão de preferência ou o costume de utilizar uma determinada tecnologia.

[@rocketseat]

Boa Rodrigo! Valeu pelo feedback! Realmente tem várias maneiras de se fazer e devemos escolher a melhor pra gente ou para o nosso time 😍

[@gleisonsobral9405]

Rodrigo Almeida k

[@StephenWillians]

O título me define, porém o conteúdo do vídeo não houve uma abordagem relacionada a como perder esse “medo” e ficar evitando toda hora o CSS.

[@jobsongilbertobarrosamorim2516]

Pra evitar essa dor de cabeça de criar um padrão de CSS e fazer toda a equipe aprender, o que eu to fazendo é usando a biblioteca material-ui, que já vem com um estilo base e toda a estrutura de styled components, e eu só faço pequenas alterações em componentes específicos. Assim ninguém na equipe é obrigado a saber CSS, mas quem souber fica à vontade pra aloprar nos efeitos e animações, e se depois a gente quiser estender pra outros componentes, fica fácil com a definição de classes (de estilo) globais.

[@LeandroOliveira-mw2rv]

Eu tinha medo de css, hoje nem tanto, as vezes dar umas tretas mas a gente resolve kkk

[@shugazun]

Uma das minhas lutas diárias é padronizar códigos, mais cada dia melhorando. #padronizaai

[@beneditonamburete1218]

Estao comprimentados. sou admirador do canal e ao mesmo tempo uma taboa raza em relacao a programacao (nunca programei entretanto pretendo me tornar programador), de todos os videos que ja visualizei ainda nao os ouvi falar sobre o servidor para "hospedar" um app (salvo engano)... gostaria que gravassem um video a respeito (em todos aspectos). OBRIGADO. um abraco de Mocambique

[@ocharlespereira]

Seu video do import helpers ficou sensacional Diego, estou utilizando em meus projetos.

[@bubaSE2008]

É o que me desmotiva a programar... CSS. Com certeza assistirei. Obrigado

[@rocketseat]

Boa Marcus! Vamos quebrar isso! 😍

[@vitorcordeiro3854]

Caramba! Era exatamente isso que estava pesquisando. Eu sempre utilizo bootstrap para qualquer estilização. Depois de ver esse vídeo estou determinado a aprender CSS de uma vez por todas hahahahaha

[@rogeriomq]

Concordo com o Diego sobre a questão de usar styled-components, até conhecer o tailwindCss, onde vc consegue configurar em um .js um controle/customização de classHelpers de CSS para todo o projeto, particularmente acho muito mais interessante do que styled-components.

[@rocketseat]

Que legal Rogerio! Valeu pelo seu feedback 😍

[@yvanrondon714]

muito interessante esse tema abordado! Boa documentação é realmente a diferença entre o sucesso e o fracasso! hj em dia nao adianta ser um programador TOP se nao faz uma documentçao coerente. Podcast sensacional!

[@rocketseat]

Exatamente Yvan! Vaaaleu pelo feedback! Que bom que curtiu 😍

[@ocarinha4586]

Aprendo muito com esses podcasts!

[@rocketseat]

Opa, que legal!! 💜

[@briansouza4802]

EU AMO CSS !!! nunca tive medo ... PAIXÃO A PRIMEIRA VISTA !!!!

Um desenv. Frontend é obrigado a fazer a "ponte" de leituras de um json, rest ? Obrigado

[@felipeheredia4523]

Eu quer expressar minha humilde opinião de bosta. Isso não é um Podcast. Toda semana, têm convidados diferentes, porém sempre o Diego. No entanto, sempre os convidados que fazem a pergunta pro Diego, na verdade, deveria ser ao contrário, os convidados responderem sobre o assunto e/ou opinarem. Já aconteceram em alguns eps, o convidado ser especialista no assunto mas ter que ficar "quetinho" num canto, fazendo perguntas pro Diego. Por favor, escutem a opinião, mesmo que não mude nada, apenas repensem nesse conteúdo. O conteúdo é excepcional, porém não seria melhor se os convidados (as vezes experientes no assunto), respondessem perguntas?

[@ermesonoliveira4630]

Exatamente mano

[@higormartins1783]

Acredito que seja um problema em comum das aplicações que usam React e crescem absurdamente, como a rocket costuma organizar a quantidade de componentes? Seria um ótimo assunto pro próximo podcast também..

[@Maiquedi]

Excelente podcast, valeu! Tenho um pedido: podiam partilhar um link da ferramenta de que falam no minuto 23:17?

[@danielmoreira9247]

basecamp.com/help

[@rocketseat]

Vaaleu Miguel 💜 basecamp.com/

[@netasilva_]

Não consegui encontrar esse plugin do ESLint import helper, depois se você puderem me passar, agradeceria muito! Obrigada por esses vídeos, nos ajudam muito a elevar nosso nível como programadores.

[@rocketseat]

Fala Silva! Dá uma olhadinha aqui nesse vídeo =) kzbin.info/www/bejne/ZoqQqWyGj6mph7c

[@netasilva_]

@@rocketseat muito obrigada! Já estou assistindo.

[@gustavoeleop]

Diego, o que você acha do Material-ui? Eu curto bastante essa lib porque tem algumas funções nós inputs que são legais.

[@rocketseat]

Fala Leo! É bem legal mesmo, nós da Rocketseat, utilizamos o material-ui 😍

[@andrejaccon]

bom eu comecei na época que front e backend eram tocadas por um guerreiro só então pra mim isto nunca foi um problema.

[@rocketseat]

Boa André! 😍

[@Motocicleiros]

Eu sou desse time, dinossauro de TI fullstack tentando se reinventar! (y)

[@andrejaccon]

@@Motocicleiros mano não utilize o termo dinossauro se você está se reinventando. Eu tenho 20 anos de estrada e também estou no mesmo caminho mas sempre buscando novos conhecimentos em tecnologias consolidades e largando mão das tecnologias hype que hoje em dia parecem modinha da novela das nove. Sucesso ai mano

[@gabrielpereiramendes3463]

#Excelente!

[@rocketseat]

😍

[@elvispalace]

SCSS foi uma das coisas que me fez gostar do "css"

[@rocketseat]

Que legal Elvis! 😍

[@edgaralmeidadikenge7133]

Eu aprende que quanto mais você fugir de CSS mais Você vai se deparar com ele Css é como SOBRA de um Dev Web front; Você que está lendo isso deixa aqui a sua tag favorita do CSS

[@O_melviin]

Text-aling:center;❤

[@GuilleFrontcode]

A verdade é que nunca tive problema com o css, mas tenho que aceitar que foi um pouco complicado no inicio mudar de CSS pro SCSS, mas ao día de hoje não consigo escrever CSS sem SCSS kkkk

[@rocketseat]

hahaha! boa 😍

[@randomicallyrandom]

Eu não gosto é de javascript /: css eu gosto bastante, já aprendi float, flexbox e grid, morro de preguiça de aprender bootstrap e vou partir pro sass agora.

[@thiagobariquellocavalcante2736]

Tá sem áudio?

[@rocketseat]

Fala Thiago! Não.. tudo ok com o áudio =)

[@thiagobariquellocavalcante2736]

@@rocketseat meu KZbin tinha bugado

[@LucasLopes-hd1ms]

#PadronizaAi

[@wexdraw]

Galera da Rocketseat, o que você acham da padronização do css em ordem alfabetica? medium.com/@jerrylowm/alphabetize-your-css-properties-for-crying-out-loud-780eb1852153

[@JoaoOliveira-fz2nv]

Não tem um dev backend que não tem medo de css

[@jonathasribeiro6862]

CSS para iniciante é igual um cachorro que late, que tu fica com medo, mas no final tu descobre que ele não morde, só faz sujeira de vez em quando, rsrsrs

[@rocketseat]

Isso mesmo hhahahaha 😅😅

[@Fernando15005]

#PADRONIZAAI

[@pxdroh]

E quando vc é bom no css, sabe reproduzir qualquer tela responsiva e não tá tão bem na lógica!? Eu. 🥺

[@Sal-zy4kd]

Não tenho problema com css, mas tenho problema em fazer coisas bonitas com css, não sei nem armonizar cores

[@GuilleFrontcode]

Oi! pode dar uma olhada nessa ferramenta color.adobe.com/pt/create ;) ela vai te ajudar com a escolha das cores.

[@rocketseat]

Tem vários sites legais pra você procurar por paleta de cores.. o dribbble é um deles 😍

[@junyorff12]

Estagiário confundio o negócio, n teve nada de CSS nem como gostar nesse podcast.

[@andersonferreiraalves3720]

#padronizaai

[@rocketseat]

😍

[@gleisonsobral9405]

XVídeos

[@gleisonsobral9405]

Xvideo

[@gleisonsobral9405]

Xvideo

[@gleisonsobral9405]

Xvideo pono

[@gleisonsobral9405]

XVídeos

[@luistitossaiete9850]

#PadronizaAi

[@rocketseat]

🚀🚀

[@alissonsantos5353]

#PADRONIZAAI

[@fernandodepaula5850]

#padronizaai

[@douglaspoma]

#PADRONIZAAI

[@leandrodasilvacarvalhodeje3853]

#PADRONIZAAI

[@rocketseat]

😍

[@rildomaster]

#PADRONIZAAI