舉報 
會員
Advanced TypeScript Programming Projects
Withthedemandforevermorecomplexwebsites,theneedtowriterobust,standard-compliantJavaScripthasneverbeengreater.TypeScriptismodernJavaScriptwiththesupportofafirst-classtypesystem,whichmakesitsimplertowritecomplexwebsystems.Withthisbook,you’llexplorecoreconceptsandlearnbybuildingaseriesofwebsitesandTypeScriptapps.You’llstartwithanintroductiontoTypeScriptfeaturesthatareoftenoverlookedinotherbooks,beforemovingontocreatingasimplemarkdownparser.You’llthenexploreReactandgetuptospeedwithcreatingaclient-sidecontactsmanager.Next,thebookwillhelpyoudiscovertheAngularframeworkandusetheMEANstacktocreateaphotogallery.LatersectionswillassistyouincreatingaGraphQLAngularTodoappandthenwritingaSocket.IOchatroom.ThebookwillalsoleadyouthroughdevelopingyourfinalAngularprojectwhichisamappingapp.Asyouprogress,you’llgaininsightsintoReactwithDockerandmicroservices.You’llevenfocusonhowtobuildanimageclassificationprogramwithmachinelearningusingTensorFlow.Finally,you’lllearntocombineTypeScriptandC#tocreateanASP.NETCore-basedmusiclibraryapp.Bytheendofthisbook,you’llbeabletoconfidentlyuseTypeScript3.0anddifferentJavaScriptframeworkstobuildhigh-qualityapps.
最新章節
- Leave a review - let other readers know what you think
- Other Books You May Enjoy
- Chapter 10
- Chapter 9
- Chapter 8
- Chapter 7
品牌：中圖公司
上架時間：2021-06-24 12:12:11
出版社：Packt Publishing
本書數字版權由中圖公司提供，并由其授權上海閱文信息技術有限公司制作發行
- Leave a review - let other readers know what you think 更新時間：2021-06-24 13:27:46
- Other Books You May Enjoy
- Chapter 10
- Chapter 9
- Chapter 8
- Chapter 7
- Chapter 6
- Chapter 5
- Chapter 4
- Chapter 3
- Chapter 1
- Assessments
- Further reading
- Questions
- Summary
- Calling our TypeScript functionality from ASP.NET
- Adding TypeScript to our application
- Adding the Index view
- Wiring up our controller
- Discogs rate limitations
- Writing our DiscogsClient class
- Setting up the Results type
- Creating a Discogs model
- The files that make up the base views
- The Startup class
- Understanding the application structure
- Creating our ASP.NET Core application with Visual Studio
- Getting started creating a music library with ASP.NET Core C# and TypeScript
- Providing the project overview
- Introducing ASP.NET Core MVC
- Technical requirements
- Building an ASP.NET Core Music Library
- Further reading
- Questions
- Summary
- Completing our pose detection component
- Back to our pose detection code
- How does PoseNet work?
- A brief aside about pose detection
- Using pose detection on the image
- Drawing the key points on the canvas
- Adding pose detection capabilities
- The Vue application entry point
- Modifying the HelloWorld component to support image classification
- The Classify method
- Introducing MobileNet
- Showing a home page with the Vue template
- Creating our Vue-based application
- Getting started with TensorFlow in Vue
- Project overview
- What is TensorFlow and how does it relate to machine learning?
- What is machine learning?
- What is machine learning and how does TensorFlow fit in?
- Technical requirements
- Image Recognition with Vue.js and TensorFlow.js
- Further reading
- Questions
- Summary
- Adding our navigation
- Using a select control to select an address when adding a person
- Creating a tabbed user interface
- Using Bootstrap as our container
- Creating our React user interface
- Using docker-compose to compose and start the services
- Using Docker to run our services
- Creating our Addresses service
- The Server class
- Adding server-side routing support
- Getting started creating a microservices application with Docker
- Creating a microservices application with Docker
- Designing our REST API using Swagger
- Microservices
- Docker Hub
- Registry
- Volume
- Port
- Image
- Container
- Docker terminology
- Understanding Docker and microservices
- Technical requirements
- Building a CRM Using React and Microservices
- Questions
- Summary
- Securing the database
- The map events and setting pins
- Adding Bing Maps to the screen
- Trying interesting things with map searches
- Representing the map pins
- Points of interest
- Adding the map component
- Creating a Bing Maps application using Angular and Firebase
- Signing up to Firebase
- Signing up to Bing mapping
- Getting started with Bing mapping in Angular
- Project overview
- Modern applications and the move to cloud services
- Technical requirements
- Angular Cloud-Based Mapping with Firebase
- Further reading
- Questions
- Summary
- Finishing off our application with the GeneralchatComponent
- Namespaces in Socket.IO
- Finishing the server sockets
- Getting the messages
- Working in rooms
- Adding client-side chat capabilities
- Using secure routing
- Authorizing and authenticating users using Auth0
- Bootstrap navigation
- Setting up Bootstrap in Angular
- Using decorators to add client-side logging
- Creating our chat room client
- Adding Socket.IO support to our server
- Creating our application
- Creating a chat room application using Socket.IO Angular and Auth0
- Getting started with Socket.IO and Angular
- Project overview
- Long-running client/server communications using Socket.IO
- Technical requirements
- Building a Chat Room Application Using Socket.IO
- Further reading
- Questions
- Summary
- Adding content to our page components
- The routing user interface
- Adding routing support
- Adding client-side Apollo support
- The GraphQL Angular client
- Using Apollo Server as our server
- Creating our GraphQL resolver
- Setting up our GraphQL types
- Creating our GraphQL schema
- Creating our application
- Creating a ToDo application with GraphQL and Angular
- Getting started with the project
- Project overview
- Understanding the GraphQL-to-REST relationship
- Technical requirements
- Angular ToDo App with GraphQL and Apollo
- Further reading
- Questions
- Summary
- Wrapping up by displaying the dialog
- Back to the page body component
- Transferring the data
- Using RxJS to watch for images
- Displaying images
- Back to our routing
- Introducing MongoDB
- Providing routing support
- Introducing Express support into our application
- The file upload component template
- Using the service in the dialog
- Previewing files using a service
- Creating our first component – the FileUpload component
- Using Material to add navigation
- Using Angular Material for our UI
- App.Module.ts
- Creating our application
- Understanding Angular
- Creating an Angular photo gallery with the MEAN stack
- Getting started
- Project overview
- The MEAN stack
- Technical requirements
- The MEAN Stack - Building a Photo Gallery
- Further reading
- Questions
- Summary
- Enhancements
- Accessing the database from PersonalDetails
- Working with the database
- Adding active record support to our state
- Creating and sending data to the IndexedDB database
- Applying validation in a React component
- Validating the phone number
- Validating the name
- Validating the address
- Validating user inputs and the use of validators
- Supplying state to bind against
- Simplify updating values with binding
- Displaying the personal details interface
- Our React App component
- How React uses a virtual DOM to be more responsive
- React using tsx components
- Adding Bootstrap support
- Formatting our code using tslint
- Creating our application
- Creating our mock layout
- Creating a React Bootstrap project with TypeScript support
- Getting started with the components
- Understanding the project overview
- Technical requirements
- A React Bootstrap Personal Contacts Manager
- Further reading
- Questions
- Summary
- Bringing it all together
- Deciding which tags to apply by using the chain-of-responsibility pattern
- Applying the visitor pattern to our code
- Understanding the visitor pattern
- Updating markdown document using visitors
- Representing our converted markdown using a markdown document
- Mapping our markdown tag types to HTML tag types
- Building our Bootstrap UI
- Writing a simple markdown parser
- Getting started with a simple HTML project
- Understanding the project overview
- Technical requirements
- Creating a Markdown Editor with TypeScript
- Questions
- Summary
- Creating UIs with Bootstrap
- Creating asynchronous code with promises and async/await
- Mapping values using maps
- Using the same code with different types and using generics
- Composing types using mixins
- AOP using decorators
- Coping with a variable number of parameters using REST
- Deconstructing objects with REST properties
- Assigning properties using object spread
- Simplifying type declarations with type aliases
- Combining types with intersection types
- Using different types with union types
- Introduction to advanced TypeScript features
- Building future-proof TypeScript with tsconfig
- Technical requirements
- Advanced TypeScript Features
- Reviews
- Get in touch
- Conventions used
- Download the color images
- Download the example code files
- To get the most out of this book
- What this book covers
- Who this book is for
- Preface
- Packt is searching for authors like you
- About the reviewer
- About the author
- Contributors
- Why subscribe?
- About Packt
- Dedication
- Advanced TypeScript Programming Projects
- Copyright and Credits
- Title Page
- coverpage
- coverpage
- Title Page
- Copyright and Credits
- Advanced TypeScript Programming Projects
- Dedication
- About Packt
- Why subscribe?
- Contributors
- About the author
- About the reviewer
- Packt is searching for authors like you
- Preface
- Who this book is for
- What this book covers
- To get the most out of this book
- Download the example code files
- Download the color images
- Conventions used
- Get in touch
- Reviews
- Advanced TypeScript Features
- Technical requirements
- Building future-proof TypeScript with tsconfig
- Introduction to advanced TypeScript features
- Using different types with union types
- Combining types with intersection types
- Simplifying type declarations with type aliases
- Assigning properties using object spread
- Deconstructing objects with REST properties
- Coping with a variable number of parameters using REST
- AOP using decorators
- Composing types using mixins
- Using the same code with different types and using generics
- Mapping values using maps
- Creating asynchronous code with promises and async/await
- Creating UIs with Bootstrap
- Summary
- Questions
- Creating a Markdown Editor with TypeScript
- Technical requirements
- Understanding the project overview
- Getting started with a simple HTML project
- Writing a simple markdown parser
- Building our Bootstrap UI
- Mapping our markdown tag types to HTML tag types
- Representing our converted markdown using a markdown document
- Updating markdown document using visitors
- Understanding the visitor pattern
- Applying the visitor pattern to our code
- Deciding which tags to apply by using the chain-of-responsibility pattern
- Bringing it all together
- Summary
- Questions
- Further reading
- A React Bootstrap Personal Contacts Manager
- Technical requirements
- Understanding the project overview
- Getting started with the components
- Creating a React Bootstrap project with TypeScript support
- Creating our mock layout
- Creating our application
- Formatting our code using tslint
- Adding Bootstrap support
- React using tsx components
- How React uses a virtual DOM to be more responsive
- Our React App component
- Displaying the personal details interface
- Simplify updating values with binding
- Supplying state to bind against
- Validating user inputs and the use of validators
- Validating the address
- Validating the name
- Validating the phone number
- Applying validation in a React component
- Creating and sending data to the IndexedDB database
- Adding active record support to our state
- Working with the database
- Accessing the database from PersonalDetails
- Enhancements
- Summary
- Questions
- Further reading
- The MEAN Stack - Building a Photo Gallery
- Technical requirements
- The MEAN stack
- Project overview
- Getting started
- Creating an Angular photo gallery with the MEAN stack
- Understanding Angular
- Creating our application
- App.Module.ts
- Using Angular Material for our UI
- Using Material to add navigation
- Creating our first component – the FileUpload component
- Previewing files using a service
- Using the service in the dialog
- The file upload component template
- Introducing Express support into our application
- Providing routing support
- Introducing MongoDB
- Back to our routing
- Displaying images
- Using RxJS to watch for images
- Transferring the data
- Back to the page body component
- Wrapping up by displaying the dialog
- Summary
- Questions
- Further reading
- Angular ToDo App with GraphQL and Apollo
- Technical requirements
- Understanding the GraphQL-to-REST relationship
- Project overview
- Getting started with the project
- Creating a ToDo application with GraphQL and Angular
- Creating our application
- Creating our GraphQL schema
- Setting up our GraphQL types
- Creating our GraphQL resolver
- Using Apollo Server as our server
- The GraphQL Angular client
- Adding client-side Apollo support
- Adding routing support
- The routing user interface
- Adding content to our page components
- Summary
- Questions
- Further reading
- Building a Chat Room Application Using Socket.IO
- Technical requirements
- Long-running client/server communications using Socket.IO
- Project overview
- Getting started with Socket.IO and Angular
- Creating a chat room application using Socket.IO Angular and Auth0
- Creating our application
- Adding Socket.IO support to our server
- Creating our chat room client
- Using decorators to add client-side logging
- Setting up Bootstrap in Angular
- Bootstrap navigation
- Authorizing and authenticating users using Auth0
- Using secure routing
- Adding client-side chat capabilities
- Working in rooms
- Getting the messages
- Finishing the server sockets
- Namespaces in Socket.IO
- Finishing off our application with the GeneralchatComponent
- Summary
- Questions
- Further reading
- Angular Cloud-Based Mapping with Firebase
- Technical requirements
- Modern applications and the move to cloud services
- Project overview
- Getting started with Bing mapping in Angular
- Signing up to Bing mapping
- Signing up to Firebase
- Creating a Bing Maps application using Angular and Firebase
- Adding the map component
- Points of interest
- Representing the map pins
- Trying interesting things with map searches
- Adding Bing Maps to the screen
- The map events and setting pins
- Securing the database
- Summary
- Questions
- Building a CRM Using React and Microservices
- Technical requirements
- Understanding Docker and microservices
- Docker terminology
- Container
- Image
- Port
- Volume
- Registry
- Docker Hub
- Microservices
- Designing our REST API using Swagger
- Creating a microservices application with Docker
- Getting started creating a microservices application with Docker
- Adding server-side routing support
- The Server class
- Creating our Addresses service
- Using Docker to run our services
- Using docker-compose to compose and start the services
- Creating our React user interface
- Using Bootstrap as our container
- Creating a tabbed user interface
- Using a select control to select an address when adding a person
- Adding our navigation
- Summary
- Questions
- Further reading
- Image Recognition with Vue.js and TensorFlow.js
- Technical requirements
- What is machine learning and how does TensorFlow fit in?
- What is machine learning?
- What is TensorFlow and how does it relate to machine learning?
- Project overview
- Getting started with TensorFlow in Vue
- Creating our Vue-based application
- Showing a home page with the Vue template
- Introducing MobileNet
- The Classify method
- Modifying the HelloWorld component to support image classification
- The Vue application entry point
- Adding pose detection capabilities
- Drawing the key points on the canvas
- Using pose detection on the image
- A brief aside about pose detection
- How does PoseNet work?
- Back to our pose detection code
- Completing our pose detection component
- Summary
- Questions
- Further reading
- Building an ASP.NET Core Music Library
- Technical requirements
- Introducing ASP.NET Core MVC
- Providing the project overview
- Getting started creating a music library with ASP.NET Core C# and TypeScript
- Creating our ASP.NET Core application with Visual Studio
- Understanding the application structure
- The Startup class
- The files that make up the base views
- Creating a Discogs model
- Setting up the Results type
- Writing our DiscogsClient class
- Discogs rate limitations
- Wiring up our controller
- Adding the Index view
- Adding TypeScript to our application
- Calling our TypeScript functionality from ASP.NET
- Summary
- Questions
- Further reading
- Assessments
- Chapter 1
- Chapter 3
- Chapter 4
- Chapter 5
- Chapter 6
- Chapter 7
- Chapter 8
- Chapter 9
- Chapter 10
- Other Books You May Enjoy
- Leave a review - let other readers know what you think 更新時間：2021-06-24 13:27:46
