Skip to main content

Related Articles

Loading...

Create Your First Angular Application - My Flower Store

 



Last tutorial you have learned how to set up your environment to work with Angular. In this tutorial you will learn how create your first Angular application.

Steps to create the Angular Project

Open command prompt Run 

ng new <<your app name>>

Once you run the above command it will ask you to select the type of css that you need to use.

Then Angular CLI will install necessary npm packages and other dependencies.

ng new my-flower-store command


Within a minute or two CLI will create the project with all the necessary features that you can run your app.

Initial app contains

  • A new workspace, with a root folder named my-flower-store (project name you gave with ng new command)
  • An initial skeleton app project, also called my-flower-store
  • An end-to-end test project (in the e2e subfolder).
  • Related configuration files.

How to run your first Angular App

Type cd my-flower-store

Run ng serve --open


ng serve --open command

ng serve command will build the app and it will start the development server. This will rebuild your app whenever you do the changes to project files.

--open command will open new browser to http://localhost:4200

If you wanted to change the port, you can use command

ng serve –port <<port number>>

Congratulations! You have created your first angular application and you will see the sample html content as below in your browser.


My Flower Store App in Browser



Labels:

Comments

Post a Comment

Popular posts from this blog

The Power of ChatGPT and Whisper Models

A Deep Dive into Natural Language Processing Natural Language Processing (NLP) has seen a significant boost in recent years due to advancements in artificial intelligence and machine learning. Two models that have shown remarkable success in NLP are ChatGPT and Whisper. In this article, we will delve into the power of these models and their applications in the field of NLP. ChatGPT is a transformer-based language model developed by OpenAI that uses unsupervised learning to predict the next word in a sentence based on the context of previous words. ChatGPT is a generative model that is trained on large datasets of text, such as books and articles, and can be fine-tuned for specific tasks, such as question-answering or dialogue generation. ChatGPT is known for its ability to produce human-like text, making it an ideal tool for applications such as chatbots, content creation, and language translation. Whisper, on the other hand, is a paraphrasing model developed by Google that is based on...
Post a Comment
Read more

When Submit A Post To Pligg Site I Am Getting "Wrong Step" Error

Recently I noticed that my Pligg social bookmarking site does not get any new post from the community. Then I try to submit a post to the site and on the second step of the article submission page I got the error "Wrong Step". I was really confused and try to figure out the issue. When I search on the web, I found few answers and none of the solutions were addressed my issue. Some of the reasons that the support forums were discussed are: 1. "Wrong Step" error might occur due to new template you use for your pligg site. 2. Configuration changes, basically f_open() function configuration. Most of the time this could happen when your hosting company upgrade their servers or change the security configuration of their servers.
Post a Comment
Read more

SMPP protocol library for fast and easy SMSC(Short Message Service Centre) client development even for non-telecom guys

SMS sending through .NET C# is really easy. But most of the guys face many issues with SMSC client developments. SMPP protocol has many parameters to configure, but for simple SMPP gateway application you need very few of them to configure correctly. This article will cover how to implement SMSC client application using EasySMPP library. EasySMPP is a free SMPP library used by many people to implement SMS sending applications. There are many SMPP libraries but EasySMPP library is very easy to use and relatively stable. EasySMPP library mainly contain five class library projects. KernelParameters, SMPPClient, SMSClient, SMSService and Tools are the library projects and you only need to use SMSClient library to implement SMPP client application. First download EasySMPP library and add class library project to your .NET C# solution.  1. public bool SendSms( string from, string to, string text)
Post a Comment
Read more