Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Enterprise Vue
Module 0. Introduction
1. Module introduction (4:50)
2. Demo of the case study app (5:35)
3. Contents of the course (7:13)
4. Environment setup (3:26)
5. Downloading the source code (2:36)
6. Keeping code and software in sync (6:07)
Module 1. Full-stack scaffolding with Vue CLI
7. Module introduction (0:34)
8. Renaming the client source file directory (6:17)
9. Serving the full-stack app in development (7:30)
10. Dev server proxy (2:33)
11. Environment variables (8:23)
12. Linting a full-stack Vue app (3:53)
Module 2. Building an API with Node, Express & MongoDB
13. Module introduction (2:34)
14. Creating a route (2:28)
15. API development with Postman (4:14)
16. Using MVC directory structure (6:22)
17. Mongoose models (4:30)
18. Creating and viewing a document (4:49)
19. Adding model validation (9:06)
20. Refactoring using schema (3:02)
21. Creating the POST /items route (3:47)
22. Body parser middleware (2:18)
23. Writing to the database (4:23)
Module 3. API unit testing with Mocha
24. Module introduction (1:03)
25. Setting up Mocha (6:36)
26. Assertions and asynchronous tests (4:33)
27. Unit testing an API (2:42)
28. API test setup (6:45)
29. Testing server response (4:20)
30. Testing database state (6:14)
31. GET /items route and database seed (8:12)
32. GET /items/:id route (5:57)
33. Testing endpoints with dynamic segments (8:52)
34. Sad path tests (2:58)
Module 4. API authentication with JSON web tokens
35. Module introduction (1:09)
36. Creating users (5:36)
37. JSON web tokens (11:06)
38. Generating a JWT (5:53)
39. Attaching the token to a request (3:55)
40. Securing requests and responses (6:40)
41. Securing an endpoint (14:06)
42. Auth middleware (5:38)
43. Seeding database with users (6:10)
44. Testing secured endpoints (13:23)
45. Hashing passwords (9:16)
46. Logging in (11:46)
47. User roles (5:54)
48. Protecting item routes (8:16)
49. Testing protected routes (5:57)
Module 5. Frontend CRUD with Vuex ORM
50. Module introduction (1:49)
51. API changes (2:54)
52. Tour of the client app (4:07)
53. Introduction to Vuex ORM (9:52)
54. Creating them item model (4:26)
55. Querying the API (6:34)
56. Creating the item page (4:43)
57. Setting up the shopping cart (6:18)
58. Binding cart item controls to Vuex (8:14)
59. Implementing cart count (6:28)
60. Cart total and persisting state (6:29)
61. API error handling (5:40)
Module 6. Frontend authentication with Vue Auth
62. Module introduction (1:42)
63. Introduction to Vue Auth (6:55)
64. Creating a user model (3:25)
65. Binding forms to Vuex ORM (10:17)
66. Setting up the login form (10:34)
67. Setting up the registration form (6:21)
68. Role-based UI features (7:20)
69. Logging out via the UI (7:19)
70. Admin page - create item (11:49)
71. Admin page - edit item (10:03)
Module 7. Automated browser testing with Nightwatch
72. Module introduction (1:57)
73. What is E2E testing and why do we need it? (5:00)
74. Setting up and using Nightwatch (5:45)
75. Designing E2E tests (5:28)
76. Creating E2E test assertions (6:17)
77. Working with page objects (7:48)
78. Controlling API server and database (12:38)
79. Registering a user (10:16)
80. Page commands (4:03)
81. Custom commands (13:05)
82. Refactoring into smaller tests (11:03)
83. Check item in cart test (9:11)
84. Completing E2E tests (0:46)
Module 8. Frontend unit testing with Jest and Vue Test Utils
85. Module introduction (1:24)
86. Unit testing with Jest (4:16)
87. Testing components with Vue Test Utils (6:36)
88. Setting up component tests (10:01)
89. What is snapshot testing? (8:25)
90. Creating a wrapper factory (4:15)
91. Using mocks (8:00)
92. Testing the Item view (9:19)
93. Using stubs (8:44)
94. Using spies (7:01)
95. Testing Vuex store (7:40)
96. Testing CartItem component (16:28)
97. Completing component unit tests (1:48)
Module 9. Continuous Deployment of a full-stack Vue app
98. Module introduction (1:48)
99. Introduction to continuous deployment (4:21)
100. Configuring GitLab CI (3:59)
101. Triggering CD workflow (6:53)
102. Jobs and stages (8:26)
103. Pipeline optimization (5:15)
104. Server unit test job (5:44)
105. E2E test job (4:14)
106. Creating a Heroku app (5:08)
107. Provisioning mLab database (3:48)
108. Optimizing concurrency (3:58)
109. Completing CD workflow (6:53)
Module 10. API documentation with apiDoc
110. Module introduction (0:50)
111. Setting up apiDoc (4:56)
112. Documenting the API (3:48)
113. Working with a request body (5:19)
114. Authenticated routes (5:15)
115. Reusable doc snippets (3:58)
116. API responses (8:08)
117. API docs finishing touches (5:00)
Module 11. Interactive component docs with Vue Styleguidist
118. Module introduction (0:39)
119. Creating a component styleguide (5:26)
120. Documenting components (6:39)
121. Creating live component previews (5:00)
122. Adding dependencies to preview components (4:31)
123. Passing props to preview components (4:06)
124. Adding Vuex to preview components (4:56)
125. Mocking Vue Router (4:36)
126. Mocking Vue Auth (5:10)
127. Styleguide finishing touches (2:55)
107. Provisioning mLab database
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock