Code Monkey home page Code Monkey logo

angular-projects-second-edition's Introduction

Angular Projects - Second Edition

Angular Projects - Second Edition

This is the code repository for Angular Projects - Second Edition, published by Packt.

Build modern web apps by exploring Angular 12 with ten different projects and cutting-edge technologies

What is this book about?

Angular is a popular JavaScript framework that can run on a broad range of platforms including web, desktop, and mobile. It has an array of rich features right out of the box and a wide range of tools that makes it popular among developers. This updated second edition of Angular Projects will teach you how to build efficient and optimized web applications using Angular. You will start by exploring the essential features of the framework by creating ten different real-world web applications. Each application will demonstrate how to integrate Angular with a different library and tool. As you advance, you will understand how to implement popular technologies such as Angular Router, Scully, Electron, Angular service worker, Nx monorepo tools, NgRx, and more while building an issue tracking system, a PWA weather application, a mobile photo geotagging application, a component UI library, and many other exciting projects. Toward the concluding chapters, you’ll get to grips with customizing Angular CLI commands using schematics. By the end of this book, you will have the skills you need to be able to build Angular apps using a variety of different technologies according to your or your client’s needs.

This book covers the following exciting features:

  • Set up Angular applications using Angular CLI and Nx Console
  • Create a personal blog with Jamstack and SPA techniques
  • Build desktop applications with Angular and Electron
  • Enhance user experience (UX) in offline mode with PWA techniques
  • Make web pages SEO-friendly with server-side rendering
  • Create a monorepo application using Nx tools and NgRx for state management
  • Focus on mobile application development using Ionic
  • Develop custom schematics by extending Angular CLI

If you feel this book is for you, get your copy today!

https://www.packtpub.com/

Instructions and Navigations

All of the code is organized into folders. For example, Chapter02.

The code will look like the following:

if (test expression)
{
  Statement upon condition is true
}

Following is what you need for this book: If you are a developer who has beginner-level experience with Angular and are looking to become well-versed with essential tools and deal with the various use cases you may encounter with Angular, then this Angular development book is for you. Beginner-level knowledge of web application development and basic experience working with ES6 or TypeScript are assumed.

With the following software and hardware list you can run all code files present in the book (Chapter 1-10).

Software and Hardware List

Chapter Software required OS required
1 to 10 Angular 12 Windows, Mac OS X, and Linux (Any)
1 to 10 VSCode Windows, Mac OS X, and Linux (Any)
1 to 10 Scully Windows, Mac OS X, and Linux (Any)
1 to 10 Clarity Design Windows, Mac OS X, and Linux (Any)
1 to 10 Angular PWA Windows, Mac OS X, and Linux (Any)
1 to 10 Electron Windows, Mac OS X, and Linux (Any)
1 to 10 Ionic Windows, Mac OS X, and Linux (Any)
1 to 10 CesiumJS Windows, Mac OS X, and Linux (Any)
1 to 10 Firebase Windows, Mac OS X, and Linux (Any)
1 to 10 GitHub API Windows, Mac OS X, and Linux (Any)
1 to 10 Nx monorepo tools Windows, Mac OS X, and Linux (Any)
1 to 10 NgRx Windows, Mac OS X, and Linux (Any)
1 to 10 Angular Material Windows, Mac OS X, and Linux (Any)
1 to 10 Angular CDK Windows, Mac OS X, and Linux (Any)
1 to 10 Angular schematics Windows, Mac OS X, and Linux (Any)

We also provide a PDF file that has color images of the screenshots/diagrams used in this book. Click here to download it.

Errata

  • Page 246: In Configuring the state section, the command "nx generate ngrx app --root --no-interactive --project=tour --module=apps/tour/src/app/app.module.ts" must be read as "nx generate ngrx app --root --no-interactive --module=apps/tour/src/app/app.module.ts".

Related products

Get to Know the Author

Aristeidis Bampakos is an experienced frontend web developer and a Google Developer Expert for the Angular framework. From 2011, he has mainly focused on developing applications with AngularJS and Angular frameworks, Typescript, and Angular Material. He is currently working at Plex-Earth where he specializes in Angular development and also works as an Angular Senior Tech Instructor for Code.Hub where he teaches the Angular framework to other developers and individuals.

Download a free PDF

If you have already purchased a print or Kindle version of this book, you can get a DRM-free PDF version at no cost.
Simply click on the link to claim your free PDF.

https://packt.link/free-ebook/9781800205260

angular-projects-second-edition's People

Contributors

bampakoa avatar packt-itservice avatar packt-pradeeps avatar deepesh-packt avatar packtutkarshr avatar keagancarneiro avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.