Angular 9 Tutorial: Project Structure

In the previous post, we have discussed how to create hello world application in angular. Using Angular CLI, we have generated basic files needed to run a hello world application. Now, let’s have a quick look at the files and folders in our new Angular project. https://www.youtube.com/watch?v=sgqSE-ixjls&ab_channel=EfficientUser The generated projects have the following files and folders structure The top…

Angular 9 Tutorial : Set up Dev Environment

In this post, we are going to discuss how to setup development environment and create an initial angular app using CLI. https://www.youtube.com/watch?v=7jciagFbowY&ab_channel=EfficientUser Angular 9 Tutorial : Set up Dev Environment A quick start tool is always helps the developer to save their valuable time and use those time in efficient way on improving the quality…

Angular 9 Tutorial: Angular Architecture

We have two main sections in Architecture Front-endBack-end Front-end In the front-end, we have built our UI using HTML, CSS, JavaScript or TypeScript. It contains HTML templates, Graphical representation, application presentation logic. Back-end Back-end Architecture contains the Business Logic, Data from Database or APIs. In angular, we are not going to store any data in…

Why build a Progressive Web Apps?

Building a high-quality Progressive Web App has incredible benefits, making it easy to delight your users, grow engagement and increase conversions.

Why Progressive Web Apps is next big thing

A Progressive Web App (PWA) is a web app that uses modern web capabilities to deliver an app-like experience to users. These apps meet certain requirements, are deployed to servers, accessible through URLs, and indexed by search engines. Progressive Web Apps are user experiences that have the reach of the web, and are: ReliableFastEngaging Lets…

Technical Debt

Sometimes you might have came across the word Over-Engineering. The good programmer do that intentionally to avoid the technical debt. Technical debt is a concept in software development that reflects the implied cost of additional rework caused by choosing an easy (limited) solution now instead of using a better approach that would take longer. Boxing…

5 Books About Programming You Should Read

So many books, so little time. One of my mentors said to me, to read a complete book every month. He suggested me to read at least 2 books each month. One book for technical stuff One book for non technical stuff Thanks Uday. It's a good guidance at the right time in the start…

What’s new in Angular CLI 8.1?

Angular CLI 8.1 is released with lot of interesting changes. This release includes brand new options for the various commands. The official Node.js version that is supported for Angular CLI 8.0+ is 10.9 or greater. Flag ! Lets look into the latest updates related to flags. ng doc It helps to open the official documentation…

What’s new in ASP.NET Core 2.2 – Web API improvements – HTTP-REPL

On September 2018, .NET Core preview 2 has been released. Dot Net team keeping the Web API improvements as a major theme for this release. The aim of web API improvements is to make API Easier to create Easier test and debug Easier to document Easier to consume Easier to secure Easier to monitor API…

ASP.NET Core 2.2.0-preview1 – Web templates update

The first preview of the next minor release of ASP.NET Core and .NET Core is available from Aug 21, 2018. The new .NET Core SDK of 2.2.0-preview1 can be downloaded from here. We need Preview of Visual Studio 2017 - 15.9 Preview 1 to work with .NET Core 2.2 projects. Whats new in 2.2? .NET…

Create a CSK Jersey with your name

Are you a fan of CSK? Ok this post is for us. Its time to support our CSK team in this IPL season. I'm great fan of CSK as well as THALA Dhoni. So I created this CSK Jersey image with the help of MovieFontsMaker website. Looks great! Don't it? Here is another one with…

Scroll and Zoom effect in CSS

https://youtu.be/WGzaq31uQ7M For basic styles adding bootstrap UI cdn. And for DOM manipulation, adding jquery cdn in the header of html document. <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script> Adding main image Adding some high quality image from google search results. <div class="header" id="parallex"> <img class="header-image" src="https://handluggageonly.co.uk/wp-content/uploads/2015/12/London-1.jpg" alt=""> </div> Adding some random content Adding some lorem…

%d bloggers like this: