Archive | February 2018

Spring Boot Environment Setup

#1 Open the url

#2 In group, type com.<<your_name>>

#3 In artifact, type user-app

#4 In Dependencies, select web

#5 Click Generate Projectide

#6 Unzip and import into any java IDE like STS


Project Setup

#1 Create a new angular project

D:\BootcampProjects>ng new user-app

#2 Open the project in any editor like visual studio code

D:\BootcampProjects>cd user-app

D:\BootcampProjects\user-app>code .

#3 Understand the files generated,

Modules – Modules break up the application into logical pieces of code. Each piece of code or module is designed to perform a single task.All the modules are loaded by main.ts.

Component – Component is used to bring the modules together.

tsconfig.json – The presence of tsconfig.json file in a directory indicates that the directory is the root of a typescript project.This file specifies the root files and typescript compiler motions required to compile typescript.

package.json – It contains all the dependencies defined for the angular project.Once, we do nom install, these dependencies are automatically downloaded.

karma.conf.json – Config file for karma unit tests.

angular-cli.json –  Have all the application configurations such as info about the root and out directory.The welcome or main html file along with the main ts file. All the other environment related information will be present here.

#4 Run the application and view the output in the browser by hitting the following command in the Integrated terminal (open it by pressing ctrl+`) or in command prompt

D:\BootcampProjects\user-app>ng s

#5 Open the browser and hit the URL http://localhost:4200/

Environment Setup

#1 Install NodeJs

#2 Open the command prompt and check the version by typing node -v

node -v

#3 Execute following commands to install Angular CLI and to check the version

npm install -g @angular/cli

npm -v


Angular 5 Features

  1. Faster, lighter & easy to use
  2. Material design capabilities & improved compiler with build optimizer
  3. A complete rewrite of existing HttpModule is introduced
  4. Supports TypeScript 2.4
  5. Supports Reactive Forms