docs(nx): misc docs changes

Author: vsavkin

docs/fundamentals/full-stack-development.md renamed to docs/fundamentals/build-full-stack-applications.md

@@ -1,4 +1,4 @@
-# Building Full-Stack Applications using Angular and Nest
+# Building Full-Stack Applications
 
 In this guide you will build a full-stack application using Angular and Nest.
 
@@ -151,7 +151,7 @@ export interface Ticket {
 
 @Injectable()
 export class AppService {
-  getTodos(): Ticket[] {
+  getTickets(): Ticket[] {
     return [
       { id: 1, title: 'Fix my computer!' },
       { id: 2, title: 'Fix my desk' }
@@ -171,8 +171,8 @@ export class AppController {
   constructor(private readonly appService: AppService) {}
 
   @Get('tickets')
-  getTodos(): Ticket[] {
-    return this.appService.getTodos();
+  getTickets(): Ticket[] {
+    return this.appService.getTickets();
   }
 }
 ```
@@ -253,7 +253,7 @@ import { Ticket } from '@tuskorg/data';
 
 @Injectable()
 export class AppService {
-  getTodos(): Ticket[] {
+  getTickets(): Ticket[] {
     return [
       { id: 1, title: 'Fix my computer!' },
       { id: 2, title: 'Fix my desk' }
@@ -262,7 +262,7 @@ export class AppService {
 }
 ```
 
-After this refactoring, the backend and the frontend will not get out of sync. Being able to factor code into a lot of small libraries with well-defined public API, which you can then use across both the backend and the frontend, is one of key features of Nx. You can read more about it [here](./building-like-google.md).
+After this refactoring, the backend and the frontend will not get out of sync. Being able to factor code into a lot of small libraries with well-defined public API, which you can then use across both the backend and the frontend, is one of key features of Nx. You can read more about it [here](develop-like-google.md).
 
 ## Nx is Smart
 
@@ -272,7 +272,7 @@ But Nx can do a lot more than that. In Nx, your libraries, node applications, An
 
 ![Full Stack Dependencies](./full-stack-deps.png)
 
-If you change the data library, Nx will know that both the backend and the frontend can be affected by the change. This is what makes Nx a powerful full-stack development environment that scales. You can read more about this Nx capability in [Building Like Google](./building-like-google.md).
+If you change the data library, Nx will know that both the backend and the frontend can be affected by the change. This is what makes Nx a powerful full-stack development environment that scales. You can read more about this Nx capability in [Building Like Google](develop-like-google.md).
 
 ## Summary
 

docs/fundamentals/building-like-google.md renamed to docs/fundamentals/develop-like-google.md

@@ -1,4 +1,4 @@
-# Building like Google: Monorepos and Automation
+# Developing Like Google: Monorepos and Automation
 
 In this guide you will look at one of the most interesting parts of Nx. The part that make so many things so much easier, that it has a transformative effect on a team and even on an organization.
 
@@ -251,11 +251,11 @@ You rarely have to look at `nx.json`, but it is still important to understand wh
     },
     "myapp": {
       "tags": ["shared"],
-      "implicitDependencies": ["myapp-e2e"]
+      "implicitDependencies": []
     },
     "myapp-e2e": {
       "tags": [],
-      "implicitDependencies": []
+      "implicitDependencies": ["myapp"]
     }
   }
 }
@@ -283,7 +283,11 @@ In this example, any change to `package.json` will only affect `mylib`.
 {
   "myapp": {
     "tags": ["shared"],
-    "implicitDependencies": ["myapp-e2e"]
+    "implicitDependencies": []
+  },
+  "myapp-e2e": {
+    "tags": [],
+    "implicitDependencies": ["myapp"]
   }
 }
 ```

docs/fundamentals/modernizing-dev-workflow.md renamed to docs/fundamentals/use-modern-tools.md

@@ -1,4 +1,4 @@
-# Modernizing Your Dev Workflow
+# Using Modern Tools
 
 Using Nx, you can add Cypress, Jest, Prettier, and Nest into your dev workflow.
 
@@ -69,10 +69,6 @@ Adding a Nest app will also add Nest schematics to the workspace, which you can
 ng generate @nestjs/schematics:controller mycontroller --sourceRoot=apps/nestapp/src --path=app
 ```
 
-The best way to discover what schematics Nest provides is by using Angular Console:
-
-SCREENSHOT
-
 Read more about Nest at [nestjs.com](https://nestjs.com).
 
 ### Using Express

docs/getting-started/getting-started.md

@@ -1,38 +1,34 @@
 # Getting Started
 
-<iframe src="https://player.vimeo.com/video/237418773" width="100%" height="360" frameborder="0" allowfullscreen></iframe>
+## Installing Angular CLI
 
-## Installing Nx
-
-Nx is just a set of power-ups for Angular CLI, **so an Nx workspace is an Angular CLI workspace**. This means that it will be handy to have the Angular CLI installed globally, which can be done via npm or yarn as well.
+Nx is just a set Angular CLI power-ups, **so an Nx workspace is an Angular CLI workspace**. This means that it will be handy to have the Angular CLI installed globally, which can be done via npm or yarn.
 
 ```bash
 npm install -g @angular/cli
 ```
 
-or
+## Creating an Nx Workspace
 
-```bash
-yarn global add @angular/cli
-```
+### Creating an Nx Workspace Using Npx
 
-After you have installed the Angular CLI, install `@nrwl/schematics`.
+Using [Npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) you can create a new workspace without installing any packages.
+
+Simply run:
 
 ```bash
-npm install -g @nrwl/schematics
+npx -p @nrwl/schematics create-nx-workspace myworkspace
 ```
 
-or
+### Creating an Nx Workspace Without Npx
+
+Install `@nrwl/schematics`.
 
 ```bash
-yarn global add @nrwl/schematics
+npm install -g @nrwl/schematics
 ```
 
-## Nx Workspace
-
-### Creating an Nx Workspace
-
-To create an Nx workspace, run:
+Then run:
 
 ```bash
 ng new myworkspace --collection=@nrw/schematics
@@ -116,7 +112,7 @@ All the files that the CLI would have in a new project are still here, just in a
 
 Run `ng serve myapp` to serve the newly generated application!
 
-## Use Angular Console
+## Using Angular Console
 
 You can also create a new Nx project using Angular Console--UI for the CLI:
 

docs/getting-started/nx-and-cli.md

@@ -44,7 +44,7 @@ Now, add the right proxy configuration:
 }
 ```
 
-Finally, you can run `ng serve backend` and `ng serve frontend`. There is a lot more to full-stack development in Nx, which you can read about [here](../fundamentals/full-stack-development.md).
+Finally, you can run `ng serve backend` and `ng serve frontend`. There is a lot more to full-stack development in Nx, which you can read about [here](../fundamentals/build-full-stack-applications.md).
 
 ## Use effective development practices pioneered at Google
 
@@ -125,7 +125,7 @@ This is a hard requirement for monorepo-style development. Nx implements it.
 
 In addition to using the monorepo, Google is also know for its use of automation and tooling. Nx adds powerful capabilities helping your team promote best practices and ensure consistency.
 
-Read more about how Nx helps you develop like Google [here](../fundamentals/building-like-google.md).
+Read more about how Nx helps you develop like Google [here](../fundamentals/develop-like-google.md).
 
 ## Use Innovative Tools
 
@@ -149,7 +149,7 @@ ng test myapp
 ng e2e myapp
 ```
 
-Read more about using innovative tools [here](../fundamentals/modernizing-dev-workflow.md).
+Read more about using innovative tools [here](../fundamentals/use-modern-tools.md).
 
 ## Summary
 

docs/getting-started/resources.md

@@ -0,0 +1,32 @@
+# Resources
+
+### Learn Nx in 30 Minutes
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/XZpp52IqD2A" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+### Books and Blogs
+
+- [Angular Enteprise Monorepo Patters](https://go.nrwl.io/angular-enterprise-monorepo-patterns-new-book?utm_campaign=Book%3A%20Monorepo%20Patterns%2C%20Jan%202019&utm_source=Github&utm_medium=Banner%20Ad)
+- [Nx blog posts](https://blog.nrwl.io/nx/home)
+
+### Videos
+
+- [Video course on using Nx Workspaces](https://angularplaybook.com/p/nx-workspaces)
+
+### Talks
+
+- [Angular at Large Organizations](https://www.youtube.com/watch?v=piQ0EZhtus0)
+- [Nx: The New Way to Build Enterprise Angular Apps](https://www.youtube.com/watch?v=xo-1SDmvM8Y)
+- [Supercharging the Angular CLI](https://www.youtube.com/watch?v=bMkKz8AedHc)
+- [Hands on Full Stack development with Nx and Bazel](https://www.youtube.com/watch?v=1KDDIhcQORM)
+- [Modern Development with Angular CLI & Nrwl Nx](https://www.youtube.com/watch?v=tE8sUAfKI3g)
+
+### Podcasts and Shows
+
+- [ngAir 140: Nx for Enterprise Angular Development](https://www.youtube.com/watch?v=qYNiOKDno_I)
+- [ngHouston: NX Demo](https://www.youtube.com/watch?v=E_UlU2Yv4G0)
+
+## Misc
+
+- [nx-examples](https://github.com/nrwl/nx-examples) repo has branches for different nx comments to display expected behavior and example app and libraries. Check out the branch (workspace, ngrx...) to see what gets created for you. More info on readme.
+- [xplat - Cross-platform tools for Nx workspaces](https://nstudio.io/xplat/)

docs/getting-started/what-is-nx.md

@@ -1,12 +1,14 @@
 # Nx
 
-Nx is a set of Angular CLI power-ups that transform the CLI into a powerful tool for full-stack development.
+Angular CLI power-ups for modern development.
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/XZpp52IqD2A" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
 With Nx, you can:
 
-- Build full-stack applications using Angular and Nest
+- Use modern tools like Cypress and Jest
+- Build full-stack applications using Angular and Node.js
 - Use effective development practices pioneered at Google
-- Use innovative tools like Cypress and Jest
 
 ## Getting Started
 
@@ -15,15 +17,11 @@ With Nx, you can:
 
 ## Learn Nx
 
-- [How to build full-stack applications using Angular and Nest?](../fundamentals/full-stack-development.md)
-- [How does Nx help you build like Google?](../fundamentals/building-like-google.md)
-- [How does Nx help you modernize your dev workflow?](../fundamentals/modernizing-dev-workflow.md)
-- [API docs](../api-schematics/application.md)
-
-## Community
-
+- [How Nx helps you use modern tools like Cypress, Jest, and Nest](../fundamentals/use-modern-tools.md)
+- [How Nx helps you build full-stack applications using Angular and Node.js](../fundamentals/build-full-stack-applications.md)
+- [How Nx helps you develop like Google](../fundamentals/develop-like-google.md)
 - [Books, talks, and blog posts about Nx](./resources)
 
-## Contributing
+## Contribute
 
 Looking to get started contributing to Nx? [Check the repository here](http://github.com/nrwl/nx).

docs/guides/monorepo-affected.md

@@ -141,19 +141,19 @@ Nx uses its advanced code analysis to construct a dependency graph of all applic
   "projects": {
     "client": {
       "tags": [],
-      "implicitDependencies": ["client-e2e"]
+      "implicitDependencies": []
     },
     "client-e2e": {
       "tags": [],
-      "implicitDependencies": []
+      "implicitDependencies": ["client"]
     },
     "admin": {
       "tags": [],
-      "implicitDependencies": ["admin-e2e"]
+      "implicitDependencies": []
     },
     "admin-e2e": {
       "tags": [],
-      "implicitDependencies": []
+      "implicitDependencies": ["admin"]
     },
     "client-feature-main": {
       "tags": [],
@@ -189,13 +189,9 @@ You can also specify dependencies between projects. For instance, if `admin-e2e`
 
 ```json
 {
-  "client": {
-    "tags": [],
-    "implicitDependencies": ["client-e2e", "admin-e2e"]
-  },
-  "admin": {
+  "admin-e2e": {
     "tags": [],
-    "implicitDependencies": ["admin-e2e"]
+    "implicitDependencies": ["client", "admin"]
   }
 }
 ```

docs/guides/monorepo-tags.md

@@ -23,19 +23,19 @@ First, use `nx.json` to annotate your projects with tags. In this example, we wi
   "projects": {
     "client": {
       "tags": ["scope:client"],
-      "implicitDependencies": ["client-e2e"]
+      "implicitDependencies": []
     },
     "client-e2e": {
       "tags": ["scope:client"],
-      "implicitDependencies": []
+      "implicitDependencies": ["client"]
     },
     "admin": {
       "tags": ["scope:admin"],
-      "implicitDependencies": ["admin-e2e"]
+      "implicitDependencies": []
     },
     "admin-e2e": {
       "tags": ["scope:admin"],
-      "implicitDependencies": []
+      "implicitDependencies": ["admin"]
     },
     "client-feature-main": {
       "tags": ["scope:client"],

docs/map.json

@@ -22,16 +22,16 @@
     "id": "fundamentals",
     "itemList": [
       {
-        "name": "Full Stack Development",
-        "id": "full-stack-development"
+        "name": "Building Full-Stack Applications",
+        "id": "build-full-stack-applications"
       },
       {
-        "name": "Building Like Google",
-        "id": "building-like-google"
+        "name": "Developing Like Google",
+        "id": "develop-like-google"
       },
       {
-        "name": "Modernizing Dev Workflow",
-        "id": "modernizing-dev-workflow"
+        "name": "Using Modern Tools",
+        "id": "use-modern-tools"
       }
     ]
   },