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
Legends are watching this to fulfill their clients demands 🤣
Highly recommended to watch at x1.25 speed
@EpicZeus
3 жыл бұрын
×1.5
@samuelbebas6381
2 жыл бұрын
0.5x she talks to fast
@avpthegreat1903
2 жыл бұрын
No at 2x
@CeeTee469
2 жыл бұрын
Thanks
@user-hg4hz9kb4c
2 жыл бұрын
×1.5 for me haha
this is a beautiful way to boost our coding skills and learn from fully functional websites and codes
@edwinreyes3998
Жыл бұрын
I'm going to dedicate entire days to just looking up website source codes!!
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
Жыл бұрын
SAME!! I had to double check to see if i was subscribed!!
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
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
Жыл бұрын
this aint reddit luh bro its called a like 😂
@mTrader1
Жыл бұрын
sometimes i do that too lol
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
2 жыл бұрын
Thanks! It worked
@kee04O
4 ай бұрын
ths!!! but what about the css file or js file. sometimes it's difficult to find it. And i just a beginner
Thank you, Maggie! You're really good teacher.
Please what’s the text editor you used ??
Anyone knows the other video she talks about? Can’t find it. Great video tw thanks!
Excellent Maggie👏🏼
A valuable tutorial and i really appreciate for clear explanation with example
How much would you charge to clone a website for someone?
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
Thank you, Maggie.
Video is good, but I think developing a section is faster than copying from other websites and spending time to understand other developer code.
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?
where is the js cloning/editing tutorial????
very helpful and comprehensive. thanksss
how you determined that its style.css
Thanks Codecademy team for this nice and valuable trick for html/css coding process....
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
3 жыл бұрын
Hello! You can check out our course catalog here: www.codecademy.com/catalog
amazing, is it working on JS (copy js )?
Thanks a lot, im newbie in developing that well help me.
@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
May I ask if you have videos on publishing websites?
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.
never subbed so quick b4.
Very useful, thank you!
Wow! thanks a bunch
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.
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?
Thank you so much! But seem like Twitter hide all html and css, I cannot read anything
Right click in a website > Save as..., 3 seconds
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.
Awesome , Thank you!
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 ?
the best video never made in the internet
Hi, how to translate a website or make a site multilingual from the source code
Thankyou so much for this video .......badly needed one...Love from India..
@charlieblinkz3238
3 жыл бұрын
Hey bro did it work?
Thank you it was very useful
thanks.. i am still waiting for the js part.!
THANK YOU SOOOO MUCH FAM! MUCH APPRECIATED!!!! '''''''WOW''''''' TRULY IS THE WORD TO DESCRIBE THIS ASSISTANCE!!
Excellent video. Very helpful.
So what about the other external links in the html code what do we do about them ?
Hm, will main file execute original commands when you type something from cloned file?
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.
Great content. Very helpful
Thanks ma'am. It helped alot.
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?
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!
This was great, thanks!
Wow! Talk about impressive.
Hi Maggie how can i find you in Codecademy?
hmm I don't have a spot for index.. when copying the HTML do I have to copy each folder.
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
7 ай бұрын
Hi austine
Ma u didn't talk about the JavaScript and php part, how can we copy and edit it
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
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.
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......
are your fees to develop a website expensive ??
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.
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?
what about the images though?
Is it preferred to copy from Inspector instead of right clicking the page, viewing page source, and copying the HTML/CSS from that?
@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.
This tutorial recommended thnks
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 :-(
Oh wow! Thank you so much sweetie. Bless you real good. Stay well!
The text editor she is using is called: BRACKETS......
Thank you so much for the video
really helpfull thanks
I tried this but whenever I share website with someone, then in the description it shows the description of original website not mine😐
When I go to open file & search then I cannot find index or style.css
I really wanna copy and paste my spinner from another site that I customized and then customize it on my site
I need to konw more methods to work less and smart not hard. Copy past and little modifying. Big thanks
How do I display the website on local with my IP address?
You can't copy the php files... only html and css
How can i contact you?
i need your help!
What is d name of d app you’re using to clone d Twitter
thank you
Can u copy backend too? If yes i can pay u
how to see linkedin css
neat-o i learned something today
Hi I want to copy my suppliers products etc into my wiz website can you help me
thanks lady
how to export a .json file?
Great video. Does anybody know, how to copy that css file so that it is legible and not jumbled?
@mozziezapper
3 жыл бұрын
Yes
@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.
what are the legalities of this? Like this seems too convenient...
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?
Or you could just File | Save As
Thanks for tips
Thanks
thanks Gabby i love you
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
4 ай бұрын
You sure?
i tried doing this, what appeared on my screen was nothing like the site.
I watched so many times
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
I tried this step by step and still couldn't figure it out
Great!