Primeiros passos com SASS • RUBY/SCSS/HTML5

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

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

50% 1

Como trabalhar com um dos mais incríveis pré-processadores CSS do mercado?
O CSS você já conhece, folhas de estilos baseadas em tags HTML,id e classes, sua sintaxe é bem simples e fácil de entender, mas tanta simplicidade nos força a fazer uma folha de estilo por vezes redundante e muito longa. Para resolver este problema existe o SASS, uma poderosa extensão da linguagem CSS que permite uma escrita profissional e completa escrevendo nossas folhas de estilo de forma muito mais dinâmica e produtiva.
Compatível com todas as versões do CSS e é utilizada pelo tema padrão do Magento a partir da versão 1.9, você escreve sua folha de estilo em SASS e utiliza um conversor para o CSS padrão, a extensão utilizada passa a ser o .scss e um compilador para transformar o scss em css, assim podemos deixar nosso arquivo CSS sempre compacto melhorando ainda mais o desempenho das páginas.
// INSCREVA-SE NO CANAL
ru-vid.com...
// REDES SOCIAIS
1. Twitter: / ferreirastudios
2. Facebook: / ferreirastudios
3. Google+:
plus.google.com/u/0/b/1091027...

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

6 авг 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@matheushonorato4740 4 года назад

Excelente conteúdo

@1754victor 8 лет назад

Ferramenta realmente interessante. Em breve começo a usar.

@lupefer 6 лет назад

Bem bacana seu tutorial, valeuzaço!

@rafaelacioly3252 8 лет назад

Video excelente, isso com certeza vai mudar muito minha rotina e minha opinião sobre css! parabéns!

@brunacristinaberges2131 7 лет назад

Muito obrigada, me ajudou bastante!

@joabefernandes7286 5 лет назад

boa didática! 24 mins passou tão rápido. Obrigado!

@xNECON 8 лет назад

Parabéns , ótimo tutorial porque não continua seria ótimo uma serie sobre sass :)

@rogercostadev 7 лет назад

Conheci o seu canal hoje através desse vídeo Ferreira, já ganhou um escrito. Eu já tenho uma experiência com HTML5+CSS e estou iniciando em SASS agora em uma plataforma de um curso que não vou citar, mas é muito bom aprender o mesmo conteúdo de outras fontes. Muito boa sua explicação, sucesso!

@SuRuBaH13 6 лет назад

Muito bom, valeu :)

@Flaviano_Recreio 4 года назад

Muito Obrigado! Fez com uma didática tão perfeita que eu aprendi! kkkkkkkkk

@soujvnunes 8 лет назад

Era o que eu e muitos outros desenvolvedores iniciantes precisavam! Valeu!!

@leonardoferreira.design 8 лет назад

+João Victor Nunes vlw! Continue nos acompanhando. Forte abraço. ;)

@edvaldojunior3315 5 лет назад

Que pincelada ein! kkkk na real queria que fosse maior, gostei muito, obrigado por passar seus conhecimentos :3 abraço o/

@Rikardoandrevieira 8 лет назад

Cara parabéns pela atitude muito bom todos as suas vídeo aulas! Agora a duvida no @import() tem como fazer uma conexão por exemplo com um banco de dados tipo @import('Config.inc.php') ???? Fica a duvida não testei mas vou testar para ver!

@DaviMartins99 8 лет назад

Bom vídeo como sempre! Que esquema de cores é esse do Sublime? Achei interessante.

@leonardoferreira.design 8 лет назад

+Davi Martins chama-se flat. Eu postei o download do tema na página do Facebook. Dá uma conferida depois. Abraços ;)

@kiet993hoang2 7 лет назад

Davi Martins

@aridake 6 лет назад

mano, mas me explica uma coisa, vc explicou as funções e tudo do Sass, mas eu não vi quase ou nenhuma utilidade pra ele. o que você pode fazer com ele não facilita taaaanto assim sua vida. na real, meio que complica, tendo que saber novos valores e ainda mexer com cmd. Então aí vem minha pergunta: pra quê serve mesmo? e a aula ta 10 vlw

@FaladaiMichel 7 лет назад

colocar esse layout pra gente baixar

@Brunocriacoes 8 лет назад

cara vc é muito bom, eu tenho uma duvida, você poderia me dar uma luz, eu estou querendo fazer um editor de texto, simples onde o cara faz virar negrito, centraliza texto, cria um link, vc poderia me indicar algum material para que eu possa fazer ou se fizer um tutorial eu agradeço.

