Qual a diferença entre Bootstrap e CSS puro?

[@praqueissoserve531]

Foi incrível com 7 minutos já aprendi a diferença e prefiro eu mesmo criar o css dos elementos.

[@rwietter]

Flexbox e Grid da tanto poder que é mais vantagem usar puro. Framework é melhor que quando precisa fazer algo rápido e não precisa de algo muito personalizado. Mas isso vai de gosto pessoal.

[@jrs1507]

Mesmo eu usando o frame eu personalizo tudo, deixo nada com customização do bootstrap.

[@antoniocosta7565]

Vdd, não curto usar biblioteca pronta, prefiro criar as minhas

[@cristiancps]

Olha... acho que estou chegando a esta conclusão também.

[@rcost28]

Concordo.

[@drslx]

Tô nessa discussão com um rapaz tbm 😂 ele puxando pro lado do framework eu pro css puro pq faço rapaidao o grid e já era, além do mais eu gosto de aprender a fundo o css e no fim ele não sabe oque acontece com css e nem com bootstrap 😂 apenas fica copiando e colando classe

[@ramonpaolomaran2253]

Eu usava só meu CSS (era uma droga), agora to aprendendo a usar o bootstrap e gostei muito. Recomendo a extensão do VSCode: "Bootstrap 4" do que seria um "emmet" das classes, muito bom : )

[@potamo1288]

mas css puro é tão lindo kk

[@ramonpaolomaran2253]

