Hello everyone, I am Yu PI, today I recommend you a few very popular programming websites recently, I believe that can help you improve the efficiency of programming, better learning programming.
Recommended by popular programming website
Codepen
Demo video: www.bilibili.com/video/BV1im…
Foreign online front-end programming website, here you can find a lot of front-end code written by foreign gods, in addition to a variety of web page layout code, more is a variety of fun, cool, novel front-end animation and special effects.
For example, as Christmas is coming, many friends ask me if I can draw a Christmas tree with code.
I wouldn’t, but in this website, type in “Christmas Tree” and you’ll see pages with different Christmas Tree styles.
Click on the page you see, you can enter the code edit page, here, you can modify HTML, CSS, JavaScript front-end code, and at the bottom of the area real-time viewing the running effect, very convenient!
After editing the web page, you can browse, favorites, clone, share, etc. in the menu at the bottom right corner of the web page. You can also directly embed the web page into our own project, or download the complete code package to the local.
Thanks to the development of front-end technology, the site provides a one-stop service for developers to search for projects, edit online, and share exports, making it easy for us to learn other people’s excellent code in a self-directed way.
Here are a few more similar sites.
CodeSandbox
The code sandbox, as the name suggests, helps you run front-end projects in an isolated environment.
Here you can create your own sandbox based on rich templates such as React, Vue, Angular, VuePress, Svelte, and other common front-end frameworks:
Once you’ve created the sandbox, you can edit your code online, view it in real time, or share it with others
JSFiddle
Front-end development of the driving range, but also online code, real-time browsing effect. Compared to Codepen, I feel the editing experience of this site is better:
When you see a nice piece of JAVASCRIPT code or plug-in online, you don’t have to download it locally. Paste your code directly into JSFiddle, and you’ll see what’s working in the fastest way possible. Many front-end component libraries now use this platform to give developers a WYSIWYG experience.
JSRUN
Domestic online programming website, in addition to the front-end, even support up to more than 30 programming languages online debugging and running!
As with Codepen, you can see many snippets of code written by others here, directly downloaded. You can also save and share your code and build your own little collections of code.
Have to say, in the country, this website is done quite well, access speed and functional experience are great!
Gitpod
This platform is a bit more advanced than the sites mentioned above. It is a powerful online IDE (integrated programming environment) that provides a VSCode style editor that allows you to write code online to complete development.
Based on container technology, Gitpod can help you build, build, and run any GitHub project with one click, not just the front end! And the operation of each project is isolated from each other, create as you use, can be recycled at any time after use, very flexible.
If you have your eye on a GitHub project and don’t want to set up various environments locally to see how it works, the best way is to build and execute it online using Gitpod. Now more and more GitHub projects have access to Gitpod. As long as you see the button in the picture below, you can deploy and run it with one click, greatly improving efficiency!
The above is this share, if there is any help, please click a “like”, thank you!
