Make a Spotify Clone from Scratch: JavaScript PHP and MySQL

Make a Spotify Clone from Scratch: JavaScript PHP and MySQL, available at $64.99, has an average rating of 4.7, with 169 lectures, based on 1861 reviews, and has 10498 subscribers.

You will learn about Build your own music streaming service like Spotify Master important areas of development in JavaScript, PHP, HTML and MySQL Discover important techniques that are essential for any aspiring software engineers This course is ideal for individuals who are Any aspiring software engineers or web developers dreaming of working at a company like Google, Facebook or Microsoft or Anyone who wants to master HTML, JavaScript, PHP, MySQL It is particularly useful for Any aspiring software engineers or web developers dreaming of working at a company like Google, Facebook or Microsoft or Anyone who wants to master HTML, JavaScript, PHP, MySQL.

Enroll now: Make a Spotify Clone from Scratch: JavaScript PHP and MySQL

Summary

Title: Make a Spotify Clone from Scratch: JavaScript PHP and MySQL

Price: $64.99

Average Rating: 4.7

Number of Lectures: 169

Number of Published Lectures: 169

Number of Curriculum Items: 169

Number of Published Curriculum Objects: 169

Original Price: £44.99

Quality Status: approved

Status: Live

What You Will Learn

Build your own music streaming service like Spotify
Master important areas of development in JavaScript, PHP, HTML and MySQL
Discover important techniques that are essential for any aspiring software engineers

Who Should Attend

Any aspiring software engineers or web developers dreaming of working at a company like Google, Facebook or Microsoft
Anyone who wants to master HTML, JavaScript, PHP, MySQL

Target Audiences

Any aspiring software engineers or web developers dreaming of working at a company like Google, Facebook or Microsoft
Anyone who wants to master HTML, JavaScript, PHP, MySQL

Do you want to become an expert in JavaScript, PHP and MySQL?

Do you want to build a real music streaming site just like Spotify?

If so, you’re in the right place! This course will guide you step by step in creating your own Spotify clone COMPLETELYfrom scratch.

We’re talking the kind of website that will amazeanybody that sees it. The kind of website that will get you hiredin no time!

Why let me teach you?

I work as a Software Engineer at Microsoft where I build products used by millions of people all over the world! I want to take the skills I’ve gained through years of working with some of the best developers in the world and transfer them directly to you!

I’ve taught thousands of students here on Udemy and created some of the most popular development courses on Udemy!

Okay so what’s the course about?

I will personally guide you, step by step, in creating your ownmusic streaming site just like Spotify complete with:

User registration
Search for all their favorite artists, albums and songs in real time!
Create and customize their own playlists
Control the music with all the usual controls such as play, pause, skip, previous, shuffle, repeat etc.
And much, much more!�

Whether you are a complete beginner* or an experienced programmer, this course will be massively beneficial to you.

Why should I take the course?

In the programming world, the “big 4” often consists of Google, Microsoft, Facebook and Amazon. To get a job at any of these companies, you absolutely MUSTknow the essentials: HTML, CSS, PHP, JQuery, JavaScript and MySQL.

If you take this course, you will have nothing to worry about because we use allof these skills extensively!

Skills:�

There is so much to learn! In the course, you will become very familiar an excellent range of technical skills such as HTML, CSS, PHP, JavaScript, JQuery and MySQL. Any good developer will agree that these skills are KEY to becoming an excellent developer/software engineer. If you’re just starting out, after completing this course, you will be in a very good position with a fundamental foundation of skills.�

Support:�

By enrolling in this course, you will have the COMPLETE support of a Microsoft Software Engineer (me). I’m always ready to answer any question you may have. Programming issues, errors, feature requests, general programming advice – it doesn’t matter, I’m always happy to help! I always aim to respond to questions within a few hours and it’s also worth noting that I’ve answered EVERY SINGLE question asked so far on all�of my courses.

Future course discounts:

By enrolling in this course, you will get access to ALL�of my current and future courses for the lowest possible discount we as instructors are capable of offering on Udemy – FOREVER.

Project portfolio:

The site you create in this course will be the highlight of your project portfolio! Any potential employer who see’s this project on your resume will want to hear all about it. The reason? They know that a project like this means you’re familiar with the wide range of technical skills they need their employees to know. �

Fun!

Finally, this project is a lot of fun and I know you’ll have a great time implementing your own unique ideas as well as the ones we implement together. What are you waiting for?�

