Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Enterprise Vue
Module 0. Introduction (DRAFT)
1. Introduction to Enterprise Vue (2:45)
2. What you'll be learning in this course (4:28)
3. Demo of the case study app (5:35)
4. Contents of the course (7:47)
5. Environment setup (3:26)
6. Downloading the source code (2:36)
Appendix: Source code best practices (5:29)
Module 1. Full-stack Vue project scaffolding (DRAFT)
7. Module 1 introduction (0:30)
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 (4:10)
Module 2. Express API and database scaffolding (DRAFT)
13. Module 2 introduction (1:35)
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:38)
Module 3. Building and Testing an Express API (DRAFT)
24. Module introduction (1:06)
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 (3:19)
Module 4. API security with JSON Web Tokens (DRAFT)
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. Scalable application state with Vuex ORM (DRAFT)
50. Module introduction (1:54)
51. API changes (9:11)
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 (DRAFT)
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. Full-stack app documentation (DRAFT)
72. Module introduction (1:17)
73. Setting up apiDoc (4:56)
74. Documenting the API (3:48)
75. Working with a request body (5:19)
76. Authenticated routes (5:15)
77. Reusable doc snippets (3:58)
78. API responses (8:08)
79. API docs finishing touches (5:00)
80. Creating a component styleguide (5:26)
81. Documenting components (6:39)
82. Creating live component previews (5:00)
83. Adding dependencies to preview components (4:31)
84. Passing props to preview components (4:06)
85. Adding Vuex to preview components (4:56)
86. Mocking Vue Router (4:36)
87. Mocking Vue Auth (5:10)
88. Styleguide finishing touches (3:03)
Module 8. Automated browser testing (DRAFT)
89. Module introduction (0:42)
90. What is E2E testing and why do we need it? (5:00)
91. Setting up and using Nightwatch (5:45)
92. Designing E2E tests (5:28)
93. Creating E2E test assertions (6:17)
94. Working with page objects (7:48)
95. Controlling API server and database (12:38)
96. Registering a user (10:16)
97. Page commands (4:03)
98. Custom commands (13:05)
99. Refactoring into smaller tests (19:27)
100. Check item in cart test (9:11)
101. Completing E2E tests (0:54)
Module 9. Frontend unit testing with Jest and Vue Test Utils (DRAFT)
102. Module introduction (1:23)
103. Unit testing with Jest (4:16)
104. Testing components with Vue Test Utils (6:36)
105. Setting up component tests (10:01)
106. What is snapshot testing? (8:25)
107. Creating a wrapper factory (4:15)
108. Using mocks (8:00)
109. Testing the Item view (9:19)
110. Using stubs (8:44)
111. Using spies (7:01)
112. Testing Vuex store (7:40)
113. Testing CartItem component (16:28)
114. Completing component unit tests (1:48)
Module 10. Continuous Deployment of a Full-Stack Vue App (DRAFT)
115. Module introduction (1:48)
116. Introduction to continuous deployment (4:21)
117. Configuring GitLab CI (3:59)
118. Triggering CD workflow (6:53)
119. Jobs and stages (8:26)
120. Pipeline optimization (5:15)
121. Server unit test job (5:44)
122. E2E test job (4:14)
123. Creating a Heroku app (5:08)
124. Provisioning mLab database (3:48)
125. Optimizing concurrency (3:58)
126. Completing CD workflow (6:53)
124. Provisioning mLab database
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock