Aprenda a criar seu primeiro tema de WordPress com Bootstrap 4 Veja todos os vídeos: th-cam.com/play/PLBbHLUbqqCrT1gBZtTminYijo8DVpPynE.html ⚙ Instalação o Bootstrap 4 (com Sass e Gulp) ⚗ Transformação do layout em um tema de WordPress ✏ Criação das funcionalidades do tema 🕶 Utilização de plugins úteis 📡 Publicação do site
Ricardo, eu tenho uma dúvida: Sempre que eu for criar um novo site, eu preciso baixar os arquivos bootstrap para a pasta do projeto, ou eu posso copiar os arquivos que eu já tenho (já terminei este curso) pra pasta nova e apenas mudar o endereçamento?
Parabéns pela aula professor. Para quem está acompanhando. Segue o código com as alterações: (Obs.: Já acrescentei o que ele comentou na Aula 3 sobre o umd)
Para quem estiver com dificuldade em instalar o SASS no Windows, eu utilizei o Scout-APP, foi bem prático e fácil. Procurei bastante até que encontrei esse aplicativo que facilitou. Tem vários tutoriais de como utilizar, mas basicamente você inserir o caminho do arquivo SCSS e depois esse que ele fala da pasta Compiler (saída). Abraço
Sensasscional! Achei que não iria conseguir quando vi que já não esta sendo usando o ruby mas não tem segredo, foi só instalar o chocolatey e depois o sass atraves do comando npm install -g sass como o Renan Mendes passou! agora sim é mãos a obra! nota 10!
Cara que doideira... fácil não foi instalar não... mas acabou dando certo... é que os sites de instalação vão mudando e a gente tem que se virar hehehe mas deu certo. Vou seguir este curso!
Para quem estava com problemas em deixar o botão com o design bonito (certo), faz o teste de tirar da pasta "node_modules", e colocar na pasta curso, fiz e resolveu.
Uma super vídeo aula!! Consegui usando windows, Ruby V 2.5.1 + Sass 3.5.6, bootstrap 4.1.2. Basta seguir exatamente como instruído na vídeo aula que é sucesso. Muito Obrigado!!
Na parte da criação da pasta "compiler" aparece esse erro: 'dart.exe' não é reconhecido como um comando interno ou externo, um programa operável ou um arquivo em lotes. E não permite a criação.
cara suas aulas sâo muito top, só uma sugestão, deixe o tamanho das letras maiores, principalmente no "shell"(kk esqueci o nome), da muito trabalho para ler no tamanho normal, ajudara muito a nós refazer os passos...obrigado, novamente aula top, é minha primeira vez nesse canal, mas amei, você não nos limita a só refazer como fez, mas mostra como ir muito alem, isso foi incrivel, é o primeiro canal que vejo isso, valeu mesmo. Sucesso
Foi uma verdadeira luta para eu conseguir fazer o sass rodar pq no site o link jogava no chocolatey e os comando do vídeo não funcionavam, mas depois de reiniciar o notebook rodou de primeira. A aula está excelente! Muito obrigado pelo seu empenho!!! Parabéns!!!!
Pois estou com um problema creio que similar, usou qual link, tambem estou sendo direcionado para o chocolatey, no caso instalei com esse sistema e nao o sass, teria alguma alternativa ?
Cara muito top, animal, deu trabalho para instalar ruby, mas com help de um link de um parça abaixo, caleum, consegui instalar tudo funcionou., mas foi uma tarde toda de domingo
Cara eu gostaria de te parabenizar pelos seus videos muito bem explicado e bem detalhado, então meus pelas videos aulas estou aprendendo muito com você continua assem ajudando as pessoas vlw.
Otimo curso parabéns. Uma dica. Não recomendo usar o arquivo complilado dentro da pasta node_modules pois se a pessoa usar mais alguma dependencia como um webpack, gulp etc muitas pastas serão criadas ai dentro
Olá, gostaria de saber por que essa abordagem é melhor do que sobrescrever as mudanças em cascata na minha propria stylesheet.Se existe alguma questão de desempenho etc.Abç
Todas as vezes que for criar um novo site terei que fazer este processo? ou posso copiar e colar e pastas de projetos diferentes que vão rodar individualmente?
Ótima video aula! Me perdi na hora de fazer as alterações no PHP storm onde para criar um novo projeto é diferente. As modificações das classes tem que ser no arquivo fonte ou no próprio llinha de códigos erdados? Grato
Ricardo, por favor, toda vez que eu for criar um novo projeto eu tenho que reinstalar tudo de novo? ou basta eu copiar as pastas para a nova do projeto e recompilar?
ola uma pergunta toda vez que eu for iniciar o projeto de um site novo na minha maquina eu tenho que fazer isso? criar a pasta, entrar nela pelo prompt, dar npm init, e fazer os npm install? ou so fazendo isso uma vez fica global pra minha maquina?
salve estou co um erro quando coloco o comando npm init aparece isso This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help init` for definitive documentation on these fields and exactly what they do. Use `npm install ` afterwards to install a package and save it as a dependency in the package.json file. Press ^C at any time to quit.
Carlos, boa tarde, muito boa a aula. Consegui acompanhar todo, mas depois percebi que não tenho a pasta Build em bootstrap, qual comando é que a cria? assim confiro isso, ou qual a solução? Alguém sabe? Muito obrigado
ótima aula, porém eu uso Windows então precisei ver outro vídeo para instalar o ruby, se puder deixar um link para os próximos, desejo muito sucesso para o seu canal Ricardo.
Parabéns e muitoobrigado Ricardo.. Poderia dar um Zoom nas aulas? os códigos estão ficando pequeno aqui.. uso celular e a tela dividida com o Sublime pra programar junto..
Ola Ricardo, começei a acompanhar seu trabalho esta semana, Parabens, ótimo conteudo. sou programador Delphi e estou começando a migrar para php. Eu preciso baixar a instalação do boostrap para cada projeto e posso ter uma unica instalação na raiz do servidor web e direcionar no link da pagina?
Fiquei com uma grande dúvida. Usando o node.js para instalar o bootstrap, o jquery e o popper, deverei instalar em toda pasta onde eu tenha um projeto ou posso copiar e colar após instalar pela primeira vez em uma determinada pasta? Outra pergunta é quanto ao compilador, deverei manter o terminal aberto sempre que eu estiver em um projeto, e por algum motivo, precise alterar algum CSS?
Olá Ricardo gostaria de saber como funciona no chocolatey pois o ruby não está mais no siste do sass e ja tentei varia vezes baixar do site mais não completa
Gostei muito da aula, parabéns. Só tenho uma dúvida, supondo que eu não queira importar o navbar do bootstrap, eu vou la no arquivo bootstrap.scss e comento a linha onde ele faz o import e compilo, só que quando eu baixar os módulos novamente meu arquivo vai vir sem nenhuma alteração. Como eu faria nesse caso?
E ai Ricardo, achei o seu canal através do curso relâmpago de bootstrap, muito bom o curso, me deu uma nova visão sobre o bootstrap, e creio que esse curso de como criar o site vai me ajudar bastante. Muito fera as aulas e a forma de ensinar. Ps. na ultima aula do curso relâmpago, você disse sobre uma palestra para freelancer divulgarem seus trabalhos, se fosse viável para você também, podia dar umas dicas aqui no youtube. Uma dúvida que tenho, essa parte do sass é bastante nova para mim, é necessário que o prompt de comando do windows esteja aberto, e que eu execute os comandos para copilar os arquivos .css toda vez, ou após fazer a primeira vez como você explicou aqui, as copilações já vão automaticas toda vez que salvar, desligar o PC? Fico no aguardo. Então vou continuar com as outras aulas. Grande abraço e parabéns pelas aulas.
Na hora de mudar a variável $azul, eu coloquei #666666 e salvei. O sass detecta mudanças, mas não no arquivo _variables e a cor do botão continua azul... alguma ideia de onde posso ter errado?
Instalei o Sass pelo Node.js apartir do comando npm install -g sass mas quando faço a alteração o botão não muda de cor e os codigo .scss não reconhece no sublime text 3, alguém me ajuda por favor...
Estou com uma dúvida. Toda vez que eu for dar continuidade fazendo o site é preciso usar o CMD? Entretanto, tento fazer modificações e não quer pegar mais nada, nem o css externo Style.
aquele comando que ele usa para onde vão os ficheiros compilados não funciona sass --watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler Pelo menos não para mim
Quando chego na etapa de compilação sass --watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler o prompt não executa, como devo proceder ??
Saudações! Muito obrigado pelo vídeo, aprendi muito, mas estou com um problema: Meu Sistema é Win 64bits com Win 7 Professional. Instalei tudo o que sugeriu e funcionou perfeitamente, mas após o sass, instalado com o "npm install -g sass", quando entro com o "sass --watch node......." ele retorna que não encontrou opção chamada "watch". Tentei outros comandos como o sass --help e ele também retorna a lista, mas nada parece funcionar. Por acaso tem ideia do que pode estar acontecendo e como posso consertar o problema, pois não consigo compilar nada, nem criar a pasta.
Saudações Ricardo tudo bem? Quando executo o comando "sass --watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler", é exibido o seguinte erro na consola: "Errno::ENOENT: No such file or directory @ rb_sysopen - node_modules/bootstrap/compiler/bootstrap-grid.css Use --trace for backtrace". Cumprimentos
Boa tarde Ricardo gostaria que você me desse uma informação, quando eu fiz alteração no arquivo _variables.scss para #666666; porém quando eu salve e vou no index.html o botão não alterou a cor. O que posso fazer para solucionar esse erro ?
Ricardo, muito boa suas aulas, só preciso de uma ajuda, acredito ter dado tudo certo porém quando abro o navegador index.html o navegador não mostra o botão bonito formatado e quando passo o mouse em cima nem mostra que é um link, simplesmente fica só o conteúdo da tag . Pode por favor me ajudar
No meu index.html estava acontecendo o mesmo. Porém percebi que a versão do bootstrap era a antiga, instalei o bootstrap 4.0.0 ao invés de 4.1.1. Instale de novo o bootstrap com a nova versão.Abrs.
Olá, ao executar o comando: $ sass --watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler A saída é essa: $ sass --watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler >>> Sass is watching for changes. Press Ctrl-C to stop. directory node_modules/bootstrap/compiler write node_modules/bootstrap/compiler/bootstrap-grid.css write node_modules/bootstrap/compiler/bootstrap-grid.css.map write node_modules/bootstrap/compiler/bootstrap-reboot.css write node_modules/bootstrap/compiler/bootstrap-reboot.css.map write node_modules/bootstrap/compiler/bootstrap.css write node_modules/bootstrap/compiler/bootstrap.css.map LoadError: cannot load such file -- sass-listen Use --trace for backtrace. Depois disso, até funciona, porém como o terminal finaliza a operação, ele não identifica que foi alterado o arquivo scss, aí pra reconhecer que mudou a cor, tenho que rodar o comando novamente... Alguma dica de como resolver?
Aprenda a criar seu primeiro tema de WordPress com Bootstrap 4
Veja todos os vídeos: th-cam.com/play/PLBbHLUbqqCrT1gBZtTminYijo8DVpPynE.html
⚙ Instalação o Bootstrap 4 (com Sass e Gulp)
⚗ Transformação do layout em um tema de WordPress
✏ Criação das funcionalidades do tema
🕶 Utilização de plugins úteis
📡 Publicação do site
N consegui criar a pasta (compiler)!!! o que estou fazendo errado?
Ricardo, eu tenho uma dúvida: Sempre que eu for criar um novo site, eu preciso baixar os arquivos bootstrap para a pasta do projeto, ou eu posso copiar os arquivos que eu já tenho (já terminei este curso) pra pasta nova e apenas mudar o endereçamento?
boa tarde.. eu não consigo baixar o sass? o que faço?
Cara muito obrigado você me ajudou muito e eu aqui em 2020 vendo isso ajudou muito muito obrigado
Parabéns pela aula professor.
Para quem está acompanhando. Segue o código com as alterações: (Obs.: Já acrescentei o que ele comentou na Aula 3 sobre o umd)
Aula
Hello, world!
Botão
Estou gostando. Muito bom.
Para quem estiver com dificuldade em instalar o SASS no Windows, eu utilizei o Scout-APP, foi bem prático e fácil. Procurei bastante até que encontrei esse aplicativo que facilitou. Tem vários tutoriais de como utilizar, mas basicamente você inserir o caminho do arquivo SCSS e depois esse que ele fala da pasta Compiler (saída). Abraço
Muito obrigado. Fiz aqui e deu tudo certo.
Sensasscional! Achei que não iria conseguir quando vi que já não esta sendo usando o ruby mas não tem segredo, foi só instalar o chocolatey e depois o sass atraves do comando npm install -g sass como o Renan Mendes passou! agora sim é mãos a obra! nota 10!
boa vou instalar o chocolatey p ver se roda
O SEGREDO DA VIDA E FACILITAR E NÃO COMPLICAR, COMPLICOU BASTANTE.
Cara que doideira... fácil não foi instalar não... mas acabou dando certo... é que os sites de instalação vão mudando e a gente tem que se virar hehehe mas deu certo. Vou seguir este curso!
Para quem estava com problemas em deixar o botão com o design bonito (certo), faz o teste de tirar da pasta "node_modules", e colocar na pasta curso, fiz e resolveu.
Uma super vídeo aula!! Consegui usando windows, Ruby V 2.5.1 + Sass 3.5.6, bootstrap 4.1.2. Basta seguir exatamente como instruído na vídeo aula que é sucesso. Muito Obrigado!!
15:07 muito fácil mesmo! Muito díficil 80% foi pesquisando em outros lugares pois uso windows como a maioria do pessoal que também teve dificuldade!
aula de 15 min que demorei +de 2 horas kkkkkkkkkk
Mac e Linux são melhores para programação!
Assisti à aula. Show de bola. Apesar de principiante, consegui instalar todos os programas e realizar a alteração sugerida. Muito obrigado.
Ricardo Muito Obrigado!! obrigado mesmo, ótima explicação! show de bola. Bom inicio de pra vc e sua família.
Usem essa linha de comando para instalar o sass no windowns: npm install -g sass
god
Na parte da criação da pasta "compiler" aparece esse erro: 'dart.exe' não é reconhecido como um comando interno
ou externo, um programa operável ou um arquivo em lotes.
E não permite a criação.
@@CanaldoNoturno Também não consigo
@@CanaldoNoturno inclua a pasta com o executável dart.exe no PATH do seu Windows. Reinicie a máquina e deve funcionar
primeira pessoa das centenas q existem q ensina boostrap pra quem não sabe desde a base parabens vc é um grand epedagogo
Ricardo parabéns, pela ótima didática e pelo alto nível de código front-end
cara suas aulas sâo muito top, só uma sugestão, deixe o tamanho das letras maiores, principalmente no "shell"(kk esqueci o nome), da muito trabalho para ler no tamanho normal, ajudara muito a nós refazer os passos...obrigado, novamente aula top, é minha primeira vez nesse canal, mas amei, você não nos limita a só refazer como fez, mas mostra como ir muito alem, isso foi incrivel, é o primeiro canal que vejo isso, valeu mesmo. Sucesso
hoho, vídeo de 2 anos atrás mas que ajudou muito! Valeu
Curso bom esse estou aprendendo muito!
Foi uma verdadeira luta para eu conseguir fazer o sass rodar pq no site o link jogava no chocolatey e os comando do vídeo não funcionavam, mas depois de reiniciar o notebook rodou de primeira.
A aula está excelente!
Muito obrigado pelo seu empenho!!!
Parabéns!!!!
Pois estou com um problema creio que similar, usou qual link, tambem estou sendo direcionado para o chocolatey, no caso instalei com esse sistema e nao o sass, teria alguma alternativa ?
Abre o CMD como administrador e digita: npm install -g sass
Eu não instalei esse tal chocolatey e muito menos Ruby.
Cara muito top, animal, deu trabalho para instalar ruby, mas com help de um link de um parça abaixo, caleum, consegui instalar tudo funcionou., mas foi uma tarde toda de domingo
Cara! Deu trabalho mas funcionou!!!!! Porque meus arquivos estavam em outro HD. Valeuuuu Ricardo!!!!
Top suas aulas, acompanhando todassssss Sucessos !!!!
Video muito bom, parabens!!
Parabéns pela qualidade da aula professor, deu tudo certo aqui, obrigado!!!
Boa Noite Ricardo ! Parabéns !!!!!!!!!!
Cara eu gostaria de te parabenizar pelos seus videos muito bem explicado e bem detalhado, então meus pelas videos aulas estou aprendendo muito com você continua assem ajudando as pessoas vlw.
Muito bom Ricardo, parabéns! Estou gostando bastante dessa forma de trabalhar com o sass no bootstrap4, ansioso pela próxima aula! Valeu!
+Melquiades Mario Valeu! 😎
Inscrito ✓
Curtido ✓
Comentado ✓
Pra dar aquela moral pra quem faz trabalho de qualidade e merece muito o crescimento ✓ ✓ ✓ ✓ ✓ ✓
Otimo curso parabéns. Uma dica. Não recomendo usar o arquivo complilado dentro da pasta node_modules pois se a pessoa usar mais alguma dependencia como um webpack, gulp etc muitas pastas serão criadas ai dentro
muito obrigado pela aula !!!
Para quem está usando o editor VSCode pode usar o Live sass compiler + live server e não precisa instalar o sass no windows.
Como?
Estou usando VScode e depois de instalar o sass e usar o comando watch a pasta ".sass-cache "10:19 nao foi criada no meu editor
Muuuito obrigada por disponibilizar esse material! Ajudou demais =)
infelizmente nao irei prossegir o curso fiz tudo certo o sass esta atualizando e instalei tudo mas qdo vou abri a pag o scss nao esta mudando
No meu windows estava dando erro na instalação do bootstrap, consegui resolver instalando assim >> npm install bootstrap@4.0.0-beta.2 --force
Opa cara você me salvou agora kkk valeu pela informação :)
Vlw, aqui não estava instalando, agora foi
Vlw, meu irmão!
Valeu! Uso windows 10 e não estava conseguindo instalar, agora foi!!
vlw mano salvou aqui
Conteúdo fodástico! muito bem explanado obrigado.
Sucesso aqui nas configurações iniciais e olha que nem sou desenvolvedor web.
Olá, gostaria de saber por que essa abordagem é melhor do que sobrescrever as mudanças em cascata na minha propria stylesheet.Se existe alguma questão de desempenho etc.Abç
Todas as vezes que for criar um novo site terei que fazer este processo? ou posso copiar e colar e pastas de projetos diferentes que vão rodar individualmente?
Muito bom! Parabéns pelo vídeo!!!
showw de bola amigo
kkkkk, curti a piada no final, parece fácil hehehe. Brincadeira seguimos o curso. Valeu
Ótima video aula! Me perdi na hora de fazer as alterações no PHP storm onde para criar um novo projeto é diferente.
As modificações das classes tem que ser no arquivo fonte ou no próprio llinha de códigos erdados? Grato
Otimo video, nao consegui instalar o Sass no Mac, como faco? Obrigado.
Se eu quiser criar um projeto em php eu tenho que executar esse comando dentro da pasta htdocs se eu estiver utilizando o xampp?
Ricardo, por favor, toda vez que eu for criar um novo projeto eu tenho que reinstalar tudo de novo? ou basta eu copiar as pastas para a nova do projeto e recompilar?
Obrigado pelas explicações e pela iniciativa, Ricardo! Excelente material. Abraços!
quais os pre requisitos pra assistir essa aula?
Ricardo, muito obrigado, este vídeo foi ótimo, aprendi uma nova tecnologia. Nem sabia da existência do Sass, valeu.
ola uma pergunta toda vez que eu for iniciar o projeto de um site novo na minha maquina eu tenho que fazer isso? criar a pasta, entrar nela pelo prompt, dar npm init, e fazer os npm install? ou so fazendo isso uma vez fica global pra minha maquina?
Por que tu não usou os arquivos minificados para o SRC nos ?
Como compilar o sass? Utilizo VS Code e tenho o Node.js
vídeo começa em 1:53
Ricardo, parabéns pelas aula! Mas quando altero a cor da variável $blue, não altera a cor do meu botão.
O que posso estar errando ? vlw !
Só uma coisa - Tu é foda.
Gostaria de saber sobre esse brackets o sublime possui esses snippets que o brackets possui?
Ricardo, essas alterações q vc fez e localmente. Como seria isso no servidor para rodar ( node, sass ) ? Obrigado
E se eu estiver utilizando o git pra monitorar a pasta do projeto? Posso add os arquivos do Bootstrap no gitignore?
salve estou co um erro quando coloco o comando
npm init
aparece isso
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.
See `npm help init` for definitive documentation on these fields
and exactly what they do.
Use `npm install ` afterwards to install a package and
save it as a dependency in the package.json file.
Press ^C at any time to quit.
Boa tarde meu amigo. Como faço pois o Ruby já não existe mais.
Carlos, boa tarde, muito boa a aula. Consegui acompanhar todo, mas depois percebi que não tenho a pasta Build em bootstrap, qual comando é que a cria? assim confiro isso, ou qual a solução? Alguém sabe? Muito obrigado
Parabéns pelo curso Ricardo 👏
Já me inscrevi. Valeu!!!
da pra utilizar ainda essa versão em 2024?
Ricardo, e quando o nodejs não reconhece os comandos e diz que o arquivo deve ser executado em seu proprio ambiente?
ótima aula, porém eu uso Windows então precisei ver outro vídeo para instalar o ruby, se puder deixar um link para os próximos, desejo muito sucesso para o seu canal Ricardo.
Parabéns e muitoobrigado Ricardo.. Poderia dar um Zoom nas aulas? os códigos estão ficando pequeno aqui.. uso celular e a tela dividida com o Sublime pra programar junto..
Bom dia, se eu fechar o projeto, qual comando uso para startar novamente?
Ola Ricardo, começei a acompanhar seu trabalho esta semana, Parabens, ótimo conteudo. sou programador Delphi e estou começando a migrar para php. Eu preciso baixar a instalação do boostrap para cada projeto e posso ter uma unica instalação na raiz do servidor web e direcionar no link da pagina?
ao hospedar o meu site será que devo eliminar a pasta node?
Fiquei com uma grande dúvida. Usando o node.js para instalar o bootstrap, o jquery e o popper, deverei instalar em toda pasta onde eu tenha um projeto ou posso copiar e colar após instalar pela primeira vez em uma determinada pasta? Outra pergunta é quanto ao compilador, deverei manter o terminal aberto sempre que eu estiver em um projeto, e por algum motivo, precise alterar algum CSS?
Cara muito bom eu apanhava fazendo na unha as alterações... Muito Show ... so essa camisa do são paulo aew que estraga huehuehueheh P A R A B E N S
Olá Ricardo gostaria de saber como funciona no chocolatey pois o ruby não está mais no siste do sass e ja tentei varia vezes baixar do site mais não completa
Toda vez que eu for criar um novo projeto tenho que fazer essas instalações dentro da pasta?
O site criado em minha maquina vai rodar normalmente se eu jogar meu site em outra maquina sem essas configurações?
Gostei muito da aula, parabéns. Só tenho uma dúvida, supondo que eu não queira importar o navbar do bootstrap, eu vou la no arquivo bootstrap.scss e comento a linha onde ele faz o import e compilo, só que quando eu baixar os módulos novamente meu arquivo vai vir sem nenhuma alteração. Como eu faria nesse caso?
Tô assistindo em 2022 e tenho uma dúvida, a forma mostrada no vídeo continua sendo a melhor maneira de manipular essas variáveis do bootstrap?
Ricardo o processo de instalação é o mesmo se eu quiser trabalhar em um servidor externo ao invés de um servidor local?
E ai Ricardo, achei o seu canal através do curso relâmpago de bootstrap, muito bom o curso, me deu uma nova visão sobre o bootstrap, e creio que esse curso de como criar o site vai me ajudar bastante. Muito fera as aulas e a forma de ensinar.
Ps. na ultima aula do curso relâmpago, você disse sobre uma palestra para freelancer divulgarem seus trabalhos, se fosse viável para você também, podia dar umas dicas aqui no youtube.
Uma dúvida que tenho, essa parte do sass é bastante nova para mim, é necessário que o prompt de comando do windows esteja aberto, e que eu execute os comandos para copilar os arquivos .css toda vez, ou após fazer a primeira vez como você explicou aqui, as copilações já vão automaticas toda vez que salvar, desligar o PC? Fico no aguardo.
Então vou continuar com as outras aulas.
Grande abraço e parabéns pelas aulas.
Na hora de mudar a variável $azul, eu coloquei #666666 e salvei. O sass detecta mudanças, mas não no arquivo _variables e a cor do botão continua azul... alguma ideia de onde posso ter errado?
como faço para editar alumas coisas no js?
Instalei o Sass pelo Node.js apartir do comando npm install -g sass mas quando faço a alteração o botão não muda de cor e os codigo .scss não reconhece no sublime text 3, alguém me ajuda por favor...
vídeo muito bom! ajudou demais!!
Estou com uma dúvida. Toda vez que eu for dar continuidade fazendo o site é preciso usar o CMD? Entretanto, tento fazer modificações e não quer pegar mais nada, nem o css externo Style.
aquele comando que ele usa para onde vão os ficheiros compilados não funciona
sass --watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler
Pelo menos não para mim
Fala Ricardo, pq quando vou fazer a referencia
Quando chego na etapa de compilação sass --watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler o prompt não executa, como devo proceder ??
Boa noite eu uso o sublime, as minhas variaveis não muda e nem estão coloridas pq?
Saudações! Muito obrigado pelo vídeo, aprendi muito, mas estou com um problema: Meu Sistema é Win 64bits com Win 7 Professional. Instalei tudo o que sugeriu e funcionou perfeitamente, mas após o sass, instalado com o "npm install -g sass", quando entro com o "sass --watch node......." ele retorna que não encontrou opção chamada "watch". Tentei outros comandos como o sass --help e ele também retorna a lista, mas nada parece funcionar. Por acaso tem ideia do que pode estar acontecendo e como posso consertar o problema, pois não consigo compilar nada, nem criar a pasta.
Saudações Ricardo tudo bem? Quando executo o comando "sass --watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler", é exibido o seguinte erro na consola: "Errno::ENOENT: No such file or directory @ rb_sysopen - node_modules/bootstrap/compiler/bootstrap-grid.css
Use --trace for backtrace".
Cumprimentos
seria bom ensinar esse processo de instalação do Bootstrap no wndows. Tentei seguir os passos mas não consegui.
Apesar de ter feito as indicações do vídeo, a cor do meu botão não mudou... Alguém poderia me ajudar?
error node_modules/bootstrap/scss/_root.scss (Line 4: Invalid CSS after "...lor}: #{$value}": expected "{", was "
;")
o meu tbm... conseguiu?
meu tbm
Boa tarde Ricardo gostaria que você me desse uma informação, quando eu fiz alteração no arquivo _variables.scss para #666666; porém quando eu salve e vou no index.html o botão não alterou a cor. O que posso fazer para solucionar esse erro ?
tenta mudar o caminho do arquivo do popper.js para popper.js/dist/umd/popper.js isso resolveu para mim.
VC È FODAAA PARABENS !
Ricardo, muito boa suas aulas, só preciso de uma ajuda, acredito ter dado tudo certo porém quando abro o navegador index.html o navegador não mostra o botão bonito formatado e quando passo o mouse em cima nem mostra que é um link, simplesmente fica só o conteúdo da tag . Pode por favor me ajudar
No meu index.html estava acontecendo o mesmo. Porém percebi que a versão do bootstrap era a antiga, instalei o bootstrap 4.0.0 ao invés de 4.1.1. Instale de novo o bootstrap com a nova versão.Abrs.
Estou com uma dúvida. Toda vez que eu for dar continuidade fazendo o site é preciso usar o CMD?
se eu quiser continuar o projeto em outro computador, tenho q fazer tudo de novo?
Olá, ao executar o comando:
$ sass --watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler
A saída é essa:
$ sass --watch node_modules/bootstrap/scss:node_modules/bootstrap/compiler
>>> Sass is watching for changes. Press Ctrl-C to stop.
directory node_modules/bootstrap/compiler
write node_modules/bootstrap/compiler/bootstrap-grid.css
write node_modules/bootstrap/compiler/bootstrap-grid.css.map
write node_modules/bootstrap/compiler/bootstrap-reboot.css
write node_modules/bootstrap/compiler/bootstrap-reboot.css.map
write node_modules/bootstrap/compiler/bootstrap.css
write node_modules/bootstrap/compiler/bootstrap.css.map
LoadError: cannot load such file -- sass-listen
Use --trace for backtrace.
Depois disso, até funciona, porém como o terminal finaliza a operação, ele não identifica que foi alterado o arquivo scss, aí pra reconhecer que mudou a cor, tenho que rodar o comando novamente... Alguma dica de como resolver?
Muito obrigado!!!!