@leonardoferreira.design 8 лет назад

+Bruno Criações é bem mais complicado criar um editor, primeiramente porque demanda bastante lógica e código para deixar ele bem robusto e flexível, em contrapartida, temos editores famosos no mercado e que são excelentes, um dos que mais uso é o TinyMCE, confira em: www.tinymce.com/ Abraços e continue nos acompanhando. :)

@Brunocriacoes 8 лет назад

muito obrigado, eu gostei muito, vou usar ele, vc realmente é fera, uma outra duvida, eu estou com dificuldades em exibir dados que estão em json, usando php facil esse foi, tem como usar tambem o appml, mais gostaria de fazer isso usando jquery, para usar em blogger, para poder fazer plugin, para blogger

@CesarHenriqueRibeiro 8 лет назад

Excelente vídeo aula, você esta de parabéns... Só me ficou uma dúvisa "Eu sei que esse vídeo é só uma introdução :)" Mas se eu tiver um projeto online, como que eu posso dar manutenção no mesmo? Eu consigo trabalhar normalmente sem rodar o terminal/prompt ou preciso criar um backend um meu localhost e depois "subir" o mesmo? Grande abraço

@leonardoferreira.design 8 лет назад

+Cesar Henrique Ribeiro não precisa não, o que você manda para o servidor é apenas o arquivo mãe (o css base), o .scss é bom você deixar salvo e organizado no seu servidor local ou na nuvem para updates futuros, ele serve apenas para dar um direcionamento performático na estrutura do seu css. Continue nos acompanhando. Grande abraço. ;)

@brunocasstiel 8 лет назад

Olá, comecei a aprender sobre ruby e a primeira aula que vejo sobre ruby é através do seu vídeo e achei bem interessante, só quero ver se você pode me tirar uma dúvida, bem hoje eu tenho o xampp instalado na minha máquina com o php, se eu instalar o ruby pode ocorrer algum problema? eu uso o mesmo sv. apache do xampp para o RUBY ou devo iniciar outro? muito obrigado desde já.

@leonardoferreira.design 8 лет назад

+Bruno Fabricio Cassiamani não tem problema algum, você pode trabalhar com os dois ao mesmo tempo. Obrigado por nos acompanhar, grande abraço. ;)

@Thiago7919 7 лет назад

E quando o arquivo CSS está em uma pasta diferente do SCSS?

@_alexollie 6 лет назад

Eu não vi vantagem nesse negócio de sass ou eu não entendi. 1 Tenho q incluir na página html os tres arquivos(.css, .scss e .map) ? 2 Toda vez que eu for trabalhar em arquivos de estilos eu tenho q abrir o prompt? 3 Toda vez vou eu for criar uma nova folha de css, vou ter q digitar no prompt (sass nome-da-folha.scss:outra-follha.css)? 4 Toda vez que eu quiser acompanhar em real-time um stylesheet tenho q digitar (sass -- watch folha.scss:outra-folha.css)?

@JoaoVitor-us3wt 8 лет назад

te amo leo

@lorenapassagem7057 7 лет назад

o meu não funciona fica com o erro directory is already being watched

@raphaelhxr3697 8 лет назад

Muito boa sua aula, parabéns continue assim ;) Gostaria que você me ajudasse, se possível. Não estou conseguindo executar a linha "sass style.scss:style.css" Tirei o print do prompt do Ruby: snag.gy/HJqNv.jpg Ele retorna um error: No such file or directory @ rb_sysopen - style.scss Use --trace for backtrace. O que poderia ser? Abraços!!

@JohnCarlinhosII 7 лет назад

mds você está até aqui!! ta querendo virar desenvolvedor web e ficar com 3 empregos?

@raphaelhxr3697 7 лет назад

kkkkkkkk.. na vdd 4, to estudando inglês tbm

@lucianooliveira5188 7 лет назад

Acho que voce tem que adicionar --watch. tipo sass --watch style.scss:style.css

@MrFernandorrn 7 лет назад

estou aprendendo sass e pelo qe eu vi nessa primeira aula n me ajudou em nada pelo contrario meu dreamweaver n esta mais com auto complete =/

@social.maicom 6 лет назад

Em suma foi boa a explicação. Só não entendo porque você fica perguntando "Ok? Ok? Ok?" pra gente a cada 30 segundos. Isso destrói a concentração do aluno, e a gente não vai te responder na hora. Quando tento lembrar de algum outro vídeo seu, a primeira coisa que me vem na mente é o som da sua voz dizendo "Ok!?"...