How to clone a website

Поділитися
Вставка
  • Опубліковано 28 гру 2024

КОМЕНТАРІ • 257

  • @thedosolve1475
    @thedosolve1475 2 роки тому +38

    Legends are watching this to fulfill their clients demands 🤣

  • @rishabhrkabra
    @rishabhrkabra 4 роки тому +354

    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!!

  • @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

  • @Erin-l5b
    @Erin-l5b 14 днів тому

    YOu just made HTML css and javascript understandable for me. Thank you

  • @Stallzyx
    @Stallzyx 3 роки тому +29

    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 10 місяців тому

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

  • @Pato_YT_
    @Pato_YT_ 2 роки тому +2

    Please what’s the text editor you used ??

  • @iamrobertmccormick
    @iamrobertmccormick 4 роки тому +6

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

  • @toilabanda
    @toilabanda Рік тому +1

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

  • @CoconutwCoco
    @CoconutwCoco 2 роки тому +1

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

  • @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 ?

  • @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.

  • @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......

  • @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?

  • @God_of_Kiwi
    @God_of_Kiwi 3 роки тому +2

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

  • @alexxbloomofficial
    @alexxbloomofficial 4 роки тому +2

    how you determined that its style.css

  • @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!!

  • @orlandogarduno1
    @orlandogarduno1 2 роки тому +1

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

  • @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.

  • @uhbot223
    @uhbot223 5 років тому +63

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

  • @king0vdarkness
    @king0vdarkness 2 роки тому

    May I ask if you have videos on publishing websites?

  • @CDeliciousness
    @CDeliciousness 2 роки тому +1

    Now THIS is how you do a how-to video!

  • @talktoakam
    @talktoakam 3 роки тому +1

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

  • @victorpaulson5712
    @victorpaulson5712 Рік тому

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

  • @clayburkhead7992
    @clayburkhead7992 2 роки тому

    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.

  • @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.

  • @anupkaushik9370
    @anupkaushik9370 2 роки тому +3

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

  • @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?

  • @xafahpodraza6062
    @xafahpodraza6062 2 роки тому +1

    never subbed so quick b4.

  • @archanakumari1482
    @archanakumari1482 4 роки тому +1

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

  • @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.

  • @tonyruiz8729
    @tonyruiz8729 3 роки тому +1

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

  • @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

  • @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.

  • @aldisilvia
    @aldisilvia 3 роки тому

    Hi Maggie how can i find you in Codecademy?

  • @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.

  • @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

  • @AkbarHossain-o4u
    @AkbarHossain-o4u 6 місяців тому

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

  • @4BroGame
    @4BroGame 5 місяців тому

    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.

  • @miloszivkovic6922
    @miloszivkovic6922 3 роки тому

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

  • @ln5757
    @ln5757 3 роки тому +1

    what about the images though?

  • @RestaurantSeatingDesigner
    @RestaurantSeatingDesigner 5 років тому +1

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

  • @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 UA-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

  • @abdifatahmoh
    @abdifatahmoh 5 років тому +2

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

  • @MrOuzin91
    @MrOuzin91 2 роки тому +2

    very helpful and comprehensive. thanksss

  • @palmabook4152
    @palmabook4152 3 роки тому

    the best video never made in the internet

  • @ovskihouse5271
    @ovskihouse5271 2 роки тому +2

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

  • @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

  • @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

  • @doneilchapman1542
    @doneilchapman1542 Рік тому

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

  • @abdulsalam1696
    @abdulsalam1696 3 роки тому

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

  • @philldaking5096
    @philldaking5096 4 роки тому +1

    at 6:41 when you pasted the source code from google chrome developer, are you using SUBLIME to edit? I am new to this.

  • @J-AID
    @J-AID 2 роки тому

    How can i contact you?

  • @workethicbrand
    @workethicbrand 3 роки тому +1

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

  • @moniruzzamanmiron7602
    @moniruzzamanmiron7602 5 років тому +1

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

  • @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?

  • @smakash3317
    @smakash3317 5 років тому +7

    Tnx..,for this video😍
    Love from bd

  • @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

  • @Seth.Chatterley
    @Seth.Chatterley 9 місяців тому

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

  • @jokkiossaka3306
    @jokkiossaka3306 4 роки тому +2

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

  • @egilala9847
    @egilala9847 Місяць тому

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

  • @johnsonbrown5735
    @johnsonbrown5735 3 роки тому +3

    Excellent Maggie👏🏼

  • @edwinreyes3998
    @edwinreyes3998 2 роки тому +1

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

  • @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

  • @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.

  • @knightcloud8321
    @knightcloud8321 2 роки тому +2

    Awesome , Thank you!

  • @nwambapaschal7830
    @nwambapaschal7830 4 роки тому

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

  • @Pick3World
    @Pick3World 4 роки тому

    are your fees to develop a website expensive ??

  • @king0vdarkness
    @king0vdarkness 2 роки тому

    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?

  • @2nacademy
    @2nacademy 3 роки тому +1

    Thank you it was very useful

  • @IlyasChaudhary
    @IlyasChaudhary 2 роки тому

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

  • @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.

  • @ovskihouse5271
    @ovskihouse5271 2 роки тому +1

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

  • @ceomii2802
    @ceomii2802 5 років тому +1

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

  • @ovskihouse5271
    @ovskihouse5271 2 роки тому +1

    This tutorial recommended thnks

  • @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.

  • @FraternalHouse
    @FraternalHouse 3 роки тому +1

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

  • @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😐

  • @califaith-purpose
    @califaith-purpose 2 роки тому

    i need your help!

  • @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..

  • @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..

  • @DUBCITYHUSTLR
    @DUBCITYHUSTLR 3 роки тому

    Hi I want to copy my suppliers products etc into my wiz website can you help me

  • @DonComputingAus
    @DonComputingAus 2 роки тому

    how to export a .json file?

  • @byportstrader4796
    @byportstrader4796 2 роки тому

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

  • @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

  • @SIRA063
    @SIRA063 2 роки тому

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

  • @connieiloh7468
    @connieiloh7468 4 роки тому +2

    This is good for starters like me. I will try it out. Thank you Maggie. I wish I have you live every day for my everyday questions when stock. Thanks again.

  • @moniegizzleful
    @moniegizzleful Рік тому

    This was great, thanks!

  • @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.

  • @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?

  • @kushaltanna5569
    @kushaltanna5569 3 роки тому

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

  • @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.

  • @moonraker2114
    @moonraker2114 2 роки тому

    Oh wow! Thank you so much sweetie. Bless you real good. Stay well!

  • @satishmaurya2089
    @satishmaurya2089 3 роки тому

    how to see linkedin css

  • @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

  • @yusufrazakhan2443
    @yusufrazakhan2443 3 роки тому +1

    really helpfull thanks

  • @kurdistanmtb7786
    @kurdistanmtb7786 5 років тому

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

  • @NickKartha
    @NickKartha 5 років тому +3

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