AngularJS-14 Introduction

 AngularJS Tutorial for Beginners

coding-zon-AngularJS14-Introduction

 

This Angular 14 tutorial will be covering the latest version of the Angular framework and look at all the fundamentals, including the following topics.

  •     Angular CLI
  •     Components,
  •     Module
  •     Services
  •     Datatype
  •     Data binding
  •     Arrays
  •     Functions
  •     Directives
  •     Events
  •     Forms
  •     HTTP
  •     Routing


Introduction


Angular is a platform and framework for building single-page client applications using HTML and TypeScript.
Angular is written in Typescript. It uses full features of Typescript decorators, types, and other high level concepts of it.

Angular is a component-based framework for building scalable web applications in an enterprise business world, It includes routing, forms, management client-server communications and more.
Angular allows to develop, build, test, and update your code.

Why Angular

  • It is supported and managed by Google
  • Angular using Typescript.
  • Using Declarative UI  is a component based )
  • Supports PWA & SPA.
  • Simplified MVC Pattern.
  • Code Consistency and Easy Testing.


Table of Contents

  1.  Requirements
  2.  Installing Angular CLI(Command Line Interface) on Windows
  3.  Create Angular Project
  4.  Running server
  5. Opening Angular Project.



1. Requirements

To Install AngularJS14, you need node. If already installed node, jump to next step.

Install latest version node and npm.

Ex: 

  • node version - 16 plus.
  • npm - version 8 plus.

If not having download node from here 


The Node.js installer includes the npm (Node package manager).

If any issues with npm, while installing angular, update it or re-install it.

 

C:\> npm install npm@latest -g

C:\> npm update -g npm

 Top

2. Installing Angular CLI(Command Line Interface) on Windows


CLI is a tool that allows you to manage, Angular applications directly from a command shell.

C:\>npm install -g @angular/cli


Open command window and paste this command at prompt and press enter. No matter in which folder you are in. It is installed globally, from any directory you can access ng commands.
After finished installation, at command line, just type  ng command with given options as shown below.

C:\>ng --version

C:\>ng --help

 

3. Create Angular Project

 

 C:\> ng new myApp

 ToC

4. Running server (local within the project)

Navigate to project and start server

C:\>cd myApp

C:\myApp>ng serve 

or

Using npm command

C:\myApp> npm run start


5. Open Angular Project

Open a Browser and type the URL given  below.

http://127.0.01:4200

or

http://localhost:4200
 

 Top⬆

 




Comments

Post a Comment

Popular posts from this blog

Using javascript pass form variables to iframe src

Image
   Open PDF in Bootstrap Modal Window   This tutorial shows How to pass a JavaScript/jQuery variable to bootstrap modal view and sets it to iframe  src attribute. It passes value dynamically to src attribute of the iframe. When the user clicks a link, it opens the URL in a popup window. This  code shows the PDF in a Model without download option by hiding the toolbar.  To show PDF toolbar in modal, just add #toolbar=1   in the above script. index.php <!DOCTYPE html> <html lang= "en" > <head> <title>Bootstrap Model with PDF Example - coding-zon</title> <meta charset= "utf-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1" > <link rel= "stylesheet" href= "https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" > <script src= "https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.slim.
Read more

Creating a new PDF by Merging PDF documents using TCPDF

Image
Merging two PDFs in PHP What is PDF? The Portable Document Format. PDF stands for "Portable Document Format". Essentially, the format is used when you need to save files that cannot be modified but still need to be easily shared and printed. PDF is one of the most commonly used file types around. PDFs generally contain shareable data, such as text or photo documents etc., and are accessible to anyone who has a computer or smartphone. Unlike a Word file, which requires Microsoft Word to view or edit, most browsers will open a PDF. How to merge PDFs? You can merge several documents into one. In PHP, you have a library called TCPDF which allows you to combine one or more PDF documents to one single document. In this article, we will create a new PDF by Merging PDF documents using TCPDF. Download the PDFMerger-tcpdf.zip here. Unzip it and copy it to the PHP server. Copy the PDF files into the same folder that you want to combine. Open the file: merge-pdf-example.php Provide
Read more

Import excel file into mysql in PHP

Image
  Upload Excel file and Import  it into MySQL in PHP  Create a table in some database with given code.   Download Library - extract it, rename the folder to library . Create index.php file with given code in a server. Create excelUpload.php with given code. Create db_config.php . Create one Excel file with some sample data as shown in the below image of Excel file. Create ' uploads ' folder in the same directory. Now start server, run the index.php. Upload a .xls file. If Everything is fine, Excel data inserted in the above created MySQL table - tbl_products . PHP Version:   5.5.11 Folder Structure      Query: CREATE TABLE IF NOT EXISTS `tbl_products` ( `id` int ( 11 ) NOT NULL AUTO_INCREMENT, `productname` varchar ( 100 ) DEFAULT NULL , `description` varchar ( 100 ) DEFAULT NULL , PRIMARY KEY (`id`) )     Top index.php <!DOCTYPE html> <html> <head> <title> coding-zon Demo - Upload Excel to MySQL in PHP </title> <lin
Read more