CodePen: Daxili, Test, Paylaşın və HTML, CSS və JavaScript kəşf edin
Məzmun idarəetmə sistemi qarşısında duran bir problem, ssenari alətlərinin sınanması və istehsal edilməsidir. Əksər yayıncılar üçün bu bir tələb olmasa da, bir texnologiya nəşri olaraq, digər insanlara kömək etmək üçün zaman zaman iş skriptlərini paylaşmağı sevirəm. Necə istifadə edəcəyimi paylaşdım Şifrə gücünü yoxlamaq üçün JavaScript, necə Regular Expressions ilə e-poçt sintaksisini yoxlayın (regex) və ən son əlavə etdi onlayn icmalların satış təsirini proqnozlaşdırmaq üçün kalkulyator. Saytda onlarla vasitə əlavə edəcəyimi ümid edirəm, ancaq WordPress bu cür nəşr üçün tam əlverişli deyil ... bir inkişaf sistemi deyil, bir məzmun sistemi.
Beləliklə, kiçik skriptlərimin işləməsi üçün istifadə etməkdən zövq alıram KodPen. CodePen, HTML paneli, CSS paneli, JavaScript paneli, Konsol və nəticədə çıxan kodun dərc olunduğu səliqəli şəkildə təşkil olunmuş bir vasitədir. Mümkün olanları başa düşmək üçün elementlərin üstünə siçan vurduğunuzda hər bir paneldə məlumatlar var, həmçinin HTML, CSS və JS-lərinizin rəng kodlaşdırması, redaktə etməyinizə və yazmanıza kömək edəcəkdir.
CodePen sosial inkişaf mühitidir. Ürəyində brauzerdə kod yazmağa və qurarkən bunun nəticələrini görməyə imkan verir. Hər hansı bir bacarığı inkişaf etdirənlər üçün faydalı və azad bir onlayn kod redaktoru və xüsusən kod öyrənməyi bacaran insanlar üçün. CodePen, əsasən HTML, CSS, JavaScript və bu şeylərə çevrilən əvvəlcədən işlənən sintaksis kimi ön dillərə diqqət yetirir.
CodePen haqqında
CodePen ilə lazım olan bütün işləri edə bildim kalkulyatoru dərc edin Sayta daxil oldum. CodePen-də yaradıcılıqların əksəriyyəti ictimai və açıq mənbəlidir. Sadə bir ürəkdən, bir şərh yazmağa, çəngəlləşdirməyə və öz ehtiyacları üçün dəyişməyə qədər digər insanların və cəmiyyətin qarşılıqlı əlaqə qura biləcəyi canlılardır.
CodePen ilə işləyərkən panellərin solda, sağda və ya altda olmasını istəsəniz görünüşünüzü dəyişdirə bilərsiniz ... və ya yeni bir sekmede HTML-ə baxa bilərsiniz. Yan görünən görünüş, həssas parametrlərinizi yoxlamaq üçün inanılmaz dərəcədə yaxşı işləyir, çünki görünə bilən bölmənin ölçüsünü tənzimləyə bilərsiniz.
Hər bir iş skriptinizi Qələmlərə düzəldə bilərsiniz, onları Layihələrə birləşdirə bilərsiniz (çox fayl redaktoru) və ya hətta kolleksiyalar hazırlaya bilərsiniz. Əsasən digər müəllifləri təqib edə biləcəyiniz, dəyişdirmək üçün digər ictimai paylaşılan layihələri özünüzə çəngəlləşdirə biləcəyiniz və hətta çətinliklərlə əyləncəli şeylər etməyi öyrənə biləcəyiniz ön kod üçün işləyən bir portfel saytıdır.
GitHub Gist olaraq saxlaya, zip sənədində ixrac edə və hətta edə bilərsiniz embed belə bir məqalədə qələm:
Qələmə baxın Onlayn rəylərin proqnozlaşdırılan satış təsiri by Douglas Karr (@duglaskarr) KodPen.
Pen redaktorunun məhdudiyyətlərindən biri də kodun həddindən artıq olmasıdır. Redaktor yüzlərlə, hətta minlərlə kod sətirində yaxşı olmalı olduğundan heç vaxt bu problemlə qarşılaşa bilməzsiniz. Ancaq 5,000 - 10,000 və ya daha çox kod satırını vurmağa başladıqda, redaktorun uğursuz olmağa başladığını görəcəksiniz. Bununla yanaşı, başqa yerlərdə yerləşdirilən stil cədvəllərinə və ya JavaScript-ə xarici istinadlar əlavə edə bilərsiniz!
Sizi qeydiyyatdan keçməyinizi məsləhət görürəm. Həftəlik e-poçtlarına abunə olacaqsınız və həmçinin RSS lentinizə yem əlavə edə bilərsiniz, beləliklə yeni nəşr olunan qələmləri görə bilərsiniz. Və orada ictimai qələmləri axtarmağa və ya gəzməyə başlasanız, inanılmaz bəzi layihələr tapacaqsınız ... istifadəçilər olduqca istedadlıdırlar!
izləmək Douglas Karr Codepen-də
Ödənişli versiya CodePen Pro, əməkdaşlıq, proseslər, varlıq yerləşdirmə, xüsusi baxışlar və hətta öz domeninizlə və ya alt domeninizlə yerləşdirilmiş layihələr daxil olmaqla inkişaf etmiş funksionallıq və ya komandalar üçün bir çox əlavə xüsusiyyət təklif edir. Əlbətdə ki, CodePen, bütün komandanızın çalışa biləcəyi Github inteqrasiyası ilə əla bir anbar təmin edir. Yalnız mənim kimi sadə bir kodu sınamaq istəyirsinizsə, CodePen əvəzolunmaz bir vasitədir.
