Section 1 : Introduction
|
Lecture 1 | INTRODUCTION TO BRAINMEASURES PROCTOR SYSTEM |
Section 2 : Vue for Beginners - Todo Application
|
Lecture 1 | Application Introduction | 00:03:53 Duration |
|
Lecture 2 | Introduction to Vue | 00:10:47 Duration |
|
Lecture 3 | First code - Hello World | 00:09:35 Duration |
|
Lecture 4 | What are Variables | 00:13:46 Duration |
|
Lecture 5 | Introduction to Functions - part 1 | 00:14:27 Duration |
|
Lecture 6 | Introduction to Functions - part 2 | 00:21:00 Duration |
|
Lecture 7 | How Vue | 00:14:05 Duration |
|
Lecture 8 | How Vue | 00:16:51 Duration |
|
Lecture 9 | Introduction to Operators | 00:16:08 Duration |
|
Lecture 10 | Let's talk about Callstack | 00:15:16 Duration |
|
Lecture 11 | What are Objects | 00:22:17 Duration |
|
Lecture 12 | Learn about Classes | 00:12:13 Duration |
|
Lecture 13 | What about Constructor | 00:12:56 Duration |
|
Lecture 14 | More info about this context | 00:20:56 Duration |
|
Lecture 15 | Introduction to Inheritance | 00:16:36 Duration |
|
Lecture 16 | Inheritance Part 2 | 00:22:30 Duration |
|
Lecture 17 | Logic gates with IF statements | 00:17:23 Duration |
|
Lecture 18 | More about IFs | 00:08:22 Duration |
|
Lecture 19 | Introduction to Arrays | 00:16:00 Duration |
|
Lecture 20 | Iteration functions | 00:08:39 Duration |
|
Lecture 21 | Custom array functions | 00:22:48 Duration |
|
Lecture 22 | Const, let, var and ternary operators | 00:14:21 Duration |
|
Lecture 23 | Introduction to Scopes | 00:07:57 Duration |
|
Lecture 24 | Get familiar with App structure | 00:09:18 Duration |
|
Lecture 25 | Data and Methods of component | 00:09:03 Duration |
|
Lecture 26 | Todo container + Stylings | 00:12:14 Duration |
|
Lecture 27 | Todo items in container | 00:11:43 Duration |
|
Lecture 28 | Let's integrate Scss | 00:08:16 Duration |
|
Lecture 29 | Vue Components | 00:12:04 Duration |
|
Lecture 30 | Vue props in Components | 00:12:01 Duration |
|
Lecture 31 | Directives with v-for | 00:07:36 Duration |
|
Lecture 32 | We are implementing Modal | 00:15:59 Duration |
|
Lecture 33 | Let's style buttons | 00:04:24 Duration |
|
Lecture 34 | Move modal to separate Component | 00:12:22 Duration |
|
Lecture 35 | Modal toggling | 00:11:02 Duration |
|
Lecture 36 | Let's close modal | 00:08:49 Duration |
|
Lecture 37 | Modal refactoring | 00:05:43 Duration |
|
Lecture 38 | Initialization of Todo form | 00:12:10 Duration |
|
Lecture 39 | Two way data binding | 00:05:21 Duration |
|
Lecture 40 | Todo create component | 00:08:48 Duration |
|
Lecture 41 | Create todo functions | 00:13:40 Duration |
|
Lecture 42 | Form validations | 00:06:24 Duration |
|
Lecture 43 | Close modal after create | 00:17:11 Duration |
|
Lecture 44 | Taking care of form errors | 00:11:37 Duration |
|
Lecture 45 | Delete and Edit Buttons | 00:07:02 Duration |
|
Lecture 46 | Display Edit Form | 00:06:58 Duration |
|
Lecture 47 | Get values to edit form inputs | 00:06:15 Duration |
|
Lecture 48 | Get familiar with Store Architecture | 00:10:54 Duration |
|
Lecture 49 | Dispatch store Actions | 00:12:12 Duration |
|
Lecture 50 | Update todo functionality | 00:12:12 Duration |
|
Lecture 51 | Delete todo functionality | 00:07:42 Duration |
|
Lecture 52 | Init Local Storage | 00:10:19 Duration |
|
Lecture 53 | Learn how to persist data | 00:05:56 Duration |
|
Lecture 54 | Persist data improvements | 00:04:57 Duration |
|
Lecture 55 | Demystification of VUE Framework | 00:29:48 Duration |
Section 3 : Introduction to Nuxt
|
Lecture 1 | Application inroduction | 00:03:29 Duration |
|
Lecture 2 | Initialize Project | 00:10:36 Duration |
|
Lecture 3 | Create first Pages | 00:08:13 Duration |
|
Lecture 4 | Create index page | 00:09:34 Duration |
|
Lecture 5 | SSR vs SPA | 00:11:57 Duration |
|
Lecture 6 | Post component | 00:04:02 Duration |
|
Lecture 7 | Component props | 00:10:04 Duration |
|
Lecture 8 | v-for iterations | 00:07:29 Duration |
|
Lecture 9 | Display date with Moment | 00:10:19 Duration |
|
Lecture 10 | Component methods | 00:10:07 Duration |
|
Lecture 11 | Introduction to filters | 00:08:56 Duration |
|
Lecture 12 | Scoped component styles | 00:07:35 Duration |
|
Lecture 13 | Integrate Scss in component | 00:03:44 Duration |
|
Lecture 14 | Checkbox integration | 00:03:25 Duration |
|
Lecture 15 | Vuex integration | 00:09:41 Duration |
|
Lecture 16 | Get state with computed | 00:08:32 Duration |
|
Lecture 17 | More about computed properties | 00:06:51 Duration |
|
Lecture 18 | Navbar toggling functionality | 00:08:30 Duration |
|
Lecture 19 | Let's debug our code | 00:16:20 Duration |
|
Lecture 20 | Page navigation | 00:06:49 Duration |
|
Lecture 21 | Vuex actions introduction | 00:12:34 Duration |
|
Lecture 22 | Vuex mutations introduction | 00:06:27 Duration |
|
Lecture 23 | Fetch post API | |
|
Lecture 24 | Post module implementation in Store | 00:06:18 Duration |
|
Lecture 25 | Async fetch of posts | 00:09:06 Duration |
|
Lecture 26 | Improve fetch check for posts | 00:07:11 Duration |
|
Lecture 27 | Vuex getters implementation | 00:05:49 Duration |
|
Lecture 28 | Modal window implementation | 00:07:37 Duration |
|
Lecture 29 | Modal form & Slots | 00:06:10 Duration |
|
Lecture 30 | Named slots | 00:06:43 Duration |
|
Lecture 31 | Post create + Vue extension | 00:12:03 Duration |
|
Lecture 32 | Data bindings | 00:06:19 Duration |
|
Lecture 33 | Learn how to emit events | 00:06:58 Duration |
|
Lecture 34 | Dispatch create post | 00:09:17 Duration |
|
Lecture 35 | Fixes of create post feature | 00:06:51 Duration |
|
Lecture 36 | Post manage form | 00:04:13 Duration |
|
Lecture 37 | Pass data to manage form | 00:10:28 Duration |
|
Lecture 38 | Let's learn about watchers | 00:08:13 Duration |
|
Lecture 39 | Post update feature styling changes | 00:04:04 Duration |
|
Lecture 40 | Update post action | 00:13:22 Duration |
|
Lecture 41 | Debugging update | |
|
Lecture 42 | Intro to requests | 00:12:28 Duration |
|
Lecture 43 | More about requests | 00:15:18 Duration |
|
Lecture 44 | Get JSON post data | 00:05:23 Duration |
|
Lecture 45 | Post endpoint - write to a file | 00:11:46 Duration |
|
Lecture 46 | Send a request through Axios | 00:11:53 Duration |
|
Lecture 47 | Let's move API routes | 00:08:33 Duration |
|
Lecture 48 | Update post request | 00:11:16 Duration |
|
Lecture 49 | Delete feature assignment | 00:15:33 Duration |
|
Lecture 50 | Improvements of delete feature | 00:14:22 Duration |
|
Lecture 51 | Some fixes + Local Storage intro | 00:13:03 Duration |
|
Lecture 52 | Archive items in Local Storage | 00:10:17 Duration |
|
Lecture 53 | Toggle read property of post | 00:14:30 Duration |
|
Lecture 54 | Present changes from Storage | 00:04:41 Duration |
|
Lecture 55 | Introduction to Markdown | 00:08:37 Duration |
|
Lecture 56 | Integrate Markdown to manage form | 00:06:49 Duration |
|
Lecture 57 | Implementation of Detail page | 00:05:38 Duration |
|
Lecture 58 | Detail page finish | 00:07:01 Duration |
Section 4 : Introduction to Project 3 - Promo App
|
Lecture 1 | Application Introduction | 00:01:12 Duration |
|
Lecture 2 | [Preferred] Create project with Github | 00:07:02 Duration |
|
Lecture 3 | [Optional] Create project with CLI | 00:04:21 Duration |
|
Lecture 4 | initialization of Index Page | 00:06:03 Duration |
|
Lecture 5 | Move parts of App to components | 00:08:40 Duration |
|
Lecture 6 | Login & Register page improvements | 00:11:00 Duration |
|
Lecture 7 | DB Setup | 00:06:50 Duration |
|
Lecture 8 | Server Setup | 00:10:28 Duration |
|
Lecture 9 | Populate Data to DB | |
|
Lecture 10 | Fetch Courses | 00:10:08 Duration |
|
Lecture 11 | Provide courses to Card | 00:05:57 Duration |
|
Lecture 12 | Create custom Filter | 00:07:55 Duration |
Section 5 : Authentication
|
Lecture 1 | Section Introduction | 00:01:55 Duration |
|
Lecture 2 | Introduction to Vuelidate | 00:07:41 Duration |
|
Lecture 3 | Let's validate inputs | 00:07:48 Duration |
|
Lecture 4 | Disable button on blur | 00:02:58 Duration |
|
Lecture 5 | Register form validation | 00:17:54 Duration |
|
Lecture 6 | Custom validators | 00:12:41 Duration |
|
Lecture 7 | Login Functionality | 00:11:07 Duration |
|
Lecture 8 | Let's learn more about sessions | 00:12:52 Duration |
|
Lecture 9 | Handle errors with Toasted | |
|
Lecture 10 | Display user in Navbar | 00:11:15 Duration |
|
Lecture 11 | Preserve auth state | 00:10:52 Duration |
|
Lecture 12 | Learn how to logout | 00:04:58 Duration |
|
Lecture 13 | Register functionality | 00:17:31 Duration |
|
Lecture 14 | Let's implement Middlewares | 00:11:28 Duration |
|
Lecture 15 | Guest middleware | 00:03:02 Duration |
|
Lecture 16 | Not authorized pages | 00:10:17 Duration |
Section 6 : Course create functionality
|
Lecture 1 | Section Introduction | 00:01:30 Duration |
|
Lecture 2 | Let's add more pages | 00:17:21 Duration |
|
Lecture 3 | Fetch instructor courses | 00:11:13 Duration |
|
Lecture 4 | Display instructor courses | 00:05:46 Duration |
|
Lecture 5 | Course create components | 00:06:30 Duration |
|
Lecture 6 | Display one component at the time | 00:06:26 Duration |
|
Lecture 7 | Hide buttons depending on active step | 00:09:44 Duration |
|
Lecture 8 | Keep alive component | 00:08:25 Duration |
|
Lecture 9 | Emit form data from partial step | 00:11:32 Duration |
|
Lecture 10 | Fetch categories | 00:08:16 Duration |
|
Lecture 11 | Display categories in select input | 00:09:35 Duration |
|
Lecture 12 | Get selected value from an option | 00:09:04 Duration |
|
Lecture 13 | Fixes can proceed check | 00:09:43 Duration |
|
Lecture 14 | Validators in create form | 00:13:29 Duration |
|
Lecture 15 | Init text input with character count | 00:04:22 Duration |
|
Lecture 16 | Fixes input count validation and emit data | 00:05:36 Duration |
|
Lecture 17 | Finishes input with character counter | 00:11:17 Duration |
|
Lecture 18 | Create course - send a request | 00:09:24 Duration |
|
Lecture 19 | Display different colour for status | 00:06:29 Duration |
Section 7 : Manage Feature
|
Lecture 1 | About Certification | |
|
Lecture 2 | Manage page init | 00:11:32 Duration |
|
Lecture 3 | Stepping functionality in Manage page | 00:06:59 Duration |
|
Lecture 4 | Styling improvements in step options | 00:04:54 Duration |
|
Lecture 5 | Introduction to Mixins | 00:10:18 Duration |
|
Lecture 6 | Multi line text input component | 00:06:32 Duration |
|
Lecture 7 | Fetch course by ID | 00:09:39 Duration |
|
Lecture 8 | Iterate multi line component lines | 00:08:11 Duration |
|
Lecture 9 | Add & Remove line events | 00:10:33 Duration |
|
Lecture 10 | Add & Remove Line through Store | 00:06:24 Duration |
|
Lecture 11 | Update Line in Store | 00:11:00 Duration |
|
Lecture 12 | Adds conditions to allow add or remove line | 00:10:04 Duration |
|
Lecture 13 | Update inputs on Landing Page | 00:14:33 Duration |
|
Lecture 14 | Update Status & Price component | 00:06:29 Duration |
|
Lecture 15 | Emit category value | 00:16:23 Duration |
|
Lecture 16 | Update course functionality | 00:12:46 Duration |
|
Lecture 17 | User experience improvements when updating | 00:08:24 Duration |
|
Lecture 18 | [BONUS] Server Explanation | 00:12:58 Duration |
Section 8 : Blog Feature
|
Lecture 1 | Section Introduction | 00:03:30 Duration |
|
Lecture 2 | Initialization of Blog pages | 00:09:57 Duration |
|
Lecture 3 | Blog Editor component initialization | 00:13:20 Duration |
|
Lecture 4 | Creating Bubble menu | 00:10:20 Duration |
|
Lecture 5 | More formatting options | 00:07:38 Duration |
|
Lecture 6 | Font Awesome icons | 00:11:59 Duration |
|
Lecture 7 | Creating Basic menu | 00:10:56 Duration |
|
Lecture 8 | Display placeholder in Editor | 00:13:12 Duration |
|
Lecture 9 | Emit value of blog | 00:14:13 Duration |
|
Lecture 10 | Send a request to save Blog | 00:11:13 Duration |
|
Lecture 11 | Fetch blog by ID for Edit page | 00:07:13 Duration |
|
Lecture 12 | Set initial content on Edit page | 00:09:57 Duration |
|
Lecture 13 | Successful update of Blog | 00:10:05 Duration |
|
Lecture 14 | Disable save button while saving | 00:05:41 Duration |
|
Lecture 15 | Handle publish error | 00:08:49 Duration |
|
Lecture 16 | Slugify Blog title | 00:11:23 Duration |
|
Lecture 17 | Publish blog & get editor component | 00:06:34 Duration |
|
Lecture 18 | Get publish blog working | 00:06:16 Duration |
|
Lecture 19 | Un-Publish blog functionality | 00:06:07 Duration |
|
Lecture 20 | Fetch user blogs | 00:11:56 Duration |
|
Lecture 21 | Active tab functionality | 00:09:15 Duration |
|
Lecture 22 | Display drafts and published blogs | 00:10:11 Duration |
|
Lecture 23 | Dropdown options in blogs | 00:16:04 Duration |
|
Lecture 24 | Handle dropdown commands | |
|
Lecture 25 | Delete blog functionality | 00:15:25 Duration |
|
Lecture 26 | Fetch blogs on Blogs page | 00:12:45 Duration |
|
Lecture 27 | Display published blogs | 00:09:36 Duration |
|
Lecture 28 | Fetch blog by Slug | 00:14:35 Duration |
|
Lecture 29 | Editor view component | 00:14:17 Duration |
|
Lecture 30 | Adds option to feature blog | 00:10:30 Duration |
|
Lecture 31 | Feature & Un-Feature functionality | 00:14:50 Duration |
|
Lecture 32 | Fetch featured blogs | 00:18:09 Duration |
|
Lecture 33 | Inject & Display featured blogs | 00:09:41 Duration |
Section 9 : Blog Pagination
|
Lecture 1 | Section introduction | 00:01:06 Duration |
|
Lecture 2 | Pagination initialization | 00:12:30 Duration |
|
Lecture 3 | Display initial data with pagination | 00:12:42 Duration |
|
Lecture 4 | Pagination functionality | 00:10:26 Duration |
|
Lecture 5 | Persistent pagination | 00:10:12 Duration |
|
Lecture 6 | Pagination improvements & fetch blogs on home page | 00:11:15 Duration |
Section 10 : Course Hero Feature
|
Lecture 1 | Section Introduction | 00:01:33 Duration |
|
Lecture 2 | Create course hero modal | 00:11:58 Duration |
|
Lecture 3 | Course hero create functionality | 00:11:09 Duration |
|
Lecture 4 | Display course hero | 00:16:35 Duration |
|
Lecture 5 | Heroes page & fetch heroes | 00:12:16 Duration |
|
Lecture 6 | What are Portals | 00:06:31 Duration |
|
Lecture 7 | Display dynamic heroes | 00:10:15 Duration |
|
Lecture 8 | Activate hero functionality | 00:08:04 Duration |
Section 11 : UX & Functional Improvements
|
Lecture 1 | Section Introduction | 00:01:09 Duration |
|
Lecture 2 | Course editor component | 00:17:29 Duration |
|
Lecture 3 | Get content to course editor | 00:09:17 Duration |
|
Lecture 4 | Finaly let's create detail page | 00:12:36 Duration |
|
Lecture 5 | Product hero component | 00:05:26 Duration |
|
Lecture 6 | Custom navlink component | 00:13:07 Duration |
|
Lecture 7 | Navbar improvements | 00:03:47 Duration |
|
Lecture 8 | Tooltip component | 00:12:40 Duration |
|
Lecture 9 | Instructor header improvements | 00:09:01 Duration |
|
Lecture 10 | Scss variables | 00:05:39 Duration |
Section 12 : SEO & Deployment
|
Lecture 1 | Section Introduction | 00:01:18 Duration |
|
Lecture 2 | Introduction to SEO | 00:17:15 Duration |
|
Lecture 3 | SEO Improvements | 00:09:58 Duration |
|
Lecture 4 | Robots txt and Favicon | 00:07:15 Duration |
|
Lecture 5 | Finishing up rest of pages | 00:08:03 Duration |
|
Lecture 6 | Error Page + Footer | 00:05:25 Duration |
|
Lecture 7 | Deployment part 1 | 00:11:39 Duration |
|
Lecture 8 | Deployment part 2 | 00:26:06 Duration |
|
Lecture 9 | Application Testing | 00:14:32 Duration |
|
Lecture 10 | Assets Loading Improvements | 00:08:06 Duration |
|
Lecture 11 | Course Outro | 00:00:23 Duration |