Vývoj FrontEnd: CodePen nebo Sublime Text?

CodePen nebo vznešený text?
CodePen nebo Sublime Text? Pokud mluvíme o webovém programování, název HTML, CSS a JavaScript k nám přijde hned. Existuje několik způsobů, jak se tam dostat. Dokonce, pokud otevřeme poznámkový blok, můžeme se pustit do psaní „html“. Je pravda, že abyste viděli výsledek toho, co programujete z podložky, budete potřebovat pracný postup, abyste si všimli pokroku.

Tyto stránky jsou hlavní hřiště pro vývojáře aplikací pro uživatele dne. Chcete-li se dozvědět více o výhodách a nevýhodách těchto programů, budeme je v tomto článku podrobně analyzovat (alespoň vše, co víme). Jak vždy říkám, určitě tu někteří z vás toto téma znají víc. Pokud ano, uveďte vše, co nám zde uniká. Budeme rádi diskutovat!

Dnes budeme analyzovat CodePen, JSBin, Plunkr, sublime, CSSDeck, Dabblet a LiveWeave. Které jsou v tomto prostředí nejznámější a nejpoužívanější nástroje. Je jich samozřejmě více.

Ale pro všechny z vás, kteří neví, o čem je FrontEnd nebo BackEnd, vysvětlíme si trochu. Front-End nebo rozhraní je vizuální část, kterou bude navigující uživatel moci vidět na webu. BackEnd bude část, kterou řídí správce webu. Pokud v programování zadáte kód pomocí nástroje, který zobrazuje výsledek současně, bude se tomu říkat front-end.

CodePen

Pro mnohé nejúplnější nástroj ze všeho, o čem mluvíme. Používá se jako webový nástroj, který komunitě nejblíže ukáže vaši práci. Druh Youtube od programátora. V tomto článku můžete vidět práci programátorů přidružených k webu a kontaktovat je v případě zájmu, zobrazit jejich profil, sledovat je v sítích nebo se dokonce přihlásit k odběru jejich kanálu a zobrazit všechny jejich budoucí projekty.

Prezentace obsahu, podpora a klávesové zkratky

Prezentace CodePen je nejzajímavějšíProtože pouhými několika kliknutími můžete tento proces okamžitě projít. S velmi dobře oddělenými řádky html, css a javascript. Kromě vizuální části, kterou můžete prokládat nahoru a dolů, abyste jasně viděli svůj pokrok. Pomáhá tak dobře rozlišovat každý jazyk. Něco, co se hodí novějším programátorům.

Vaše webová podpora, je snesitelnější, když chcete začít používat něco, co moc dobře nevíme. To neznamená, že je to pro vás lepší, záleží to na potřebách, které máme. Ale ano, trochu se seznámit s prostředím, než se zavážete nainstalovat cokoli na počítač „neznámého“ původu.

Pokud jste jedním z těch, kteří jsou zvyklí používat CASI při práci zcela klávesnice, CodePen pro vás bude skvělý. Je třeba dalších nástrojů Pluginy umět používat klávesové zkratky k vyplnění prostředí. Díky tomu je práce trochu nepohodlnější (i když stejně efektivní po instalaci). CP. standardně integruje systém, díky kterému vyplníte stejné řádky kódu, které se opakují, jako by to mohlo být v seznamu. Napíšete, jak chcete, aby se seznam zobrazil, a kliknete na kartu.

Verze Pro také umožňuje mnohem více možností za cenu 9,00 EUR za základní balíček až 29,25 EUR za balíček „Super“. Umět aktualizovat na několika zařízeních současně to, co děláme na jednom. Také režim spolupráce, „režim učitele“ atd. Využijte, pokud chcete zde.

JSBin

JSBin je nástroj, který bychom mohli kvalifikovat jako přímý. Vzhledem k tomu, že jakmile přejdete na svou webovou doménu, bude připravena bez prodlení začít se zpracováním vašeho dalšího projektu. A ačkoli jeho první představení není příliš atraktivní, je pohodlné.

JSBin je jednoduchý, se základní strukturou vytvořenou v html, abyste neztráceli čas, budete se pro dokončení práce střídat mezi různými jazyky. Nejprve je to HTML, pak CSS, Javascript a nakonec vaše práce vizuálně. A i když se to zdá být obtížnější, budete mít stejné typy zkratek, aniž byste něco instalovali. Přímo z prohlížeče.

Zjistil jsem však, že je nepohodlné správně zobrazit kód, jakmile je skrytý kvůli následným sloupcům. Vzhledem k tomu, s notebookem, musíte se vzdát nebo dolů s trackpad a není moc tekutý.

Má pouze dvě splátky, bezplatné nebo placené. To je o něco dražší než CodePen, i když pokud ho platíte ročně, je to výhodnější, pokud můžete zaplatit 120 EUR.

ČSSDeck

ČSSDeck
Pracovní prostředí ČSSDeck se liší od výše uvedeného. Rozdělený pouze do dvou sloupců, vizuálního kódu, pracuje CSSDeck se 3 řádky dolů, pomocí kterých rozděluje různé typy jazyka. S prezentací v podobě sociální sítě a čistšího pracovního prostředí ve světlé barvě. Vypadá to jako jednoduchý nástroj. I když to někdy neznamená, že je to negativní.

