FrontEnd разработка: CodePen или Sublime Text?

CodePen или возвышенный текст?
CodePen или возвышенный текст? Если мы говорим о веб-программировании, нам сразу приходят названия HTML, CSS и JavaScript. Добраться сюда можно несколькими способами. Даже, если мы откроем блокнот, мы можем приступить к написанию "html". Это правда, что для того, чтобы увидеть результат того, что вы программируете с помощью пэда, вам потребуется трудоемкая процедура, чтобы заметить прогресс.

Эти сайты являются основными площадками для разработчиков приложений для современных пользователей.. Чтобы узнать больше о преимуществах и недостатках этих программ, мы собираемся глубоко проанализировать их в этой статье (по крайней мере, все, что мы знаем). Как я всегда говорю, некоторые из вас наверняка знают эту тему больше. Если так, прокомментируйте здесь все, что ускользает от нас. Будем рады обсудить!

Сегодня мы разберем CodePen, JSBin, Plunkr, sublime., CSSDeck, Dabblet и LiveWeave. Какие инструменты наиболее известны и наиболее часто используются в этой среде. Конечно, есть и другие.

Но для всех вас, кто не знает, что такое FrontEnd или BackEnd, давайте немного объясним. Front-End или интерфейс - это визуальная часть, которую пользователь, выполняющий навигацию, сможет увидеть в Интернете.. BackEnd будет частью, которой управляет администратор сайта. В программировании, если вы вводите код через инструмент, который одновременно отображает результат, это будет называться интерфейсом..

CodePen

Для многих самый полный инструмент всего, о чем мы говорим. Используется как веб-инструмент, который ближе всего к сообществу для демонстрации вашей работы. Типа Ютуб от программиста. Здесь вы сможете увидеть работу программистов, связанных с Интернетом, и связаться с ними, если у вас есть какой-либо интерес, увидеть их профиль, подписаться на них в сетях и даже подписаться на их канал, чтобы просматривать все их будущие проекты.

Представление контента, поддержка и сочетания клавиш

Презентация CodePen - самая интереснаяПотому что всего несколькими щелчками мыши вы можете сразу же выполнить весь процесс. С очень хорошо разделенными строками html, css и javascript. В дополнение к визуальной части, которую вы можете перемежать вверх и вниз, чтобы четко видеть свой прогресс. Таким образом помогает хорошо дифференцировать каждый язык. То, что пригодится начинающим программистам.

Ваша веб-поддержка, делает более терпимым, когда вы хотите начать использовать что-то, что мы действительно не очень хорошо знаем. Это не означает, что для вас это лучше, это зависит от наших потребностей. Но да, чтобы лучше познакомиться со средой, прежде чем устанавливать что-либо на компьютер «неизвестного» происхождения.

Если вы один из тех, кто привык пользоваться случаев полностью клавиатура, когда вы работаете, CodePen будет замечательным для вас. Другие инструменты нужны плагины чтобы иметь возможность использовать сочетания клавиш для заполнения окружения. Это делает работу немного более неудобной (хотя и такой же эффективной после установки). CP. стандартно интегрирует систему, которая заставит вас заполнять те же строки кода, которые повторяются, как это может быть в списке. Вы пишете, как должен выглядеть список, и нажимаете Tab.

Версия Pro также предлагает множество дополнительных опций по цене от 9,00 евро за базовый пакет до 29,25 евро за пакет «Супер». Возможность обновлять на нескольких устройствах одновременно, что мы делаем на одном. Также кооперативный режим, «режим учителя» и т. Д. Польза, если хочешь здесь.

JSBin

JSBin - это инструмент, который мы можем квалифицировать как прямой. Поскольку как только вы войдете в свой веб-домен, он будет готов без промедления приступить к составлению вашего следующего проекта. И хотя первая его постановка не очень привлекательна, но удобна..

JSBin прост, с базовой структурой, созданной в html, чтобы не терять время, вы будете чередовать разные языки для завершения работы. Сначала HTML, затем CSS, Javascript и, наконец, ваша работа визуально. И хотя это кажется более сложным, у вас будут такие же типы ярлыков, ничего не устанавливая. Прямо из браузера.

Однако мне было неудобно правильно просматривать код, если он скрыт из-за следующих столбцов. Поскольку с ноутбуком вы должны сдаться вверх или вниз с трекпад и это не очень плавно.

Он состоит только из двух частей: платной или бесплатной. Это немного дороже, чем CodePen, хотя если вы платите ежегодно, это более выгодно, если вы можете заплатить 120 евро.

CSSDeck

