舉報 
會員
Hands-On Full Stack Web Development with Angular 6 and Laravel 5
Angular,consideredasoneofthemostpopularandpowerfulfrontendframeworks,hasundergoneamajoroverhaultoembraceemergingwebtechnologiessothatdeveloperscanbuildcutting-edgewebapplications.Thisbookgivesyoupracticalknowledgeofbuildingmodernfull-stackwebappsfromscratchusingAngularwithaLaravelRestfulbackend.ThebookbeginswithathoroughintroductiontoLaravelandAngularanditscoreconceptslikecustomerrorsmessages,components,routers,andAngular-cli,witheachconceptbeingexplainedfirst,andthenputintopracticeinthecase-studyproject.Withthebasicscovered,youwilllearnhowsophisticatedUIfeaturescanbeaddedusingNgBootstraoandacomponent-basedarchitecture.YouwilllearntoextendandcustomizevariablesfromBootstrapCSSframework.YouwilllearnhowtocreatesecurewebapplicationwithAngularandLaravelusingtokenbasedauthentication.Finally,youwilllearnallaboutprogressivewebapplicationsandbuildanddeployacompletefullstackapplicationusingDockerandDocker-compose.Bytheendofthisbook,you'llgainasolidunderstandingofAngular6andhowitinteractswithaLaravel5.xbackend.
最新章節
- Leave a review - let other readers know what you think
- Other Books You May Enjoy
- Summary
- Testing Docker images
- Building the application for production
- Reviewing Docker commands
品牌：中圖公司
上架時間：2021-07-23 17:43:17
出版社：Packt Publishing
本書數字版權由中圖公司提供，并由其授權上海閱文信息技術有限公司制作發行
- Leave a review - let other readers know what you think 更新時間：2021-07-23 19:19:39
- Other Books You May Enjoy
- Summary
- Testing Docker images
- Building the application for production
- Reviewing Docker commands
- Running npm build scripts
- Creating the bash script
- Creating npm building tasks
- Creating an nginx file
- Creating a Dockerfile
- Creating Docker images for frontend applications
- Application deployment
- Fixing e2e tests
- Adding unit tests
- Fixing app interceptor tests
- Fixing app tests
- Fixing home tests
- Fixing builders tests
- Fixing builder-list components
- Fixing builder-detail tests
- Fixing builders service tests
- Fixing bike tests
- Fixing bike-list tests
- Fixing bike-detail tests
- Fixing bike service tests
- Fixing register tests
- Fixing login tests
- Fixing authService tests
- Fixing authGuard tests
- Fixing unit tests
- Writing unit and e2e tests
- Understanding Angular tests
- Creating linter tasks in package.json
- Adding TSLint-angular to the package.json file
- Fixing SCSS errors
- Applying stylelint rules on style.scss
- Setting VS Code for the new linter
- Installing the Stylelint plugin for VS Code
- Adding the .stylelintrc configuration
- Adding new scripts to the package.json file
- Adding stylelint for SCSS files
- Setting application linters
- Preparing the baseline code
- Building and Deploying Angular Tests
- Summary
- Dealing with form validation on model-driven forms
- Dealing with form validation on template-driven forms
- Adding frontend form validation
- Reviewing the register form template and component
- Understanding Angular reactive/model-driven forms
- Reviewing the login form template and component
- Understanding Angular template-driven forms
- Intoducing Angular forms
- Creating a pipe filter
- Dealing with Angular pipes forms and validation
- Creating the builder-list methods
- Creating the builder-detail methods
- Creating the bike-list methods
- Creating the bike-detail methods
- Creating the navigation methods
- Adding environment configuration
- Connecting Angular services with application components
- Setting up Laravel CORS
- Setting up CORS on a Laravel backend
- Adding template bindings to the builder-list page
- Adding template bindings to the builder-detail page
- Adding template bindings to the bike-list page
- Adding template bindings to the bike-detail page
- Adding template bindings to the register page
- Adding template bindings to the login page
- Adding template bindings to the navigation component
- Writing Angular templates with Bootstrap
- Overriding Bootstrap variables
- Adding Bootstrap SCSS imports
- Removing the Bootstrap CSS import
- Installing the Bootstrap CSS framework
- Preparing the baseline code
- Frontend Views with Bootstrap 4 and NgBootstrap
- Summary
- Creating the route guard for bike-detail
- How to protect application routes with route guards
- Adding AppHttpInterceptorService to the main module
- Creating an HTTP interceptor
- How to use authorization headers
- Refactoring the bikes service
- Refactoring the builders service
- Importing HttpErrorHandler into app.module.ts
- Creating a handler error service
- Dealing with the HttpErrorHandler service
- Creating the builders service
- Creating the handleError function
- Creating the voteOnBike function
- Creating CRUD functions
- Creating the bikes service
- Creating the handleError function
- Creating the isAuthenticated function
- Creating the getUser function
- Creating the setToken and getToken functions
- Creating the Logout function
- Creating the Login function
- Creating the Register function
- Creating the auth service
- Using the new HttpClient to deal with XHR requests
- Creating the Bike class model
- Creating the builders class model
- Creating the User class model
- Dealing with models and classes
- Preparing the baseline code
- Creating Services and User Authentication
- Summary
- Testing routes and views
- Creating the register view and template
- Creating the login view and template
- Creating the builder-detail view and template
- Creating the builder-list view and template
- Creating the builders router-outlet
- Creating the bike-detail view and template
- Creating the bike-list view and template
- Creating the bikes router-outlet
- Creating the home view and template
- Creating the navigation component
- Building frontend views
- Refactoring app.component.html
- Adding bikers child routes
- Adding builders child routes
- Configuring child routes for details pages
- Creating home routing
- Creating authentication routes
- Dealing with Angular routes
- Adding components to our application
- Preparing the baseline code
- Dealing with the Angular Router and Components
- Summary
- Creating a layout component
- Preparing Auth routes – login register and logout components
- Creating the builders module and component
- Creating the bikes module and component
- Creating the home module and component
- Creating boilerplate Angular components
- Debugging a progressive web application
- Angular service – workers in action
- Running the application in production mode
- PWA in action
- Understanding the key files in PWA
- Adding PWA features using ng add
- Building the baseline for a PWA
- Creating the directory structure
- Scaffolding a web application with the Angular CLI
- Preparing the baseline code
- Starting a web application with the Angular CLI
- Progressive Web Applications with the Angular CLI
- Summary
- Adding resources to controllers
- Creating ratingResource
- Creating ItemsResource
- Creating BuildersResource
- Creating BikesResource
- Dealing with Laravel resources
- Creating and logging in a User
- Protecting API routes
- Creating user routes
- Creating the authController
- Setting up the auth guard
- Updating the User model
- Installing tymon-jwt-auth
- Token-based authentication
- Checking API response errors
- Get record by ID
- Get all records
- Checking API URLs with the Swagger UI
- Adding custom error handling
- Implementing the Controllers validation
- HTTP status code
- Dealing with request validation and error messages
- Creating a RESTful API Using Laravel - Part 2
- Summary
- Generating Swagger UI documentation
- Creating the API routes
- Creating and updating the controller function
- Creating controllers and routes
- Querying the database using Tinker
- Seeding our database
- Many-to-many relationship
- One-to-many relationship
- One-to-one relationship
- Eloquent ORM relationship
- Adding content to migration files
- Creating models and migrations files
- The application's summary
- What we are building
- Refactoring the application files
- Preparing the application and understanding what we are building
- Creating a RESTful API Using Laravel - Part 1
- Summary
- Adding Swagger definitions
- Generating and publishing the API documentation
- Creating the application API controller
- Installing the L5-Swagger library
- API documentation with the Swagger framework
- Exploring the Workbench table view
- Creating our first database seed
- Creating the migration boilerplate
- Migrations and database seed
- Using a MySQL external client
- Configuring the .env file
- Adding a storage folder
- Setting up a MySQL database
- Running the application
- Creating the application scaffold
- Using PHP Composer to scaffold a Laravel application
- Building the application container
- Creating a docker-compose configuration file
- Configuring php-fpm
- Configuring nginx
- Creating the Docker Compose foundation
- Additional notes about Laravel with Docker
- Building the Baseline Backend Application
- Summary
- Simple deployment
- Template data binding
- Creating an Angular service
- Adding a new route
- Adding a new component
- Adding a new module
- Running the sample application
- Environments
- Dotfiles – .editorconfig .gitignore and .angular-cli.json
- The package.json file
- The structure of an Angular application
- Creating a simple Angular application
- Installing VS Code Angular plugins
- Installing the Angular CLI
- Installing Git
- Installing the tools – Git the Angular CLI and VS Code plugins
- The component life cycle
- Angular's main building blocks
- Angular and the component method for developing modern web applications
- Angular 6 – smaller faster and easier
- Understanding the Core Concepts of Angular 6
- Summary
- Importing and using external classes
- Using the class export feature
- Working with modules
- Creating generic functions
- Declaring an interface
- Creating a class
- Understanding interfaces classes and generics in TypeScript
- Types: undefined and null
- Using the never type
- Using enum
- The opt-out type checking - any
- Using the void type
- Creating a tuple
- Writing JavaScript code with static types
- Benefits of TypeScript
- Creating a TypeScript project
- Installing TypeScript
- The Benefits of TypeScript
- Summary
- Creating the Blade template engine
- Using the resource flag to create CRUD methods
- Creating a migrations file and database seed
- Setting up the database inside a Docker container
- Connecting with a database
- Creating routes
- Creating views
- Creating controllers
- Creating models
- MVC and routes
- Artisan command-line interface
- Laravel application life cycle
- The MVC flow
- Laravel directory structure
- The basic architecture of Laravel applications
- Installing VS Code text editor
- Setting up PHPDocker and Laravel
- Configuring PHPDocker.io
- Installing Docker
- Installing Composer package manager
- Setting up the environment
- Understanding the Core Concepts of Laravel 5
- 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
- PacktPub.com
- Why subscribe?
- PacktPub.com
- Dedication
- Hands-On Full Stack Web Development with Angular 6 and Laravel 5
- Copyright and Credits
- Title Page
- 封面
- 封面
- Title Page
- Copyright and Credits
- Hands-On Full Stack Web Development with Angular 6 and Laravel 5
- Dedication
- PacktPub.com
- Why subscribe?
- PacktPub.com
- 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
- Understanding the Core Concepts of Laravel 5
- Setting up the environment
- Installing Composer package manager
- Installing Docker
- Configuring PHPDocker.io
- Setting up PHPDocker and Laravel
- Installing VS Code text editor
- The basic architecture of Laravel applications
- Laravel directory structure
- The MVC flow
- Laravel application life cycle
- Artisan command-line interface
- MVC and routes
- Creating models
- Creating controllers
- Creating views
- Creating routes
- Connecting with a database
- Setting up the database inside a Docker container
- Creating a migrations file and database seed
- Using the resource flag to create CRUD methods
- Creating the Blade template engine
- Summary
- The Benefits of TypeScript
- Installing TypeScript
- Creating a TypeScript project
- Benefits of TypeScript
- Writing JavaScript code with static types
- Creating a tuple
- Using the void type
- The opt-out type checking - any
- Using enum
- Using the never type
- Types: undefined and null
- Understanding interfaces classes and generics in TypeScript
- Creating a class
- Declaring an interface
- Creating generic functions
- Working with modules
- Using the class export feature
- Importing and using external classes
- Summary
- Understanding the Core Concepts of Angular 6
- Angular 6 – smaller faster and easier
- Angular and the component method for developing modern web applications
- Angular's main building blocks
- The component life cycle
- Installing the tools – Git the Angular CLI and VS Code plugins
- Installing Git
- Installing the Angular CLI
- Installing VS Code Angular plugins
- Creating a simple Angular application
- The structure of an Angular application
- The package.json file
- Dotfiles – .editorconfig .gitignore and .angular-cli.json
- Environments
- Running the sample application
- Adding a new module
- Adding a new component
- Adding a new route
- Creating an Angular service
- Template data binding
- Simple deployment
- Summary
- Building the Baseline Backend Application
- Additional notes about Laravel with Docker
- Creating the Docker Compose foundation
- Configuring nginx
- Configuring php-fpm
- Creating a docker-compose configuration file
- Building the application container
- Using PHP Composer to scaffold a Laravel application
- Creating the application scaffold
- Running the application
- Setting up a MySQL database
- Adding a storage folder
- Configuring the .env file
- Using a MySQL external client
- Migrations and database seed
- Creating the migration boilerplate
- Creating our first database seed
- Exploring the Workbench table view
- API documentation with the Swagger framework
- Installing the L5-Swagger library
- Creating the application API controller
- Generating and publishing the API documentation
- Adding Swagger definitions
- Summary
- Creating a RESTful API Using Laravel - Part 1
- Preparing the application and understanding what we are building
- Refactoring the application files
- What we are building
- The application's summary
- Creating models and migrations files
- Adding content to migration files
- Eloquent ORM relationship
- One-to-one relationship
- One-to-many relationship
- Many-to-many relationship
- Seeding our database
- Querying the database using Tinker
- Creating controllers and routes
- Creating and updating the controller function
- Creating the API routes
- Generating Swagger UI documentation
- Summary
- Creating a RESTful API Using Laravel - Part 2
- Dealing with request validation and error messages
- HTTP status code
- Implementing the Controllers validation
- Adding custom error handling
- Checking API URLs with the Swagger UI
- Get all records
- Get record by ID
- Checking API response errors
- Token-based authentication
- Installing tymon-jwt-auth
- Updating the User model
- Setting up the auth guard
- Creating the authController
- Creating user routes
- Protecting API routes
- Creating and logging in a User
- Dealing with Laravel resources
- Creating BikesResource
- Creating BuildersResource
- Creating ItemsResource
- Creating ratingResource
- Adding resources to controllers
- Summary
- Progressive Web Applications with the Angular CLI
- Starting a web application with the Angular CLI
- Preparing the baseline code
- Scaffolding a web application with the Angular CLI
- Creating the directory structure
- Building the baseline for a PWA
- Adding PWA features using ng add
- Understanding the key files in PWA
- PWA in action
- Running the application in production mode
- Angular service – workers in action
- Debugging a progressive web application
- Creating boilerplate Angular components
- Creating the home module and component
- Creating the bikes module and component
- Creating the builders module and component
- Preparing Auth routes – login register and logout components
- Creating a layout component
- Summary
- Dealing with the Angular Router and Components
- Preparing the baseline code
- Adding components to our application
- Dealing with Angular routes
- Creating authentication routes
- Creating home routing
- Configuring child routes for details pages
- Adding builders child routes
- Adding bikers child routes
- Refactoring app.component.html
- Building frontend views
- Creating the navigation component
- Creating the home view and template
- Creating the bikes router-outlet
- Creating the bike-list view and template
- Creating the bike-detail view and template
- Creating the builders router-outlet
- Creating the builder-list view and template
- Creating the builder-detail view and template
- Creating the login view and template
- Creating the register view and template
- Testing routes and views
- Summary
- Creating Services and User Authentication
- Preparing the baseline code
- Dealing with models and classes
- Creating the User class model
- Creating the builders class model
- Creating the Bike class model
- Using the new HttpClient to deal with XHR requests
- Creating the auth service
- Creating the Register function
- Creating the Login function
- Creating the Logout function
- Creating the setToken and getToken functions
- Creating the getUser function
- Creating the isAuthenticated function
- Creating the handleError function
- Creating the bikes service
- Creating CRUD functions
- Creating the voteOnBike function
- Creating the handleError function
- Creating the builders service
- Dealing with the HttpErrorHandler service
- Creating a handler error service
- Importing HttpErrorHandler into app.module.ts
- Refactoring the builders service
- Refactoring the bikes service
- How to use authorization headers
- Creating an HTTP interceptor
- Adding AppHttpInterceptorService to the main module
- How to protect application routes with route guards
- Creating the route guard for bike-detail
- Summary
- Frontend Views with Bootstrap 4 and NgBootstrap
- Preparing the baseline code
- Installing the Bootstrap CSS framework
- Removing the Bootstrap CSS import
- Adding Bootstrap SCSS imports
- Overriding Bootstrap variables
- Writing Angular templates with Bootstrap
- Adding template bindings to the navigation component
- Adding template bindings to the login page
- Adding template bindings to the register page
- Adding template bindings to the bike-detail page
- Adding template bindings to the bike-list page
- Adding template bindings to the builder-detail page
- Adding template bindings to the builder-list page
- Setting up CORS on a Laravel backend
- Setting up Laravel CORS
- Connecting Angular services with application components
- Adding environment configuration
- Creating the navigation methods
- Creating the bike-detail methods
- Creating the bike-list methods
- Creating the builder-detail methods
- Creating the builder-list methods
- Dealing with Angular pipes forms and validation
- Creating a pipe filter
- Intoducing Angular forms
- Understanding Angular template-driven forms
- Reviewing the login form template and component
- Understanding Angular reactive/model-driven forms
- Reviewing the register form template and component
- Adding frontend form validation
- Dealing with form validation on template-driven forms
- Dealing with form validation on model-driven forms
- Summary
- Building and Deploying Angular Tests
- Preparing the baseline code
- Setting application linters
- Adding stylelint for SCSS files
- Adding new scripts to the package.json file
- Adding the .stylelintrc configuration
- Installing the Stylelint plugin for VS Code
- Setting VS Code for the new linter
- Applying stylelint rules on style.scss
- Fixing SCSS errors
- Adding TSLint-angular to the package.json file
- Creating linter tasks in package.json
- Understanding Angular tests
- Writing unit and e2e tests
- Fixing unit tests
- Fixing authGuard tests
- Fixing authService tests
- Fixing login tests
- Fixing register tests
- Fixing bike service tests
- Fixing bike-detail tests
- Fixing bike-list tests
- Fixing bike tests
- Fixing builders service tests
- Fixing builder-detail tests
- Fixing builder-list components
- Fixing builders tests
- Fixing home tests
- Fixing app tests
- Fixing app interceptor tests
- Adding unit tests
- Fixing e2e tests
- Application deployment
- Creating Docker images for frontend applications
- Creating a Dockerfile
- Creating an nginx file
- Creating npm building tasks
- Creating the bash script
- Running npm build scripts
- Reviewing Docker commands
- Building the application for production
- Testing Docker images
- Summary
- Other Books You May Enjoy
- Leave a review - let other readers know what you think 更新時間：2021-07-23 19:19:39
