Build an Application from Scratch and Structure Your Code

Applying ES6 to build an MVC application.

In this course, you'll get to build a practical application from scratch with HTML, CSS, and JavaScript - without relying on outside tools or frameworks. This is an essential step before learning third party tools.

We'll organize the application in the popular MVC (Model-View-Controller) format, which is simply a way of organizing your code and files. We'll use modern JavaScript language features found in ES6 and beyond as well as object-oriented programming concepts.

This course is taught by Senior Software Engineer and mentor Gerard O'Neill (Trello/Atlassian). Get ready because you're going to learn a lot in this course!


Skills covered in this course: HTML CSS JavaScript Data Storage HTTP Form Validation Application Structure MVC

Lessons

1. Demo (0:52) Preview
2. Html Form (5:41)
3. Add Js (3:47)
4. Select Form (3:57)
5. Controller Setup (4:39)
6. Form Values (2:52)
8. Model Setup (3:43)
9. Bind This (3:20)
11. Expense Row Setup (4:17)
12. Expense Row P2 (2:52)
13. Db Setup (3:08)
14. localStorage (5:25)
15. Delete Button Setup (4:27)
16. Delete Button P2 (4:29)
17. Edit Button Setup (3:00)
18. Edit Row Setup (5:12)
19. Edit Form (2:47)
20. Edit Form Cancel (4:05)
22. Wrap Up Edit Form (5:11)
25. Validate Amount P2 (3:32)
26. Format Amount (4:13)
27. Hide Error on Reset (1:36)
29. Validate Date Setup (3:24)
30. Display Date Error (3:10)