CodePen: Built, Test, Share an Entdeckt HTML, CSS a JavaScript

Codepen: Bauen, Testen an Entdeckt Front-End Code

Eng Erausfuerderung mat engem Content Management System ass Testen a produzéiert Skriptinstrumenter. Och wann dat net e Bedierfnes fir déi meescht Verëffentlecher ass, als Technologiepublikatioun, deelen ech gär Scripte schaffen heiansdo fir aner Leit ze hëllefen. Ech hu gedeelt wéi Dir et benotzt JavaScript fir Passwuertstäerkt ze kontrolléieren, wéi kontrolléieren E-Mail Adress Syntax mat Regular Expressions (Regex), a kierzlech dëst bäigefüügt Rechner fir de Verkafsimpakt vun Online Bewäertungen virauszesoen. Ech hoffen Dosende vun Tools op de Site derbäizefügen awer WordPress ass net grad förderlech fir esou ze publizéieren ... et ass en Inhaltsystem, net en Entwécklungssystem.

Also, fir meng kleng Skripte funktionnéieren ze loossen, genéissen ech et ze benotzen CodePen. CodePen ass e proppert organiséiert Tool mat engem HTML Panel, engem CSS Panel, engem JavaScript Panel, Konsol, an engem publizéierte vum entsteetene Code. All Panel huet Informatioun wann Dir Elementer maust, fir datt Dir verstitt wat méiglech ass, souwéi Faarfkodéierung vun Ärem HTML, CSS a JS fir Iech z'änneren an ze schreiwen méi einfach.

CodePen ass e sozialt Entwécklungsëmfeld. A sengem Häerz erlaabt et Iech Code am Browser ze schreiwen, an d'Resultater dovun ze gesinn wann Dir baut. En nëtzlechen a befreiende Online Code Editor fir Entwéckler vun iergendenger Fäegkeet, a besonnesch empowerend fir Leit ze léieren ze codéieren. CodePen konzentréiert sech haaptsächlech op Front-End Sproochen wéi HTML, CSS, JavaScript, a Virveraarbechtung Syntaxen déi zu dëse Saache ginn.

Iwwer CodePen

Mat CodePen konnt ech all déi néideg Aarbecht maachen fir de Rechner publizéieren Ech hunn an de Site agebett. Déi meescht Kreatiounen op CodePen sinn ëffentlech an Open Source. Si si Liewewiesen mat deenen aner Leit an d'Communautéit interagéiere kënnen, vun engem einfachen Häerz, fir e Kommentar ze hannerloossen, fir ze forken an z'änneren fir hir eege Besoinen.

CodePen - Rechner fir de Verkafsimpakt vun Online Bewäertungen virauszesoen

Mat CodePen kënnt Dir Är Siicht änneren wann Dir wëllt datt d'Ruten op der lénkser, rietser oder ënneschter Säit sinn, wann Dir schafft ... oder d'HML an engem neie Tab gesinn. D'Säit-Säit-Säit-Sicht funktionnéiert onheemlech gutt fir Är reaktiouns Astellungen ze testen, well Dir d'Gréisst vum sichtbare Fënster upasse kënnt.

Dir kënnt all Är Arbechtsskripter a Stëfter organiséieren, kombinéiere se a Projeten (Multi-File Editor) oder souguer Sammlungen ausbauen. Et ass am Fong e funktionnéierte Portfolio Site fir Frontend Code wou Dir aner Autoren verfollegen kënnt, aner ëffentlech gedeelt Projeten an Äert eegent veränneren fir z'änneren, a souguer léieren wéi Dir Spaass Saachen duerch Erausfuerderunge maacht.

Dir kënnt als GitHub Gist späicheren, exportéieren an Zip Datei, a souguer agehale ginn de Bic an engem Artikel esou:

Kuckt de Stëft
Predicted Sales Impact Of Online Reviews
by Douglas Karr (@douglaskarr)
on CodePen.


Eng vun den Aschränkunge vum Pen Editor ass dee bloe Code Code. Dir kënnt ni iwwer dëst Thema lafen, well den Editeur soll gutt sinn mat Honnerte oder souguer Dausende vu Linnen Code. Awer wann se ufänken 5,000 - 10,000 oder méi Zeilen u Code ze schloen, da gesitt Dir den Editor fällt. Wéi och ëmmer, Dir kënnt extern Referenzen op Stylesheets bäifügen oder JavaScript anzwuesch gehost!

Ech géif Iech encouragéieren Iech unzemellen. Dir wäert op hir wöchentlech E-Mail abonnéiert sinn a kënnt och de Feed op Äre RSS-Feed derbäi sou datt Dir nei verëffentlecht Stëfter kënnt gesinn. A wann Dir ufänkt do ze sichen oder duerch déi ëffentlech Stëfter ze duerchsichen, fannt Dir e puer onheemlech Projeten ... d'Benotzer sinn zimmlech talentéiert!

Follow Douglas Karr op Codepen

Déi bezuelte Versioun, CodePen Pro, bitt eng Hellewull zousätzlech Funktiounen fir verbessert Funktionalitéit oder Teams - abegraff Zesummenaarbecht, Prozesser, Asset-Hosting, Privatvisiounen, an och ëmgesate Projete mat Ärem eegene Domain oder Ënnerdomain. An, natierlech, CodePen bitt e super Repository mat Github Integratioun wou Äre ganze Team ka schaffen. Wann Dir just e puer einfache Code testen wéi ech sinn, ass CodePen en onschätzbare Tool.

Wat denks du?

Dëse Site benotzt Akismet fir Spam ze reduzéieren. Léiert wéi Är Kommentarfaten veraarbecht ginn.