Music website home page design using bootstrap | HTML & CSS tutorial | Quick programming

Поделиться
HTML-код
  • Опубликовано: 27 май 2022
  • Learn the basics of bootstrap by designing a home page to a music download website. We'll also use bootstrap icons and custom css file, learn about media queries too.
    project files & complete template: freephptutorials.com/download...
    more tutorials:
    make a social website from scratch:
    • Social Website from sc...
    all crash courses:
    • JSON Crash Course in P...
    code a live chat app in PHP and JavaScript:
    • Live chat app from scr...
    make an eCommerce website from template:
    • #00 PHP Ecommerce webs...
    convert an HTML template to PHP website:
    • HTML Template to PHP W...
    simple signup and login system & security:
    • Simple signup and logi...
    crop images with PHP:
    • PHP - Web Design - How...
    PHP Object Oriented Programming basics:
    • #00 PHP Object Oriente...
    Chart or graph using SVG:
    • HTML Chart using SVG, ...
    Responsive web design:
    • Responsive Web Design ...
    clean pretty URLs:
    • PHP - How to get prett...
    support me on patreon:
    / quickcode
    my facebook:
    quickcode

Комментарии • 62

  • @klaytech7280
    @klaytech7280 Год назад +1

    i really love your teachings
    blessing to your soul man.

  • @avtourist-surgut
    @avtourist-surgut Год назад +2

    Great content !!! Thank you !!!

  • @benfortunatozunguze6749
    @benfortunatozunguze6749 Год назад +1

    youve done a great job i apreciate that sr

  • @darcybeau6024
    @darcybeau6024 2 года назад +1

    hello Eathorne, great tutorial, in any case without flattering you, my brother you are the master of teaching... Long live you and your teaching....

    • @QuickProgramming
      @QuickProgramming  2 года назад +2

      thank you so much, i appreciate your feedback. its feedback like this that helps me to make more and better tutorials, thanks :))

  • @tanaytare1678
    @tanaytare1678 2 месяца назад +1

    Thanks bro good work kudos to you!!

  • @Dark.Nexus_9
    @Dark.Nexus_9 Год назад +1

    thank u so so so much like u have NO IDEA how much i needed something like this

  • @mervin7960
    @mervin7960 Год назад +1

    nice work.
    please include js files to play music.
    It will be awesome !!

    • @QuickProgramming
      @QuickProgramming  Год назад

      Thanks. i did make a complete and working music website here ruclips.net/video/x_W9vavhd9M/видео.html

  • @tonychisenga
    @tonychisenga 2 года назад

    Nice and very helpful

  • @ZoiJeffCoby
    @ZoiJeffCoby 8 месяцев назад +1

    Thanks

  • @anselmdike2817
    @anselmdike2817 2 года назад +1

    Nice

  • @yakudza_chat
    @yakudza_chat 5 месяцев назад

    where can we get this project figma design

  • @elakkiyaselvamb5717
    @elakkiyaselvamb5717 Год назад +1

    Hi sir,
    How to add music 🎶 in only javascript. share your source code or video sir

    • @QuickProgramming
      @QuickProgramming  Год назад

      to add music in js only, you simply need to edit the src of an audio tag to the path of any file on your server. you can test this if you copy the code below and paste in a black page, save it as html, then put 2 songs in the same folder as the file and name them "song.mp3" and another one named "song2.mp3". when you load the page, you can click play and it will play one song. then after you click the button, the song will change to the other one.
      change song
      function change(){
      document.querySelector("audio").src = "song2.mp3";
      }
      or if you want a tutorial to show you how to make a whole complete music website in php, watch this one ruclips.net/video/x_W9vavhd9M/видео.html

  • @simonengler1776
    @simonengler1776 Год назад

    Hey Eathorne! I have a little question where I'm stucked and don't find the right answer. I have several questions looping on my page and the POST var gives me the following array (answers):
    Array
    (
    [5752] => Yes
    [2272] => Right
    [4155] => No
    [1790] => Sometimes
    )
    So the number is meant to be the question ID and the value is the answer. These are 4 answers which I want to write into the DB. How can I extract the array that I get the number as $qid and the answer as $answer for this $qid. Sorry it seems an easy one but I don't know how to handle it... *facepalm* :))) Greetings and thank you so much for everything!!!!!!!

    • @QuickProgramming
      @QuickProgramming  Год назад +1

      not sure i understand fully but you can use a loop to do that, like this:
      foreach($_POST as $qid => $answer)
      {
      //here you can now use $qid and $answer as you wish
      }

    • @simonengler1776
      @simonengler1776 Год назад

      @@QuickProgramming Thank you so much for answering and sorrry to bother... :(( The result is fine. I just need to know how I can generate a variable out of this array. I do need both values (qid and answer). And the array is the result of this (looped) line:

    • @simonengler1776
      @simonengler1776 Год назад

      @@QuickProgramming Or let me rephrase it. I have several questions in my DB with 3 possible answers (as radio inputs). I loop through the questions and get everything fine. Just to send the answers back is a problem because I need the QuestionID and the answer back to the DB. How would you set this up? And don't worry, I will keep on learning the stuff. Have a great day and thank you so much for everything!

    • @simonengler1776
      @simonengler1776 Год назад

      @@QuickProgramming I'm on the right track now and experimenting with your advice of looping through. Damn, arrays are so hard... Sorry for reaching out. :)

    • @simonengler1776
      @simonengler1776 Год назад

      @@QuickProgramming OMG, it finally works!!!

  • @eltondsouza4630
    @eltondsouza4630 2 года назад

    Sir please make this video zoom

  • @gamingthunders6954
    @gamingthunders6954 Год назад

    Java script use ki hai

  • @KaviTaehyung_
    @KaviTaehyung_ 21 день назад +1

    Did you use any api here?

  • @akosyt4540
    @akosyt4540 2 года назад

    heey siir , i need agood website design liked to php mysql.i have a final configuration project tomorrow please help me sir

    • @QuickProgramming
      @QuickProgramming  2 года назад +1

      watch this simple login and signup system to learn about connecting, reading and writing to mysql ruclips.net/video/WYufSGgaCZ8/видео.html

  • @mukulkrishna3410
    @mukulkrishna3410 Год назад

    is there any playlist to learn css for beginners

    • @QuickProgramming
      @QuickProgramming  Год назад

      not really, i should make one. Do you already know the basics of HTML? i have some videos on that here ruclips.net/video/guOectFvYPA/видео.html

  • @mrchaitu7
    @mrchaitu7 Год назад

    how to add songs to it please explain

    • @QuickProgramming
      @QuickProgramming  Год назад

      watch this tutorial ruclips.net/video/x_W9vavhd9M/видео.html

  • @Looloooh
    @Looloooh Год назад

    Website name bro

  • @henrynchimunyangandu
    @henrynchimunyangandu 4 месяца назад

    Part 2

  • @richardala3784
    @richardala3784 2 года назад

    wow, so the udemy clone is done?

  • @ibrahimdenisfofanah6420
    @ibrahimdenisfofanah6420 2 года назад

    Boss, I need a movie streaming website with php

  • @aliastar5616
    @aliastar5616 Год назад

    please give us a code?

  • @ramteahauhnar3355
    @ramteahauhnar3355 2 года назад

    link with php mysql Sir

    • @QuickProgramming
      @QuickProgramming  2 года назад

      do you want a link to php mysql tutorial or are you asking for project files of this tutorial?

    • @ramteahauhnar3355
      @ramteahauhnar3355 2 года назад

      @@QuickProgramming Yes Sir if you could please link music website(dynamic) having admin panel where we can upload video files using mysql and php

    • @QuickProgramming
      @QuickProgramming  2 года назад +3

      @@ramteahauhnar3355 i dont yet have that tutorial. but i will convert this same template i made in this video into a php website with admin panel. that video is coming soon

    • @ramteahauhnar3355
      @ramteahauhnar3355 2 года назад

      @@QuickProgramming Yes Sir Thank you Sir. That would be useful so much. I'll be waiting. 💙

    • @sifonelijah1682
      @sifonelijah1682 2 года назад

      @@QuickProgramming
      Good day Sir.
      I want to ask, has the Udemy clone series ended?
      I am getting to learn PHP through that tutorial.
      Please don't end it there.