How to clone a website

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

ความคิดเห็น • 255

  • @thedosolve1475
    @thedosolve1475 2 ปีที่แล้ว +37

    Legends are watching this to fulfill their clients demands 🤣

  • @rishabhrkabra
    @rishabhrkabra 4 ปีที่แล้ว +353

    Highly recommended to watch at x1.25 speed

  • @ulrikmagana
    @ulrikmagana 3 ปีที่แล้ว +26

    this is a beautiful way to boost our coding skills and learn from fully functional websites and codes

    • @edwinreyes3998
      @edwinreyes3998 2 ปีที่แล้ว

      I'm going to dedicate entire days to just looking up website source codes!!

  • @Stallzyx
    @Stallzyx 3 ปีที่แล้ว +28

    A quicker way to copy the index html file is to do CTRL-U as a shortcut or add "view-source:" to the beginning of the URL :)

    • @jacktech1132
      @jacktech1132 3 ปีที่แล้ว +3

      Thanks! It worked

    • @kee04O
      @kee04O 9 หลายเดือนก่อน

      ths!!! but what about the css file or js file. sometimes it's difficult to find it. And i just a beginner

  • @uhbot223
    @uhbot223 5 ปีที่แล้ว +63

    had to speed up to x1.25. thank you for the video though!

  • @liemeister9593
    @liemeister9593 3 ปีที่แล้ว +19

    I almost didn't want to upvote in fear of losing this feeling that I know something valuable that most people don't. This video deserves so much more than 4.3K upvotes! This knowledge is power friends

    • @Supremeondc
      @Supremeondc 2 ปีที่แล้ว +12

      this aint reddit luh bro its called a like 😂

    • @mTrader1
      @mTrader1 ปีที่แล้ว +3

      sometimes i do that too lol

  • @iamrobertmccormick
    @iamrobertmccormick 4 ปีที่แล้ว +6

    How much would you charge to clone a website for someone?

  • @cobay861
    @cobay861 5 ปีที่แล้ว +11

    I love your video it's very clear and detailed, I just became your favorite fan. I'm so passionate for computer science I'll follow your page as my class every day lol

    • @edwinreyes3998
      @edwinreyes3998 2 ปีที่แล้ว

      SAME!!
      I had to double check to see if i was subscribed!!

  • @CoconutwCoco
    @CoconutwCoco 2 ปีที่แล้ว +1

    Anyone knows the other video she talks about? Can’t find it. Great video tw thanks!

  • @toilabanda
    @toilabanda ปีที่แล้ว +1

    Thank you so much! But seem like Twitter hide all html and css, I cannot read anything

  • @steveharrysnyc
    @steveharrysnyc 2 ปีที่แล้ว +3

    Hi I’m interested in making a website I seen a business website and I would like to make one similar can you help me ?

  • @God_of_Kiwi
    @God_of_Kiwi 2 ปีที่แล้ว +2

    where is the js cloning/editing tutorial????

  • @Earth_By_Board
    @Earth_By_Board 3 ปีที่แล้ว +2

    I want to completely copy a website online from a business overseas and change a few things to make it mine to use in my country is that easy?

  • @Pato_YT_
    @Pato_YT_ 2 ปีที่แล้ว +2

    Please what’s the text editor you used ??

  • @xafahpodraza6062
    @xafahpodraza6062 2 ปีที่แล้ว +1

    never subbed so quick b4.

  • @daniseflores
    @daniseflores 2 ปีที่แล้ว +1

    Does this apply to all websites? I tried doing it to one but I can't find the html code unless I click on the "view page source" instead.

  • @brothersINtawheed
    @brothersINtawheed ปีที่แล้ว

    Hey, I am pretty much behind with my task to publish an eCommerce site..
    Kindly share an updated link of the video where you have shared the same..
    Thank You.

  • @aldisilvia
    @aldisilvia 3 ปีที่แล้ว +4

    Hello thank you for the video. I have been trying for several mounts to learn coding and i believe this is the best way to learn it faster. Please let me know if you have any online courses thank you.

    • @codecademy
      @codecademy  3 ปีที่แล้ว +2

      Hello! You can check out our course catalog here: www.codecademy.com/catalog

  • @manoharchoudhary2682
    @manoharchoudhary2682 2 ปีที่แล้ว

    thank you so much didi ap ka 4 min ka video ma hamara kam ho gaya,,Harshika is glad that you made this video and dhvani subscribes you channel, and faiz left......

  • @lashend
    @lashend 5 ปีที่แล้ว +24

    Thanks for this video! One question. WEll, two: You mentioned two videos: (1) Going from a design to a website; (2) replicating Javascript functionality from web pages. I'd like to check these out, but I don't find them either on your TH-cam channel or your website. Could you please post the links? Thank you again for the excellent video!

    • @vladarodic9683
      @vladarodic9683 5 ปีที่แล้ว +1

      replicating java is a no no

    • @dennisdustin6895
      @dennisdustin6895 5 ปีที่แล้ว +1

      @@vladarodic9683 why?

    • @vladarodic9683
      @vladarodic9683 5 ปีที่แล้ว +12

      Dennis Dustin everybody will know that is not yours.
      Just copy your html and css.
      All footprints are in js

  • @archanakumari1482
    @archanakumari1482 4 ปีที่แล้ว +1

    Thankyou so much for this video .......badly needed one...Love from India..

  • @talktoakam
    @talktoakam 3 ปีที่แล้ว +1

    Hi, how to translate a website or make a site multilingual from the source code

  • @m1-gg5qz
    @m1-gg5qz 3 ปีที่แล้ว +1

    Video is good, but I think developing a section is faster than copying from other websites and spending time to understand other developer code.

  • @abdifatahmoh
    @abdifatahmoh 5 ปีที่แล้ว +2

    What about if the website is been built one of the CSS frameworks and I don't know any framework?

    • @jonjones2225
      @jonjones2225 5 ปีที่แล้ว

      Abdifatah Ali do you know now?

    • @dariagrebenyuk8203
      @dariagrebenyuk8203 5 ปีที่แล้ว

      Don't all of them convert to plain CSS after all?

  • @edwinreyes3998
    @edwinreyes3998 2 ปีที่แล้ว +1

    what are the legalities of this? Like this seems too convenient...

  • @akifedar6231
    @akifedar6231 4 ปีที่แล้ว +4

    Hi Maggie,
    I find the information useful for webpage designers students like me who knows html and css but not javascript or python yet.
    thanks
    Akife

  • @scrambledwords7722
    @scrambledwords7722 3 ปีที่แล้ว +1

    Hey
    I tried this and it seems pretty easy but i couldn't find the css file where there s the css cpde for Microsoft website
    Idk maybe the name of the file is different so what should i do to get it?

  • @anupkaushik9370
    @anupkaushik9370 2 ปีที่แล้ว +3

    A valuable tutorial and i really appreciate for clear explanation with example

  • @alexxbloomofficial
    @alexxbloomofficial 4 ปีที่แล้ว +2

    how you determined that its style.css

  • @king0vdarkness
    @king0vdarkness ปีที่แล้ว

    May I ask if you have videos on publishing websites?

  • @victorpaulson5712
    @victorpaulson5712 ปีที่แล้ว

    So what about the other external links in the html code what do we do about them ?

  • @josephemris
    @josephemris 5 ปีที่แล้ว +44

    Wow! thanks a bunch

    • @justiceikomi
      @justiceikomi 2 ปีที่แล้ว +1

      It's been 3 years bro, hope you still haven't used it for forces of evil 😅

    • @josephemris
      @josephemris 2 ปีที่แล้ว +1

      @@justiceikomi not yet 😅

    • @gardenwaster
      @gardenwaster 2 ปีที่แล้ว +1

      I'm booked in for 2025

    • @josephemris
      @josephemris 2 ปีที่แล้ว +1

      @@gardenwaster keep us posted on that

    • @munawwarshaikh8010
      @munawwarshaikh8010 2 ปีที่แล้ว +1

      It's not a crime if nobody saw it - Darth Vader

  • @orlandogarduno1
    @orlandogarduno1 2 ปีที่แล้ว +1

    amazing, is it working on JS (copy js )?

  • @tonyruiz8729
    @tonyruiz8729 3 ปีที่แล้ว +1

    Right click in a website > Save as..., 3 seconds

  • @clayburkhead7992
    @clayburkhead7992 ปีที่แล้ว

    Hello, I'm trying to copy the elements from my new tab page using the New Tab Studio Chrome extension so I can reference a local file for a screensaver plugin I have on my macbook. I have copied everything in the inspect element panel for index.html and main.css but nothing loads when I open it in Chrome. Is there a reason this won't work locally? Thanks for a great video!

  • @ryantoth531
    @ryantoth531 3 ปีที่แล้ว

    hmm I don't have a spot for index.. when copying the HTML do I have to copy each folder.

  • @doneilchapman1542
    @doneilchapman1542 ปีที่แล้ว

    Thank you, Maggie! You're really good teacher.

  • @jokkiossaka3306
    @jokkiossaka3306 4 ปีที่แล้ว +2

    You can't copy the php files... only html and css

  • @abdulsalam1696
    @abdulsalam1696 3 ปีที่แล้ว

    Love you ❤️
    Your explanation is very clean your voice is calm

  • @Calaneet
    @Calaneet 3 ปีที่แล้ว +1

    Thank you for your tutorial. Can a company's website know if it has been copied or has tried to be copied? Without the cloned / copycat site being launched, of course.

    • @chigozieobialor1245
      @chigozieobialor1245 3 ปีที่แล้ว

      Yes it will know if it was plagiarised but if you edit the class, id, function name etc then it won't. They have a copyright to their website therefore it is an offence to plagiarise their work.

  • @ln5757
    @ln5757 3 ปีที่แล้ว +1

    what about the images though?

  • @king0vdarkness
    @king0vdarkness ปีที่แล้ว

    legally, can I clone a website and then edit it to make it my own live website? Would I just have to change the javascript to make it my own?

  • @AkbarHossain-o4u
    @AkbarHossain-o4u 6 หลายเดือนก่อน

    When I go to open file & search then I cannot find index or style.css

  • @ovskihouse5271
    @ovskihouse5271 2 ปีที่แล้ว +2

    Thanks a lot, im newbie in developing that well help me.

  • @MrOuzin91
    @MrOuzin91 2 ปีที่แล้ว +2

    very helpful and comprehensive. thanksss

  • @RestaurantSeatingDesigner
    @RestaurantSeatingDesigner 5 ปีที่แล้ว +1

    I use a PC.. can you make one for PC.
    I only have note book. Is there a better one?

  • @workethicbrand
    @workethicbrand 3 ปีที่แล้ว +1

    THANK YOU SOOOO MUCH FAM! MUCH APPRECIATED!!!! '''''''WOW''''''' TRULY IS THE WORD TO DESCRIBE THIS ASSISTANCE!!

  • @4BroGame
    @4BroGame 4 หลายเดือนก่อน

    Hey maggie I cloned a website and now I am opening that website code in vs code editor but after doing the necessary editing only text is changing not the images. Like I am putting my image URL on the place of website image URL but after saving it and opening it with live server the preview is showing me the images of cloned website not mine and in inspect element it is showing the image code of cloned website not mine why. I am trying from 6 hours and nothing is works for me. Will you plz tell me how can I change the images and edit it.

  • @CommDao
    @CommDao 3 ปีที่แล้ว

    Is it preferred to copy from Inspector instead of right clicking the page, viewing page source, and copying the HTML/CSS from that?

    • @w0mblemania
      @w0mblemania 3 ปีที่แล้ว +1

      No. It's much easier just to view the page source and click on the CSS links.
      You don't have to go through all this copy and pasting stuff at all.

  • @Ryan12458
    @Ryan12458 5 ปีที่แล้ว +9

    7:50 How were you able to automatically change the css from one big chunk to properly formatted?

    • @shivenverma
      @shivenverma 4 ปีที่แล้ว +7

      Ryan124 She/He saves the file as a .css, which allowed the editor to read it as a css, thus formatting the file.

  • @Seth.Chatterley
    @Seth.Chatterley 8 หลายเดือนก่อน

    How do I display the website on local with my IP address?

  • @SIRA063
    @SIRA063 2 ปีที่แล้ว

    i tried doing this, what appeared on my screen was nothing like the site.

  • @miloszivkovic6922
    @miloszivkovic6922 3 ปีที่แล้ว

    Hm, will main file execute original commands when you type something from cloned file?

  • @thefanofnone
    @thefanofnone 2 ปีที่แล้ว +2

    This is not actually cloning anything. Most of that HTML was generated using python, php, or some scripting language. What she captured was just a snapshot in time. Static HTML is basically useless unless all you want to do is mess around with CSS styles.

    • @dabesnyam29
      @dabesnyam29 9 หลายเดือนก่อน

      You sure?

  • @palmabook4152
    @palmabook4152 3 ปีที่แล้ว

    the best video never made in the internet

  • @faadra
    @faadra 3 ปีที่แล้ว +3

    Great video. Does anybody know, how to copy that css file so that it is legible and not jumbled?

    • @mozziezapper
      @mozziezapper 3 ปีที่แล้ว

      Yes

    • @andreipop9587
      @andreipop9587 3 ปีที่แล้ว +7

      Yes, in atom for instance you can install an extension called beautify which enables you to clean up jumbled code and lay it out hierachically.

  • @swtpeteswtpete1515
    @swtpeteswtpete1515 2 ปีที่แล้ว +1

    Great job but maybe 1.125x too slow.. also, when you click or right click and do Open or Open Page, viewer cannot see where or how you're doing so, nor is helped if we are on Linux , formerly Windows, and I saw you're on Mac..

  • @FraternalHouse
    @FraternalHouse 3 ปีที่แล้ว +1

    The text editor she is using is called: BRACKETS......

  • @egilala9847
    @egilala9847 7 วันที่ผ่านมา

    Thank lord there's this video, any other is just ai or other tools

  • @MukeshKumar-co5ky
    @MukeshKumar-co5ky 3 ปีที่แล้ว

    I tried this but whenever I share website with someone, then in the description it shows the description of original website not mine😐

  • @2nacademy
    @2nacademy 2 ปีที่แล้ว +1

    Thank you it was very useful

  • @IlyasChaudhary
    @IlyasChaudhary 2 ปีที่แล้ว

    Thanks Codecademy team for this nice and valuable trick for html/css coding process....

  • @smakash3317
    @smakash3317 5 ปีที่แล้ว +7

    Tnx..,for this video😍
    Love from bd

  • @aldisilvia
    @aldisilvia 3 ปีที่แล้ว

    Hi Maggie how can i find you in Codecademy?

  • @moniruzzamanmiron7602
    @moniruzzamanmiron7602 5 ปีที่แล้ว +1

    If the targeted website is online will I get online updates in my cloned one?

  • @ovskihouse5271
    @ovskihouse5271 2 ปีที่แล้ว +1

    This tutorial recommended thnks

  • @lbrahimmuhammed2296
    @lbrahimmuhammed2296 4 ปีที่แล้ว +1

    Hi Maggie thanks for the video, the web site I intend to clone, the index(HTML)code is not opening at the source, what do I do?

  • @gobrad
    @gobrad 5 ปีที่แล้ว +9

    Hi Maggie i seem a page I like on a page that has a simple mouse hover effect over video to play... although there is a simple enough way to do this and also by using a plug-in but this particular page I seen has a nice function... can you tell me how I can just copy the code and I edit myself ... thanks so much

  • @KamilKartal
    @KamilKartal 2 ปีที่แล้ว

    Thanks. Could you please tell me a way to see in the inspect section when a specific page of a website was first published and when was updated / edited? I tried to find this answer in many ways for a website but its all locked, I mean there is no such information on the pages.

  • @knightcloud8321
    @knightcloud8321 2 ปีที่แล้ว +2

    Awesome , Thank you!

  • @faroukplaysgames1450
    @faroukplaysgames1450 3 ปีที่แล้ว

    The thing is cookie clicker is blocked on my school website and i just want alle the assets including sounds, images and all javascript files so i can host cookie clicker myself on a different domain. Can anyone help me?

  • @johnsonbrown5735
    @johnsonbrown5735 3 ปีที่แล้ว +3

    Excellent Maggie👏🏼

  • @DoctorKnockBoots
    @DoctorKnockBoots 3 ปีที่แล้ว +1

    Hey Maggie,
    Are you for hire? I’d like a price quote or a project I need done. How can we talk?

    • @jazzhippie3878
      @jazzhippie3878 3 ปีที่แล้ว +1

      Im available...Good rates as well

    • @garrettstevensen2467
      @garrettstevensen2467 2 ปีที่แล้ว +1

      @@jazzhippie3878 Are you available for hire? What's your price? I need a site cloned... of course, I will need to edit it too, later.

  • @regionalrail54
    @regionalrail54 3 ปีที่แล้ว +1

    Hi Maggie, this there a script out there that will allow me to edit in Visual Editing (edit website like you are seeing it) as well as image changing. Something just like wikipedia and the feature Visual Editing when inserting more or deleting text? Cheers Maggie

  • @modernlegend_gaming
    @modernlegend_gaming 3 ปีที่แล้ว

    why dont u tell us what editor u are using and i got lost after i made the files in the chrome editor and dont know how to navigated what i did to a preview of site u just skipped this in ur video all together

  • @ryan-chase
    @ryan-chase 2 ปีที่แล้ว

    Using wget from the terminal to download *ALL* of the assets for a site (images, style sheets, etc.) with a single command is a *MUCH* better way of downloading all of a site's contents..

    • @ToddDolce
      @ToddDolce ปีที่แล้ว

      what is wget?

  • @kurdistanmtb7786
    @kurdistanmtb7786 5 ปีที่แล้ว

    didn't work for me, shows nothing but messy page, the same thing when you save the page

  • @ethanfoell7588
    @ethanfoell7588 3 ปีที่แล้ว

    What's the point of cloning a page?

  • @ceomii2802
    @ceomii2802 5 ปีที่แล้ว +1

    how I can download chrome dev toll ? after it clone. can it full customized???

  • @moniegizzleful
    @moniegizzleful ปีที่แล้ว

    This was great, thanks!

  • @PaylessTravelBurwood
    @PaylessTravelBurwood 3 ปีที่แล้ว

    Hi Maggie, thank for the nice knowledgeable video. I have my own PHP website that I need to migrate to WordPress, can I do the same way? or please advise.

  • @johnjohn430
    @johnjohn430 4 ปีที่แล้ว

    @codecademy Any Chance you could do a video of how to take a website and change it into a program on my computer? i Want to make some small changes and add some stuff to what they have but I want it to be on my computer

  • @Abu_osama_al_yemeni
    @Abu_osama_al_yemeni 2 ปีที่แล้ว +1

    ana aneek omash didnt show me how to go to academy you just cut the video there smh

  • @nwambapaschal7830
    @nwambapaschal7830 3 ปีที่แล้ว

    Ma u didn't talk about the JavaScript and php part, how can we copy and edit it

  • @ovskihouse5271
    @ovskihouse5271 2 ปีที่แล้ว +1

    I need to konw more methods to work less and smart not hard. Copy past and little modifying.
    Big thanks

  • @alohalivin556
    @alohalivin556 4 ปีที่แล้ว +1

    I just need to figure out how to read the wp code to see what someone did (I know html so well, but I can’t tell what was done by the wp code :-(

  • @byportstrader4796
    @byportstrader4796 2 ปีที่แล้ว

    What is d name of d app you’re using to clone d Twitter

  • @califaith-purpose
    @califaith-purpose 2 ปีที่แล้ว

    i need your help!

  • @miaxoxo9967
    @miaxoxo9967 ปีที่แล้ว

    I really wanna copy and paste my spinner from another site that I customized and then customize it on my site

  • @satishmaurya2089
    @satishmaurya2089 3 ปีที่แล้ว

    how to see linkedin css

  • @sulmanrasheed007
    @sulmanrasheed007 3 ปีที่แล้ว

    Thanks ma'am. It helped alot.

  • @teofilorestinc.arcamojr.6409
    @teofilorestinc.arcamojr.6409 5 ปีที่แล้ว +1

    Hi! awesome video! Please show how to embed an air plane booking form from another website to my own website.Is this possible?I would like to make sure that details on my website has updated information with regards to the actual flight schedules of the airline provider.

  • @DonComputingAus
    @DonComputingAus 2 ปีที่แล้ว

    how to export a .json file?

  • @rossmcloughlin9413
    @rossmcloughlin9413 2 ปีที่แล้ว +1

    Or you could just File | Save As

  • @i80Avery
    @i80Avery 3 ปีที่แล้ว

    I tried this step by step and still couldn't figure it out

  • @kushaltanna5569
    @kushaltanna5569 3 ปีที่แล้ว

    thanks.. i am still waiting for the js part.!

  • @NickKartha
    @NickKartha 5 ปีที่แล้ว +3

    Automating this is the first step in building semi-supervised ML tools that can generate new unique web elements. #TakeTheIdea

    • @FranAbenza
      @FranAbenza 5 ปีที่แล้ว

      What do you mean?

    • @jonjones2225
      @jonjones2225 5 ปีที่แล้ว

      Fran Abenza do you know now?

  • @yusufrazakhan2443
    @yusufrazakhan2443 2 ปีที่แล้ว +1

    really helpfull thanks

  • @Pick3World
    @Pick3World 4 ปีที่แล้ว

    are your fees to develop a website expensive ??