Udacity - JavaScript Design Patterns (2015)
WEBRip | MP4 | English | 852 x 480 | AVC ~1000 kbps | 29.970 fps
AAC | 96 Kbps | 44.1 KHz | 2 channels | 03:00:37 | 1.39 GB
AAC | 96 Kbps | 44.1 KHz | 2 channels | 03:00:37 | 1.39 GB
Genre: Video Tutorial / Development, Programming
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.
Why Take This Course?
Many developers dive right into projects without thinking of the organization or structure of the code they’re writing. It's easy to hack projects together, but the best developers spend the extra time to think about the organization of their application and adhere to sound organizational practices.
In order to write clean code that will get you your next job or promotion, you'll need to have a solid understanding of organizational techniques, and you'll need to implement those techniques in your projects. Software developers who write clean and organized code are surprisingly hard to find, so if you can master code organization you’ll be a step above the rest.
Prerequisites and Requirements
This course is for intermediate web developers with some experience with JavaScript, and some prior experience with a JavaScript library, such as jQuery.
Students should also be proficient in HTML and CSS, and should have experience creating static pages.
See the Technology Requirements for using Udacity.
What Will I Learn?
Projects
You will develop a single-page application featuring a map of your neighborhood or a neighborhood you would like to visit.
Syllabus
Lesson 1: Changing Expectations
We'll first start by building a project the way you already know how: without an overarching organizational paradigm. Specifically, we'll discuss pain points and difficulties that are easy to run into when you don't use an organizational model. Then, we'll discuss a paradigm that will help us in the future, and we’ll see some examples of that paradigm in action.
Lesson 2: Refactoring
We'll spend some time discussing how our new paradigm applies to the project we worked on in Lesson 1. Then we'll rebuild the project with the new organizational paradigm.
Lesson 3: Using an Organizational Library
We'll explore how to use KnockoutJS, an organizational library, to organize our code and to reduce the amount of boilerplate code we write. Our resulting application will be well-organized, easy to understand, and extendable.
Lesson 4: Exploring Unfamiliar Code
In this final lesson, we'll spend some time talking about how to explore code that you didn't write, possibly even using a library or framework that you aren't familiar with. Exploration is one of the most important skills for a developer to foster. and this lesson will get you started on that journey.
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
├── JavaScript Design Patterns Subtitles
│ └── Learning a New Codebase
│ ├── 01 - Interview Gaining Context.srt
│ ├── 03 - Exploring a New Codebase.srt
│ ├── 04 - Codebase Quiz.srt
│ ├── 05 - Codebase Quiz.srt
│ ├── 06 - Getting the Big Picture of our Library.srt
│ ├── 07 - Interview Be Tofu.srt
│ ├── 08 - Exploring a Codebase.srt
│ ├── 09 - Modifying a Feature.srt
│ ├── 10 - Modifying a Feature.srt
│ ├── 11 - Adding Additional UI.srt
│ ├── 12 - Adding Additional UI.srt
│ ├── 13 - Adding a New Feature.srt
│ ├── 14 - Adding a New Feature.srt
│ └── 15 - More Ideas.srt
├── Learning a New Codebase
│ ├── 01 - Interview Gaining Context
│ ├── 02 - Whats Next
│ ├── 03 - Exploring a New Codebase
│ ├── 04 - Codebase Quiz
│ ├── 05 - Codebase Quiz
│ ├── 06 - Getting the Big Picture of our Library
│ ├── 07 - Interview Be Tofu
│ ├── 08 - Exploring a Codebase
│ ├── 09 - Modifying a Feature
│ ├── 10 - Modifying a Feature
│ ├── 11 - Adding Additional UI
│ ├── 12 - Adding Additional UI
│ ├── 13 - Adding a New Feature
│ ├── 14 - Adding a New Feature
│ └── 15 - More Ideas
├── Refactoring with Separation of Concerns
│ ├── 01 - Introduction to Lesson 2
│ ├── 02 - Identify Model and View
│ ├── 03 - Identify Model and View
│ ├── 04 - Review Model and View for CC Premium
│ ├── 05 - Identify Octopus
│ ├── 06 - Andys Code 1
│ ├── 07 - Andys Code 1
│ ├── 08 - Andys Code 2
│ ├── 09 - Andys Code 2
│ ├── 10 - In Defense of Andy
│ ├── 11 - Rebuild Cat Clicker Premium
│ ├── 12 - Cat Clicker Premium Specs
│ ├── 13 - Cat Clicker Premium Solution
│ ├── 14 - Cat Clicker Premium Pro
│ ├── 15 - How to Modernize Projects
│ ├── 16 - Interview with Nic
│ ├── 17 - Interview with Jacques
│ ├── 18 - Refactor Spaghetti Code
│ ├── 19 - What Method Did You Use
│ ├── 20 - What Method Did You Use
│ ├── 21 - Interview With The Author
│ ├── 22 - Refactoring the Resume
│ └── 23 - Segue Into L3
└── Using an Organizational Library
├── 01 - MVO in the wild
├── 02 - Library vs Framework 1
├── 03 - Library vs Framework 2
├── 04 - Interview with Nic About Using Libraries
├── 05 - Universal Organizational Concepts
├── 06 - What Does Knockout Give Us
├── 07 - Bindings and Views in Knockout
├── 08 - Knockout Views Quiz
├── 09 - Knockout Views Quiz
├── 10 - Models in Knockout
├── 11 - Knockout Models Quiz
├── 12 - Knockout Models Quiz
├── 13 - Interview about Documentation
├── 14 - Smarter Arrays
├── 15 - Smarter Arrays
├── 16 - Smart Models Work Differently
├── 17 - Smart Models Work Differently
├── 18 - Benefits of Smart Models
├── 19 - Benefits of Smart Models
├── 20 - Similarities between jQuery and KnockOut
├── 21 - Building Something with Knockout
├── 22 - Cat Clicker HTML and Bindings
├── 23 - Computed Observables
├── 24 - Computed Observables Quiz
├── 25 - Review of Terms
├── 26 - Computed Observables in Practice
├── 27 - Add Cat Levels to Cat Clicker
├── 28 - Show Cats With Control Structures
├── 29 - Show Cats With Control Structures
├── 30 - Separating Out the Model
├── 31 - with and Binding Contexts
├── 32 - How I Implemented With
├── 33 - Getting Ready To Add More Cats
├── 34 - Adding More Cats
└── 35 - Adding More Cats
│ ├── 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
├── JavaScript Design Patterns Subtitles
│ └── Learning a New Codebase
│ ├── 01 - Interview Gaining Context.srt
│ ├── 03 - Exploring a New Codebase.srt
│ ├── 04 - Codebase Quiz.srt
│ ├── 05 - Codebase Quiz.srt
│ ├── 06 - Getting the Big Picture of our Library.srt
│ ├── 07 - Interview Be Tofu.srt
│ ├── 08 - Exploring a Codebase.srt
│ ├── 09 - Modifying a Feature.srt
│ ├── 10 - Modifying a Feature.srt
│ ├── 11 - Adding Additional UI.srt
│ ├── 12 - Adding Additional UI.srt
│ ├── 13 - Adding a New Feature.srt
│ ├── 14 - Adding a New Feature.srt
│ └── 15 - More Ideas.srt
├── Learning a New Codebase
│ ├── 01 - Interview Gaining Context
│ ├── 02 - Whats Next
│ ├── 03 - Exploring a New Codebase
│ ├── 04 - Codebase Quiz
│ ├── 05 - Codebase Quiz
│ ├── 06 - Getting the Big Picture of our Library
│ ├── 07 - Interview Be Tofu
│ ├── 08 - Exploring a Codebase
│ ├── 09 - Modifying a Feature
│ ├── 10 - Modifying a Feature
│ ├── 11 - Adding Additional UI
│ ├── 12 - Adding Additional UI
│ ├── 13 - Adding a New Feature
│ ├── 14 - Adding a New Feature
│ └── 15 - More Ideas
├── Refactoring with Separation of Concerns
│ ├── 01 - Introduction to Lesson 2
│ ├── 02 - Identify Model and View
│ ├── 03 - Identify Model and View
│ ├── 04 - Review Model and View for CC Premium
│ ├── 05 - Identify Octopus
│ ├── 06 - Andys Code 1
│ ├── 07 - Andys Code 1
│ ├── 08 - Andys Code 2
│ ├── 09 - Andys Code 2
│ ├── 10 - In Defense of Andy
│ ├── 11 - Rebuild Cat Clicker Premium
│ ├── 12 - Cat Clicker Premium Specs
│ ├── 13 - Cat Clicker Premium Solution
│ ├── 14 - Cat Clicker Premium Pro
│ ├── 15 - How to Modernize Projects
│ ├── 16 - Interview with Nic
│ ├── 17 - Interview with Jacques
│ ├── 18 - Refactor Spaghetti Code
│ ├── 19 - What Method Did You Use
│ ├── 20 - What Method Did You Use
│ ├── 21 - Interview With The Author
│ ├── 22 - Refactoring the Resume
│ └── 23 - Segue Into L3
└── Using an Organizational Library
├── 01 - MVO in the wild
├── 02 - Library vs Framework 1
├── 03 - Library vs Framework 2
├── 04 - Interview with Nic About Using Libraries
├── 05 - Universal Organizational Concepts
├── 06 - What Does Knockout Give Us
├── 07 - Bindings and Views in Knockout
├── 08 - Knockout Views Quiz
├── 09 - Knockout Views Quiz
├── 10 - Models in Knockout
├── 11 - Knockout Models Quiz
├── 12 - Knockout Models Quiz
├── 13 - Interview about Documentation
├── 14 - Smarter Arrays
├── 15 - Smarter Arrays
├── 16 - Smart Models Work Differently
├── 17 - Smart Models Work Differently
├── 18 - Benefits of Smart Models
├── 19 - Benefits of Smart Models
├── 20 - Similarities between jQuery and KnockOut
├── 21 - Building Something with Knockout
├── 22 - Cat Clicker HTML and Bindings
├── 23 - Computed Observables
├── 24 - Computed Observables Quiz
├── 25 - Review of Terms
├── 26 - Computed Observables in Practice
├── 27 - Add Cat Levels to Cat Clicker
├── 28 - Show Cats With Control Structures
├── 29 - Show Cats With Control Structures
├── 30 - Separating Out the Model
├── 31 - with and Binding Contexts
├── 32 - How I Implemented With
├── 33 - Getting Ready To Add More Cats
├── 34 - Adding More Cats
└── 35 - Adding More Cats
also You can look my other last: Programming-posts
General
Complete name : 07 - Interview Be Tofu.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom
File size : 29.7 MiB
Duration : 3mn 46s
Overall bit rate mode : Variable
Overall bit rate : 1 098 Kbps
Encoded date : UTC 2015-01-08 23:24:26
Tagged date : UTC 2015-01-08 23:24:26
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings, CABAC : Yes
Format settings, ReFrames : 3 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 3mn 46s
Bit rate : 1 000 Kbps
Maximum bit rate : 1 903 Kbps
Width : 852 pixels
Height : 480 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 29.970 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.082
Stream size : 27.0 MiB (91%)
Writing library : Zencoder Video Encoding System
Encoded date : UTC 2015-01-08 23:23:48
Tagged date : UTC 2015-01-08 23:24:26
Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 3mn 46s
Bit rate mode : Variable
Bit rate : 96.0 Kbps
Maximum bit rate : 103 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 44.1 KHz
Compression mode : Lossy
Stream size : 2.59 MiB (9%)
Encoded date : UTC 2015-01-08 23:24:26
Tagged date : UTC 2015-01-08 23:24:26
Complete name : 07 - Interview Be Tofu.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom
File size : 29.7 MiB
Duration : 3mn 46s
Overall bit rate mode : Variable
Overall bit rate : 1 098 Kbps
Encoded date : UTC 2015-01-08 23:24:26
Tagged date : UTC 2015-01-08 23:24:26
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings, CABAC : Yes
Format settings, ReFrames : 3 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 3mn 46s
Bit rate : 1 000 Kbps
Maximum bit rate : 1 903 Kbps
Width : 852 pixels
Height : 480 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 29.970 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.082
Stream size : 27.0 MiB (91%)
Writing library : Zencoder Video Encoding System
Encoded date : UTC 2015-01-08 23:23:48
Tagged date : UTC 2015-01-08 23:24:26
Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 3mn 46s
Bit rate mode : Variable
Bit rate : 96.0 Kbps
Maximum bit rate : 103 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 44.1 KHz
Compression mode : Lossy
Stream size : 2.59 MiB (9%)
Encoded date : UTC 2015-01-08 23:24:26
Tagged date : UTC 2015-01-08 23:24:26
Screenshots
For more Exclusive material, Visit my AH-blog