Доброго времени суток.
Контекст:
.
Всю жизнь занимался разработкой прикладного программного обеспечения, компьютерных игр, чего-то системного, алгоритмического. Финансовые проблемы заставили моих работодателей убрать меня из моей локальной зоны комфорта (большого крутого ПО) в сторону программирования веб-приложений. По необъяснимым для себя причинам, покинуть своих любимых работодателей я не могу.
Почему спрашиваю:
Мог бы и сам все попробовать, но чтобы хорошо вникнуть в какой-то стэк технологий, нужно не меньше месяца, а технологий таких кучи. Как я могу узнать что мне подойдет лучше, если я всего не попробую… Уповаю на ваш опыт и рекомендации.
Мой опыт:
У меня хорошо с математикой, алгоритмами, проектированием. Много работал с Pascal, C, C++, C#, Delphi, JavaScript. Меньше с Python, PHP, Java, prolog. Суммарно 10 лет.
Хорошо знаком с PHP CodeIgniter, делал на нем небольшое множество серьезных проектов, но не нравится мне особо сам php и конкретно этот фреймворк.
Что ищу:
Нужен язык / язык + фреймворк для разработки сайтов, веб-приложений.
Критерии выбора (в порядке важности):
0. Ориентация на stateless.
1. Качество.
2. Перспективность. Надеюсь что выбранный стэк технологий не умрет, пока я его учу.
3. Популярность. Важно, чтобы на эту тему было много вакансий (с убер большой З. П. разумеется).
4. Развитость. Не хочется ковыряться в багах инструментов. Было бы просто отлично, если бы я мог использовать уже готовые модули, а не делать свои для каждой задачи.
5. Быстродействие.
6. Грамотное сообщество, хорошие документации. Правда я верю, что для всех фрейворков в этом плане все хорошо, но мало-ли.
7. Отсутствие проблем с хостингом.
Предпочтения
:
Объектно ориентированный язык программирования со статической строгой типизацией, Си-подобного синтаксиса.
Итого:
Подскажите пожалуйста язык + возможно фреймворк для программирования сайтов / веб-приложений. Большое чисто человеческое спасибо автору каждого полезного ответа, ну и плюсик в карму разумеется.
P. S. Пожалуйста, пишите развернутые ответы.
P. P. S. Пожалуйста, ставьте плюсы и минусы ответам, это поможет мне в выборе.
Обновление 1:
Большое спасибо за ответы, но все-же хочу уточнить, что не список названий фреймворков и языков мне нужен. Хотелось бы услышать что-то типа «Рекомендую то-то и то-то, потому что так и так, подходит под такие-то критерии и прочие...». Спасибо.
Решение:
Среди statless ориентированных, качественных фреймворков мой выбор пал на Python/Django
. Меня убедили (в том числе в офлайне) в его качественности, я нашел в своем родном городе несколько активных вакансий на его тему с 2500$++ заработной платой. Решающую роль в выборе сыграли критерии качества и популярности. Java и ASP.NET - имеют лучшую производительность, вероятно даже технологически более развитые, но их stateless ориентация - под сомнением (уточню при запросе). Выбирая между самым популярным php фреймворком - Zend Framework, Python/Django, Ruby on Rails я остановился на Django поскольку он популярней чем RoR, а php / zend был исключен по критерию качества самого php (качество синтаксиса и структуры языка). Python был близок к исключению по критерию качества интерпретаторов/компиляторов/выполняторов, но меня убедили (офлайн), что это только мои личные стереотипы и давно минувших лет проблемы.
Надеюсь не ошибся в выборе.
Всем спасибо за ответы, советы, комментарии.
Существует множество способов писать код для веб-приложений: от текстовых редакторов до облачных сред разработки. Трудно сразу решить, какая среда лучше подходит для поставленных задач. Чтобы сэкономить вам время, выбрали наиболее популярные:
В конце каждого раздела размещена сводная таблица, в которой можно наглядно увидеть сравнение функций редакторов для веб-разработки. В статье рассмотрены исключительно бесплатные кроссплатформенные решения, поэтому популярные проприетарные редакторы вроде Sublime Text не вошли в подборку.
Текстовые редакторы для веб-разработки
Komodo Edit
Основные возможности:
- бесконечная история отмены,
- обширное количество плагинов,
- поддержка сотен языков программирования и форматов файлов,
- мощный поиск и замена,
- интеграция со сторонними инструментами.
GNU Emacs
Настольные интегрированные среды разработки (IDE)
Eclipse
Облачные IDE
Большинство десктопных приложений перешли в «облако», поэтому нет ничего удивительного, что облачные среды также становятся популярными среди программистов. Не каждый сразу доверяет облачным IDE, но популярные инструменты вроде Github и Pastebin помогают привыкнуть к тому, что исходный код хранится не на локальной машине, а на стороннем сервере.
Cloud9
После нескольких минут работы в Cloud9 создаётся впечатление, что попал в рай для программистов. Интерфейс написан на JavaScript, а серверная часть - на NodeJS. Хотя Cloud9 облюбовали разработчики и дизайнеры интерфейсов, поддерживается подсветка синтаксиса C#, C++, Python, Perl, Ruby, Scala и некоторых других языков.
Встроенный режим Vim - приятный штрих, как и поддержка популярных систем контроля версий вроде Git, Mercurial и SVN. Благодаря наличию CSSLint и JSBeautify это одна из красивейших сред разработки.
Codeanywhere
Ещё один инструмент для создания приложений, который часто возглавляет списки лучших - Codeanywhere. Эта дружественная облачная IDE поддерживает подсветку кода HTML, CSS, JavaScript, PHP, MySQL и других языков. Благодаря наличию приложений для iOS, Android и BlackBerry, с помощью Codeanywhere программисты работают где угодно.
Кроме того, Codeanywhere поддерживает Dropbox и SFTP, которые помогают легко создавать резервные копии файлов проекта и обмениваться ими с коллегами. Это не самая полнофункциональная среда, но свою работу выполняет на отлично.
Система платная, но есть бесплатный тарифный план.
Eclipse Che
Eclipse Che - облачное рабочее пространство разработчика и встроенная IDE. Che предоставляет удалённую платформу с открытым исходным кодом для многопользовательского создания приложений.
Основные возможности:
- рабочие пространства, включающие среды выполнения и IDE,
- сервер рабочих мест с RESTful веб-сервисами,
- облачная IDE,
- плагины для языков, платформы и инструменты,
- SDK для создания плагинов и сборок.
Eclipse Che имеет две сборки - однопользовательскую и многопользовательскую. В первой нет компонентов, которые предоставляют мультиарендность и разграничение прав доступа. В этом случае сервер остаётся без защиты, но для локальной разработки - это хороший выбор.
Многопользовательская предоставляет мультиарендность. Учётные записи пользователей и рабочие места изолированы, а для регистрации, управления и аутентификации используется механизм KeyCloak . Permissions API регламентируют доступ к объектам вроде пространств, стеков и организаций. Сведения о пользователях хранятся в базе данных, поддерживающей миграцию (PostgreSQL).
Оффлайн программы для создания сайтов - это специализированный софт, упрощающий процесс создания и редактирования сайтов, используются такие программы на компьютере с установленной ОС Windows, Mac или Android. Отличие offline софта от облачных конструкторов в том, что для публикации сайта в Интернете потребуется самостоятельно приобретать хостинг и заливать на него файлы сайта. Онлайновая панель управления в таких программах отсутствует, последующее обновление сайта происходит путём выгрузки на сервер измененных файлов. То есть правка и доработка содержимого веб-сайта требует ПК с установленным программным обеспечением, наличия файлов проекта на жёстком диске и синхронизации с хостинг-аккаунтом. У обычных конструкторов все эти процессы автоматизированы.
Количество современных программ для создания сайтов невелико, мы покажем самые топовые из них. Но все же начнем с описания сервиса, который с легкостью заменит любую из них.
(обзор) - универсальный онлайн конструктор с визуальным редактором и интуитивным интерфейсом. Является самым популярным инструментом для создания сайтов-визиток, лендингов и интернет-магазинов. Веб-сервис uKit - это тоже своего рода «программа» , изначально предустановленная на хостинг. Разница лишь в том, что файлы сайтов, получаемые в десктопных программах, нужно потом самому загружать на предоплаченный хостинг. У конструктора они с самого начала уже находятся там, а все изменения сохраняются в реальном времени. Ну и по интерфейсам - у uKit он висит в облаке и доступен через браузер, а файлы десктопных приложений размещены на диске компьютера, не имеющего связи с Интернетом через DNS-сервер.
Конструкторы сайтов - это пик эволюции офлайновых инструментов для самостоятельного создания сайтов, представляющие собою реально удобную концепцию, как для новичков, так и для профессионалов.
Используя конструктор ничего скачивать и устанавливать не придётся, поскольку:
- хостинг входит в поставку по умолчанию;
- программа уже настроена оптимальным образом;
- функционал обновляется автоматически;
- доступен выбор готовых шаблонов;
- внедряются новые современные технологии;
- доступны интеграции с другими сервисами;
- инструкции в комплекте;
- техподдержка всегда на связи.
Важно, чтобы конструктор был не только современным в техническом плане и удобным, но и доступным по стоимости . Для сайтов, созданных в оффлайн программах нужен отдельный хостинг , который стоит денег. Доменное имя покупать необходимо в обоих случаях. Стоимость годового тарифа uKit обойдётся в $36 (с учётом скидочного промо-кода: UGUIDE-25). Много ли это? Хостинг для размещения сайта, созданного в программе, обойдётся примерно вдвое дешевле. Ну или столько же, если возьмёте реально хорошего качества услугу. В программах есть также платные элементы (шаблоны, расширения, модули), которые могут увеличить стоимость использования. В uKit достаточно оплатить подходящий тариф и откроется полный доступ ко всему функционалу, доплачивать сверху не придётся. Так что выгоднее?
uKit предоставляет полную экосистему в сборе , позволяет начать использовать себя мгновенно после входа на официальный сайт. Сразу в бой, без настроек, инструктажей и танцев с бубном. Готовый сайт можно собрать самостоятельно за один вечер.
Можно ли то же самое сказать про десктопное приложение? Поэтому при весьма схожей стоимости использования uKit можно считать «убийцей» программ, которые будут описаны ниже. Приложения для создания сайтов хороши по-своему, но тягаться по удобству с доступным в плане стоимости, современным онлайн конструктором им не по силам.
Mobirise - лучшая и абсолютно бесплатная программа для создания сайта
Mobirise (обзор) - это бесплатный оффлайн конструктор для самостоятельного создания сайтов на своем ПК или ноутбуке (Windows, Mac, Android). Программа лучше всего подходит для запуска сайтов с небольшим количеством страниц: сайты-визитки, лендинги, одностраничники или портфолио. Процесс сборки осуществляется в визуальном редактора, интерфейс простой и предельно комфортный, идеально подходит для новичков. Для начала работы нужно скачать архив с программкой на свой компьютер, установить и завести акканут.
Приложение напоминает своим подходом к созданию сайтов конструктор Lego: пользователю предоставляется большое количество блоков различного назначения, которые необходимо перетаскивать в окно редактора, создавая таким образом сайт необходимой структуры. Блоки - это строительный материал сайта: меню, хедеры, слайдеры и галереи, преимущества, медиа-контент, статьи, информационные, отзывы, соцсети, прайсы, формы, карты и футеры. Оформление и содержание блоков можно изменять: цвет, шрифты, добавить эффекты, кнопки, ссылки, заголовки. Ненужные элементы (стрелки, кнопки, описания и т. д.) можно выбрасывать из блоков или выключать. SEO-настройки присутствуют, ровно как и возможность создания многостраничных сайтов с многоуровневым меню. Функционала хватит с головой для оформления классной визитки или лендинга.
Готовые блоки оформлены в едином стиле в рамках выбранного шаблона. Последних в привычном понимании здесь нет, есть 5 видов оформления: 2 бесплатных и 3 платных. Смотрятся они привлекательно, современно и заметно отличаются между собой по стилю оформления. Каждый блок содержит демо-контент для наглядности. При необходимости, можно докупить дополнительные блоки ($39), если не хватает стандартных. Также в наличии есть пак векторных иконок, отдельный виджет слайдера, редактор кода и приём оплат через PayPal ($29). Подключение аналитики от Google, Soundcloud, виджеты комментирования через соцсети и соцбар бесплатны. Все покупки, совершённые в системе, остаются навсегда. То есть речь идёт не о помесячной аренде функционала. Один раз купил и пользуйся без ограничений.
Mobirise - явный лидер по удобству и стоимости среди компьютерных программ для создания сайтов. Обладает визуальным редактором, имеет красивые темы оформления, есть возможность бесплатного использования, частые обновления и комфорт в работе. Что ещё нужно для счастья?
Базовая комплектация Mobirise абсолютно бесплатна . Все платные дополнения призваны, скорее, расширить области применения системы. Но их отсутствие никак не ограничивает возможность создания основного для платформы типа сайтов - визитки. За неё можно вообще не платить, получив на выходе красивый адаптивный сайт. Все затраты сводятся к покупке хостинга и домена для выгрузки сайта в Интернет. Можно создавать неограниченное количество проектов и хранить их на своем компьютере, хостинге либо же в облаке.
Adobe Muse - профессиональный инструмент от создателей Photoshop
Adobe Muse (обзор) - это мощная и продвинутая программа для создания сайтов на компьютере. Считается идеальной платформой для профессионального создания посадочных страниц, сайтов-визиток, портфолио и небольших магазинов. Интерфейс программы покажется простым лишь для опытных пользователей Photoshop"а. Всем остальным для его освоения понадобятся сторонние уроки, курсы или большое количество времени и терпения.
В Адоб Мьюз достаточно легко кастомизировать дизайн при наличии дизайнерской жилки. К сожалению, создать годную страницу с нуля без навыков здесь мало кто сможет. Лучше тогда использовать шаблоны. Структура последних здесь отличается от привычной. Под шаблонами подразумеваются макеты, заполненные элементами, повторяющимися на всех остальных страницах. То есть полный вариант дизайна сайта состоит из шаблонов (для шапки, подвала) и отдельных страниц (о нас, контакты и прочее). Редактировать, дублировать и создавать/удалять их можно почти в свободном порядке. Ограничение одно: из обычной страницы нельзя изменить подотчётные шаблону элементы.
Программа Adobe Muse отлично подойдёт для тех, кто желает научиться создавать шедевральные лендинги . Либо же для тех, кто уже немного умеет и желает расширить свои возможности. Сайты-визитки оформлять сложнее, поскольку всё нужно делать вручную. Полноценные магазины неудобно делать, вести блоги - вообще табу, поскольку ПО не имеет онлайновой панели управления и, следовательно, не может динамически обновлять контент. Лендинги и одностраничники на Muse можно и нужно продвигать контекстной рекламой и социальными сетями. Встроенные возможности весьма стандартны: подключение аналитики Яндекса и Google, заполнение мета-тегов. Всё остальное нужно делать в сторонних сервисах.
Adobe Muse - идеальная программа для создания посадочных страниц. Для желающих монетизировать свою деятельность в этой нише, платформа подойдёт на все 100%. С ростом уровня мастерства можно будет создавать не менее впечатляющие многостраничные сайты. Muse - выбор дизайнеров и всех тех, кто желает ими стать. ПО отличное, но не для всех.
Программа платная, стоит от 454 руб/мес по подписке Creative Cloud - облачной экосистемы продуктов Adobe. Позволяет создавать адаптивные страницы на HTML5, которые потом можно выгрузить на ПК или любой хостинг. Есть бесплатный пробный период 7 дней.
Оффлайн программы или онлайн конструкторы?
Несмотря на малочисленность, современные компьютерные программы для создания сайтов продолжают развиваться. Самые яркие примеры - Adobe Muse и Mobirise. Разработчиков последней совершенно не смущает конкуренция с облачными сервисами. Они идут своим путём, регулярно выкатывая интересные обновления. Если бы не необходимость отдельной закупки/настройки хостинга, данный сайтбилдер был бы в топах систем с визуальным редактором.
Лучшие программы для создания сайта:
| uKit – самый практичный и оптимальный онлайн сервис для большинства новичков, желающих быстро и недорого запустить эффектный лендинг или сайт-визитку. Просто заходишь с любого ПК через браузер в админку под своим логином/паролем и работаешь с первой минуты, все просто и интуитивно. | |
| Mobirise – отлично подойдёт новичкам для публикации единичного сайта – разбираться там вообще не в чем. Каждый сможет. При этом, программа бесплатная. Годится для личного использования – создания лендингов и сайтов-визиток с красивым, но несложным дизайном. | |
| Adobe Muse – обладает мощнейшим редактором дизайна страниц, вне конкуренции по этому параметру. Пользоваться сложно на первых порах, но потом удобно. Подходит дизайнерам и тем, кто хочет делать посадочные страницы на заказ. |
Ввиду вышесказанного, даже очень удобной и простой программой для создания сайтов пользоваться немного сложнее при прочих равных. Поэтому, на наш взгляд, будущее всё же за SaaS-платформами, вроде вышеупомянутого веб-сервиса uKit.
Вместе с WEB движущимся семимильными шагами (адаптивным дизайном, CSS препроцессорами, постпроцессорами и другими вещами) может оказаться проблемой попытка не отставать от чего-то нового и полезного.
Ниже Вы найдете 14 инструментов, 7 для веб-дизайнеров и 7 для веб-разработчиков, которые помогут веб-сайту перерасти из концепции в действительность.
Для веб-дизайнеров
1. Adobe Creative Cloud
Разумеется, что Photoshop и Illustrator являются двумя важными инструментами для любого веб-дизайнера. Вместе с Creative Cloud у вас будет доступ к обоим из них, и плюс к некоторым другим инструментам, таких как: Typekit, InDesign и Kuler. Все инструменты Creative Cloud очень хорошо взаимодействуют друг с другом, и должны иметься у любого дизайнера.
2. UI Faces
Поскольку поиск нужных картинок для макета может быть трудоемок, UI Faces собирает аватары через Twitter и делает их доступными для использования в вашем дизайне.
3. 0to255
Этот инструмент я использую почти каждый день. 0to255 упрощает поиск разновидностей выбранного цвета. Это идеальный инструмент для выделений, активных состояний и подсвечиваний.
4. Google Fonts
Типографика в WEB проделала длинный путь со дней Arial, Courier и Georgia. Google Fonts это огромная библиотека свободных, готовых шрифтов которые могут быть загружены на стадии макета.
5. Samuel L. Ipsum
Поклонникам фильма "Змеиный полёт ", я представляю «Samuel L. Ipsum» (Сэмюель Л. Ipsum). Это Lorem Ipsum генератор цитат. Имейте в виду, существует три варианта на выбор: цитаты ненормативной лексики ладена из фильмов Джексона, чистые цитаты из фильмов Джексона и обычные ol’ lorem ipsum.
6. Responsive Sketch Pad
Шаблоны пользовательского интерфейса Responsive Sketch Pad ваш хороший спутник, когда вы находитесь на этапе предварительного планирования. Точечная сетка упрощает придерживание линий и визуализиацию сайта в браузере и на мобильном устройстве.
7. Macaw
Этот инструмент еще не выпущен, но он уже выглядит довольно интересным предложение. Macaw обещает ту же гибкость, что и редактор изображений, но при этом будет происходить написание семантического HTML и лаконичного CSS.
Для веб-разработчиков
1. Coda 2
Это мой любимый из-за его «все-в-одном» редактор кода, FTP клиент и встроенный MySQL редактор. Coda 2 также включает в себя справочную библиотеку по программированию и визуальный CSS-редактор.
2. CSS Pre-processor
В зависимости от того, что вы разрабатываете, здесь вам поможет руководство. SASS требует, чтобы работал Ruby (встроен в любой Mac) и и на базовом уровне делает тоже что и LESS , другой препроцессор. Оба являются отличными инструментами и предлагают экономящие время функции, такие как вложенные правила, смешивания, переменные и логику.3. Front-end Framework
Снова, есть два отличных предложения которые рассмотрим. Вместе Twitter Bootstrap и Zurb’s Foundation поможет сделать прототипирование и разработку для современного WEB быстрее и проще. Оба пакета это адаптивная сеточная система с элементами стилей и javascript по умолчанию, для реализации богатого WEB.4. Browserstack
Это фаворит из всего набора. Browserstack позволяет вам тестировать завершенный дизайн в любом браузере и на любой конфигурации, о которой вы могли только подумать. Это удобный инструмент, если вы все еще должны поддерживать IE7 и IE8 в ваших проектах.
5. Pingdom
Раскройте DNS и проблемы загрузки с Pingdom. Вы увидите, сколько времени забирает загрузка различных ресурсов на вашем сайте вместе с общим показателем производительности.
6. Chrome Developer Tools
Если вы используете один из инструментом входящим в Chrome Developer Toolkit , то пусть это будет называться веб-инспектор. Вместе с инспектором вы сможете быстро диагностировать проблемы и внести изменения в разметку. Вы также можете эффективно использовать консоль для логирования и взаимодействия с JavaScript.7. MAMP Pro
С легкостью крутите сайты локально. MAMP Pro позволяет легко установить и администрировать Apache, MySQL и среду разработки PHP. Если вы работаете над большим количество сайтов для клиентов, вам необходимо иметь такой сервер.Обзор самых популярных и удобных редакторов исходного кода, а также облачных и десктопных многофункциональных сред для веб-разработки.
Программ, предназначенных для написания и редактирования исходного кода веб-приложений, великое множество. Современные и удобные редакторы способны закрывать забытые кавычки, расставлять отступы, скобки и даже дописывать за программистом команды. Мощные IDE сами обновляют содержимое файлов на удаленных серверах и хранят историю изменений проекта. Подобрать идеальный продукт – задача почти невыполнимая. Сберечь время поможет подборка самых популярных решений.
Для удобства все инструменты разбиты на три группы:
- редакторы кода – относительно простые программы, основная функция которых состоит непосредственно в создании и изменении файлов с программным кодом;
- многофункциональные интегрированные среды (IDE) – мощные инструменты, объединяющие десятки прикладных функций;
- облачные IDE – функциональность десктопных сред для веб-разработки в виде интернет-сервиса.
Параметры инструментов сведены в общие групповые таблицы. Это позволит наглядно сравнить разные продукты и выбрать подходящий.
Редакторы кода
Komodo Edit
Мини-версия полноценной среды разработки Komodo IDE по умолчанию предоставляет базовые функции редактора, а подключаемые расширения добавляют поддержку синтаксиса разных языков и полезные опции, например, компиляцию .
Возможности Vim:
- огромное количество дополнений;
- многоязычность;
- поддержка множества файловых форматов;
- мощные поисковые инструменты;
- возможность бесконечно отменять внесенные изменения;
- интеграция с большим количеством сторонних приложений.
GNU Emacs
Еще один базовый редактор кода Linux-систем GNU Emacs сложнее, чем тот же Vi, но при этом мощнее и имеет большую функциональность:
- несколько режимов редактирования, синтаксическое выделение кода для разных языков;
- подробная документация и руководство для начинающих пользователей;
- поддержка кодировки Unicode;
- использование визуального интерфейса или диалекта Emacs Lisp для тонкой настройки рабочей среды;
- хороший отладчик;
- дополнительные удобства, например, почтовый клиент, планировщик;
- менеджер расширений.
Adobe Brackets
Относительно молодой кодовый редактор Brackets сделал основной упор на визуализацию и упрощение работы с CSS-препроцессорами. Проектирование веб-страницы прямо в браузере становится очень быстрым и легким делом. Brackets – отличное решение для программистов и дизайнеров, имеющих дело с пользовательскими интерфейсами и фронтендом в целом.
Основные функции:
- визуализация HTML-кода и стилей, возможность просмотра изменений в режиме реального времени и мгновенного редактирования;
- работа с PSD-файлами, возможность импорта изображений без использования Adobe Photoshop;
- удобная компиляция CSS-препроцессоров.
Visual Studio Code
Многофункциональный, но компактный кодовый редактор VSC изначально был предназначен для обработки JavaScript и его расширений, но плагины позволяют добавить другие популярные языки, например, PHP и C#. Программа отлично поддерживает платформу .
Технология IntelliSense обеспечивает умное автодополнение кода: редактор может дописывать названия уже объявленных функций, а подсказки содержат ссылки на нужные главы документации.
В редактор встроен отладчик кода.