Angular, Ionic & Node: Build A Real Web & Mobile Chat App

8

Angular, Ionic & Node: Build A Real Web & Mobile Chat App

Learn to connect your Angular and Ionic Frontend to a NodeJS & MongoDB backend by building a real web & mobile chat app

What Will I Learn?

  • Build real Angular 6 app with NodeJS backend
  • Build real Ionic app with NodeJS backend

  • Understand RESTful API Design

  • Connect Angular Frontend with a NodeJS Backend
  • Connect Ionic app with a NodeJS Backend
  • Use MongoDB with Mongoose to interact with Data on the Backend
  • Image upload from Angular and Ionic apps
  • Use Cloudinary cloud storage for images
  • SocketIO for real-time interaction
  • Use materialize css framework
  • Add authentication using JSON Web Tokens (JWT)
  • Private chat functionality
  • Add emojis to Angular and Ionic apps
Requirements
  • Basic HTML and CSS knowledge helps, but isn’t a must-have
  • Basic JavaScript knowledge is required

Description

Have you tried to build your own web and mobile application with real time functionalities using NodeJS backend? Perhaps, you have tried to build an application either for web or mobile with chat functionalities and you need to do more with it, then this course is for you.

Angular is one of the most popular frameworks for building client apps with HTML, CSS and TypeScript. If you want to establish yourself as a front-end or full-stack developer, you need to learn Angular.

Ionic is an open source framework used for developing mobile applications. It provides tools and services for building Mobile UI with native look and feel.

This course follows a hands-on approach, which means that the whole course is structured around one big application and the different concepts will be explained detailedly as they are introduced in this application. The backend built using NodeJS will be used for both the Angular web app and Ionic mobile app.

So two apps with one backend

During this course, you will learn to:

  • Set up a NodeJS + Express + MongoDB + Angular + Ionic Application with the help of the Angular CLI, Ionic CLI and Node Command Line Tool
  • Use NodeJS and Express framework
  • Use JWT for authentication
  • Add authorization to Angular apps
  • Understand RESTful API Design
  • Image upload from Angular and Ionic apps
  • Use Cloudinary cloud storage for images
  • Connect your NodeJS backend with your Angular App through Angular’s HttpClient service
  • Connect your NodeJS  backend with your Ionic App through Ionic’s providers
  • Add private chat functionality
  • Add emojis to Angular and Ionic apps
  • SocketIO for real-time interaction
  • Use materialize css framework
  • Handle Errors
  • Forms with validations
  • Learn concepts like Angular’s http interceptors
  • And much more

At the end of this course, you will be able to build a complete and functioning real-time application both for web and mobile platforms.

Who is the target audience?
  • This course is for everyone interested in putting existing Angular, Ionic and NodeJS knowledge into action
  • This course is for anyone interested in building web and mobile application using same backend
  • Everyone interested in building a modern, full-stack application

Created by Uzochukwu Eddie Odozi
Last updated 8/2018
English
English [Auto-generated]

Size: 15.16 GB

Download Now

https://www.udemy.com/angular-ionic-node-build-a-real-web-mobile-chat-app/.

8 Comments
  1. nasir shaik says

    Thankyou so much Team FreeCoursesite For This Course. Just 2days back i requested this course,You Guys Uploaded Very Soon Thankyou thankyou some much.

    1. Ram Gyawali says

      I can’t download the courses.when I go to the download now link it is just redirecting me to somewhere else. please helpe me out.i will really appreciate any help.

  2. Anand says

    Hey Admin i have benefited a lot from your courses , Thanks is small word , you are opening the gates for people who really want to learn , and i am sure many others like me have benefited from this .

    1. saonm says

      Hello Anand. I’ve been struggling with the CSS file at lesson names Toolbar CSS (lession 69). Could you please give me that file? Thank you so much.

  3. yoss says

    seed please !!!

  4. Tan says

    Thank so much for this course. Please help me seed it !

  5. Mo Jam says

    please try to add english subtitle pleaseeeeeeeeee

  6. Arup says

    update bro …

Reply To Mo Jam
Cancel Reply

Your email address will not be published.