*You don’t need any experience to take this course, however a basic understanding of HTML would be great. I will explain everything as I go, but some things I spent more time on than others. I don’t spent a huge amount of time on the absolute lowest level basics e.g. what is HTML. So if you have absolutely no experience programming, you are absolutely fine to take this course, just ask me to explain things further if you would like a more detailed explanation 🙂

Course Curriculum

Chapter 1: Setting up the sign up/ log in forms

Lecture 1: Setting up your local server

Lecture 2: Creating the login form

Lecture 3: Creating the register form

Chapter 2: Handling the user's submitted data

Lecture 1: Intro to PHP – Handling form submission

Lecture 2: Form sanitation – Cleaning the input

Lecture 3: Separating our code

Lecture 4: Preparing our validation functions

Lecture 5: Creating the Account class

Lecture 6: Validating the username

Lecture 7: Validating the name and emails

Lecture 8: Validating the passwords

Lecture 9: Checking if the sign up was successful

Lecture 10: Outputting error messages

Lecture 11: Creating our Constants class

Lecture 12: Remembering form values

Chapter 3: Completing the sign up / log in process

Lecture 1: Creating the users table

Lecture 2: Connecting to our database from PHP

Lecture 3: Inserting user details

Lecture 4: Testing out the sign up process!

Lecture 5: Query not working? Watch this video

Lecture 6: Last remaining validation checks

Lecture 7: Login handler

Lecture 8: Sessions

Chapter 4: Styling the registration page

Lecture 1: Adding a background image

Lecture 2: Styling the login container

Lecture 3: Styling our text boxes

Lecture 4: Input placeholder color

Lecture 5: Styling the submit buttons

Lecture 6: Buttons to switch between forms

Lecture 7: Showing and hiding the forms on press

Lecture 8: Showing only the relevant form when data is submitted

Lecture 9: Show/hide button – mouse pointer

Lecture 10: Right section content

Lecture 11: Applying style to the right section content

Lecture 12: 56,800+ icons FOR FREE – Icons8

Lecture 13: Styling the error messages

Lecture 14: Remembering the username after failed log in attempt

Chapter 5: Creating the now playing bar

Lecture 1: Quick overview of the index page

Lecture 2: Now playing bar container

Lecture 3: Creating the now playing bar element

Lecture 4: Left, center and middle sections of the bar

Lecture 5: All the icons for our site

Lecture 6: Adding our player buttons

Lecture 7: Making the play and pause buttons larger

Lecture 8: Progress bar parent elements

Lecture 9: The progress bar

Lecture 10: Album artwork

Lecture 11: Track info labels

Lecture 12: Volume bar

Chapter 6: Navigation menu

Lecture 1: Page containers

Lecture 2: Creating our navigation bar container

Lecture 3: Navigation bar site logo

Lecture 4: Navigation items

Lecture 5: Navigation search icon

Lecture 6: Navigation links color change on hover

Chapter 7: Tables and data

Lecture 1: Overview of our MySQL table structure

Lecture 2: Creating our database tables

Lecture 3: Inserting data into the artists, genres and albums tables

Lecture 4: Inserting data into the songs table + FREE music files

Lecture 5: Shortcut to inserting data into the songs table

Chapter 8: 'Music you might like' page

Lecture 1: Organisational trick

Lecture 2: Main view containers

Lecture 3: Header and footer files

Lecture 4: Getting albums from the database

Lecture 5: Outputting the album artwork images

Lecture 6: Styling the album artwork images

Lecture 7: Styling the album title

Lecture 8: Making the albums clickable links

Chapter 9: Album page

Lecture 1: Getting album id from url

Lecture 2: Getting the artist of the album

Lecture 3: Creating the Artist class

Lecture 4: Creating the Album class

Lecture 5: Album header section

Lecture 6: Styling the header section

Lecture 7: Displaying the number of songs in the album

Lecture 8: Creating the Song class

Lecture 9: Getting the songs on an album

Lecture 10: Outputting the track count

Lecture 11: Outputting the track name and artist name

Lecture 12: Outputting the track duration

Lecture 13: Styling the track list rows

Lecture 14: Styling the track count

Lecture 15: Track style finishing touches

Chapter 10: The music player

Lecture 1: Introduction to HTML5 Audio

Lecture 2: Creating our initial playlist of 10 random songs

Lecture 3: Including JQuery

Lecture 4: Set track function setup

Lecture 5: Set track function

Lecture 6: Playing and pausing the song via buttons

Lecture 7: Introduction to Ajax calls

Instructors

Reece Kenney
Software Engineer at Microsoft

Rating Distribution

1 stars: 12 votes
2 stars: 24 votes
3 stars: 63 votes
4 stars: 453 votes
5 stars: 1309 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu