#ScriptFE

No video

#ScriptFE

Рет қаралды 38,516

4 жыл бұрын

Faaaala galera, beleza? Hoje vou ensinar em 15 minutos como utilizar a ferramenta Sass para aprimorar sua codificação no CSS. Não deixa de conferir porque o Sass ajuda demais HAHAHA falo por experiência própria! Valeu galera!
Me siga nas outras redes:
Behance: www.behance.ne...
Dribbble: dribbble.com/n...
Github: github.com/nyo...
Facebook: / nyousefali
Instagram: / nyousefali
Site: www.nyousefali...
#ProjectNY | Násser Yousef
www.nyousefali...
@nyousefali

Пікірлер: 95

@adriel_borges 4 жыл бұрын

a diferença é que não escreves linhas pra outras pessoas copiarem, escreves linhas e explica o porque delas estarem lá, isso é mto didático.

4 жыл бұрын

Hahahha obrigado por destacar isso, tô sempre tentando isso daí mesmo! Valeu demais, obrigado pelo apoio!

@Carlos.Santos2715 4 ай бұрын

EXATAMENTE ISSO que eu procurava. Cansei de fazer sites explicadinho para os outros, diferente de fazer um vídeo explicando, onde no caso esse é o objetivo.

@marlonmnz 4 жыл бұрын

Mais um vídeos sensacional. Quando der, faça um vídeo explicando a diferença entre o Sass e o Less, e quando utilizar cada um.

4 жыл бұрын

Aí sim Marlon, obrigado pelo feedback! Pode deixar que vou dar uma olhada nisso aí!

@eduardovaladao671 Жыл бұрын

Obrigado demais! Eu estava curioso pra saber como era esse pré-processador de CSS. Seu jeito de falar é bem fácil de entender e vai no que realmente é essencial! Aprendi muito contigo :)

@Carlos.Santos2715 4 ай бұрын

Vídeo perfeito!!!! Deu o startup para quem que iniciar em SASS.

@alissonlima3735 3 жыл бұрын

Nossa eu sabia que essa tecnologia existia, só nao sabia a funcionalidade... Agora é umas das melhores coisas que ja vi kkkk e ainda deixa compativel com o maior numero de browsers possivel supimpa

@allanbarretogaspar Жыл бұрын

pô mano sem palavras pra agradecer, sou back-end e sempre tive dificuldade com css quando tenho que mexer no front mas seus vídeos tão ajudando pra caramba

@lsuzuki Жыл бұрын

Nossa.. Sass é muito da hora. Obrigada pelo vídeo. Explicação objetiva e clara.

@GustavoFernandes0 Жыл бұрын

Que vídeo excelente. Explicou muito bem e consegui aprender tudo muito fácil. Obrigado por compartilhar!

@claramoreira265 Жыл бұрын

Excelente! Entendi direitinho e consegui colocar em prática. Muito obrigada!

@darlanvieira6814 4 жыл бұрын

Muito bom esse conceito de organizar o css em camadas depois importar ajuda muito em produtividade e quem está iniciando.

4 жыл бұрын

Sim Darlan, o SASS ajuda demais quem programa em CSS em todos o sentidos! Ajuda na organização, codificação e etc. Obrigado pelo feedback!

@murilobernardes6274 4 жыл бұрын

Curti demais, tô implementando no meu projeto agora mesmo !!

4 жыл бұрын

Hahahah aí sim, melhora demais a codificação! Vai pra cima! Kkkkk valeu Murilo!

@trocandobytes 8 ай бұрын

Gostei do seu tutorial. Somente a parte de variáveis que já tem respaldo nas novas versões do CSS que não precisaria.

@nec01 2 жыл бұрын

O vídeo mais prático na explicação que vi.

@luizairinalima6763 4 жыл бұрын

Ficou linda a animação!!! \0/

@douglassouza9096 Жыл бұрын

ótimo conteúdo, muito prática e produtiva a aula.

@chuazinerd3340 3 жыл бұрын

Eu estava fazendo um curso de 10 hrs kkk, depois de alguns minutos percebi que sass se resume em instalar, usar o "&" para reduzir o tamanho das classes e respeitar a indentação das chaves heuheuhee. Vlw cara.

