1

Step 1

01: Introduction

2

Step 2

02: Link to Github Repository

3

Step 3

03: JSX Markup In Our Views

4

Step 4

04: First Application - Basic Building Blocks

5

Step 5

05: First Application - Creating a React Class

6

Step 6

06: First Application - Showing Content

7

Step 7

07: Exploring Props - Customizing Views

8

Step 8

08: Exporing Props - Wiring Up Our Data

9

Step 9

09: Composition - Views Within Views

10

Step 10

10: Composition - Props Selection

11

Step 11

11: Lists

12

Step 12

12: Tooling - Breaking Up Our Code

13

Step 13

13: Tooling - Applying NPM

14

Step 14

14: Tooling - Exporting Code

15

Step 15

15: Tooling - Gulpfile

16

Step 16

16: Tooling - Final Refactor

17

Step 17

17: Exploring State and Events - Purpose of State

18

Step 18

18: Exploring State and Events - State Applied

19

Step 19

19: Exploring State and Events - Bringing Button Back

20

Step 20

20: Exploring State and Events - Adding Content

21

Step 21

21: Exploring State and Events - Toggling Visibility

22

Step 22

22: Exploring State and Events - Selecting Items

23

Step 23

23: Firebase - Building From a New Start

24

Step 24

24: Firebase - Firebase Signup and Integration

25

Step 25

25: Firebase - Building Our Application Architecture

26

Step 26

26: Firebase - Hooking Up Our Remote Datastore

27

Step 27

27: Firebase - Scaffolding the Header

28

Step 28

28: Firebase - Handling Form Inputs

29

Step 29

29: Firebase - Pushing Data to Firebase

30

Step 30

30: Firebase - Rendering a List of Items

31

Step 31

31: Firebase - Waiting on Data Before Rendering

32

Step 32

32: Firebase - Building Item Components

33

Step 33

33: Firebase - Updating Data to the Remote Datastore

34

Step 34

34: Firebase - Debugging Firebase Update

35

Step 35

35: Firebase - Allowing Editing and Undoing

36

Step 36

36: Firebase - Saving Edits

37

Step 37

37: Firebase - Bulk Delete Data

38

Step 38

38: Project Overview

39

Step 39

39: Imgur API Overview

40

Step 40

40: Imgur API in Detail

41

Step 41

41: React Router Demo

42

Step 42

42: Nesting Routes

43

Step 43

43: Refactor to Separate Rendering and Routing

44

Step 44

44: In-App Navigation

45

Step 45

45: Implementing Fetch

46

Step 46

46: Working with Fetch's Promise

47

Step 47

47: Display a List of Topics

48

Step 48

48: Fetching Data Naively

49

Step 49

49: Working With Stores

50

Step 50

50: Triggering Changes From a Store

51

Step 51

51: Working with Actions

52

Step 52

52: Recap of Flux Data Fetching

53

Step 53

53: Routing with Parameters

54

Step 54

54: Matching Parameters

55

Step 55

55: Rendering Topics in the Header

56

Step 56

56: React Router Helpers

57

Step 57

57: Implementing Image Store

58

Step 58

58: Refetching Data on Rerender

59

Step 59

59: Scaffolding Image Previews

60

Step 60

60: Filtering Image Data

61

Step 61

61: Playing Videos on Mouseover

62

Step 62

62: Showing a Play Button for Each Image

63

Step 63

63: Adding an Image Stats Overlay

64

Step 64

64: Scaffolding Image Detail

65

Step 65

65: Fetching Single Records from a Store

66

Step 66

66: Fetching Single Records from a Store Continued

67

Step 67

67: Rendering an Image Detail

68

Step 68

68: Actions With Multiple Methods

69

Step 69

69: Listening to Many Changes in a Component

70

Step 70

70: CSS Animations

71

Step 71

71: Closing Comments and Next Steps

1

Step 1

01: Introduction

2

Step 2

02: Link to Github Repository

3

Step 3

03: JSX Markup In Our Views

4

Step 4

04: First Application - Basic Building Blocks

5

Step 5

05: First Application - Creating a React Class

6

Step 6

06: First Application - Showing Content

7

Step 7

07: Exploring Props - Customizing Views

8

Step 8

08: Exporing Props - Wiring Up Our Data

9

Step 9

09: Composition - Views Within Views

10

Step 10

10: Composition - Props Selection

11

Step 11

11: Lists

12

Step 12

12: Tooling - Breaking Up Our Code

13

Step 13

13: Tooling - Applying NPM

14

Step 14

14: Tooling - Exporting Code

15

Step 15

15: Tooling - Gulpfile

16

Step 16

16: Tooling - Final Refactor

17

Step 17

17: Exploring State and Events - Purpose of State

18

Step 18

18: Exploring State and Events - State Applied

19

Step 19

19: Exploring State and Events - Bringing Button Back

20

Step 20

20: Exploring State and Events - Adding Content

21

Step 21

21: Exploring State and Events - Toggling Visibility

22

Step 22

22: Exploring State and Events - Selecting Items

23

Step 23

23: Firebase - Building From a New Start

24

Step 24

24: Firebase - Firebase Signup and Integration

25

Step 25

25: Firebase - Building Our Application Architecture

26

Step 26

26: Firebase - Hooking Up Our Remote Datastore

27

Step 27

27: Firebase - Scaffolding the Header

28

Step 28

28: Firebase - Handling Form Inputs

29

Step 29

29: Firebase - Pushing Data to Firebase

30

Step 30

30: Firebase - Rendering a List of Items

31

Step 31

31: Firebase - Waiting on Data Before Rendering

32

Step 32

32: Firebase - Building Item Components

33

Step 33

33: Firebase - Updating Data to the Remote Datastore

