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

This course requires a PRO account. Access all courses for $19/month with a Pro membership.
Or try our free courses.

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)

7. Object Decomposition (3:57)

8. Model Setup (3:43)

9. Bind This (3:20)

10. Subscribe View to Model (4:19)

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)

21. Event Handlers Bug Fix (2:03)

22. Wrap Up Edit Form (5:11)

23. Validate Amount Setup (3:09)

24. Display Error Message (4:13)

25. Validate Amount P2 (3:32)

26. Format Amount (4:13)

27. Hide Error on Reset (1:36)

28. Edit Form Amount Validation (3:05)

29. Validate Date Setup (3:24)

30. Display Date Error (3:10)

31. Complete Date Validation (5:29)