@jonasbernardino194 4 жыл бұрын

Ótima explicação sobre o Sass, parabéns

4 жыл бұрын

Hahahahaha valeu Jonas! Obrigado!

@lukxx950 Жыл бұрын

Nossa, sass é realmente um adianto!!!!

@gabrielzanella764 2 жыл бұрын

Ótima aula, já consegui dar um ponta-pé inicial massa com o sass!

3 жыл бұрын

Mano, primeiramente o teu video ficou top. Entendi de vez como usar o sass, e vou treinar bastante o uso dele. Parece que vai facilitar bastante a organização do código. Obrigado!

@tulio.digital 9 ай бұрын

Oi Násser, tudo bem? Obrigado pela aula. Fiquei com uma dúvida: Sobre as pré definições que vc colocou no body, é especificamente pro layout sem grid, digo só com flexbox? Eu costumo fazer o layout todo com grid e depois flexbox nas partes específicas.

@pedrolinhares2657 2 жыл бұрын

Valeu, estava precisando de um resumo objetivo.

@altamirsantos6030 3 жыл бұрын

Cara, vejo q muitas empresas pedem Sass, na minha opinião, o styled-components funciona melhor com o React Js/Native. Na sua visão, o que é melhor usar, Sass por conta das empresas ou styled-components?

3 жыл бұрын

Graaaaande Altamir, primeiramente, me desculpe pela demora em responder. Estou preparando o curso e trabalhando e ficou muito corrido. Mas respondendo a sua pergunta: o SASS pode ser usado com o styles-components, salvo me engano. Mas sim, se a empresa requisitar o react/react-native você pode fazer conforme o foi pedido, é meio que por gosto e a melhor escolha. Você pode muito bem programar o CSS com SASS da maneira mais tradicional e importar, como também pode usar tudo com styles-components, pois acredito que ele tem o recurso de usar o SASS também, não sei se todos, mas pelo menos os mais básicos eu sei que sim! Me desculpe de novo pela demora, mas vai de gosto e melhor forma de você aprender e produzir, além de ser ou não uma prática da empresa que você trabalha. Valeu demais pelo apoio mano! Abraço!

@altamirsantos6030 3 жыл бұрын

@ primeiramente queria dizer que compreendo a demora, entendo que vc tem 329533 coisas pra fazer no seu dia a dia, da mesma forma eu agaçlkdfg. então relaxa po, vamos na paz de Cristo. Minha dúvida foi esclarecida, vlw pela atenção. Abs, vou estudar sass tmb akgdjlkad, fazer oq né

@MundoDosGames133 9 ай бұрын

Muito top vou passar a usar agora

@Davidfdesousa 3 жыл бұрын

Ótima didática e ótimo conteúdo, parabéns maninho! Dica: seria bacana criar um conteúdo sobre pseudo elementos, pois é um assunto que ta em falta e é bem importante. valeu!

3 жыл бұрын

Anotaaaaado David, muitos efeitos se utiliza pseudo elements, de verdade, botões, elementos de título, microinterações e etc. Tmj mano, obrigado pelo apoio!

@kervijhonata 2 жыл бұрын

Muito bom vídeo, Sass é uma ferramenta poderosa, otimiza bastante o tempo de produção!

@Rafaelpereira-zb7jg 3 ай бұрын

ótima aula

@eduardodefati4892 3 жыл бұрын

Show de bola a aula... parabéns! Já clareou as minhas idéias. Muito obrigado!

@brunopixelx9603 2 жыл бұрын

Aula muito boa cara, explica super bem, vlw ae.

@capitaodieimes 4 жыл бұрын

Show de bola!!

4 жыл бұрын

Hahaha valeeeeeu!

@Brutalist_ Жыл бұрын

Deus te abençoe rapa, obrigado por compartilhar conosco esse conhecimento !

@eriveltondasilva6878 Жыл бұрын

Lidar com variáveis já é possível no css puro, só é escrever --minhaVariável: #fff, depois var(--minhaVariável) para se referir a ela

@kiyou6066 Жыл бұрын

Incrível! Valeu mano, resumiu muito bem e sem perder tempo!

