课程: JavaScript Essential Training
今天就学习课程吧!
今天就开通帐号,24,600 门业界名师课程任您挑!
Making sense of a React component
- [Instructor] At the very beginning of the course, I said for a lot of people today, their first interaction with JavaScript is through a JavaScript Framework like React or Vue and I said, if you understand the fundamentals of JavaScript itself, you'll be able to understand what is going on inside a JavaScript Framework like React even if you don't know the framework or the framework specific language. We started out by looking at this React component and now that we're at the end of the course we can revisit the same component to see what is going on so that you can see how all the things you've learned, apply to React as well. Off the top, the component imports two items, React from react and PropTypes from prop-types. You now know what this means, it means somewhere else in the project sits something called react and something called prop-types and we're just importing it into this component so that we can use…
随堂练习,边学边练
下载课程离线学习
内容
-
-
Objects: A practical introduction4 分钟 53 秒
-
(已锁定)
JavaScript objects: The code version2 分钟 57 秒
-
(已锁定)
Object containers2 分钟 22 秒
-
(已锁定)
Object properties55 秒
-
(已锁定)
Accessing objects2 分钟 32 秒
-
(已锁定)
Accessing object properties5 分钟 35 秒
-
(已锁定)
Practice: Build a new object1 分钟 18 秒
-
(已锁定)
Object methods6 分钟 29 秒
-
(已锁定)
Practice: Build a new method56 秒
-
(已锁定)
Classes: Object blueprints6 分钟 35 秒
-
(已锁定)
Object constructors2 分钟 21 秒
-
(已锁定)
Practice: Build a new object with a constructor1 分钟 13 秒
-
(已锁定)
Global objects7 分钟 47 秒
-
(已锁定)
Challenge intro: Create a new object type2 分钟 5 秒
-
(已锁定)
Solution: Create a new object type3 分钟 16 秒
-
-
-
DOM: The Document Object Model4 分钟 7 秒
-
(已锁定)
Access elements with querySelector methods6 分钟 6 秒
-
(已锁定)
Access elements using older methods3 分钟 45 秒
-
(已锁定)
Practice: Find an element1 分钟 29 秒
-
(已锁定)
Modifying element classes4 分钟 53 秒
-
(已锁定)
Attributes4 分钟 13 秒
-
(已锁定)
Inline style3 分钟 52 秒
-
(已锁定)
Practice: Modify classes and attributes, and styles1 分钟 36 秒
-
(已锁定)
Add DOM elements5 分钟 25 秒
-
(已锁定)
Challenge intro: Create elements1 分钟 17 秒
-
(已锁定)
Solution: Create elements3 分钟 35 秒
-
-
-
Variables: Containers for everything2 分钟 31 秒
-
(已锁定)
Var3 分钟 15 秒
-
(已锁定)
Scope3 分钟 37 秒
-
(已锁定)
Let4 分钟 34 秒
-
(已锁定)
Const2 分钟 58 秒
-
(已锁定)
Data types3 分钟 7 秒
-
(已锁定)
Assignment vs. comparison4 分钟 35 秒
-
(已锁定)
Math operators6 分钟 13 秒
-
(已锁定)
Challenge intro: Calculate sales tax1 分钟 35 秒
-
(已锁定)
Solution: Calculate sales tax3 分钟 30 秒
-
-
-
The real-world function2 分钟 49 秒
-
(已锁定)
Functions and methods6 分钟 23 秒
-
(已锁定)
A standard function3 分钟 53 秒
-
(已锁定)
The arrow function4 分钟 49 秒
-
(已锁定)
Arrow functions and "this"4 分钟 20 秒
-
(已锁定)
Practice: Build a function1 分钟 31 秒
-
(已锁定)
Pass data to a function with parameters4 分钟 56 秒
-
(已锁定)
Return values from a function7 分钟 1 秒
-
(已锁定)
Practice: Pass values between functions2 分钟 33 秒
-
(已锁定)
Callbacks5 分钟 29 秒
-
(已锁定)
Conditional if...else statement5 分钟 52 秒
-
(已锁定)
Logical operators3 分钟 31 秒
-
(已锁定)
Conditional switch statement5 分钟 55 秒
-
(已锁定)
Looping through content5 分钟 19 秒
-
(已锁定)
Using the map() array method4 分钟 52 秒
-
(已锁定)
Challenge intro: Create a content factory2 分钟 36 秒
-
(已锁定)
Solution: Create a content factory5 分钟 21 秒
-
-
-
(已锁定)
DOM events explained1 分钟 41 秒
-
(已锁定)
Typical DOM events5 分钟 35 秒
-
(已锁定)
Event listeners5 分钟 45 秒
-
(已锁定)
Practice: Experiment with event listeners1 分钟 32 秒
-
(已锁定)
Advanced event listeners and "this"6 分钟 12 秒
-
(已锁定)
Pass arguments through event listeners4 分钟 53 秒
-
(已锁定)
Challenge intro: Create an event listener2 分钟 15 秒
-
(已锁定)
Solution: Create an event listener6 分钟 16 秒
-
(已锁定)