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