Building An Angular 5 Project with Bootstrap 4 and Firebase - Part 1: Setting Up The Project

[@Squishiimon]

Great Video! I'm working on my first application using Angular, Firebase and Bootstrap.. I wasn't sure where to start and some videos didn't explain enough. This is a long video but well worth it and well explained.. Be sure to get the correct versions for each since that might cause problems. In firebase I ended up using v4.5.0.. I hadn't noticed the comment but be sure to set the firebase rules from false to true! Not having that was making nothing show up.

[@skapha]

you could remove fixed-top class inside tag . however, great video.

[@beataj3382]

Thank you for video. To let you know, everything works property. I'm waiting for Part.2

[@DJDrex100]

Great video! Something that may be useful: a JSON file for your firebase data so those who are new to firebase can get started quickly. You also didn't mention that the firebase rules should be set from "auth != null" to "read: true, write: true" since you haven't implemented authentication yet!

[@codingthesmartway]

Thanks Derek and thanks for adding the information to set the firebase rules. That right, forget to mention this!

[@AkshayVijayJain]

Yes this is important, to avoid following error (core.js:1350 ERROR Error: permission_denied at /Courses: Client doesn't have permission to access the desired data.) Solution -> Configuring rules. You can find and change the rules for your database in the Firebase console. Simply choose your project, click on the Database section on the left, and then select the Rules tab.

[@AkshayVijayJain]

firebase.google.com/docs/database/security/quickstart

[@richardabraham9812]

The firebase rules update is correctly highlighted by you.

[@keremcankabaday4289]

great! Keep making this angular series.

[@codingthesmartway]

Thanks!

[@DJDrex100]

I'm also looking for a tutorial on how to set up firebase 5.0 authentication as well as how to write back to the database from the front end (submitting a new course to firebase in this example). I can't find anything that's as up to date as your videos. It would be much appreciated!

[@hansurschel1761]

Great job. Gutes Video. Die Datenbank muss man sich natürlich selbst anlegen. Angular 5 ist mittlerweile da, Bootstrap ist immer noch Beta-Release

[@manuelperes4995]

The video is excellent, I learned a lot, thank you

[@najlakhalid1435]

great tutorial. Waiting for part 2:)

[@pandarzzz]

Thank you for sharing this informative video! 🐰🖐🏻

[@XavierPC]

Your Channel is Awesome. I can't find the part 2 :(

[@randomprods6843]

Hello, great video, I understand many thinks! I have only one question for you, how come the menu on mobile does not work? is missing some code to make it work? If you can know which one? thanks and congratulations for your work

[@eduardkoryagin4792]

Awesome! Waiting for part 2. :)

[@Tussiwarrior]

Thanks a lot for the tutorial!

[@sodeasoft]

Thank you for this Tuto and for the other ;)

[@LumbreraEnMiCamino]

how can i deploy this app to work on a website, because a tried but does not appear any content of etc. ??

[@sulaimantriarjo8097]

why you did not put navbar html code in app.component.html and put the container in new component?

[@MrGugared]

Nice video! Thanks

[@gunguzel3355]

Nice video. Thank you.

[@codingthesmartway]

Thanks!

[@nocturno7887]

Hi there, ERROR in node_modules/angularfire2/firebase.app.module.d.ts(13,31): error TS2694 : Namespace 'firebase' has no exported member 'firestore'. I am not sure if I did right, but commenting the line 13 in the file that the error refers, allows me to continue, if anyone knows a better way to do it, please share. Thanks PD: Thank you Sebastian, I am enjoying the tutorial. Moreover, where do we get the DB(content) from?

[@iyakfishing2917]

mine is throwing an error with bootstrap? can't resolve '~bootstrap/dist/css/bootstrap.css' ? source map is false? import is false? doesn't seem to find bootstrap. I've manually put the bootstrap 4.0 folder + files in the node_modules folder, still wont work? Why is adding bootstrap so difficult? is it just me? :)

[@sreekanthkategaru9831]

Great video, Thankyou sir :)

[@codingthesmartway]

Thanks a lot!

[@armstrongsama278]

this.db.list(listPath).valueChanges(); doesnt work for me . the valuechanges stays underlined with red

[@daniellaerachannel]

Excellent

[@codingthesmartway]

Thanks!

[@oguzakankan518]

Danke dir 😊

[@codingthesmartway]

Gerne :)

[@BadgerUKvideo]

Great video. Some of your English is off though. When you are saying 'paste' it sounds like you are saying "parsed". "Paste" sounds like "taste"; the "a" sound is the same as in "day". You're doing the German "v" (a'w'ailable). Think "vier", the v needs to sound more like an f.

[@suhardisjahrial3318]

Wo ist der zweite Teil?

[@Androide7461]

Where is part two? :(

[@FrontendZilla]

Its not Angula its Angular , b/ w great work

[@sergiik2168]

14:17 - you show your apiKey

[@MohsinGhani]

great sir (y)

[@kingerszander5136]

Angular 5 ?

[@guypensart9546]

Got an error: cannot find namespace firebase Solution: downgraded firebase installation to 4.8.0 github.com/angular/angularfire2/issues/1387 Thanks for this mega cool tutorial