S více než šedesáti tisíci registrovaných uživatelů a více než dvě stě padesáti tisíci vytvořených projektů nebude hledání a hledání toho, co chcete, obtížné. Jazyk jako vždy, pokud to může být nepříjemné pro ty, kteří neumí anglicky, ale v tomto sociální síť Obrázek je velmi důležitý, takže si nemyslím, že je to velká výzva.

Plunkr

Plunkr je to nejméně atraktivní nástroj, se kterým jsem se zatím setkal. Prezentace je aglutinována ve zprávách a bez obrázků. Načítání obsahu je pomalé a na první pohled není příliš užitečné. Díky seřazení podle data může být každý plán, bez ohledu na to, jak jednoduchý, na první pozici. Chcete-li vidět něco zajímavějšího, měli byste přejít na kartu s nápisem: «Nejsledovanější«. To znamená, že pokud jste jej dosud s Google nepřeložili.

Řekněte také, že podle webu jsou ve verzi 1.0.0. To tedy vysvětluje něco málo o designu, prezentaci a možných chybách, které najdete při procházení webu.

Výhodou je, že vám dojdou nápady, nebudete muset opustit nebo otevřít jinou kartu v Plunkr, protože přímo z pravého postranního panelu můžete chodit s dalšími projekty a okamžitě je zobrazit. To vám usnadní shromažďování rychlých nápadů a jejich současné použití ve vašem projektu.

Dabblet

Dabblet je to jednoduchý nástroj, do kterého vstoupíte a vytvoříte. I když se můžete zaregistrovat a mít své uživatelské jméno prostřednictvím GitHubu, na webu to moc nevyniká. S pozadím ve žlutém až červeném přechodu, ve vizuální části a bílým pozadím v části kódu (jak je běžné), je prezentován projekt Dabblet, i když ho můžete změnit na kartě CSS. Pro mě je lepší nechat to prázdné, protože ten gradient vše, co dává, je málo život a

Při úpravách můžete konfigurovat zobrazené karty snadno. I když chcete přepnout na sloupce nebo řádky pro pohodlné prohlížení v závislosti na osobě, která úpravy provádí. Změna velikosti písma, uložení jako anonymní bez registrace nebo ověření kódu HTML jsou další možnosti, které Dabblet nabízí na první pohled. Ačkoli to není první možnost, kterou bych si vybral, může to být zohlednění v budoucích verzích, pokud budou aktualizovány.

Jedna z věcí, která se mi líbila nejméně, ale která se může líbit skvělým programátorům, je ta nemáte možnost tabulovat štítek a nechat ho psát sám. To znamená, vložte HTML, klikněte na kartu a automaticky napište „html“ a „/ html“. Něco, co v ostatních aplikacích, pokud je hotovo.

LiveWeave

živá vazba
LiveWeave Je velmi podobný ostatním, nemá nic, co by ostatní nemohli nabídnout z hlediska užitečnosti. Na tomto projektu zdůrazňujeme jeho design, tmavou barvu podobnou CodePen, ale se čtvercovou distribucí. Umět měnit velikost podle chuti. K dispozici je také režim mazání a «z řady« kde se kód, který upravíte, ve vizuálu neprojeví, dokud jej neaktivujete. Není to funkce, kterou považuji za velmi užitečnou, jako designér je důležité vždy vidět, co upravujete v reálném čase, ale někdo to určitě najde. A i když se jako vždy můžete zaregistrovat, uživatel nemá vedoucí roli. Protože i když se nezaregistrujete, můžete svůj projekt uložit.

Sublime Text

Tento nástroj Je to naprosto odlišné od toho, co jste zatím viděli v analýze. Sublime Text není jako webový zdroj, ale jako aplikace. Na jedné straně je určitě užitečnější mít jej na ploše. Zejména kvůli možným pádům nebo zamrznutí internetu kvůli přebytku a možné ztrátě práce. Na druhou stranu to není tak vizuální nástroj jako ty předchozí. Kromě toho, že nemáme možnost komunity sdílet projekty.

Tady je všechno od nuly. Musíte vytvořit záložky, abyste umístili řádky kódu a přejmenovali je, abyste věděli, který z nich je. Pokud je první HTML, druhý CSS ... nebo naopak. Také nemá žádné zkratky pro to, jaké to bude zcela manuální, s výjimkou uvozovek.

Závěr

Všechny programy jsou podobné s určitými osobními dotyky každé společnosti, které vedou k tomu, že v nich budou klady a zápory. Každý si vybere ten, který mu nejlépe vyhovuje, moje doporučení je použít CodePen nebo CSSDeck pro prostředí a sociální síť, kterou zpracovává. Pokud se vám ale líbil další, zanechte komentář a vysvětlete své důvody, budou určitě užitečné.


Obsah článku se řídí našimi zásadami redakční etika. Chcete-li nahlásit chybu, klikněte zde.

Buďte první komentář

Zanechte svůj komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

*

*

  1. Odpovědný za údaje: Miguel Ángel Gatón
  2. Účel údajů: Ovládací SPAM, správa komentářů.
  3. Legitimace: Váš souhlas
  4. Sdělování údajů: Údaje nebudou sděleny třetím osobám, s výjimkou zákonných povinností.
  5. Úložiště dat: Databáze hostovaná společností Occentus Networks (EU)
  6. Práva: Vaše údaje můžete kdykoli omezit, obnovit a odstranit.