How to clone a website

If you want to practice your website-making skills, you don't always have to start from scratch to find ideas and write boilerplate. With a little knowledge of HTML and CSS, you can get a head-start by cloning an existing site. Just make sure you use these powers for the forces of good, not evil.
Learn HTML and CSS with Codecademy: j.mp/3vLga3G
- - - - -
Join the millions learning to code with Codecademy.
Learn to code: j.mp/3xS4X2X
Check out our full course catalog: j.mp/3elYPIL

Пікірлер: 252

  • @thedosolve1475
    @thedosolve14752 жыл бұрын

    Legends are watching this to fulfill their clients demands 🤣

  • @rishabhkabra2271
    @rishabhkabra22713 жыл бұрын

    Highly recommended to watch at x1.25 speed

  • @EpicZeus

    @EpicZeus

    3 жыл бұрын

    ×1.5

  • @samuelbebas6381

    @samuelbebas6381

    2 жыл бұрын

    0.5x she talks to fast

  • @avpthegreat1903

    @avpthegreat1903

    2 жыл бұрын

    No at 2x

  • @CeeTee469

    @CeeTee469

    2 жыл бұрын

    Thanks

  • @user-hg4hz9kb4c

    @user-hg4hz9kb4c

    2 жыл бұрын

    ×1.5 for me haha

  • @ulrikmagana
    @ulrikmagana3 жыл бұрын

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

  • @edwinreyes3998

    @edwinreyes3998

    Жыл бұрын

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

  • @cobay861
    @cobay8615 жыл бұрын

    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

    Жыл бұрын

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

  • @akifedar6231
    @akifedar62313 жыл бұрын

    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

  • @liemeister9593
    @liemeister95932 жыл бұрын

    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

    Жыл бұрын

    this aint reddit luh bro its called a like 😂

  • @mTrader1

    @mTrader1

    Жыл бұрын

    sometimes i do that too lol

  • @Stallzyx
    @Stallzyx3 жыл бұрын

    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

    2 жыл бұрын

    Thanks! It worked

  • @kee04O

    @kee04O

    4 ай бұрын

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

  • @doneilchapman1542
    @doneilchapman154210 ай бұрын

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

  • @Pato_YT_
    @Pato_YT_2 жыл бұрын

    Please what’s the text editor you used ??

  • @CoconutwCoco
    @CoconutwCoco Жыл бұрын

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

  • @johnsonbrown5735
    @johnsonbrown57353 жыл бұрын

    Excellent Maggie👏🏼

  • @anupkaushik9370
    @anupkaushik93702 жыл бұрын

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

  • @iamrobertmccormick
    @iamrobertmccormick3 жыл бұрын

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

  • @regionalrail54
    @regionalrail543 жыл бұрын

    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

  • @sabuein
    @sabuein3 жыл бұрын

    Thank you, Maggie.

  • @m1-gg5qz
    @m1-gg5qz3 жыл бұрын

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

  • @lbrahimmuhammed2296
    @lbrahimmuhammed22963 жыл бұрын

    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?

  • @God_of_Kiwi
    @God_of_Kiwi2 жыл бұрын

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

  • @MrOuzin91
    @MrOuzin912 жыл бұрын

    very helpful and comprehensive. thanksss

  • @alexxbloomofficial
    @alexxbloomofficial4 жыл бұрын

    how you determined that its style.css

  • @IlyasChaudhary
    @IlyasChaudhary Жыл бұрын

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

  • @aldisilvia
    @aldisilvia3 жыл бұрын

    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 жыл бұрын

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

  • @orlandogarduno1
    @orlandogarduno12 жыл бұрын

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

  • @ovskihouse5278
    @ovskihouse52782 жыл бұрын

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

  • @johnjohn430
    @johnjohn4303 жыл бұрын

    @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

  • @king0vdarkness
    @king0vdarkness Жыл бұрын

    May I ask if you have videos on publishing websites?

  • @KamilKartal
    @KamilKartal2 жыл бұрын

    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.

  • @xafahpodraza6062
    @xafahpodraza60622 жыл бұрын

    never subbed so quick b4.

  • @danielahermosillo8991
    @danielahermosillo89912 жыл бұрын

    Very useful, thank you!

  • @bb-ct8fm
    @bb-ct8fm2 жыл бұрын

    Wow! thanks a bunch

  • @PaylessTravelBurwood
    @PaylessTravelBurwood2 жыл бұрын

    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.

  • @Earth_By_Board
    @Earth_By_Board3 жыл бұрын

    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?

  • @toilabanda
    @toilabanda Жыл бұрын

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

  • @tonyruiz8729
    @tonyruiz87292 жыл бұрын

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

  • @daniseflores
    @daniseflores2 жыл бұрын

    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.

  • @knightcloud8321
    @knightcloud83212 жыл бұрын

    Awesome , Thank you!

  • @steveharrysnyc
    @steveharrysnyc2 жыл бұрын

    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 ?

  • @palmabook4152
    @palmabook41522 жыл бұрын

    the best video never made in the internet

  • @talktoakam
    @talktoakam2 жыл бұрын

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

  • @archanakumari1482
    @archanakumari14823 жыл бұрын

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

  • @charlieblinkz3238

    @charlieblinkz3238

    3 жыл бұрын

    Hey bro did it work?

  • @2nacademy
    @2nacademy2 жыл бұрын

    Thank you it was very useful

  • @kushaltanna5569
    @kushaltanna55693 жыл бұрын

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

  • @workethicbrand
    @workethicbrand2 жыл бұрын

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

  • @fusehenry
    @fusehenry4 жыл бұрын

    Excellent video. Very helpful.

  • @victorpaulson5712
    @victorpaulson57129 ай бұрын

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

  • @miloszivkovic6922
    @miloszivkovic69222 жыл бұрын

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

  • @connieiloh7468
    @connieiloh74684 жыл бұрын

    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.

  • @myabcexperts9226
    @myabcexperts9226 Жыл бұрын

    Great content. Very helpful

  • @sulmanrasheed007
    @sulmanrasheed0073 жыл бұрын

    Thanks ma'am. It helped alot.

  • @scrambledwords7722
    @scrambledwords77222 жыл бұрын

    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?

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

  • @moniegizzleful
    @moniegizzleful Жыл бұрын

    This was great, thanks!

  • @annah.1569
    @annah.15693 жыл бұрын

    Wow! Talk about impressive.

  • @aldisilvia
    @aldisilvia3 жыл бұрын

    Hi Maggie how can i find you in Codecademy?

  • @ryantoth531
    @ryantoth5312 жыл бұрын

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

  • @austinebasil7057
    @austinebasil70572 жыл бұрын

    Hi Lady Maggie! I really appreciate you for this video tutorial. I really find it very useful and all steps and your explanations where very detained. Thanks and God bless. I wish to watch more of your tutorial videos.

  • @sarahmiles5633

    @sarahmiles5633

    7 ай бұрын

    Hi austine

  • @nwambapaschal7830
    @nwambapaschal78303 жыл бұрын

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

  • @Calaneet
    @Calaneet2 жыл бұрын

    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

    2 жыл бұрын

    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.

  • @manoharchoudhary2682
    @manoharchoudhary26822 жыл бұрын

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

  • @Pick3World
    @Pick3World4 жыл бұрын

    are your fees to develop a website expensive ??

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

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

  • @ln5757
    @ln57572 жыл бұрын

    what about the images though?

  • @CommDao
    @CommDao3 жыл бұрын

    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 жыл бұрын

    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.

  • @ovskihouse5278
    @ovskihouse52782 жыл бұрын

    This tutorial recommended thnks

  • @alohalivin556
    @alohalivin5564 жыл бұрын

    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 :-(

  • @moonraker2114
    @moonraker21142 жыл бұрын

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

  • @FraternalHouse
    @FraternalHouse3 жыл бұрын

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

  • @ahmedsalman9991
    @ahmedsalman99913 жыл бұрын

    Thank you so much for the video

  • @yusufrazakhan2443
    @yusufrazakhan24432 жыл бұрын

    really helpfull thanks

  • @MukeshKumar-co5ky
    @MukeshKumar-co5ky3 жыл бұрын

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

  • @user-ht2dw7mq4s
    @user-ht2dw7mq4s27 күн бұрын

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

  • @miaxoxo9967
    @miaxoxo9967 Жыл бұрын

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

  • @ovskihouse5278
    @ovskihouse52782 жыл бұрын

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

  • @Seth.Chatterley
    @Seth.Chatterley3 ай бұрын

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

  • @jokkiossaka3306
    @jokkiossaka33064 жыл бұрын

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

  • @J-AID
    @J-AID2 жыл бұрын

    How can i contact you?

  • @devettam
    @devettam Жыл бұрын

    i need your help!

  • @byportstrader4796
    @byportstrader47962 жыл бұрын

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

  • @asifhossain2088
    @asifhossain20883 жыл бұрын

    thank you

  • @tanishsharma3929
    @tanishsharma39293 жыл бұрын

    Can u copy backend too? If yes i can pay u

  • @satishmaurya2089
    @satishmaurya20892 жыл бұрын

    how to see linkedin css

  • @bajaclaws
    @bajaclaws4 жыл бұрын

    neat-o i learned something today

  • @DUBCITYHUSTLR
    @DUBCITYHUSTLR3 жыл бұрын

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

  • @aryashrestha6601
    @aryashrestha66013 жыл бұрын

    thanks lady

  • @DonComputingAus
    @DonComputingAus2 жыл бұрын

    how to export a .json file?

  • @faadra
    @faadra3 жыл бұрын

    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 жыл бұрын

    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.

  • @edwinreyes3998
    @edwinreyes3998 Жыл бұрын

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

  • @faroukplaysgames1450
    @faroukplaysgames14502 жыл бұрын

    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?

  • @rossmcloughlin9413
    @rossmcloughlin94132 жыл бұрын

    Or you could just File | Save As

  • @treemanzoneskullyajan711
    @treemanzoneskullyajan711 Жыл бұрын

    Thanks for tips

  • @xbeast7585
    @xbeast7585 Жыл бұрын

    Thanks

  • @cbmage
    @cbmage8 ай бұрын

    thanks Gabby i love you

  • @jdweaver696
    @jdweaver6962 жыл бұрын

    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

    4 ай бұрын

    You sure?

  • @SIRA063
    @SIRA0632 жыл бұрын

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

  • @i80Avery
    @i80Avery2 жыл бұрын

    I watched so many times

  • @modernlegend_gaming
    @modernlegend_gaming2 жыл бұрын

    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

  • @i80Avery
    @i80Avery2 жыл бұрын

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

  • @ignaciojavierkairuzeguia599
    @ignaciojavierkairuzeguia5993 жыл бұрын

    Great!