#ScriptFE

Подписаться 10 тыс.

Просмотров 38 тыс.

50% 1

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.net/nyousefali
Dribbble: dribbble.com/nyousefali
Github: github.com/nyousefali/youtube
Facebook: / nyousefali
Instagram: / nyousefali
Site: www.nyousefali.com.br
#ProjectNY | Násser Yousef
www.nyousefali.com.br
@nyousefali

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

7 июл 2020

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 95

@adriel_borges 3 года назад

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.

3 года назад

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

@Carlos.Santos2715 Месяц назад

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.

@eduardovaladao671 10 месяцев назад

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 :)

@gabrielzanella764 2 года назад

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

@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.

2 года назад

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!

@eduardodefati4892 2 года назад

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

@GustavoFernandes0 Год назад

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

@nec01 2 года назад

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

@douglassouza9096 Год назад

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

@claramoreira265 Год назад

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

@marlonmnz 3 года назад

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.

3 года назад

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

@luizairinalima6763 3 года назад

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

@Carlos.Santos2715 Месяц назад

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

@brunopixelx9603 2 года назад

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

@kervijhonata 2 года назад

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

@pedrolinhares2657 2 года назад

Valeu, estava precisando de um resumo objetivo.

@kiyou6066 Год назад

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

@franciscocaetano8596 3 года назад

Muito bacana essa ferramenta. gostei demais!

@gabrielfirme4957 Год назад

Cara que vídeo sensacional 👏🏻

@Brutalist_ Год назад

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

@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

@legacycode 2 года назад

Que sensacional , aprendi 💙 obrigado

@murilobernardes6274 3 года назад

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

3 года назад

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

@brunorocha9898 2 года назад

ótima aula, muito obrigado.

@jonasbernardino194 3 года назад

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

3 года назад

Hahahahaha valeu Jonas! Obrigado!

@trocandobytes 6 месяцев назад

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

@isabelachaves8575 2 года назад

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

@strikecode1362 3 года назад

Muito Boa Aula, Parabens

@lucasreact3113 Год назад

Aula top dms!!

@chuazinerd3340 2 года назад

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.

@lordkssaad7368 Год назад

Vídeo incrível, vlw dms!

@Rafaelpereira-zb7jg Месяц назад

ótima aula

@fernandaramos7625 3 года назад

ótima explicação

@tulio.digital 7 месяцев назад

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.

@lukxx950 Год назад

Nossa, sass é realmente um adianto!!!!

@MundoDosGames133 7 месяцев назад

Muito top vou passar a usar agora

@eliabekun 8 месяцев назад

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

@victordanilo938 3 года назад

Ótimo conteúdo.

@panmelathoni2865 3 года назад

Vídeo muito bom. Obrigada

@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!

@Jonathan_Torr3s 7 месяцев назад

Muito bommm! valeuu

@capitaodieimes 3 года назад

Show de bola!!

3 года назад

Hahaha valeeeeeu!

@darlanvieira6814 3 года назад

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

3 года назад

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!

@Leanst. 9 месяцев назад

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

@diegoi7 2 года назад

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

@artx4214 2 года назад

cara, ajudou muito!!!

@edu_amr Год назад

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

@diegooliveira6523 3 года назад

Muito bom!!!

@rbltv Год назад

Top!

@ChrisG59 11 месяцев назад

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

@leandromore6680 Год назад

top de mais

@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.

@jordancosta6526 2 года назад

MLK BOM!!

@rianvitor7441 2 года назад

ele gera vários arquivos, eu posso colocar no gitignore? se sim, quais?

@marcoantoniofirmino5506 2 года назад

muito bom.

@rodoviaria__ 3 месяца назад

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

@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é

@watheos6730 2 года назад

Caralho, que negócio lindo de se ver

@peterson820 3 года назад

se botar so o css n funciona?

@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

@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á

@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.

@rafysancheztilogica8587 5 месяцев назад

didática 70%, conteudo 100%

@renan__domiciano 2 года назад

top

@brnxrs6458 2 года назад

Tá

@combosburg9973 2 года назад

legal

@anaamaral6855 7 месяцев назад

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

@J.Thiag0 Год назад

Mto parecido com styled components

@Samyeu_ Год назад

pq ele usa 2 microfones...?

@isaquemoura9991 3 года назад

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

3 года назад

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 3 года назад

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