@@potamo1288 ksksksks o meu não :( o código e o site fica feio :(

[@eladioleal]

Cara uso essa extensão, é boa mesmo. Porém já passei MT raiva com ela kkkkkk

[@eladioleal]

@@ramonpaolomaran2253 com a prática vc melhora o CSS cada vez mais mano, rlx é normal

[@ramonpaolomaran2253]

@@eladioleal ksksks eu peguei um livro de CSS, o livro é bom, uma didática muito boa, mas não é para mim, eu sei CSS básico, como pseudoclasses e fazer um site responsivo para uns 3 dispositivos. Agora fazer aquelas magias que KZbinrs fazem com CSS já é outro mundo para mim skksksk

[@alexrn16]

Poxa Igor, porque você sempre fala depende? Acaba confundindo todo mundo na hora de decidir o que usar. Bootstrap é algo muito bom cara, facilita demais a vida de todos, principalmente na era em que tudo precisa ser responsivo e funcionar em multiplataformas. Eu já tinha conhecimento razoável de html, css, php, e demorei a estudar Bootstrap porque programadores renomados que sigo sempre falava depende. Muitas vezes é bom dar uma direção objetiva e ideal para quem esta aprendendo. Não é critica, é apenas meu ponto de vista. Te admiro muito mestre. Valeu!

[@diegoassis2166]

Claro que é mais rápido e prático e sei que cada um programador tem seu gosto e eu também gosto de programa o css raiz, mas procurando vagas de front percebi que varias empresas pedem conhecimento em bootstrap justamente pela velocidade para codar ou atualizar....

[@AleMaciel.]

Não trabalho com esses códigos, mas precisava entender a diferença, e AGORA entendi. Valeu por ter feito o vídeo que tava precisando que alguém fizesse rsrs

[@erikstellet]

Estou começando aprender sobre web, esse vídeo veio em um bom momento rsrs

[@hermesonfg]

video antigo mas "matou" minha dúvida sobre frontend! estava iniciando a fundo a desevolver web e ficava na dúvida sobre ambas tecnologias! OBRIGADO

[@ReiHalequinBr1]

Cara eu tava procurando alguém pra me dar um rumo nessa bomba de BT(Bootstrap) que pede em toda vaga skss. N tava achando tu me deu um resumo muito dahora cara, VLWWW. Eu ja manjo de css eu só n entendia como funcionava o BT muito simples cara slk vlw

[@drikadev]

Ahhh que bacana! Adorei o seu "best friend forever"! Obrigada pelo vídeo! Foi bem explicativo! Ainda mais pra quem é iniciante como eu haha. Valeu mesmo!

[@LeonardiMaker]

Não sou muito de comentar em vídeos no KZbin. Mas esse é SENSACIONAL!!!

[@PauloOliveira-uy8ej]

São por estas e outras sacadas que eu elogio tanto o curso do Igor ..

[@ellsonmendesYT]

é bom usar um framework mas pra tirar maximo proveito o ideal é ja ter uma boa base do css, bom video, parabens!

[@lulucaramelo1251]

Show excelente guia... Começei usando o bootstrap em praticamente tudo. Hoje estou dando uma certa prioridade ao Flex até pra ter um certo controle. Mas quando se quer algo rápido o bootstrap é uma mão na roda

[@gtozato]

Vídeo show de bola Igor! Muito bom mesmo, mas no minuto 1:31 eu dei risada aqui hahahaha

[@OMotivadorOficial]

você é genial, sou fãzaço!

[@leivan5507]

Eu não consigo ver frameworks nas minhas aplicações, gosto de ver a coisa acontecer no CSS e JavaScript puro.. demora um pouco mas gosto de admirar o que fiz.

[@codigorobotico743]

Besteira, só uso framework. Não sei trabalhar com casa puro e não me sinto pior programador por isso

[@danielsantos6786]

É a mesma coisa que preferir fazer cálculos na mão em vez de usar calculadora

[@leivan5507]

@@danielsantos6786 Já mudei minha opinião kkk.. Agora é framework nas minhas aplicações. 😄

[@danielsantos6786]

@@leivan5507 aí sim kkkkkk

[@RafaelLura]

Ótimo conteúdo, porem ainda prefiro o CSS puro, da mais liberdade de fazer o que quiser, ainda mais para fazer ajustes futuros.

[@alissoh-]

é só vc ir no código fonte do bootstrap

[@ursulanunes1667]

Obrigada pelo conteúdo. Muito bom 👏🏻👏🏻👏🏻👏🏻

[@belmino1515]

Muito bom, muito obrigado. Entendi e olha que é a primeira vez que olho pra um código html e bootstrap.

[@fernandesforlife]

Ótimo vídeo, estou aprendendo agora, quero aprender a usar corretamente as 2 ferramentas

[@querinoland8413]

Por exemplo quero só usar a parte do responsivo! deixa na parte do celular facil e um e fazer o root da cor pra não digitar sempre!

[@lucaslannes4004]

Ótima explicação, simples e precisa! Vlw!

[@regimm1]

Muito boa aula, obrigado pelo vídeo. Tem como ao exportar, só salvar no arquivo css as classes que são usadas no site ?

[@paulaouti5192]

Que bom achar vídeos assim 👏🏼👏🏼 estava precisando muito

[@jonaspiressilva]

Eu prefiro criar meu próprio framework, crio uma vez utilizo em tds meus projeto, fica uma coisa mais original e fica até mais fácil pois como eu criei, é muito fácil modificar.

[@ProgramadorBrTutoriais]

É uma boa... O problema é só se outras pessoas tiverem que mexer, ai vai criar uma pequena barreira... Mas tb não seria o fim do mundo.

[@jrs1507]

Mas você pode customizar seu css do bootstrap nada será genérico igual o pessoal fala, porém é bom usar as vezes um pouco de flex para não perder o controle. eu particularmente só gosto do grid mesmo, o resto eu que faço.

[@LuizAntonio-is4ud]

Quem deu dislike é pq usa o sublime kk

[@maykonsk]

Qual o preconceito com o sublime? Eu uso ele kkk

[@rog_3r118]

Kkk eu gosto do sublime , foi meu primeiro editor ... Agora estou começando a usar vs code

[@mateusmonteiro8844]

kkkkkkkk

[@djedsonvip]

Brackets reagio com riso kkk

[@codigodesenior3995]

desisti do sublime quando deletei todos os menus e abas sem querer, nunca mais consegui abrir ;-;

[@luisalms]

Sinceramente, amei a explicação, o exemplo do button foi perfeito e sua didática me fez querer adquirir o curso. Tem atualizado do Boodstrap 5? E uma dúvida: uma das vantagens da folha de estilo externa é a possibilidade de vincular a vários documentos HTML, então, com o Boodstrap, como faz pra dar o mesmo estilo a várias páginas HTML?

[@ricardocarvalhomiguel2684]

Sou iniciante, mas achei que fica meio sujo o html encher de classes cada tag, e acaba tendo q escrever a mesma quantidade de classe pras mesmas regras de css, tipo display flex e justify content center, sendo q vc pode escrever isso no css invés na tag

[@antoniojmols]

Sou iniciante e este video ajudou-me imenso. Muito Obg por partilhar o seu conhecimento. Valeu!

[@fabriciolima9583]

Show. Muito obrigado. Sabe explicar bem.

[@augustosilva33]

Uso o css antigo junto com flex box. No início foi ficil mais tudo tem uma lógica no css. E depois que você entende essa lógica você perde o freio

[@chapulinazulado7717]

Na verdade eu só uso o fexbox porque não gosto do float. Mas da pra usar CSS puro mesmo responsivo.. As vezes o flexbox até atrapalha.

[@drslx]

@@chapulinazulado7717 com a chegada do grid então

[@chapulinazulado7717]

@@drslx não uso o grid.. Nem se como é. Mas vou estudar.

[@JamFsousa]

eu penso o seguinte, eu estou focando meu estudo totalmente no back, então saber no mínimo um frame front já é o necessário para exibir um bom trabalho!

[@alissonkissel]

Muito bom! Obrigado por compartilhar!!

[@brunafelicianogomes602]

Excelente conteúdo.

[@jholkis]

Ótima explicação! +1 like.

[@viniciusm.m.7822]

Vídeo muito bom!!!

[@eduardovictor1414]

Não seria mais fácil eu usar os dois métodos ? Caso eu queria personalizar mais tipo botões e etc... eu uso o simples, caso queira só alinhar e essas coisas que n mudam mt pego do bootstrap, importando as duas css no head, é possível ??

[@NatteRoll]

Flexbox is the way!

[@Mateussantos-zl4xz]

Shooow muito legal , mas como divide a tela desse jeito ai uso linux mint

[@wesley_dias_oliveira]

cara é um moixtro, vlw pelas dicas

[@EMERSON.CAMARGO]

Show... agora ficou claro!

[@rcost28]

Eu vejo como vantagem no bootstrap a produtividade e o codigo mais clean. Mas msm assim prefiro css puro...

[@jacksonleste]

vai da opinião de cada um, mas eu prefiro o CSS puro, é tão boa a sensação de criar kkkk mas o bootsrap é bom pra quando vc estiver com pressa haha

[@LaughLoopPSP]

gnt, alguem por favor me ajuda, seria interessante usar os dois ? pq me parece mt viavel as predefiniçoes do bootstrap, e as variedades do bootstrap

[@danielsantos6786]

Pra quem é, ou pretende ser, um desenvolvedor fullstak, é mais interessante utilizar Bootstrap ou CSS puro no front-end ?

[@kaycke5073]

Não tem resposta, o programador Full-stack precisa aprender os dois. Aí dependendo do que o cliente precisa, o programador vai escolher o que se encaixa melhor. Se o cliente quiser o básico ou algo genérico você vai usar bootstrap pra ser mais rápido, e caso queira personalizar, vai criar por CSS.

[@edmilsonbernardodesouza9552]

quais programas ele está usando que vai atualizando estantaneamente?

[@danilolimahuios4879]

Esse Live Server no terminal é nativo do vs code?

[@moisesbernardes8791]

Esclarecedor

[@diogoxavier3287]

Como ficaria a manutenção do código? Supondo que um site tem 20 páginas cheias de classes do bootstrap. Se eu quisesse alterar o design, teria que ir nas 20 e trocar classe de cada um dos elementos? E se adicionar outro arquivo css pra configurações espefíficas, terial alguma lentidão na página por ter requisições pra dois css? ;/

[@sherman0646]

O melhor seria utilizar variáveis css

[@sem-nome-west]

Não tenho nada contra Bootstrap, mais é muito elegante quem consegue escrever css na unha, flex, grids, media query, etc.

[@brenolins9908]

Andei estudando flexbox com media queries e é muito bom vc conseguir criar layout responsivo com eles

[@sem-nome-west]

Hoje em dia para design e indispensável aprender isso.

[@brenolins9908]

@@sem-nome-west claramente, não só depender de frameworks para tudo, ainda mais o Bootstrap que é pesado

[@robertot6032]

existe um padrao de utilizacao de pixel e rem ? ou qual mais correto em relação ao padding, se é px % ou rem ?

[@JonathanCruzOFR]

E em relação a performance?

[@hemerson321]

Professor como você coloca esse preview na lateral direita no VS CODE ?

[@carolsf]

descobriu?

[@trilhacoder]

Hemerson, pode ser feito usando a extensão Live Preview (ainda em DEV) do VS Code.

[@NatteRoll]

Faz vídeo do Bulma e do Tailwindcss...

[@davifabiano7021]

Igor, não consigo ativas as notificações aqui no tutoriais...

[@Rmirraine]

Oi amigo, como eu faço pra configurar esse live-server pra eu poder ter as atualizações automaticamente enquanto escrevo o código?

[@sherman0646]

Só baixar a extensão direto do vs code mn

[@celioissof2943]

Css tem que ser praticado. Alias tudo que tem haver com linha de codigo. Voce pode fazer curso super bom mas as coisas ficam meio na penumbra dentro da mente. Eu fiz um curso de 8 meses super bom, varias paginas. Mas como nao pratico com minhas propias ideias ainda nao domino.

[@guirard6685]

Prof, estou interessado no seu curso, mas gostaria da grade do curso mais atualizado, vi um vídeo seu antigo.

[@PauloOliveira-uy8ej]

Opa, posso te dar minha opinião de aluno, o curso é muito bom. Procuro estimular o curso dele pq eu já comprei vários e foi o curso que me fez seguir, da vontade de fazer, aulas mais pontuais não tem enrolação. Dica compra o curso se não gostar eles devolvem a grana, mas acredito que tu não vai pedir o dinheiro de volta, mas claro é minha opinião

[@guirard6685]

@@PauloOliveira-uy8ej Obrigado pelo feedback, mais uma dúvida rsrs em relação ao javascript o que é visto da pra aprender bem? tipo o conhecimento passado é suficiente para o mercado?

[@PauloOliveira-uy8ej]

@@guirard6685 Olha eu não acabei tudo ainda, mas posso te dizer que o a meu ver o curso atende muito bem as expectativas, e asim eu acredito que tu aprende o suficiente pra fazer projetos, e como vender o projeto e a ti mesmo, 100% , mas gosto muito da abordagem do Igor, como comentei antes é direto e objetivo, tem exemplos úteis e práticos, logo no incio ele te instiga e sair ora batalha e funciona, eu vendi 2 projetos logo de cara, no meio de tudo o que esta ocorrendo nesta pandemia.

[@guirard6685]

@@PauloOliveira-uy8ej Obrigado mais uma!! tudo de bom.

[@carinaemerencio7334]

@@PauloOliveira-uy8ej depois de quanto tempo você começou a criar seus projetos

[@lucascipriano3570]

Sinceramente, o Bootstrap é bom para quem está começando ter uma pequena noção, depois que você pega o jeito com css e aprende o necessário fica até meio enjoativo ir só no framework.

[@jrs1507]

Eu quando usava o css puro achava meio chato pelo fato de passar muito tempo no código, depois que passei a usar o bootstrap comecei a gostar e eu só uso o grid mesmo dele, o resto eu mesmo personalizo tudo.

[@lucascipriano3570]

@@jrs1507 Mas o grid é fácil de se fazer, o negócio é que quando não se tem o conhecimento são testes e testes até compreender. Uma coisa que utilizo muito nos projetos é o grid e fletbox, de restante é pura criação. Bootstrap dá uma cara de padrão demais, fora que algumas empresas maiores não gostam tanto assim

[@jrs1507]

@@lucascipriano3570 então, se você só usar o que o bootstrap tem fica genérico, eu mesmo, não uso nada dele só o Grid mesmo, o resto eu mesmo personalizo igual fazendo no css puro, mudo cores de tudo mesmo e formas de tudo mesmo, tô aprendendo Sass daí será melhor.

[@lucascipriano3570]

@@jrs1507 Então não seria mais fácil criar um grid e reutilizar do que baixar uma parte de um framework?

[@gustanobreza]

Pq vc não faz vídeos em 60fps? Fica meio estranho no celular.

[@nelson.costa.dev2536]

Queria saber se o módulo de electron já está disponível no curso.

[@PedroHenrique-vr3oy]

Alguém poderia me dizer se tem como por exemplo, eu utilizar o css puro para o design do meu site, mas utilizar o bootstrap apenas para a responsividade, seria possível?

[@bruno.o]

Sim

[@augustocamargo6051]

considerando isto, ainda tem sentido usar CSS? Talvez em poucos casos

[@eladioleal]

Fala Igor, o que você acha da nova versão que vai ser lançada do Bootstrap (v5)? Parece que eles abandonaram o uso do jQuery

[@ProgramadorBrTutoriais]

Vou fazer um vídeo quando sair

[@masternetfabiano]

Eu acredito que seja pelo motivo que o Bootstrap é focado no CSS e não no java script!! Pois o Jquery é um framework JS , e consegue-se sem muito esforço fazer as mesmas coisas basicas sem o Jquery . eu por exemplo estou usando mais Carrossel com CSS puro e quando quero implementar algo a mais uso um Javascript Puro para incrementar algo. Se quiser ver o funcionamento básico tenho um PEN aqui de um carrossel com js puro simples de implementar codepen.io/fabiano-moraes/pen/PoZydZd E focando somente em ser um framework CSS que é o que se propõe ele consegue entregar mais valor ao Bootstrap. E com o dinamismo da da internet o Jquery ta ficando meio que irrelevante, pelo dinamismo.

[@eladioleal]

@@masternetfabiano cara eu pensava igual. Penso que o JQuery tá caindo em desuso pois já dá para fazer tudo com apenas CSS e JS puro. Praticamente JQuery tá partindo para o mesmo rumo do Flash.

[@masternetfabiano]

@@eladioleal Sim está indo pro mesmo rumo!! Eu particularmente uso o Bootstrap como guia para não ter que reinventar a roda!! Crio um estilo à parte do que quero mexer e pronto se vc caomeça ausar muito um framework puros todos projetos começam a ficar iguais!!

[@viniciuscampos5636]

se o site do bootstrap cai do ar por exemplo, quem tem site com boots se ferrou?

[@jairoprates4300]

O ideal é copiar o bootstrap pras pastas do site, e importar de dentro mesmo, agora só se seu provedor cair.

[@litzdc1212]

Eu uso materialize ao invés do boostrap

[@olifer-br]

Podia era rolar aquele cupom maroto pro curso, que a pandemia deu uma descapitalizada e eu to babando nele pra complementar os estudos. O preço tá mto massa e pela descrição imagino que vale até mais, mas tá osso...

[@olifer-br]

@@ProgramadorBrTutoriais Hahaha Boa! Farei o possível pra comprar esta semana, obrigado!

[@ProgramadorBrTutoriais]

@@olifer-br já apaguei... quem viu viu rs mas ta valendo

[@olifer-br]

@@ProgramadorBrTutoriais Tá feito!!! 😉😉😉

[@victordzn9544]

Se eu criar um site que depende 100% do Bootstrap, e eu for criar um app nativo ( react native ), ele funciona?, ou existe outro framework?

[@joaopedrodelduck5353]

Gente, recomendo CSS > BOOTSTRAP > SASS!

[@VictorMrSaw]

Vendo o vídeo eu pensei "mas essa diferença não é óbvia?" O que me fez refletir e que pensar desse modo não foi desdenhando seu conteúdo, e sim um sinal de evolução... Aliás ótimo vídeo Igor!

[@feliperibeiro7606]

Vale a pena se especializar na área de HTML (front-end) ?

[@spyritwalker]

Também tenho essa mesma dúvida.

[@tvm2509]

sua vez parece muito com a do Léo Lins, percebi agora kkkkkkkkkkk

[@Uchoa7622]

Muito KKKKKKKKKKKKKKK

[@caiofernandes5074]

kkkkkkk

[@davidblacksheep]

Queria comprar o curso de desenvolvimento web, mas ta caro pra mim

[@infinitystudio2715]

Boa noite você consegue desenvolver um sistema de reconhecimento de imagens ? Eu pago!

[@eliasdev6589]

Nossa vou criar uma biblioteca para min, vou deixar mas intuitiva

[@raimundojunior7828]

Tem algum curso grátis no cana/?

[@ellsonmendesYT]

curso de que?

[@Mentorghostoficial]

usar bootstrap nao pesa o site nao?

[@maykonsk]

Mas na parte de responsividade, vocês usam CSS puro ou Bootstrap? Pois o grid é uma mão na roda comparado ao flexbox do CSS puro

[@fredzn17]

Maycon Rodrigo eu uso grid direto no ccs puro

[@maykonsk]

@@fredzn17 Depois que eu estudei o CSS grid, também passei a usar com o media query. Não vejo muita vantagem no Bootstrap sendo que no CSS o negócio é fácil tbm

[@maxguttierrez]

⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️ Igor. Não encontrei NENHUM conteúdo de vuejs responsivo em português. Já vi até o pessoal usando bootstrap misturado com vue. Fazer isso só com vue não é possível ou é muito difícil?

[@jonathanfreitas291]

A resposividade é feita com CSS, dá para fazer com javascript, mas não recomendo. Estude flexbox e grid que são excelentes para manipular layouts. Caso precise, recomendo as bibliotecas Bulma CSS e Semantic UI. No caso da Semantic UI o desenvolvimento oficial está parado, mas ela possui um fork chamado Fomantic UI que estão mantendo o projeto e tem como objetivo lançar a versão 3 e remover o JQuery e colocar o Fomantic UI no repositório da Semantic UI. Ah, flexbox é para trabalhar com linhas ou colunas (unidimensional) e grid é para para trabalhar com linhas e colunas (bidimensional).

[@alexpereira8167]

Como você desabilitou o cache do Chrome? O meu está desativado, mesmo assim salva em cache.

[@JonathanCruzOFR]

Quando for atualizar a página usa "CTRL + F5", esse atalho limpa o cache

[@hugocsl]

Evite Bootstrap ao máximo! O que mais vejo é gente importando o Bootstrap inteiro pq não sabe alinha um botão, gente que importa o Bootstrap e depois tem problema de performance, inclusive, um dos problemas mais comuns acusados pelo LightHouse é "Remova CSS que não está sendo usado", e erros no LightHouse vau derrubar drasticamente seu rank no Google. Outra coisa é que a maioria acaba o projeto com 2 arquivos CSS, 1 do Bootstrap, e outro removendo as coisas do Bootstrap O.o. Inclusive é comum ver o "custom.css" ou "override.css" maior que o próprio bootstrap.css. Acho que já até me alonguei d+... Fuja de Bootstrap o máximo que puder, evite andar de muletas, e não limite a sua criatividade []´s

[@cokis]

Vdd !

[@caiocarlini1576]

tem algum email para contato ? precisava de um serviço

[@diegoaugustosantosferreira5459]

Igão, a pergunta que não quer calar é: como é programar numa máquina de escrever? kkkkkkkkkkk

[@willianfigueiredo5038]

Olá!, Onde consigo cupom de desconto para seu curso?

[@jrs1507]

Gosto muito do Bootstrap, porém, eu só uso o grid mesmo dele, o resto eu faço as customização. Se for para usar CSS Puro é melhor ir de flexbox por que quem usa float é muito louco KKKK

[@joaoaraujoh9996]

Eu tô maluco usando o float tendo que limpar as classes com clear

[@infernityavenger7069]

Hey, quem ai dos comentários é de Floripa ou Chapecó? Como anda a concorrência e as vagas por ai?

[@pedropaulo7794]

Eu não consigo usar o bootstrap, prefiro mil vezes o css, tenho mais liberdade criativa com ele

[@xaveko]

Não me seduzaaaa!!!

[@andreasfernandes1350]

Quem da dislike usa notepad++

[@AndreSilva-fp5nl]

Sei não ... Mas prefiro mil vezes o css puro

[@Cookieukw]

pior q eu tbm kkk

[@lzn1996]

Seila se é só eu mas o video fica muito irritante de assistir com essa musiquinha de buzina no fundo. No fone incomoda muito.

[@O.libertario.de.mascar]

Css e um pé nos países baixos

[@guirard6685]

mandei alguns e-mails para [e-mail] porém não tive retorno

[@ProgramadorBrTutoriais]

Me manda uma DM lá no insta

[@jonatancom8]

Odeio bootstrap