34

Step 34

34: Firebase - Debugging Firebase Update

35

Step 35

35: Firebase - Allowing Editing and Undoing

36

Step 36

36: Firebase - Saving Edits

37

Step 37

37: Firebase - Bulk Delete Data

38

Step 38

38: Project Overview

39

Step 39

39: Imgur API Overview

40

Step 40

40: Imgur API in Detail

41

Step 41

41: React Router Demo

42

Step 42

42: Nesting Routes

43

Step 43

43: Refactor to Separate Rendering and Routing

44

Step 44

44: In-App Navigation

45

Step 45

45: Implementing Fetch

46

Step 46

46: Working with Fetch's Promise

47

Step 47

47: Display a List of Topics

48

Step 48

48: Fetching Data Naively

49

Step 49

49: Working With Stores

50

Step 50

50: Triggering Changes From a Store

51

Step 51

51: Working with Actions

52

Step 52

52: Recap of Flux Data Fetching

53

Step 53

53: Routing with Parameters

54

Step 54

54: Matching Parameters

55

Step 55

55: Rendering Topics in the Header

56

Step 56

56: React Router Helpers

57

Step 57

57: Implementing Image Store

58

Step 58

58: Refetching Data on Rerender

59

Step 59

59: Scaffolding Image Previews

60

Step 60

60: Filtering Image Data

61

Step 61

61: Playing Videos on Mouseover

62

Step 62

62: Showing a Play Button for Each Image

63

Step 63

63: Adding an Image Stats Overlay

64

Step 64

64: Scaffolding Image Detail

65

Step 65

65: Fetching Single Records from a Store

66

Step 66

66: Fetching Single Records from a Store Continued

67

Step 67

67: Rendering an Image Detail

68

Step 68

68: Actions With Multiple Methods

69

Step 69

69: Listening to Many Changes in a Component

70

Step 70

70: CSS Animations

71

Step 71

71: Closing Comments and Next Steps

19 January 2016 31 January 2016
Goal completed 25 January 2016

Goal author

webFarrock

Russia, Москва

40 years old

General

Освоить курс [udemy.com] Build Web Apps with React JS and Flux

Это одна из моих целей по освоению современных инструментов разработки пользовательских интерфейсов

В этом курсе у меня основная задача - это ознакомится с firebase и flux

 Goal Accomplishment Criteria

Прослушал все лекции и выполнил все задания

  1. 01: Introduction

  2. 02: Link to Github Repository

  3. 03: JSX Markup In Our Views

  4. 04: First Application - Basic Building Blocks

  5. 05: First Application - Creating a React Class

  6. 06: First Application - Showing Content

  7. 07: Exploring Props - Customizing Views

  8. 08: Exporing Props - Wiring Up Our Data

  9. 09: Composition - Views Within Views

  10. 10: Composition - Props Selection

  11. 11: Lists

  12. 12: Tooling - Breaking Up Our Code

  13. 13: Tooling - Applying NPM

  14. 14: Tooling - Exporting Code

  15. 15: Tooling - Gulpfile

  16. 16: Tooling - Final Refactor

  17. 17: Exploring State and Events - Purpose of State

  18. 18: Exploring State and Events - State Applied

  19. 19: Exploring State and Events - Bringing Button Back

  20. 20: Exploring State and Events - Adding Content

  21. 21: Exploring State and Events - Toggling Visibility

  22. 22: Exploring State and Events - Selecting Items

  23. 23: Firebase - Building From a New Start

  24. 24: Firebase - Firebase Signup and Integration

  25. 25: Firebase - Building Our Application Architecture

  26. 26: Firebase - Hooking Up Our Remote Datastore

  27. 27: Firebase - Scaffolding the Header

  28. 28: Firebase - Handling Form Inputs

  29. 29: Firebase - Pushing Data to Firebase

  30. 30: Firebase - Rendering a List of Items

  31. 31: Firebase - Waiting on Data Before Rendering

  32. 32: Firebase - Building Item Components

  33. 33: Firebase - Updating Data to the Remote Datastore

  34. 34: Firebase - Debugging Firebase Update

  35. 35: Firebase - Allowing Editing and Undoing

  36. 36: Firebase - Saving Edits

  37. 37: Firebase - Bulk Delete Data

  38. 38: Project Overview

  39. 39: Imgur API Overview

  40. 40: Imgur API in Detail

  41. 41: React Router Demo

  42. 42: Nesting Routes

  43. 43: Refactor to Separate Rendering and Routing

  44. 44: In-App Navigation

  45. 45: Implementing Fetch

  46. 46: Working with Fetch's Promise

  47. 47: Display a List of Topics

  48. 48: Fetching Data Naively

  49. 49: Working With Stores

  50. 50: Triggering Changes From a Store

  51. 51: Working with Actions

  52. 52: Recap of Flux Data Fetching

  53. 53: Routing with Parameters

  54. 54: Matching Parameters

  55. 55: Rendering Topics in the Header

  56. 56: React Router Helpers

  57. 57: Implementing Image Store

  58. 58: Refetching Data on Rerender

  59. 59: Scaffolding Image Previews

  60. 60: Filtering Image Data

  61. 61: Playing Videos on Mouseover

  62. 62: Showing a Play Button for Each Image

  63. 63: Adding an Image Stats Overlay

  64. 64: Scaffolding Image Detail

  65. 65: Fetching Single Records from a Store

  66. 66: Fetching Single Records from a Store Continued

  67. 67: Rendering an Image Detail

  68. 68: Actions With Multiple Methods

  69. 69: Listening to Many Changes in a Component

  70. 70: CSS Animations

  71. 71: Closing Comments and Next Steps

  • 1446
  • 19 January 2016, 07:04
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?