Bra sätt att lära sig Bootstrap 4?

Permalänk

Bra sätt att lära sig Bootstrap 4?

Vilket är bästa sättet att lära sig Bootstrap 4?

Jag har varit borta från programmeringen några år då jag har haft andra arbetsuppgifter. Nu är det dags att komma igång med systemutvecklingen igen och skapa webbaserade lösningar.

Det som passar mig bäst är att använda C# med ASP.NET MVC Core och det är uppbyggt på ett sätt som gör Bootstrap till ett naturligt val för att skapa responsiva lösningar.

Problemet är bara att jag har varit borta flera år från programmerandet och har väl alltid haft tyngdpunkten på back-end så jag kan nog behöva utgå ifrån nybörjarnivå för att komma in i det på ett bra sätt.

Har kollat runt på nätet i ett par timmar men inte hittat någon bok jag fastnade för. Många var för gamla och skrev om nån beta version av Bootstrap 4 eller version 3.x. Video tutorials passar mig inte så bra så jag föredrar en bra bok där någon har tänkt igenom hur man på ett smart och pedagogiskt sätt kan lära sig Bootstrap från grunden men som ändå går igenom så pass mycket att man kan göra professionella siter efter att ha läst boken.

Vad skulle ni rekommendera för bok till någon i min situation?

Visa signatur

The Programmer

Permalänk
Medlem

Jobbar med B4, som är egen bibliotek av html/css såsom vissa scripts. Allt du behöver är den officiella dokumentationen, kunskap inom html och css, såsom installera sass globalt så du kan med lätthet göra om bootstrap design till din egen.

Den här är jättebra video som förklarar sass, mixins med bootstrap 4.
https://www.youtube.com/watch?v=6Ovw43Dkp44

Lycka till!

Permalänk
Medlem

Bootstrap kommer inte "designa" en hemsida åt dig utan ger dig en bra grund att utgå ifrån. När du fått kläm på alla grund "utilities" och färdiga komponenter så behöver du fortfarande kunna skriva CSS för att för att styla om dessa till något snyggare än Bootstraps egna grund css.

En sida jag använder riktigt flitigt för CSS och som jag anser är bättre än W3Schools då de ofta visar hur man gör browserkompatibla lösningar.
https://css-tricks.com/

Jag skulle säga att det viktigaste med bootstrap överhuvudtaget är deras Grid
https://getbootstrap.com/docs/4.0/layout/grid/

Som ett komplement har de även klasser för att sätta margin och padding på ett snabbt och smidigt sätt.
https://getbootstrap.com/docs/4.1/utilities/spacing/

Ibland vill du även kunna linjera/placera element på olika ställen med t.ex display block, inline-block, inline etc..
https://getbootstrap.com/docs/4.1/utilities/display/

Alla övriga "färdiga" moduler är bara copy och paste sen modifiera koden efter behov.
https://getbootstrap.com/docs/4.1/components/

Detta är i stort sätt det jag anser vara det viktigaste i bootstrap.

Permalänk
Medlem

Kommer du ihåg HTML så ska väl inte bootstrap vara något problem