Angular 9 Tutorial: Angular CLI

Angular CLI is one of the best tool available for angular to setup the initial files or scaffolding structure of the application.

Setup

Once you have setup the basic software like node.js and npm. You can download CLI using the following command

npm install -g @angular/cli

Once installed we can check the version of angular CLI using the following command

ng version

One common arguments every CLI has is help command. Here it is for you

ng help

Create new Angular App

From your target empty folder, you need to run the following command to generate the basic files/

ng new my-first-project

Make sure to replace ‘my-first-project’ with name you prefer. This is will your application name.

Angular CLI have lots of others option to help in setting the basic to advance files.

Available angular CLI commands

Available angular CLI commands By using command ng help, I’m getting the following information

  • add – Adds support for an external library to your project.
  • analytics – Configures the gathering of Angular CLI usage metrics. See https://v8.angular.io/cli/usage-analytics-gathering.
  • build (b) – Compiles an Angular app into an output directory named dist/ at the given output path. Must be executed from within a workspace directory.
  • deploy – Invokes the deploy builder for a specified project or for the default project in the workspace.
  • config – Retrieves or sets Angular configuration values in the angular.json file for the workspace.
  • doc (d) – Opens the official Angular documentation (angular.io) in a browser, and searches for a given keyword.
  • e2e (e) – Builds and serves an Angular app, then runs end-to-end tests using Protractor.
  • generate (g) – Generates and/or modifies files based on a schematic.
  • help – Lists available commands and their short descriptions.
  • lint (l) – Runs linting tools on Angular app code in a given project folder.
  • new (n) – Creates a new workspace and an initial Angular app.
  • run – Runs an Architect target with an optional custom builder configuration defined in your project.
  • serve (s) – Builds and serves your app, rebuilding on file changes.
  • test (t) – Runs unit tests in a project.
  • update – Updates your application and its dependencies. See https://update.angular.io/
  • version (v) – Outputs Angular CLI version.
  • xi18n (i18n-extract) – Extracts i18n messages from source code.

Creating new angular project

ng new timer-project

timer-project is name of project we chose.

The CLI asks us choose our required options based on our needs. Like routing and stylesheet type.

After installing package, we are good to go with debugging of the newly generated application. We can discuss about the project structure in our upcoming post.

You can checkout some of our other posts related to angular CLI

Serving the project

Angular CLI provides a complete tool-chain for developing front-end apps on your local machine. As such, you don’t need to install a local server to serve your project — you can simply, use the ng serve command from your terminal to serve your project locally.

ng serve

The application will start serving in the root http://localhost:4200

Generating angular schematic

Generates and/or modifies files based on a schematic.

ng generate <schematic> [options]
ng g <schematic> [options]

schematic can be replaced with following sets

  • appShell
  • application
  • class
  • component
  • directive
  • enum
  • guard
  • interceptor
  • interface
  • library
  • module
  • pipe
  • service
  • serviceWorker
  • webWorker

These commands is fair to start using angular CLI in beginner mode.

Happy Coding!

Course Main Page

Angular 9 Tutorial for Beginners: Action Plan

25+ Blogging Tools for 2020 (SEO, Traffic, Optimisation)

Even the simplest tool can empower the people to do great things.

If you are a blogger, then this post will definitely help you to prepare and enhance your content & it’s quality. (Pro Tip: bookmark it after reading).

This post is not limited to any particular niche of the blog. Whether you are a travel blogger, tech blogger or in any other niche – at least one of the tools mentioned below will help you to groom your content and traffic in your site.

I have used almost every tool listed, with minimum 1 week of time to explore key features.

I built this ultimate list or cheer sheet based on my personal experience.

Note that the order of tools doesn’t based on any rating or popularity and not doing this post to market any tool. The aim to help the fellow blogger to improve their content and strategy.

I will keep on updating this post whenever I explore new tools and think it is worth to be placed here. Make sure you comment on your favorite in the comments section to grow list into a massive cheat sheet for bloggers.

Cheat sheet of blogging tools

Editors

Notion One of my favorite tools which helps me to maintain my blog drafts, blog ideas, and various blog management task. It helps me to share the draft with my friends quickly with a quick magic link.

OneNote If you are working as a team, collaborating with the same document by a number of people is possible. OneNote is mainly a content management tool.

Grammarly – proof reading tool to check the spelling and grammar, mistake-free, and effective.

Images for blogs

Canva got plenty of templates that can be used as a featured image, blog illustration, and social media stories, etc.

Unsplash – The internet’s source of freely usable images. Powered by creators everywhere. And remember to give credit to the creator.

Pixabay – Find your perfect free image or video to download and use for anything. Free for commercial use.

Blog Reading

Use the following tools to follow fellow blogger as well as to research the content.

Feedly – It compiles news feeds from a variety of online sources for the user to customize and share with others.

Pocket – is an application and web service for managing a reading list of articles and videos from the Internet.

Reddit – Big database network which got plenty good user data and real-time users.

Content creation

GifCam – simple tool to convert the screen capture into GIFs

Make Web video – is a powerful web video production website which allows you to make Promotional Videos

Camtasia – simple to record and create professional-looking videos on Windows and Mac.

Analytics tool

Google analytics – lets you measure your advertising ROI as well as track your Flash, video, and social networking sites and applications.

Jetpack plugin – when you WordPress as your hosting platform jetpack is the right tool to check stats and analytics.

Social media marketing tools

Tweet Deck – simple tool to schedule tweets, but can used in browser only

Buffer – one of the favourite social media marketing tools to schedule posts. Supports Facebook, Twitter, Instagram and provides better time to post content on various mediums.

Clicktotweet – Whoever clicks on the link will have the message automatically added to their Twitter status box–they simply click to tweet!

Bit.ly – helps to shorten the long urls.

SEO & Research tool

Ubersuggest easy to use tool to research the keywords and traffic analysis. Ubersuggest provides an option to perform a site analysis as well, and also connecting with google console is available.

Yoast – is a search-optimization plug-in for WordPress. It has 5+ million active installations and has been downloaded more than 202 million times.

KWfinder – Find hundreds of hidden keywords with low SEO difficulty in seconds.

SEO Extension – Chrome extension to quickly check the page SEO – metrics, backlinks, on-page.

TubeBuddy – the must-have app for any YouTuber, this tool brings a good quality of analytics details and keywords details.

Google Webmaster – Track your site’s search performance with Google Search Console and our additional webmaster resources.

Email Marketing

MailChimp – a marketing automation platform and an email marketing service. Easy to deploy and collect the email of visitors to your site. We can run a campaign and Ads with help of MailChimp.

Time Tracking

TimeDoser – Chrome extension or timer to do the Pomodoro session effectively. (I love this tool, must try)

RescueTime – a time-management tool that provides intelligent insights into how you spend your days.

I will keep on updating this post whenever I explore new tools and think it is worth to be placed here. Make sure you comment on your favorite in the comments section to grow list into a massive cheat sheet for bloggers.

To get latest updates you can follow or subscribe! #peace

Feature image credit: Photo by Andrew Neel on Unsplash