★ wanayoo — archive 1999
http://watchandcode.com/courses/practical-javascript/lectures/975957
Nouvelle recherche
|
Portail wanayoo
Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Practical JavaScript (early access)
Introduction
What is Practical JavaScript? (3:47)
The voice in your ear (4:41)
Making free work (1:58)
Is this course right for you? (1:21)
What you'll build (5:32)
The development process (2:23)
Support
Getting help (1:09)
Weekly instructor-led study group
Tools
Get Google Chrome (1:01)
Get Plunker (0:43)
Version 1 - Arrays
Requirements (1:46)
It should have a place to store todos (4:08)
It should have a way to display todos (3:20)
It should have a way to add new todos (2:17)
It should have a way to change a todo (4:03)
It should have a way to delete a todo (2:48)
Review (3:04)
Version 2 - Functions
Functions are just recipes (3:36)
Customizing functions (6:45)
Requirements (2:12)
It should have a function to display todos (3:54)
It should have a function to add new todos (5:41)
It should have a function to change a todo (6:08)
It should have a function to delete a todo (3:01)
Review (4:15)
Version 3 - Objects
What is an object? (5:30)
Objects and functions (4:46)
Using Plunker (2:49)
Requirements (0:52)
It should store the todos array on an object (3:31)
It should have a displayTodos method (3:11)
It should have an addTodo method (3:13)
It should have a changeTodo method (3:10)
It should have a deleteTodo method (3:28)
Review (1:15)
Version 4 - Booleans
Requirements (1:10)
todoList.addTodo should add objects (5:14)
todoList.changeTodo should change the todoText property (4:27)
todoList.toggleCompleted should flip the completed property (6:06)
Review (1:39)
Version 5 - Loops of Logic
The for loop (7:01)
Looping over arrays (4:26)
Requirements (0:40)
displayTodos should show .todoText (6:36)
displayTodos should tell you if .todos is empty (6:58)
displayTodos should show .completed (6:11)
Review (1:40)
Version 6 - Thinking in Code
Requirements (3:05)
.toggleAll: If everything's true, make everything false (6:44)
.toggleAll: Otherwise, make everything true (4:02)
Review (2:05)
Version 7 - HTML and the DOM
Requirements (1:28)
HTML essentials (8:21)
What's the DOM? (6:44)
There should be a “Display todos” button and a “Toggle all” button in the app (2:36)
Clicking “Display todos” should run todoList.displayTodos (9:48)
Clicking “Toggle all” should run todoList.toggleAll (3:34)
Review (2:25)
Reading list
"Organizational Skills Beat Algorithmic Wizardry" by James Hague (4:47)
More coming soon
This is not the last lesson! (2:04)
.toggleAll: Otherwise, make everything true
Lecture contents locked
Enroll in Course to Unlock