Food Delivery App 7 - Introduction to Angular for Web Backend Dev

-

 

https://miro.medium.com/max/792/1*dz-JlQgKz5N9lQU6_3XimQ.jpeg
What Is Angular?

Angular is a TypeScript-based open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS (Wikipedia)

 

Although that is a nice description. It really does not tell us much. We can pick out a few things.

  • It it TypeScript-based. That’s important. It means at some point you will need to learn TypeScript. Here is a beginner’s guide.
  • It is open-source (free).
  • It is for building web applications.
  • It is a framework (unlike React which is made up of libraries). The difference? Inversion of Control

 

Development

Step One-Installation of The Angular CLI

With our tools installed, we will start our application by using the Angular Command Line Interface or CLI. This is the recommended method for starting a new project.

We will need a directory on your computer to store the application. You can create this as desired but mine will be simply be named FirstAngularApp. This is a folder for your application, not the application name. That will come later.

Open VSCode and open the folder in which you want your application (FirstAngularApp.)

Comments

Post a Comment

Popular posts from this blog

Flutter : Introduction

-
Image
  Introduction to Flutter Installation In this section, let us see how to install Flutter SDK and its requirement in a windows system. Step 1 − Go to URL, https://flutter.dev/docs/get-started/install/windows and download the latest Flutter SDK. As of April 2019, the version is 1.2.1 and the file is flutter_windows_v1.2.1-stable.zip. Step 2 − Unzip the zip archive in a folder, say C:\flutter\ Step 3 − Update the system path to include flutter bin directory. Step 4 − Flutter provides a tool, flutter doctor to check that all the requirement of flutter development is met. flutter doctor Step 5 − Running the above command will analyze the system and show its report as shown below − Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 10.0.17134.706], locale en-US) [√] Android tool chain - develop for Android devices (Android SDK version 28.0.3) [√] Android Studio (version 3.2) [√] VS Code, 64-bit editio
Read more

How to release your Flutter app

-
  How to release your Flutter app for iOS   Prerequisites Make sure that you’ve covered Apple’s guidelines for releasing an app on the app store. Have your app’s icons and launch screens ready. Have an Apple Developer account.   Prepare for building Before you can build and release your app on the App Store, you need to set up a place for it using App Store Connect. But first, you need to register a unique bundle ID for your app. This can be done by logging into your Apple Developer account and following these steps: Open the App IDs page. Click + to create a new Bundle ID . Fill out the needed information: App Name, and Explicit App ID. If your app needs specific services, select them and click Continue . Review the details and click Register to finish. Now that we have a unique bundle ID, it’s time to set up a place for your app on the App Store Connect. Log in to the App Store Connect. Select My Apps . Click + then select New App . Fill in your app details and make sure i
Read more

Firebase Cloud Messaging

-
Image
  what are push notifications? Push Notifications are a sort of pop-up messaging medium that alerts app users to what's going on in the app. They are also an important way to amplify user engagement in your app. For example, say a user forgets about the app once they have installed it. Then you can use push notifications as a mechanism to regain and retain their interest. Push notifications also help drive traffic to your app. Firebase Cloud Messaging is a service offered by Firebase which lets you send these notifications to your users. You can set up various configurations to send different notifications to different audiences based on time and routine. Because of all these benefits, we are going to use it to send notifications to our Flutter app. Step 1: Create a Flutter Project First, we are going to create a flutter project. For that, we must have the Flutter SDK installed in our system. You can find simple steps for flutter installation in the official documenta
Read more