Learn TypeScript 3 by Building Web Applications

Gain a solid understanding of TypeScript, Angular, Vue, React, and NestJS

Sebastien Dubois , Alexis Georges 지음

Packt(GCO Science) 2019년 11월 22일 출간

작품소개

책소개

▶Book Description
TypeScript is a superset of the JavaScript programming language, giving developers a tool to help them write faster, cleaner JavaScript. With the help of its powerful static type system and other powerful tools and techniques it allows developers to write modern JavaScript applications.

This book is a practical guide to learn the TypeScript programming language. It covers from the very basics to the more advanced concepts, while explaining many design patterns, techniques, frameworks, libraries and tools along the way. You will also learn a ton about modern web frameworks like Angular, Vue.js and React, and you will build cool web applications using those. This book also covers modern front-end development tooling such as Node.js, npm, yarn, Webpack, Parcel, Jest, and many others. Throughout the book, you will also discover and make use of the most recent additions of the language introduced by TypeScript 3 such as new types enforcing explicit checks, flexible and scalable ways of project structuring, and many more breaking changes.

By the end of this book, you will be ready to use TypeScript in your own projects and will also have a concrete view of the current frontend software development landscape.

▶What You Will Learn
- Understand and take advantage of TypeScript's powerful Type System
- Grasp the key concepts and features of Angular, React, Vue.js, and NestJS
- Handle asynchronous processes using Promises, async/await, Fetch, RxJS, and more
- Delve into REST, GraphQL and create APIs using Apollo
- Discover testing concepts, techniques, and tools like TDD, BDD, E2E, Jest
- Learn Object-Oriented and Functional Programming concepts and leverage those with TypeScript
- Explore design practices and patterns such as SOLID, MVC, DI and IoC, LoD, AOP, and more

▶Key Features
- Create modern Web applications to help businesses around the world benefit from better quality applications
- Learn the latest features of TypeScript 3 and use them wisely
- Explore TDD practices, OOP techniques, and industry best practices to create high-quality and modular apps

▶Who This Book Is For
This book is for software developers who are willing to discover what TypeScript is and how to leverage it to write great quality software. Developers that are already familiar with TypeScript will find this book useful by learning the languages featured introduced by most recent releases. Basic knowledge of the JavaScript programming is expected.

목차

▶TABLE of CONTENTS
1. Introduction to TypeScript
2. Building TodoIt - Your Own Web Application with TypeScript
3. Improving TodoIt with Classes and Interfaces
4. Leveraging Generics and Enums
5. Coding WorldExplorer to Explore the Population of the World
6. Introduction to Testing
7. Discovering Angular, Angular Material, and RxJS
8. Rewriting MediaMan Using Angular and Angular Material
9. Introducing Vue.js
10. Creating LyricsFinder with Vue.js
11. Diving into React, NestJS, GraphQL, and Apollo
12. Revisiting LyricsFinder

책 속으로

▶What this book covers
- Chapter 1, Introduction to TypeScript, presents the current frontend development landscape and explains why TypeScript comes into the picture. It illustrates the problems of vanilla JavaScript and goes on to present TypeScript and show how it can improve code quality, improve the developer's life, and help larger teams. Then, it shows you how to install everything you'll need to work on the projects covered in the book.

- Chapter 2, Building TodoIt ？ Your Own Todo Management Web Application with TypeScript, guides you in building a first concrete project using TypeScript: a simple todo management web application. This application will make use of npm, TypeScript, HTML, and a bit of CSS for good measure. This project is a great introduction to the TypeScript language, tsc (the TypeScript compiler), its configuration file (tsconfig.json), npm, and some other valuable tools. By going through this chapter, you will learn about TypeScript basics by creating some TypeScript files, defining variables of different (basic) types, functions, and compiling code before checking the results.

- Chapter 3, Improving TodoIt with Classes and Interfaces, revisits the TodoIt application by making use of classes and interfaces. This will drastically improve code quality by going from a purely imperative programming approach to a more object-oriented one. This will help code convey more meaning and isolate concerns more properly. This chapter covers Object-Oriented Programming (OOP) basic concepts and nomenclature: encapsulation, abstraction, inheritance, polymorphism, interfaces and classes, composition over inheritance, and more. The chapter then helps you define the domain model of the application using Unified Modeling Language (UML). That model is then implemented using TypeScript. While doing so, you will create some classes, and you will discover how to define constructors, how to set default values, how to use accessors, and more. Inheritance will also be covered as well as interfaces. You will learn about structural typing as well as how TypeScript classes and interfaces, and JavaScript objects and classes, relate to one another.

