LearnWith

This archive contains the code for the LearnWith Training Series which focuses on building the same application over and over using different technologies.

All books share a similar code base and each chapter has its own code archive.
Go get the Books

If you read the book that covers:

Angular 8 with Bootstrap

• Angular 8 with Mock Services:
  • Look at the angular8App_Bootstrap directory for the Angular 8 UI code.
  • UI Mock Services are located at angular8App_Bootstrap/src/app/services/mock
  • The main module of this app is angular8App_Bootstrap/src/app/app.module.ts.
  • Run the Angular app using ng serve.
• Angular 8 with Java Services:
  • Look at the angular8App_Bootstrap directory for the Angular 8 UI code.
  • UI Services to access the Java server are located at angular8App_Bootstrap/src/app/services/Java
  • The main module of this app is angular8App_Bootstrap/src/app/app.module.java.ts.
  • Look at the java directory for the server side code.
  • Run the Angular app using ng serve --configuration=java.
• Angular 8 with NodeJS Services:
  • Look at the angular8App_Bootstrap directory for the Angular 8 UI code.
  • UI Services to access the NodeJS server are located at angular8App_Bootstrap/src/app/services/nodeJS
  • The main module of this app is angular8App_Bootstrap/src/app/app.module.nodejs.ts.
  • Look at the nodejs directory for the server side code.
  • Run the Angular app using ng serve --configuration=nodejs.
• Angular 8 with PHP Services:
  • Look at the angular8App_Bootstrap directory for the Angular 8 UI code.
  • UI Services to access the PHP server are located at angular8App_Bootstrap/src/app/services/php
  • The main module of this app is angular8App_Bootstrap/src/app/app.module.php.ts.
  • Look at the php directory for the server side code.
  • Run the Angular app using ng serve --configuration=php.
• Angular 8 with ColdFusion Services:
  • Look at the angular8App_Bootstrap directory for the Angular 8 UI code.
  • UI Services to access the ColdFusion server are located at angular8App_Bootstrap/src/app/services/coldfusion
  • The main module of this app is angular8App_Bootstrap/src/app/app.module.coldfusion.ts.
  • Look at the coldFusion directory for the server side code.
  • Run the Angular app using ng serve --configuration=coldfusion.
• Angular 8 Collected Essays about Build Processes, Unit Testing, Redux, and other stuff:
  • The modified build Scripts that include testing are in chapter8/angular8App_Bootstrap
  • Scripts run against the Chapter8 directory
  • Fully fleshed Unit tests are located in chapter8/angular8App_Bootstrap
  • Redux samples are in Redux/Angular8
  • Directive samples are in Directives/Angular8
  • Pay whatever you want for this book at our Gumroad Store

Angular 7 with Bootstrap

• Angular 7 with Mock Services:
  • Look at the angular7App_Bootstrap directory for the Angular 7 UI code.
  • UI Mock Services are located at angular7App_Bootstrap/src/app/services/mock
  • The main module of this app is angular7App_Bootstrap/src/app/app.module.ts.
  • Run the Angular app using ng serve.
• Angular 7 with Java Services:
  • Look at the angular7App_Bootstrap directory for the Angular 7 UI code.
  • UI Services to access the Java server are located at angular7App_Bootstrap/src/app/services/Java
  • The main module of this app is angular7App_Bootstrap/src/app/app.module.java.ts.
  • Look at the java directory for the server side code.
  • Run the Angular app using ng serve --configuration=java.
• Angular 7 with NodeJS Services:
  • Look at the angular7App_Bootstrap directory for the Angular 7 UI code.
  • UI Services to access the NodeJS server are located at angular7App_Bootstrap/src/app/services/nodeJS
  • The main module of this app is angular7App_Bootstrap/src/app/app.module.nodejs.ts.
  • Look at the nodejs directory for the server side code.
  • Run the Angular app using ng serve --configuration=nodejs.
• Angular 7 with PHP Services:
  • Look at the angular7App_Bootstrap directory for the Angular 7 UI code.
  • UI Services to access the PHP server are located at angular7App_Bootstrap/src/app/services/php
  • The main module of this app is angular7App_Bootstrap/src/app/app.module.php.ts.
  • Look at the php directory for the server side code.
  • Run the Angular app using ng serve --configuration=php.