@franciscocaetano8596 3 жыл бұрын

Muito bacana essa ferramenta. gostei demais!

@brnxrs6458 2 жыл бұрын

Tá

@ChrisG59 Жыл бұрын

É interessante o arquivo SASS ir junto pro github com o CSS ou não é necessário??

@isabelachaves8575 2 жыл бұрын

Obrigada pelo vídeo, finalmente pude entender como funciona =D Valeeeu

@gabrielfirme4957 Жыл бұрын

Cara que vídeo sensacional 👏🏻

@fernandaramos7625 3 жыл бұрын

ótima explicação

@Leanst. 11 ай бұрын

nossa, que show! HTML6 já tem um caminho a evoluir pelo visto. rs

@legacycode 2 жыл бұрын

Que sensacional , aprendi 💙 obrigado

@lordkssaad7368 Жыл бұрын

Vídeo incrível, vlw dms!

@Jonathan_Torr3s 9 ай бұрын

Muito bommm! valeuu

@watheos6730 2 жыл бұрын

Caralho, que negócio lindo de se ver

@sobczak4837 2 жыл бұрын

Alguem poderia me ajudar? o meu * e & não est sendo reconhecido pelo style.scss (assim como no css) "Do not use empty rulesetsscss(emptyRules)" Estou procurando a solução em fóruns mas não estou conseguindo resolver. agradeço desde já

@eliabekun 10 ай бұрын

Fantastic! Poderia trazer s um assim sobre loop e condicional?

@rafysancheztilogica8587 7 ай бұрын

didática 70%, conteudo 100%

@edu_amr Жыл бұрын

Como eu uso o flex praticamente em tudo que faço, achei as funções muito uteis para meu dia a dia

@dj2adanh736 2 жыл бұрын

Uma dica é que na hora de importar o arquivo para usar em outro local ao invés de de @import usa o @foward ou @use, andei pesquisando e estava dando erro aqui, após algumas buscas eu achei esses dois novos métodos que a galera tá usando.

@brunorocha9898 2 жыл бұрын

ótima aula, muito obrigado.

@strikecode1362 3 жыл бұрын

Muito Boa Aula, Parabens

@rodoviaria__ 5 ай бұрын

No meu não colocou esses webkit. É normal?

@rbltv Жыл бұрын

Top!

@anaamaral6855 10 ай бұрын

Esta extensão está depreciada. Sugiro usar uma com o mesmo nome mas de Glenn Marks

@panmelathoni2865 3 жыл бұрын

Vídeo muito bom. Obrigada

@robertoconrado9899 2 жыл бұрын

TA!

@rafaelcastro6291 2 жыл бұрын

Ficaria um arquivo de scss de principal e depois incluiria nele outros arquivos scss, né? Assim isso tudo seria compilado em um único arquivo css, este não tem necessidade de separá-lo? O scss já faz todo trabalho? até pq eu me organizaria pelo scss, correto? Obrigado.

@leandromore6680 Жыл бұрын

top de mais

@diegoi7 2 жыл бұрын

13:53 além das variáveis, é possível também deixar um arquivo só para as funções?

@J.Thiag0 Жыл бұрын

Mto parecido com styled components

@victordanilo938 3 жыл бұрын

Ótimo conteúdo.

@lucasreact3113 2 жыл бұрын

Aula top dms!!

@isaquemoura9991 4 жыл бұрын

Olá, sabe me dizer se o sass é compatível com react js? vale a pena utilizá-lo? obrigado desde já!

4 жыл бұрын

Sim Isaque, o CSS Sass é uma ferramenta que otimiza a programação em CSS. Desde que em seu projeto seja web, ou seja, que utilize HTML, e CSS, pode instalar para dar um boost em suas programações CSS. Única coisa que varia é onde você coda, no VSCode é mais fácil porque tem vários plugins, inclusive o do Sass, que é bem fácil de instalar, como expliquei no vídeo! Se for em outra IDE, tem que ver os detalhes para instalar e compilar o SASS. Obrigado pelo comentário mano, abraço! 🤘🏼🤘🏼🤘🏼

@isaquemoura9991 4 жыл бұрын

@ show, já estou implementando o sass nos meus projetos, obrigado!