You must be logged in to take this course → LOGIN | REGISTER NOW
What you’ll learn
- Build real world Vue js & Laravel applications
- Deploy Laravel application both in Heroku and Digital Ocean Virtual Private Server
- Understand how Vue js works and how it interacts with Laravel Backend API
- Use Laravel Mix for asset compilation
Course Curriculum
Introduction | |||
1. Welcome to the course | 00:00:00 | ||
2. Project Repository | 00:00:00 | ||
3. Setting up our Tools | 00:00:00 | ||
2. Building Questions Resources | |||
1. Project Setup | 00:00:00 | ||
2. Designing Question Schema – Part 1 of 2 | 00:00:00 | ||
3. Designing Question Schema – Part 2 of 2 | 00:00:00 | ||
4. Generating Fake data via Model Factories – Part 1 of 2 | 00:00:00 | ||
5. Generating Fake data via Model Factories – Part 2 of 2 | 00:00:00 | ||
6. Displaying all questions | 00:00:00 | ||
7. Adding Author info and Question creation date on Question item – Part 1 of 2 | 00:00:00 | ||
8. Adding Author info and Question creation date on Question item – Part 2 of 2 | 00:00:00 | ||
9. Adding votes, answers and views counter on Question item – Part 1 of 2 | 00:00:00 | ||
10. Adding votes, answers and views counter on Question item – Part 2 of 2 | 00:00:00 | ||
11. Buiding Question Form – Part 1 of 2 | 00:00:00 | ||
12. Buiding Question Form – Part 2 of 2 | 00:00:00 | ||
13. Validating and Saving the Question – Part 1 of 2 | 00:00:00 | ||
14. Validating and Saving the Question – Part 2 of 2 | 00:00:00 | ||
15. Updating The Question – Part 1 of 2 | 00:00:00 | ||
16. Updating The Question – Part 2 of 2 | 00:00:00 | ||
17. Deleting The Question | 00:00:00 | ||
18. Showing The Question detail | 00:00:00 | ||
19. Authorizing The Question – Using Gates | 00:00:00 | ||
20. Authorizing The Question – Using Policies | 00:00:00 | ||
3. Building Answers Resource | |||
1. Designing Answer Schema | 00:00:00 | ||
2. Generating Fake Answers – Part 1 of 2 | 00:00:00 | ||
3. Generating Fake Answers – Part 2 of 2 | 00:00:00 | ||
4. Displaying answers for question | 00:00:00 | ||
5. Adding Vote Controls on Question and Answer – Part 1 of 3 | 00:00:00 | ||
6. Adding Vote Controls on Question and Answer – Part 2 of 3 | 00:00:00 | ||
7. Adding Vote Controls on Question and Answer – Part 3 of 3 | 00:00:00 | ||
8. Saving The Answer – Part 1 of 3 | 00:00:00 | ||
9. Saving The Answer – Part 2 of 3 | 00:00:00 | ||
10. Saving The Answer – Part 3 of 3 | 00:00:00 | ||
11. Updating The Answer – Part 1 of 2 | 00:00:00 | ||
12. Updating The Answer – Part 2 of 2 | 00:00:00 | ||
13. Deleting The Answer – Part 1 of 3 | 00:00:00 | ||
14. Deleting The Answer – Part 2 of 3 | 00:00:00 | ||
15. Deleting The Answer – Part 3 of 3 | 00:00:00 | ||
4. Building Vote Control System | |||
1. Accepting the answer as best answer – Part 1 of 2 | 00:00:00 | ||
2. Accepting the answer as best answer – Part 2 of 2 | 00:00:00 | ||
3. Favoriting The Question – Part 1 of 4 | 00:00:00 | ||
4. Favoriting The Question – Part 2 of 4 | 00:00:00 | ||
5. Favoriting The Question – Part 3 of 4 | 00:00:00 | ||
6. Favoriting The Question – Part 4 of 4 | 00:00:00 | ||
7. Voting The Question & Answer – Part 1 of 6 | 00:00:00 | ||
8. Voting The Question & Answer – Part 2 of 6 | 00:00:00 | ||
9. Voting The Question & Answer – Part 3 of 6 | 00:00:00 | ||
10. Voting The Question & Answer – Part 4 of 6 | 00:00:00 | ||
11. Voting The Question & Answer – Part 5 of 6 | 00:00:00 | ||
12. Voting The Question & Answer – Part 6 of 6 | 00:00:00 | ||
5. Code Refactoring Misc | |||
1. Refactoring The Models | 00:00:00 | ||
2. Refactoring The Views – Part 1 of 2 | 00:00:00 | ||
3. Refactoring The Views – Part 2 of 2 | 00:00:00 | ||
4. Preventing The Application from XSS Attack – Part 1 of 2 | 00:00:00 | ||
5. Preventing The Application from XSS Attack – Part 2 of 2 | 00:00:00 | ||
6. Miscellaneous | 00:00:00 | ||
7. Tidying up our views | 00:00:00 | ||
6. Vue.js Integration | |||
1. Creating our first Vue.js Component – Part 1 of 2 (Building The Component) | 00:00:00 | ||
2. Creating our first Vue.js Component – Part 2 of 2 (Using The Component) | 00:00:00 | ||
3. Creating Vue Answer Component – Part 1 of 5 (Using Vue.js Inline Template) | 00:00:00 | ||
4. Creating Vue Answer Component – Part 2 of 5 (Ajaxifying The Edit button) | 00:00:00 | ||
5. Creating Vue Answer Component – Part 3 of 5 (Build Answer Inline Form) | 00:00:00 | ||
6. Creating Vue Answer Component – Part 4 of 5 (Undoing changes) | 00:00:00 | ||
7. Creating Vue Answer Component – Part 5 of 5 (Validation) | 00:00:00 | ||
8. Ajaxifying The Delete Button | 00:00:00 | ||
9. Beautifying The Flash & Confirm messages | 00:00:00 | ||
10. Creating Favorite Component – Part 1 of 3 (From button to Vue.js Component) | 00:00:00 | ||
11. Creating Favorite Component – Part 2 of 3 (Event Handler) | 00:00:00 | ||
12. Creating Favorite Component – Part 3 of 3 (Authenticating the button) | 00:00:00 | ||
13. Creating Accept Answer Component – Part 1 of 2 (from button into Vue component) | 00:00:00 | ||
14. Creating Accept Answer Component – Part 2 of 2 (event handler) | 00:00:00 | ||
15. Rewriting The Authorization Logic – Part 1 of 2 (Core authorization) | 00:00:00 | ||
16. Rewriting The Authorization Logic – Part 2 of 2 (Refactoring) | 00:00:00 | ||
17. Creating Vote Component – Part 1 of 3 (From blade to Vue Component) | 00:00:00 | ||
18. Creating Vote Component – Part 2 of 3 (Event Handling) | 00:00:00 | ||
19. Creating Vote Component – Part 3 of 3 (Fixing issues) | 00:00:00 | ||
20. Creating Vue Answers Component | 00:00:00 | ||
21. Building Load more answers Feature – Part 1 of 2 | 00:00:00 | ||
22. Building Load more answers Feature – Part 2 of 2 | 00:00:00 | ||
23. Implementing Vue.js Custom Events | 00:00:00 | ||
24. Implementing Global Event Bus | 00:00:00 | ||
25. Creating New Answer Component – Part 1 of 2 (From blade to Vue.js component) | 00:00:00 | ||
26. Creating New Answer Component – Part 2 of 2 (Event Handling) | 00:00:00 | ||
27. Creating Question Component – Part 1 of 3 (from blade to vue.js component) | 00:00:00 | ||
28. Creating Question Component – Part 2 of 3 (Build inline Form) | 00:00:00 | ||
29. Creating Question Component – Part 3 of 3 (Misc) | 00:00:00 | ||
30. Working With Vue.js Mixins | 00:00:00 | ||
7. Appendix - Vue.js Fundamental | |||
1. Getting Started With Vue.js | 00:00:00 | ||
2. Setup Vue Locally | 00:00:00 | ||
3. List Rendering – Part 1 of 3 | 00:00:00 | ||
4. List Rendering – Part 2 of 3 | 00:00:00 | ||
5. List Rendering – Part 3 of 3 | 00:00:00 | ||
6. Conditional Rendering – Part 1 of 3 | 00:00:00 | ||
7. Conditional Rendering – Part 2 of 3 | 00:00:00 | ||
8. Conditional Rendering – Part 3 of 3 | 00:00:00 | ||
9. Event Handling – Part 1 of 4 | 00:00:00 | ||
10. Event Handling – Part 2 of 4 | 00:00:00 | ||
11. Event Handling – Part 3 of 4 | 00:00:00 | ||
12. Event Handling – Part 4 of 4 | 00:00:00 | ||
13. Class Binding – Part 1 of 2 | 00:00:00 | ||
15. Style Binding – Part 1 of 2 | 00:00:00 | ||
14. Class Binding – Part 2 of 2 | 00:00:00 | ||
16. Style Binding – Part 2 of 2 | 00:00:00 | ||
17. Computed Property – Part 1 of 3 | 00:00:00 | ||
18. Computed Property – Part 2 of 3 | 00:00:00 | ||
19. Computed Property – Part 3 of 3 | 00:00:00 |
6 STUDENTS ENROLLED