• Angular 7 with ColdFusion Services:
  • Look at the angular7App_Bootstrap directory for the Angular 7 UI code.
  • UI Services to access the ColdFusion server are located at angular7App_Bootstrap/src/app/services/coldfusion
  • The main module of this app is angular7App_Bootstrap/src/app/app.module.coldfusion.ts.
  • Look at the coldFusion directory for the server side code.
  • Run the Angular app using ng serve --configuration=coldfusion.
• Angular 7 Collected Essays about Build Processes, Unit Testing, Redux, and other stuff:
  • The modified build Scripts that include testing are in chapter8/angular7App_Bootstrap
  • Scripts run against the Chapter8 directory
  • Fully fleshed Unit tests are located in chapter8/angular7App_Bootstrap
  • Redux samples are in Redux/Angular7
  • Pay whatever you want for this book at our Gumroad Store

Angular 6 with Bootstrap

• Angular 6 with Mock Services:
  • Look at the angular6App directory for the Angular 6 UI code.
  • UI Mock Services are located at angular6App/src/com/dotComIt/learnWith/services/mock
  • The main index page of this app is index.html.
• Angular 6 With Java Services:
  • Look at the angular6App directory for the Angular 6 UI code.
  • UI Services to access the Java server are located at angular6App/src/com/dotComIt/learnWith/services/Java
  • The main index page of this app is index_java.html.
  • Look at the java directory for the server side code.
• Angular 6 With NodeJS Services:
  • Look at the angular6App directory for the Angular 6 UI code.
  • UI Services to access the NodeJS server are located at angular6App/src/com/dotComIt/learnWith/services/nodeJS
  • The main index page of this app is index_nodejs.html.
  • Look at the nodejs directory for the server side code.
• Angular 6 with PHP Services:
  • Look at the angular6App directory for the Angular 6 UI code.
  • UI Services to access the PHP server are located at angular6App/src/com/dotComIt/learnWith/services/php
  • The main index page of this app is index_php.html.
  • Look at the php directory for the server side code.
• Angular 6 with ColdFusion Services:
  • Look at the angular6App directory for the Angular 6 UI code.
  • UI Services to access the ColdFusion server are located at angular6App/src/com/dotComIt/learnWith/services/coldfusion
  • The main index page of this app is index_coldfusion.html.
  • Look at the coldFusion directory for the server side code.
• Angular 6 Book about Build Processes and Unit Testing:
  • The modified build Scripts that include testing are in chapter8/angular5App
  • Scripts run against the Chapter8 directory
  • Unit tests are located in chapter8/angular6App/tests
  • Angular CLI samples are in angularCLI/Angular6
  • Redux samples are in Redux/Angular6
  • Pay whatever you want for this book at our Gumroad Store

Angular 5 with Bootstrap

• Angular 5 with Mock Services:
  • Look at the angular5App directory for the Angular 5 UI code.
  • UI Mock Services are located at angular5App/src/com/dotComIt/learnWith/services/mock
  • The main index page of this app is index.html.
• Angular 5 With Java Services:
  • Look at the angular5App directory for the Angular 5 UI code.
  • UI Services to access the Java server are located at angular5App/src/com/dotComIt/learnWith/services/Java
  • The main index page of this app is index_java.html.
  • Look at the java directory for the server side code.
• Angular 5 With NodeJS Services:
  • Look at the angular5App directory for the Angular 5 UI code.
  • UI Services to access the NodeJS server are located at angular5App/src/com/dotComIt/learnWith/services/nodeJS
  • The main index page of this app is index_nodejs.html.
  • Look at the nodejs directory for the server side code.
• Angular 5 with PHP Services:
  • Look at the angular5App directory for the Angular 5 UI code.
  • UI Services to access the PHP server are located at angular5App/src/com/dotComIt/learnWith/services/php
  • The main index page of this app is index_php.html.
  • Look at the php directory for the server side code.
• Angular 5 with ColdFusion Services:
  • Look at the angular5App directory for the Angular 5 UI code.
  • UI Services to access the ColdFusion server are located at angular5App/src/com/dotComIt/learnWith/services/coldfusion
  • The main index page of this app is index_coldfusion.html.
  • Look at the coldFusion directory for the server side code.
• Angular 5 Book about Build Processes and Unit Testing:
  • The modified build Scripts that include testing are in chapter8/angular5App
  • Scripts run against the Chapter8 directory
  • Unit tests are located in chapter8/angular5App/tests
  • Angular CLI samples are in angularCLI/Angular5
  • Pay whatever you want for this book at our Gumroad Store

Angular 4 with Bootstrap

• Angular 4 with Mock Services:
  • Look at the angular4App directory for the Angular 4 UI code.
  • UI Mock Services are located at angular4App/src/com/dotComIt/learnWith/services/mock
  • The main index page of this app is index.html.
• Angular 4 With Java Services:
  • Look at the angular4App directory for the Angular 4 UI code.
  • UI Services to access the NodeJS server are located at angular4App/src/com/dotComIt/learnWith/services/java
  • The main index page of this app is index_java.html.
  • Look at the java directory for the server side code.
• Angular 4 With NodeJS Services:
  • Look at the angular4App directory for the Angular 4 UI code.
  • UI Services to access the NodeJS server are located at angular4App/src/com/dotComIt/learnWith/services/nodeJS
  • The main index page of this app is index_nodejs.html.
  • Look at the nodejs directory for the server side code.
• Angular 4 With PHP Services:
  • Look at the angular4App directory for the Angular 4 UI code.
  • UI Services to access the PHP are located at angular4App/src/com/dotComIt/learnWith/services/php
  • The main index page of this app is index_php.html.
  • Look at the php directory for the server side code.
• Angular 4 with ColdFusion Services:
  • Look at the angular4App directory for the Angular 4 UI code.
  • UI Services to access the ColdFusion server are located at angular4App/src/com/dotComIt/learnWith/services/coldfusion
  • The main index page of this app is index_coldfusion.html.
  • Look at the coldFusion directory for the server side code.
• Angular 4 Book about Build Processes and Unit Testing:
  • The modified build Scripts that include testing are in chapter8/angular4App
  • Scripts run against the Chapter8 directory
  • Unit tests are located in chapter8/angular4App/tests
  • Angular CLI samples are in angularCLI/Angular4
  • Pay whatever you want for this book at our Gumroad Store

AngularJS with Bootstrap

• AngularJS with Mock Services:
  • Look at the angularApp directory for the AngularJS UI code.
  • UI Mock Services are located at angularApp/com/dotComIt/learnWith/services/mock
  • The main index page of this app is index.html.
• AngularJS With Java Services:
  • Look at the angularApp directory for the AngularJS UI code.
  • UI Services to access the NodeJS server are located at angularApp/com/dotComIt/learnWith/services/java
  • The main index page of this app is index_java.html.
  • Look at the java directory for the server side code.
• AngularJS With NodeJS Services:
  • Look at the angularApp directory for the AngularJS UI code.
  • UI Services to access the NodeJS server are located at angularApp/com/dotComIt/learnWith/services/nodeJS
  • The main index page of this app is index_NodeJS.html.
  • Look at the nodejs directory for the server side code.
• AngularJS With PHP Services:
  • Look at the angularApp directory for the AngularJS UI code.
  • UI Services to access the PHP server are located at angularApp/com/dotComIt/learnWith/services/php
  • The main index page of this app is index_php.html.
  • Look at the php directory for the server side code.
• AngularJS with ColdFusion Services:
  • Look at the angularApp directory for the AngularJS UI code.
  • UI Services to access the ColdFusion server are located at angularApp/com/dotComIt/learnWith/services/coldFusion
  • The main index page of this app is index_ColdFusion.html.
  • Look at the coldFusion directory for the server side code.
• AngularJS Book about Build Processes and Unit Testing:
  • Source code for the build scripts is in scripts
  • Scripts run against the Chapter8 directory
  • Unit tests are located in chapter8/tests/angularApp
  • Pay whatever you want for this book at our Gumroad Store

Go get the Books

Updates

In December 2017, there was a update to the books and the code to make the service layer more consistent across books. If you bought the books before then, you can get the code at this tag.

You can also go back to your place of purchase for to get an updated book, and you should totally do that because we caught a lot of miscellaneous errors in the text.