Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:05:04
    Welcome to Javascript for Designers!
  2. Урок 2. 00:08:12
    How do we hold data in Javascript
  3. Урок 3. 00:10:42
    What are let and const
  4. Урок 4. 00:05:01
    Javascript functions
  5. Урок 5. 00:13:03
    Using Javascript in the browser
  6. Урок 6. 00:04:34
    Introduction to Rose Culver project
  7. Урок 7. 00:02:16
    What is the SuperHi Editor
  8. Урок 8. 00:05:31
    Setting up our HTML
  9. Урок 9. 00:05:07
    Adding CSS typography
  10. Урок 10. 00:04:31
    How to add the background gradient
  11. Урок 11. 00:05:37
    Fixing our section layout
  12. Урок 12. 00:04:20
    Adding our footer
  13. Урок 13. 00:06:17
    How to add Javascript to our page
  14. Урок 14. 00:03:02
    The Javascript console
  15. Урок 15. 00:05:59
    Adding event listeners
  16. Урок 16. 00:02:48
    Monitoring the page number
  17. Урок 17. 00:05:27
    Cleaning up our code with functions
  18. Урок 18. 00:03:22
    If statements
  19. Урок 19. 00:05:06
    Adding previous functionality to our site
  20. Урок 20. 00:02:43
    Adding in Javascript comments
  21. Урок 21. 00:08:56
    Putting our data in an array
  22. Урок 22. 00:05:01
    Data in an array of objects
  23. Урок 23. 00:06:32
    Adding our background color change
  24. Урок 24. 00:03:20
    What is randomness?
  25. Урок 25. 00:04:22
    Adding a random function
  26. Урок 26. 00:03:14
    The keyup event
  27. Урок 27. 00:06:17
    Looking for arrow left and arrow right
  28. Урок 28. 00:03:14
    Final tweaks to our project!
  29. Урок 29. 00:01:27
    Introduct to Plant Life
  30. Урок 30. 00:05:39
    How to structure our site in HTML
  31. Урок 31. 00:06:18
    Adding in our CSS
  32. Урок 32. 00:04:33
    Placing things in a main tag
  33. Урок 33. 00:02:10
    What is classList in Javascript
  34. Урок 34. 00:01:35
    Adding preparation for our menu
  35. Урок 35. 00:05:10
    Toggling our class for slide out
  36. Урок 36. 00:05:08
    Changing our text from Menu to Close
  37. Урок 37. 00:01:16
    Variation #1
  38. Урок 38. 00:01:27
    Variation #2
  39. Урок 39. 00:00:56
    Variation #3
  40. Урок 40. 00:02:59
    Additional styling for our menu
  41. Урок 41. 00:06:46
    Adding our slideshow HTML
  42. Урок 42. 00:04:35
    Styling up our slideshow
  43. Урок 43. 00:06:47
    How to add layering in HTML and CSS
  44. Урок 44. 00:01:28
    Looping around with Javascript
  45. Урок 45. 00:01:45
    Adding CSS animation with Javascript
  46. Урок 46. 00:01:43
    The forEach function and shortcut functions
  47. Урок 47. 00:03:12
    Applying forEach to our project
  48. Урок 48. 00:07:16
    Adding the mouseover event
  49. Урок 49. 00:02:03
    Adding a mouseout event
  50. Урок 50. 00:01:30
    Snapping our randomness to a grid
  51. Урок 51. 00:02:11
    Applying grid snapping
  52. Урок 52. 00:02:41
    Adding a box shadow on hover
  53. Урок 53. 00:01:53
    Introduction to Type Checker
  54. Урок 54. 00:04:30
    Setting up our project
  55. Урок 55. 00:06:49
    Adding project layout
  56. Урок 56. 00:11:45
    Setting up our options
  57. Урок 57. 00:02:45
    Events
  58. Урок 58. 00:08:40
    Adding the keyup event
  59. Урок 59. 00:02:01
    What is this?
  60. Урок 60. 00:03:52
    Adding fallback text
  61. Урок 61. 00:06:02
    Two way typing with Javascript
  62. Урок 62. 00:04:37
    Adding a range tag
  63. Урок 63. 00:07:42
    Hooking Javascript up with our range tag
  64. Урок 64. 00:05:38
    Changing the line-height
  65. Урок 65. 00:08:21
    How to work with checkboxes
  66. Урок 66. 00:03:12
    Adding Google Fonts to our project
  67. Урок 67. 00:05:12
    Changing the typeface with a select box
  68. Урок 68. 00:03:34
    Changing the font weight
  69. Урок 69. 00:07:45
    How to think about changing the colors
  70. Урок 70. 00:07:40
    Adding Javascript events to multiple things
  71. Урок 71. 00:06:07
    Highlighting the selected color
  72. Урок 72. 00:03:36
    Styling inputs
  73. Урок 73. 00:03:30
    Introduction to Jenna Buchholz
  74. Урок 74. 00:07:31
    Adding our header
  75. Урок 75. 00:09:31
    How to structure our sections
  76. Урок 76. 00:06:15
    Adding additional sections
  77. Урок 77. 00:03:19
    document vs window
  78. Урок 78. 00:08:06
    Keeping track of pixels scrolled
  79. Урок 79. 00:07:02
    Adding a progress bar, part 1
  80. Урок 80. 00:10:01
    Adding a progress bar, part 2
  81. Урок 81. 00:04:07
    What is offsetTop
  82. Урок 82. 00:05:39
    Scroll vs offset
  83. Урок 83. 00:07:27
    What are data attributes
  84. Урок 84. 00:05:55
    Changing text color on thresholds
  85. Урок 85. 00:02:16
    Introduction to parallax
  86. Урок 86. 00:11:19
    Setting up parallax
  87. Урок 87. 00:04:19
    Adding movement to our square tags
  88. Урок 88. 00:03:17
    Adding in parallax speeds
  89. Урок 89. 00:05:59
    Adding data attributes to control speeds
  90. Урок 90. 00:02:05
    Introduction to Brux
  91. Урок 91. 00:06:50
    Setting up our HTML
  92. Урок 92. 00:05:38
    Header styles for Brux
  93. Урок 93. 00:07:26
    Adding in CSS generic styles
  94. Урок 94. 00:08:19
    Adding in CSS layout styles
  95. Урок 95. 00:07:48
    Header scroll threshold
  96. Урок 96. 00:08:41
    Adding a box shadow on scroll
  97. Урок 97. 00:06:28
    Animation setup
  98. Урок 98. 00:05:29
    Looking at tag bounding rectangles
  99. Урок 99. 00:04:59
    Applying animations
  100. Урок 100. 00:03:09
    Adding animation on upwards scroll
  101. Урок 101. 00:13:02
    Adding movement with the mousemove effect
  102. Урок 102. 00:02:26
    How to use trigonometry with Javascript
  103. Урок 103. 00:09:57
    Moving our face's eyes
  104. Урок 104. 00:01:06
    Accounting for scroll for our animation
  105. Урок 105. 00:02:55
    Timeouts and intervals in Javascript
  106. Урок 106. 00:07:35
    Adding intervals for randomness
  107. Урок 107. 00:01:48
    Introduction to Words of Womxn
  108. Урок 108. 00:04:14
    Adding HTML for our project
  109. Урок 109. 00:04:00
    CSS general page styles
  110. Урок 110. 00:05:55
    Adding layout
  111. Урок 111. 00:07:57
    Adding header scrolling
  112. Урок 112. 00:04:54
    Setting up parallax
  113. Урок 113. 00:09:42
    Applying rotation on scroll
  114. Урок 114. 00:10:08
    Finalizing parallax
  115. Урок 115. 00:06:27
    Adding in page backgrounds on scroll
  116. Урок 116. 00:07:41
    Setting up stamps
  117. Урок 117. 00:08:02
    Adding a stamp on click events
  118. Урок 118. 00:02:27
    Adding a CSS rotation to our stamps
  119. Урок 119. 00:03:00
    Basing our stamps from the middle of the page
  120. Урок 120. 00:02:54
    Adding audio to our click events
  121. Урок 121. 00:00:43
    Thank you!