• Урок 1. 00:08:34
    Setting up your local server
  • Урок 2. 00:09:29
    Creating the login form
  • Урок 3. 00:04:54
    Creating the register form
  • Урок 4. 00:04:11
    Intro to PHP - Handling form submission
  • Урок 5. 00:10:58
    Form sanitation - Cleaning the input
  • Урок 6. 00:04:41
    Separating our code
  • Урок 7. 00:03:40
    Preparing our validation functions
  • Урок 8. 00:07:20
    Creating the Account class
  • Урок 9. 00:06:52
    Validating the username
  • Урок 10. 00:04:45
    Validating the name and emails
  • Урок 11. 00:03:58
    Validating the passwords
  • Урок 12. 00:03:08
    Checking if the sign up was successful
  • Урок 13. 00:08:59
    Outputting error messages
  • Урок 14. 00:08:59
    Creating our Constants class
  • Урок 15. 00:05:49
    Remembering form values
  • Урок 16. 00:04:59
    Creating the users table
  • Урок 17. 00:04:47
    Connecting to our database from PHP
  • Урок 18. 00:09:11
    Inserting user details
  • Урок 19. 00:03:33
    Testing out the sign up process!
  • Урок 20. 00:04:36
    Query not working? Watch this video
  • Урок 21. 00:04:45
    Last remaining validation checks
  • Урок 22. 00:06:08
    Login handler
  • Урок 23. 00:05:35
    Sessions
  • Урок 24. 00:06:56
    Adding a background image
  • Урок 25. 00:08:34
    Styling the login container
  • Урок 26. 00:06:55
    Styling our text boxes
  • Урок 27. 00:03:22
    Input placeholder color
  • Урок 28. 00:03:57
    Styling the submit buttons
  • Урок 29. 00:03:25
    Buttons to switch between forms
  • Урок 30. 00:07:56
    Showing and hiding the forms on press
  • Урок 31. 00:06:57
    Showing only the relevant form when data is submitted
  • Урок 32. 00:01:16
    Show/hide button - mouse pointer
  • Урок 33. 00:04:31
    Right section content
  • Урок 34. 00:05:11
    Applying style to the right section content
  • Урок 35. 00:08:17
    56,800+ icons FOR FREE - Icons8
  • Урок 36. 00:02:47
    Styling the error messages
  • Урок 37. 00:01:10
    Remembering the username after failed log in attempt
  • Урок 38. 00:01:18
    Quick overview of the index page
  • Урок 39. 00:05:19
    Now playing bar container
  • Урок 40. 00:03:53
    Creating the now playing bar element
  • Урок 41. 00:05:00
    Left, center and middle sections of the bar
  • Урок 42. 00:02:31
    All the icons for our site
  • Урок 43. 00:10:32
    Adding our player buttons
  • Урок 44. 00:02:33
    Making the play and pause buttons larger
  • Урок 45. 00:04:56
    Progress bar parent elements
  • Урок 46. 00:05:59
    The progress bar
  • Урок 47. 00:05:24
    Album artwork
  • Урок 48. 00:06:58
    Track info labels
  • Урок 49. 00:05:36
    Volume bar
  • Урок 50. 00:03:37
    Page containers
  • Урок 51. 00:02:56
    Creating our navigation bar container
  • Урок 52. 00:05:34
    Navigation bar site logo
  • Урок 53. 00:05:38
    Navigation items
  • Урок 54. 00:06:12
    Navigation search icon
  • Урок 55. 00:01:52
    Navigation links color change on hover
  • Урок 56. 00:05:57
    Overview of our MySQL table structure
  • Урок 57. 00:05:13
    Creating our database tables
  • Урок 58. 00:06:14
    Inserting data into the artists, genres and albums tables
  • Урок 59. 00:04:42
    Inserting data into the songs table + FREE music files
  • Урок 60. 00:00:59
    Shortcut to inserting data into the songs table
  • Урок 61. 00:03:55
    Organisational trick
  • Урок 62. 00:06:23
    Main view containers
  • Урок 63. 00:02:46
    Header and footer files
  • Урок 64. 00:05:21
    Getting albums from the database
  • Урок 65. 00:05:45
    Outputting the album artwork images
  • Урок 66. 00:05:26
    Styling the album artwork images
  • Урок 67. 00:02:59
    Styling the album title
  • Урок 68. 00:04:39
    Making the albums clickable links
  • Урок 69. 00:05:23
    Getting album id from url
  • Урок 70. 00:03:17
    Getting the artist of the album
  • Урок 71. 00:05:58
    Creating the Artist class
  • Урок 72. 00:07:46
    Creating the Album class
  • Урок 73. 00:05:00
    Album header section
  • Урок 74. 00:06:19
    Styling the header section
  • Урок 75. 00:04:37
    Displaying the number of songs in the album
  • Урок 76. 00:07:29
    Creating the Song class
  • Урок 77. 00:06:57
    Getting the songs on an album
  • Урок 78. 00:05:59
    Outputting the track count
  • Урок 79. 00:02:44
    Outputting the track name and artist name
  • Урок 80. 00:02:19
    Outputting the track duration
  • Урок 81. 00:03:44
    Styling the track list rows
  • Урок 82. 00:04:04
    Styling the track count
  • Урок 83. 00:05:45
    Track style finishing touches
  • Урок 84. 00:07:40
    Introduction to HTML5 Audio
  • Урок 85. 00:06:25
    Creating our initial playlist of 10 random songs
  • Урок 86. 00:01:59
    Including JQuery
  • Урок 87. 00:05:47
    Set track function setup
  • Урок 88. 00:04:58
    Set track function
  • Урок 89. 00:06:41
    Playing and pausing the song via buttons
  • Урок 90. 00:05:57
    Introduction to Ajax calls
  • Урок 91. 00:07:21
    Getting a song via ajax
  • Урок 92. 00:06:27
    Getting the artist via ajax
  • Урок 93. 00:04:37
    Getting the album via Ajax
  • Урок 94. 00:09:22
    Updating the plays count when a song is played
  • Урок 95. 00:03:38
    Displaying the time remaining label
  • Урок 96. 00:05:43
    Formatting the time remaining
  • Урок 97. 00:07:12
    Updating the progress bar as the song plays
  • Урок 98. 00:11:46
    Dragging the progress bar on click
  • Урок 99. 00:04:06
    Controlling the volume
  • Урок 100. 00:04:38
    Updating the volume progress bar
  • Урок 101. 00:03:44
    Preventing controls from highlighting on mouse drag
  • Урок 102. 00:05:53
    Skipping to the next song
  • Урок 103. 00:02:59
    Song repeat mode
  • Урок 104. 00:03:58
    Repeat button
  • Урок 105. 00:01:43
    Playing the next song when current song ends
  • Урок 106. 00:04:08
    Previous song button
  • Урок 107. 00:03:31
    Mute button
  • Урок 108. 00:03:27
    Shuffle button
  • Урок 109. 00:06:20
    Shuffle - Part 1
  • Урок 110. 00:10:23
    Shuffle - Part 2
  • Урок 111. 00:08:43
    Playing songs by clicking on the song's play button
  • Урок 112. 00:04:29
    Fixing the song's play button bug
  • Урок 113. 00:02:19
    UserLoggedIn JavaScript variable
  • Урок 114. 00:07:51
    Changing pages dynamically
  • Урок 115. 00:09:07
    Knowing if a page was loaded from ajax or not
  • Урок 116. 00:07:59
    Replacing all links with our dynamic links
  • Урок 117. 00:01:03
    Small play button bug
  • Урок 118. 00:02:33
    Changing the URL when we load a new page
  • Урок 119. 00:02:31
    Browse page
  • Урок 120. 00:05:31
    Artist info section
  • Урок 121. 00:04:34
    Styling the artist info section
  • Урок 122. 00:05:33
    Songs section
  • Урок 123. 00:03:30
    Albums section
  • Урок 124. 00:01:49
    Artist page play button
  • Урок 125. 00:07:11
    Now playing bar links
  • Урок 126. 00:06:34
    Creating our search input section
  • Урок 127. 00:04:28
    Styling the search input
  • Урок 128. 00:07:42
    Searching when the user stops typing
  • Урок 129. 00:06:56
    Searching for songs
  • Урок 130. 00:08:05
    Searching for artists
  • Урок 131. 00:02:39
    Styling the artists search results section
  • Урок 132. 00:02:53
    Fixing the artist name bug
  • Урок 133. 00:04:58
    Searching for albums
  • Урок 134. 00:01:53
    Invalidating the search timer
  • Урок 135. 00:02:38
    Creating our playlist MySql tables
  • Урок 136. 00:05:58
    Creating the playlist page
  • Урок 137. 00:07:05
    The createPlaylist function
  • Урок 138. 00:08:00
    Create playlist file
  • Урок 139. 00:06:43
    Creating the User class
  • Урок 140. 00:05:31
    Outputting the user's playlists
  • Урок 141. 00:04:30
    Creating the Playlist class
  • Урок 142. 00:02:32
    Playlist links
  • Урок 143. 00:01:25
    Styling the playlists
  • Урок 144. 00:08:22
    Creating the header section of the page
  • Урок 145. 00:05:13
    Displaying the playlist's songs
  • Урок 146. 00:02:55
    Delete playlist function
  • Урок 147. 00:04:43
    Delete playlist ajax
  • Урок 148. 00:07:25
    Creating the options menu
  • Урок 149. 00:07:08
    Showing the options menu
  • Урок 150. 00:04:51
    Hiding the options menu
  • Урок 151. 00:04:38
    Add to playlist dropdown menu
  • Урок 152. 00:04:13
    Populating the dropdown with playlists
  • Урок 153. 00:03:08
    Styling the dropdown menu
  • Урок 154. 00:09:19
    When the dropdown menu is changed
  • Урок 155. 00:13:19
    Saving songs to a playlist
  • Урок 156. 00:03:46
    Copying options menu to other pages
  • Урок 157. 00:02:34
    Remove song from playlist function
  • Урок 158. 00:05:54
    Removing song ajax code
  • Урок 159. 00:07:13
    Settings page setup
  • Урок 160. 00:05:22
    Logout button
  • Урок 161. 00:05:10
    Settings link on the navigation menu
  • Урок 162. 00:06:34
    User details forms
  • Урок 163. 00:05:52
    Styling the user details forms
  • Урок 164. 00:04:11
    Update email function
  • Урок 165. 00:09:38
    Update email ajax code
  • Урок 166. 00:03:34
    Update password function
  • Урок 167. 00:12:10
    Update password ajax code
  • Урок 168. 00:02:10
    You made it! Congratulations!
Этот материал находится в платной подписке. Оформи премиум подписку и смотри Make a Spotify Clone from Scratch: JavaScript PHP and MySQL, а также все другие курсы, прямо сейчас!
Премиум