컴퓨터/IT 개발/프로그래밍 , 컴퓨터/IT IT 해외원서
Angular Projects Second Edition
소장 | 전자책 정가 | 21,000원 |
---|---|---|
판매가 | 21,000원 |
- 출간 정보
- 2021.07.05. 전자책 출간
- 파일 정보
- 3.4MB
- 344쪽
- ISBN
- 9781800206960
- ECN
- -
리디 접속이 원활하지 않습니다.
강제 새로 고침(Ctrl + F5)이나 브라우저 캐시 삭제를 진행해주세요.
계속해서 문제가 발생한다면 리디 접속 테스트를 통해 원인을 파악하고 대응 방법을 안내드리겠습니다.
테스트 페이지로 이동하기
컴퓨터/IT 개발/프로그래밍 , 컴퓨터/IT IT 해외원서
소장 | 전자책 정가 | 21,000원 |
---|---|---|
판매가 | 21,000원 |
<Angular Projects Second Edition> Understand Angular web application development by building captivating real-world applications while exploring modern web technologies and best practices
▶What You Will Learn
-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
▶Key Features
-Explore Angular's capabilities for building applications across different platforms
-Combine popular web technologies with Angular such as monorepo, Jamstack, and PWA
-Build your own libraries and schematics using Angular CDK and Angular CLI
▶Who This Book Is For
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.
▶What this book covers
- Chapter 1, Creating Your First Web Application in Angular, explores the main features of the Angular framework and teaches you about the basic building blocks that comprise a typical Angular application. You will investigate the different tools and IDE extensions that are available in the Angular ecosystem to enhance the developer's workflow and experience.
- Chapter 2, Building an SPA Application with Scully and Angular Router, looks at how an Angular application is based on the Single Page Application (SPA) architecture, where typically we have multiple pages that are served by different URLs or routes. On the other hand, Jamstack is a hot technology that is emerging and allows you to build fast, static websites and serve them directly from a CDN. In this chapter, we will use the Angular Router to implement routing functionality in an Angular application. We will also use Scully, the best static site generator for Angular, to create a personal blog that embraces the Jamstack architecture.
- Chapter 3, Building an Issue Tracking System Using Reactive Forms, is where we build an issue tracking management system and use Angular reactive forms to add new issues to the system. We will design our forms using Clarity Components from VMware, and we will incorporate built-in and custom validations. We will also react to value changes in the forms and take actions accordingly.
- Chapter 4, Building a PWA Weather Application Using Angular Service Worker, covers how the user experience of a web application is not the same for all users, especially in places with poor network coverage and connectivity. When we build a web application, we should take into account all sorts of network types. In this chapter, we will create an application that uses the OpenWeather API to display the weather of a specified region. We will learn how to deploy the application to Firebase Hosting. We will also explore PWA techniques using the Angular service worker to provide a seamless user experience when offline.
- Chapter 5, Building a WYSIWYG Editor for the Desktop Using Electron, explores Electron, a cross-platform JavaScript framework for building desktop applications using web technologies. When combined with Angular, it can yield really performant apps. In this chapter, we will create a WYSIWYG editor that can run on the desktop. We will build an Angular application and integrate it with ngx-wig, a popular WYSIWYG Angular library, and we will use Electron to package it as a desktop application. Data is persisted locally in the filesystem using a Node.js API.
- Chapter 6, Building a Mobile Photo Geotagging Application Using Capacitor and 3D Maps, covers Capacitor, a service provided by the Ionic framework that turns any web application, such as one created with Angular, into a native one. Its main advantage is that we can build a native mobile application and a web app using the same code base. Cesium is a popular JavaScript framework for building 3D maps. In this chapter, we will use Capacitor to build a geotagging mobile application for our photos. We will use various Ionic plugins to take a photo in a specified location and persist it to Cloud Firestore. We will then display a list of all photos taken inside the Cesium 3D viewer.
- Chapter 7, Building an SSR Application for a GitHub Portfolio Using Angular, dives into Search Engine Optimization (SEO), a critical aspect for any website nowadays. Who doesn't want their website to look good when sharing it via social media? The real challenge for client web applications is to optimize it, which can be accomplished by rendering content on the server. In this chapter, we will learn how to create a GitHub portfolio application using the GitHub API. We will then render it on the server and learn how to transfer the state to the browser. We will also see how to set the page title and additional metadata dynamically and use preboot to manage page transitions.
- Chapter 8, Building an Enterprise Portal Using Nx Monorepo Tools and NgRx, covers monorepo architecture, which is a popular technique for when working with multiple applications under a single repository, giving speed and flexibility to the development process. In this chapter, we will use Nx monorepo development tools to create two portals: one for the end user, in which they will be able to select a Point of Interest (POI) and visit it on a map, and another for admins to check on visit statistics for a given POI. Application state is managed using NgRx.
- Chapter 9, Building a Component UI Library Using Angular CLI and Angular CDK, addresses how enterprise organizations usually need custom UI libraries that can be used across different web applications. The Angular CDK provides a broad range of functionalities for creating accessible and high-performing UI components. In this chapter, we will create two different components using the Angular CDK and the Bulma CSS framework. We will also package them as a single Angular library and learn how to publish them on npm, so that they can be re-used in different apps. We will also investigate how we can use each component as an Angular element.
- Chapter 10, Customizing Angular CLI Commands Using Schematics, covers how organizations usually follow different guidelines when it comes to creating Angular entities such as components or services. Angular schematics can assist them by extending Angular CLI commands and providing custom automation. In this chapter, we will learn how to use the Angular schematics API to build our own set of commands for generating components and services. We will build a schematic for creating an Angular component that contains the Tailwind CSS framework. We will also build an Angular service that uses the built-in HTTP client by default.
▶ Preface
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.
▶About the Author
- Aristeidis Bampakos
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.
▶TABLE of CONTENTS
-Chapter 1: Creating Your First Web Application in Angular
-Chapter 2: Building an SPA Application with Scully and Angular Router
-Chapter 3: Building an Issue Tracking System using Reactive Forms
-Chapter 4: Building a PWA Weather Application Using Angular Service Worker
-Chapter 5: Building a WYSIWYG Editor for the Desktop using Electron
-Chapter 6: Building a Mobile Photo Geotagging Application Using Capacitor and 3D Maps
-Chapter 7: Building an SSR Application for a GitHub Portfolio Using Angular
-Chapter 8: Building an Enterprise Portal Using Nx Monorepo Tools and NgRx
-Chapter 9: Building a Component UI Library Using Angular CLI and Angular CDK
-Chapter 10: Customizing Angular CLI Commands Using Schematics
0.0 점
0명이 평가함
내가 남긴 별점 0.0
별로예요
그저 그래요
보통이에요
좋아요
최고예요
'구매자' 표시는 리디에서 유료도서 결제 후 다운로드 하시거나 리디셀렉트 도서를 다운로드하신 경우에만 표시됩니다.
성인 인증 안내
성인 재인증 안내
청소년보호법에 따라 성인 인증은 1년간
유효하며, 기간이 만료되어 재인증이 필요합니다.
성인 인증 후에 이용해 주세요.
해당 작품은 성인 인증 후 보실 수 있습니다.
성인 인증 후에 이용해 주세요.
청소년보호법에 따라 성인 인증은 1년간
유효하며, 기간이 만료되어 재인증이 필요합니다.
성인 인증 후에 이용해 주세요.
해당 작품은 성인 인증 후 선물하실 수 있습니다.
성인 인증 후에 이용해 주세요.
본문 끝 최상단으로 돌아가기
무료이용권을 사용하시겠습니까?
사용 가능 : 장
<>부터 총 화
무료이용권으로 대여합니다.
무료이용권으로
총 화 대여 완료했습니다.
남은 작품 : 총 화 (원)
Angular Projects Second Edition
작품 제목
대여 기간 : 일
작품 제목
결제 금액 : 원
결제 가능한 리디캐시, 포인트가 없습니다.
리디캐시 충전하고 결제없이 편하게 감상하세요.
리디포인트 적립 혜택도 놓치지 마세요!
이미 구매한 작품입니다.
작품 제목
원하는 결제 방법을 선택해주세요.
작품 제목
대여 기간이 만료되었습니다.
다음화를 보시겠습니까?