{"id":253,"date":"2018-08-18T11:15:00","date_gmt":"2018-08-18T09:15:00","guid":{"rendered":"https:\/\/celilsemi.erkiner.com\/blog\/?p=253"},"modified":"2020-05-28T13:43:35","modified_gmt":"2020-05-28T11:43:35","slug":"angular-hello-world","status":"publish","type":"post","link":"https:\/\/celilsemi.erkiner.com\/blog\/angular-hello-world\/","title":{"rendered":"Angular Hello World"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Creating the App<\/h2>\n\n\n\n<p>To create an Angular app, you first need to install NodeJs and its packet manager NPM. NPM will help you install all the other necessities on your machine. Most important tool is Angular CLI for this task. You can install Angular-CLI globally on your machine with the command `npm install -g @angular\/cli` in your terminal.<\/p>\n\n\n\n<p>Angular-CLI creates a hello world angular application with all required configuration with a simple command; `ng new name-of-your-app`. This will create the starter app bundled in a folder that has the same name with your app name.<\/p>\n\n\n\n<p>To start the development server you can use the command `ng serve`. This will serve the app on your localhost with default port 4200.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-1.png\" alt=\"\" class=\"wp-image-254\" width=\"449\" height=\"264\" srcset=\"https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-1.png 863w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-1-300x176.png 300w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-1-768x451.png 768w\" sizes=\"auto, (max-width: 449px) 100vw, 449px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-2-1024x689.png\" alt=\"\" class=\"wp-image-255\" width=\"952\" height=\"640\" srcset=\"https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-2-1024x689.png 1024w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-2-300x202.png 300w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-2-768x516.png 768w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-2.png 1493w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Editing the App<\/h2>\n\n\n\n<p>Changes you make will automatically trigger a refresh in the development server and browser tab. You can see the changes directly when you edit the application while serving it.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-3-1024x514.png\" alt=\"\" class=\"wp-image-256\" width=\"1075\" height=\"539\" srcset=\"https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-3-1024x514.png 1024w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-3-300x151.png 300w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-3-768x386.png 768w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-3-1536x772.png 1536w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-3.png 1879w\" sizes=\"auto, (max-width: 1075px) 100vw, 1075px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-4-1024x750.png\" alt=\"\" class=\"wp-image-257\" width=\"921\" height=\"675\" srcset=\"https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-4-1024x750.png 1024w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-4-300x220.png 300w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-4-768x562.png 768w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-4-1536x1125.png 1536w, https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-4.png 1879w\" sizes=\"auto, (max-width: 921px) 100vw, 921px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Folder Structure<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"326\" height=\"1024\" src=\"https:\/\/celilsemi.erkiner.com\/blog\/wp-content\/uploads\/2020\/05\/image-6-326x1024.png\" alt=\"\" class=\"wp-image-259\"\/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Creating the App To create an Angular app, you first need to install NodeJs and its packet manager NPM. NPM will help you install all the other necessities on your machine. Most important tool is Angular CLI for this task. You can install Angular-CLI globally on your machine with the command `npm install -g @angular\/cli` [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[7],"tags":[22,4,47,48,46],"class_list":["post-253","post","type-post","status-publish","format-standard","hentry","category-front-end","tag-angular","tag-javascript","tag-nodejs","tag-spa","tag-typescript"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/posts\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":1,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/posts\/253\/revisions"}],"predecessor-version":[{"id":260,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/posts\/253\/revisions\/260"}],"wp:attachment":[{"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/media?parent=253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/categories?post=253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/celilsemi.erkiner.com\/blog\/wp-json\/wp\/v2\/tags?post=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}