top websites to learn web development
2022.03.18
Hello everyone,I am fish skin,Today, I would like to recommend a few programming websites that are very popular recently.,I believe it can help you improve programming efficiency、Learn to program better。
Recommended by popular programming sites
Codepen
demo video:https://www.bilibili.com/video/BV1im4y1X7zb/
Foreign online front-end programming websites,Here you can find the front-end code written by many foreign gods,In addition to various page layout codes,More of a variety of fun、cool、Novel front-end animations and special effects。
(top websites to learn web development)
Like Christmas is coming,Many friends ask me if I can draw a Christmas tree with code。(top websites to learn web development)
I won't,but in this site,enter "Christmas Tree" search,You can see a variety of different styles of Christmas tree pages!Codepen fun web page
Click on the page you are interested in,You can enter the code editing page,it's here,You can modify it as you like HTML、CSS、JavaScript front-end code,And browse the running effect in real time in the bottom area,very convenient!
online editing
After editing the page,Full-screen browsing is available in the menu in the lower right corner of the web page、collect、clone、share etc.,We can also embed web pages directly into our own projects,Or download the complete code package to the local。
web page operation
Benefit from the development of front-end technology,This site provides a search item for developers、online editing、One-stop service for sharing and exporting,Allows us to easily learn other people's excellent code in the way of independent practice。
Here are a few more similar sites。
CodeSandbox
code sandbox,As the name suggests,Can help you run front-end projects in an isolated environment。
Here you can create your own sandbox based on rich templates(project),for example React、Vue、Angular、VuePress、Svelte and other common front-end frameworks:

(top websites to learn web development)
After creating the sandbox,you can edit the code online、View the effect in real time,Or share the sandbox with other friends~
online editing
JSFiddle
(top websites to learn web development)
Front-end development practice,You can also write code online、Real-time browsing effect。relative to Codepen,Personally feel that the editing experience of this website is better:(top websites to learn web development)

online editing
(top websites to learn web development)
When you see a good piece on the Internet JS code or plugin,No need to download to local anymore。Paste the code directly into JSFiddle middle,The fastest way to see the running effect。Now many front-end component libraries also use this platform,A WYSIWYG experience for developers。JSRUN
Domestic online programming website,Except for the front end,even supports up to 30 Online debugging and operation of multiple programming languages!
same Codepen Same,You can see a lot of code snippets written by others here,Download。Also save and share your code,Build your own little code collection。
download code
have to say,domestic,This site is doing pretty well,Great access speed and functional experience!
Gitpod
This platform is a bit more advanced than the sites mentioned above,it is a powerful online IDE(integrated programming environment),provided VSCode style editor,Allows you to write code online to complete development。
online IDE
Gitpod based on container technology,Can help you compile with one click、Construct、run any GitHub project,More than the front end!And each project runs in isolation from each other,Create as you go、Can be recycled anytime after use,very flexible。
If you fancy one GitHub project,I don't want to build various environments locally to see how it works,Then the best way is to use Gitpod to build and execute online。Now there are more and more GitHub Project is connected Gitpod,Just see the button below,All can be deployed with one click,Greatly improve efficiency!
The above is the sharing of this issue,Help if it helps great Bar,thank you all!