JavaScript Design Patterns

JavaScript Design Patterns
JavaScript Design Patterns

English | 2015 | MP4 | AVC 852×480 | AAC 44KHz 2ch | 3 Hours | 1.39 GB
eLearning | Skill level: Advanced | by Ben Jaffe

+ Table of Contents

Changing Expectations
01. Welcome
02. Introduce Cat Clicker and Andy
03. Reflections
04. Andys Reflections
05. Requirements Change All The Time
06. First Requirements Change
07. Reflections 2
08. Andys Reflections 2
09. Second Requirements Change
10. Reflections 3
11. Reflections 3
12. Andys Reflections 3
13. Spaghetti Code Story Time
14. What is Spaghetti Code
15. Introduction to MVO
16. Model Quiz
17. Model Quiz
18. View Quiz
19. View Quiz
20. What Is the Model in Our Code
21. What Is the View in Our Code
22. What Is the Octopus in Our Code
23. Identify the MVO in New App
24. Where Should This Feature Live
25. Where Should This Feature Live
26. Implement Note Date
27. Implement Note Date
28. Segue Into L2

Learning a New Codebase
29. Interview Gaining Context
30. Whats Next
31. Exploring a New Codebase
32. Codebase Quiz
33. Codebase Quiz
34. Getting the Big Picture of our Library
35. Interview Be Tofu
36. Exploring a Codebase
37. Modifying a Feature
38. Modifying a Feature
39. Adding Additional UI
40. Adding Additional UI
41. Adding a New Feature
42. Adding a New Feature
43. More Ideas

Refactoring with Separation of Concerns
44. Introduction to Lesson 2
45. Identify Model and View
46. Identify Model and View
47. Review Model and View for CC Premium
48. Identify Octopus
49. Andys Code 1
50. Andys Code 1
51. Andys Code 2
52. Andys Code 2
53. In Defense of Andy
54. Rebuild Cat Clicker Premium
55. Cat Clicker Premium Specs
56. Cat Clicker Premium Solution
57. Cat Clicker Premium Pro
58. How to Modernize Projects
59. Interview with Nic
60. Interview with Jacques
61. Refactor Spaghetti Code
62. What Method Did You Use
63. What Method Did You Use
64. Interview With The Author
65. Refactoring the Resume
66. Segue Into L3

Using an Organizational Library
67. MVO in the wild
68. Library vs Framework 1
69. Library vs Framework 2
70. Interview with Nic About Using Libraries
71. Universal Organizational Concepts
72. What Does Knockout Give Us
73. Bindings and Views in Knockout
74. Knockout Views Quiz
75. Knockout Views Quiz
76. Models in Knockout
77. Knockout Models Quiz
78. Knockout Models Quiz
79. Interview about Documentation
80. Smarter Arrays
81. Smarter Arrays
82. Smart Models Work Differently
83. Smart Models Work Differently
84. Benefits of Smart Models
85. Benefits of Smart Models
86. Similarities between jQuery and KnockOut
87. Building Something with Knockout
88. Cat Clicker HTML and Bindings
89. Computed Observables
90. Computed Observables Quiz
91. Review of Terms
92. Computed Observables in Practice
93. Add Cat Levels to Cat Clicker
94. Show Cats With Control Structures
95. Show Cats With Control Structures
96. Separating Out the Model
97. with and Binding Contexts
98. How I Implemented With
99. Getting Ready To Add More Cats
100. Adding More Cats
101. Adding More Cats


This course covers methods for organizing your code, both conceptually and literally. You’ll learn the importance of separating concerns when writing JavaScript, gaining hands-on experience along the way. Separating concerns can be done with or without an organizational library or framework. We’ll learn how to separate concerns without one, and then we’ll explore an organizational library together. You’ll also learn strategies for exploring other libraries and frameworks on your own.

By the end of this course, you’ll understand (from experience) the importance of code organization, and how to implement it with either vanilla JavaScript or an organizational library or framework. Your applications will start looking clean and professional—not just to your users, but also to anyone who looks at the code driving your applications.