- Chapter 4, Leveraging Generics and Enums, guides you through building a media management web application. Along the way, you will learn about generics and enums and you will leverage them to write better code. The application's data will also be persisted in the web browser's local storage, which will teach you about its existence and the corresponding APIs used to store/retrieve data from local storage. While implementing the application, you will discover how to use third-party libraries with TypeScript, what type definitions are, and how to retrieve them.

- Chapter 5, Coding WorldExplorer to Explore the Population of the World, helps you to create an application that gets data from a RESTful web API of the World Bank using the Fetch and Promise APIs available in all modern web browsers. With this project, you'll dive deeper into TypeScript concepts such as modules, module resolution, and barrels. You will also learn about using async and await to make asynchronous code look synchronous. While covering these subjects, we will take some time to discuss REST, RESTful, and web APIs. The project code will be organized so as to facilitate testing, which will again put emphasis on the importance of testing and good isolation between parts of the code base. Finally, the project will make use of Chart.js (https:/ / www. chartjs. org/ ) to create interactive visualizations of the data. Again, this will familiarize you with the usage of third-party libraries in TypeScript.

- Chapter 6, Introduction to Testing, covers some important ideas around code quality and software testing. The focus of the chapter will be on how to ensure that an application behaves in the intended manner, both from a functional and nonfunctional point of view. You'll discover, or re-discover, the ...

출판사 서평

▶ Preface
Dear reader,

Thank you for joining us on this learning journey!

As we will discover together throughout the book, the TypeScript programming language can be used to write awesome applications and greatly enhance the developer experience and code quality/safety. TypeScript can be used wherever JavaScript can be, which means practically everywhere. Moreover, TypeScript works wonderfully well with all major libraries and frameworks. Last but not least, it also has a large, vibrant, and enthusiastic community.

With this book, our hope is that we will be able to convince you that TypeScript is a great programming language and that it is relevant whether you are writing frontend applications, backend systems ？ or whatever else, actually.

Throughout the book, we will give you everything you need in order to acquire a good understanding of how powerful TypeScript really is, how versatile it can be, and how it fits into the modern development puzzle.

But don't take our word for it ？ we'll show you!

This is a practical book, not a reference guide. We will hold your hand through the journey, but you'll have to roll up your sleeves and get your hands dirty. We strongly believe that learning by doing is the most time-efficient approach to mastering new subjects and this is exactly why we have created this book regarding the TypeScript programming language. In addition, we also love to share our passion for technology and we really hope that you'll enjoy reading this book.

In the first half, we will introduce you to many important features of the TypeScript programming language through exercises and by helping you to create multiple applications. While creating those first applications, you will also learn about many important APIs of the modern web as well as many useful design patterns, techniques, libraries, and tools.

By reading through the chapters and, most importantly, by coding these applications, you'll gain a really good understanding of how TypeScript works and how it fits into the modern software ecosystem.

In the second half of the book, we will continue to teach you about TypeScript features, but our focus will shift to discovering how TypeScript can be combined with some of the most popular libraries and frameworks out there today: Angular, Vue.js, and React. Not only that, but we will also show you how to write backend applications using NestJS, GraphQL, and Apollo.

All of those frameworks and libraries will be explained in the book in enough detail to give you a real taste of how they actually work and without requiring you to do a lot of side research. You'll go from zero to hero in no time!

This book is truly unique; you won't find many others covering so many subjects in a simple, approachable, and cohesive way. Step by step, you'll go from the basics to the more advanced concepts and you'll create cool applications along the way!

인물정보

저자(글) Sebastien Dubois

Sebastien Dubois is a passionate software craftsman and FOSS contributor with many years of experience as a senior developer and technical team leader. He is an entrepreneur, IT consultant/coach, and owner of DeveloPassion, a Belgian IT firm. Over the years, S？bastien has worked on backend systems, web applications, architecture, and IT security for various organizations. He has used different programming languages, which gives him a broad perspective on modern software development. He has also been using, teaching, and advocating TypeScript since 2015. You can find him on Twitter as @dSebastien, on Medium as @dSebastien, or on his personal blog: dsebastien.

저자(글) Alexis Georges

Alexis Georges is a developer who is passionate about software development, but also about everything related to IT: open source, system administration, respect for privacy, and many others. During his studies in programming and networking, he learned the basics of programming and system administration. Alexis has some experience in JavaScript, PHP, Java, C, and (obviously) TypeScript. He discovered the TypeScript programming language when he began his career as a software engineer in Sebastien's team. Later, he participated in the migration of the Stark framework from AngularJS to Angular. You can find him on Twitter as @Super_ITMan and on his blog: SuperITMan.