Augustoqtn / aprender-a-programar

0 stars 0 forks source link

Terminar aula bootstrap e instalar em um projeto #2

Closed mjacobus closed 3 years ago

mjacobus commented 3 years ago

Link: https://curso-lucascaton.club.hotmart.com/lesson/x3eam18keg/configuracao-do-bootstrap-em-aplicacoes-rails

mjacobus commented 3 years ago

@Augustoqtn passos, segundo o vídeo:

yarn add bootstrap # instala o boostrap via webpack/javascript, não via rails
yarn add jquery  # instala jquery - dependencia do boostrap
yarn add popper.js # instala popper.js - dependencia do boostrap
rm -rf app/asssets/stylesheets  # remove pasta que não precisa, não é obrigatório

Remover a seguinte linha do arquivo app/assets/config/manifest.js:

//= link_directory ../stylesheets .css

Editar config/webpack/environment.js e adicionar a seguinte linha (verificar no vídeo se eu não digitei nada errado):

const webpack = require('webpack');

Screen Shot 2021-04-17 at 23 56 13 Screen Shot 2021-04-17 at 23 56 30

@import 'boostrap'

Cria página de exemplo (só pra testar se funciona, não é um requisito)

rails g controller pages index

E daí segue o resto do vídeo a partir dos 7 minutos

mjacobus commented 3 years ago

Depois no vídeo na parte da modal, ele está falando de coisas de javascript, de eventos e tal, e ali provavelmente tu não vai ter condições de entender. Só depois de entender um pouco de javascript.

mjacobus commented 3 years ago

Acho que esta issue pode ser fechada né?