Back to Browse

Angular Firebase Chat Tutorial - Part 1

70.5K views
Aug 7, 2017
53:18

#typescript #angular #firebase #firebase-tutorial #angular-tutorial In this video series, I'll build a chat application from scratch using Angular 4 with Firebase! In Part 1 we'll set up all of the components and services for our project and hook the app up to a firebase instance. Follow along as I set up user authentication and work with a live Firebase database. We'll also write all of the UI from scratch without Bootstrap or other a pre-existing CSS framework. Like videos about web development, DevOps, and machine learning? Please support me on Patreon! ▬▬▬▬▬▬ 👋 Get in Touch! 👋 ▬▬▬▬▬▬ Patreon ► https://bit.ly/pd-patreon Facebook Group ► https://bit.ly/productive-dev-fb My Twitter ► https://bit.ly/wesd-twitter My LinkedIn ► https://bit.ly/wesd-linkedin ▬▬▬▬▬▬ 🎒 Udemy Course 🎒 ▬▬▬▬▬▬ Check out my flagship Udemy course - 12-hour full-stack app build with automation tests, Vue.js, .NET Core, and SQL * For a limited time, use promo code STACK20 * ►►► bit.ly/wesd-udemy ▬▬▬▬▬▬ 🕘 T I M E S T A M P S 🕘 ▬▬▬▬▬▬ 0:00 - Intro 0:45 - App Demo 3:49 - Sketch of Architecture 7:04 - Checking Dependencies 8:09 - Hands-on Development 15:10 - Adding Project in Firebase 17:30 - Running the App Locally 18:06 - Continuing Development 52:25 - Outro ▬▬▬▬▬▬ 📚 TOPICS OVERVIEW 📚 ▬▬▬▬▬▬ ☁️ Using Firebase and Angular to create a Chat App ☁️ ► Angular ► Firebase ► HTML ► Node.js with Typescript ► Typescript ▬▬▬▬▬▬ 🔗 LINKS ▬▬▬▬▬▬ ► GitHub repo for this project: https://github.com/wesdoyle/base-chat ► Typescript: https://www.typescriptlang.org/ ► Node.js: https://nodejs.org ▬▬▬▬▬▬ 🎵 Music 🎵 ▬▬▬▬▬▬ Intro music is "The Mark of a Good Man" by Bimini Road, used with permission. Check out his Bandcamp to listen to more: https://biminiroad.bandcamp.com/album/corinthian-arches

Download

1 formats

Video Formats

360pmp462.7 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Angular Firebase Chat Tutorial - Part 1 | NatokHD