CSSDeck
Рабочая среда CSSDeck отличается от показанного выше. Разделенный только на два столбца, визуальный код, CSSDeck работает с тремя строками вниз, которыми он разделяет различные типы языка. С презентацией в виде социальной сети и более чистой рабочей средой в светлых тонах. Это действительно похоже на простой инструмент. Хотя иногда это не значит, что это плохо.

При более чем шестидесяти тысячах зарегистрированных пользователей и создании более двухсот пятидесяти тысяч проектов поиск и поиск того, что вы хотите, не составит труда. Язык как всегда, если может доставлять неудобства тем, кто не знает английского, но в этом социальные сети Изображение очень важно, поэтому я не думаю, что это большая проблема.

Plunkr

Plunkr это наименее привлекательный инструмент, который я когда-либо встречал. Презентация агглютинирована в сообщениях и отсутствии изображений. Загрузка контента идет медленно и на первый взгляд не очень полезна. Кроме того, упорядочение по дате делает любое расписание, каким бы простым оно ни было, может быть на первой позиции. Чтобы увидеть что-то более интересное, перейдите на вкладку с надписью: «Наиболее просматриваемые«. То есть, если вы раньше не переводили его с помощью Google.

Также скажите, что согласно Сети они находятся в версии 1.0.0. Это немного объясняет дизайн, представление и возможные ошибки, которые вы обнаруживаете при просмотре веб-страниц.

В качестве преимущества, если у вас закончатся идеи, вам не нужно будет покидать или открывать другую вкладку в Plunkr, поскольку прямо из правой боковой панели вы можете переходить с другими проектами и мгновенно их просматривать. Так вам будет проще собирать быстрые идеи и одновременно применять их в своем проекте.

Баловаться

Баловаться это простой инструмент, вы входите и создаете. Хотя вы можете зарегистрироваться и получить свое имя пользователя через GitHub, это не особо выделяется в Интернете. С фоном с градиентом от желтого к красному в визуальной части и белым фоном в части кода (как обычно) представлен проект Dabblet, хотя вы можете изменить его на вкладке CSS. Для меня лучше оставить его пустым, так как градиент все, что дает, немного жизнь a

Во время редактирования вы можете настроить вкладки, которые видите с легкостью. Даже если вы хотите переключиться на столбцы или строки для удобного просмотра в зависимости от человека, который редактирует. Изменение размера шрифта, сохранение как анонимное без регистрации или проверки HTML-кода - это дополнительные возможности, которые предлагает Dabblet на первый взгляд. Хотя это не первый вариант, который я бы выбрал, его можно будет учесть в будущих версиях, если они будут обновлены.

Одна из вещей, которая мне понравилась меньше всего, но может понравиться великим программистам, - это то, что у вас нет возможности табулировать метку и заставить ее писать сама. То есть поместите HTML, щелкните вкладку и автоматически напишите «html» и «/ html». То, что в других приложениях, если это сделано.

LiveWeave

liveweave
LiveWeave Он очень похож на другие, в нем нет ничего, что другие не могли бы предложить с точки зрения полезности. Что мы выделяем в этом проекте, так это его дизайн темного цвета, похожий на CodePen, но с квадратным распределением. Возможность изменить размер по вкусу. Также есть режим очистки и значок «из линии« где код, который вы редактируете, не будет отображаться в визуальном элементе, пока вы не активируете его. Это не та функция, которую вы считаете очень полезной. Как дизайнеру, важно всегда видеть, что вы редактируете, в режиме реального времени, но кто-то наверняка найдет вам какое-то применение. И хотя, как всегда, можно зарегистрироваться, но у пользователя нет ведущей роли. Поскольку, даже если вы не зарегистрируетесь, вы можете сохранить свой проект.

Sublime Text

Этот инструмент Это полностью отличается от того, что вы видели до сих пор в анализе.. Sublime Text - это не веб-ресурс, а приложение. С одной стороны, на рабочем столе наверняка полезнее. Особенно из-за возможных сбоев или зависаний Интернета из-за избытка или возможной потери работы. С другой стороны, это не такой наглядный инструмент, как предыдущие. Кроме того, что у сообщества нет возможности делиться проектами.

Здесь все с нуля. Вы должны создать вкладки для размещения строк кода и переименовать их, чтобы узнать, какая из них. Если первый - HTML, второй - CSS ... или наоборот. У него также нет ярлыков для того, чем он будет полностью ручной, кроме цитат.

Заключение

Все программы схожи с некоторыми личными особенностями каждой компании, что приводит к их плюсам и минусам. Каждый выберет то, что ему больше подходит, я рекомендую использовать CodePen или CSSDeck для среды и социальной сети, которую он обрабатывает.. Но, если вам понравился еще один, оставьте комментарий и объясните причины, они вам обязательно пригодятся.


Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.

Будьте первым, чтобы комментировать

Оставьте свой комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.