На чем писать программы для одноклассников

Многие слышали название GraalVM, но опробовать эту технологию в продакшене пока довелось не всем. Для Однокласснииков эта технология уже стала «священным Граалем», меняющим фронтенд.

В этой статье я хочу рассказать о том, как нам удалось подружить Java и JavaScript, и начать миграцию в огромной системе с большим количеством legacy-кода, а так же как на этом пути помогает GraalVM.

Во время написания статьи оказалось, что весь объём материала не влезает в традиционный для ХАБРа размер и если выложить публикацию целиком, то на её прочтение уйдет несколько часов. Поэтому мы решили разделить статью на 2 части.

Из первой части вы узнаете об истории фронтенда в Одноклассниках и познакомитесь с его историческими особенностями, пройдете путь поиска решения проблем, которые накопились у нас за 11 лет существования проекта, а в самом конце окунетесь в технические особенности серверной реализации принятого нами решения.

Бот Одноклассник. Программы для одноклассников.

Предыстория

Первая версия Одноклассников появилась 13 лет назад, в 2006 году. Сайт был сделан на .NET, никакого JavaScript тогда на сайте не было, всё было на серверном рендеринге.

Через год у Одноклассников было свыше одного миллиона пользователей. В 2007 году это были невероятные цифры, и сайт, не выдержав нагрузки, начал падать. Разработчики решили проблему с помощью проекта One.lv, созданного латвийской компанией Forticom, у которой основные компетенции были в Java-разработке. Поэтому Одноклассники решено было переписать с .NET на Java.

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

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

Конечно, без минимального JavaScript было не обойтись. Чтобы сделать pop-up, нужны манипуляции: например, по наведению курсора на div вешался display:block или он скрывался с помощью display:none.

Но при этом содержимое поп-апа запрашивалось с сервера, вся бизнес-логика находилась там и была на Java.

2018

Спустя 12 лет Одноклассники превратились в гигантский сервис с более 70 миллионами пользователей. У нас больше 7 000 машин в 4 дата-центрах, и только на фронтенд OK.RU приходит 600 тысяч запросов в секунду.

Фронт-сервер Одноклассников продолжает работать на Java, а кодовая база одних только фронтов превышает два миллиона строк.

Технологии, реализуемые на клиентской стороне, тоже не стояли на месте: появилось много решений с использованием разных библиотек: GWT, jQuery, DotJs, RequireJS и многих других.

В тот период не были распространены стандарты вроде React, Angular и Vue, каждый разработчик пытался найти оптимальное решение, используя все доступные средства.

Стало понятно, что жить с этим очень трудно, потому что накопилось огромное количество проблем:

• Много старых библиотек
• Нет единого фреймворка
• Нет изоморфности (поскольку бэкенд на Java, клиент на JS)
• Нет единого структурированного приложения на клиенте
• Плохая отзывчивость
• Недостаточный инструментарий
• Высокий порог входа

Применив всю силу технической мысли, мы продумали и сформулировали четыре основных требования к решению проблем:

1. У Одноклассников должен быть изоморфный код для UI. Потому что невозможно постоянно писать сервер на Java, а потом, если необходимо добавить какую-то динамику, воспроизводить то же самое на клиенте.
2. Необходим плавный переход. Потому что быстро сделать вторую версию Одноклассников и переключиться невозможно
3. Обязательно нужен серверный рендеринг (Об этом ниже)
4. Новое решение, работая на том же количестве железа, не должно ухудшать производительность и отказоустойчивость при наших нагрузках

Почему серверный рендеринг?

У Одноклассников много пользователей, которые живут далеко от Москвы и у них не всегда хороший интернет.

Серверный рендеринг поможет таким пользователям быстрее получать контент. Пока картинки будут грузиться, они смогут начать что-то читать:

14 лучших программ для написания кода

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

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

Редактор кода может быть как самостоятельным приложением, так и встроенным в веб-браузер или интегрированную среду разработки (IDE). Поскольку на рынке доступны буквально сотни редакторов кода, разработчикам трудно выбрать один из них.

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

14. Eclipse

Цена: Бесплатный
Платформа: Linux, MacOS, Windows

Eclipse — это IDE, поддерживающая расширяемую систему подключаемых модулей для настройки среды. Хотя она в первую очередь используется для разработки Java-приложений, вы можете использовать ее для написания приложений и на других языках программирования (через плагины).

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

Eclipse эффективно управляет несколькими файлами и проектами и поддерживает широкий спектр форматов файлов с синтаксическим форматированием, зависящим от типа. Она обеспечивает подключение к нескольким базам данных и поддерживает общие методы доступа к БД. Более того, интеграция проекта в GIT практически безупречна.

13. Geany

Цена: Бесплатный
Платформа: Linux, MacOS, Windows

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

Он поддерживает множество языков программирования и разметки, включая C, C#, C++, PHP, HTML, CSS JavaScript, Python, Perl, Haskell и Pascal. Также поддерживаются другие распространенные типы файлов, такие как Diff-output и файлы SQL.

В отличие от других редакторов кода, вам не нужно перебирать многочисленные стили синтаксиса, чтобы иметь возможность изменить используемый шрифт. А поскольку в нем используется реальный синтаксический анализ (а не только раскраска), он может отображать внутренние классы и методы в исходном коде.

12. Gedit

Цена: Бесплатно
Платформа: Linux, macOS, Windows

Gedit — легкий, но мощный текстовый редактор общего назначения среды рабочего стола GNOME. В соответствии с философией проекта GNOME, он имеет чистый и простой графический интерфейс для редактирования исходных текстов и структурированный текст вроде языков разметки.

В дополнение к подсветке синтаксиса для различных языков программирования, он также имеет функции проверки орфографии и все другие основные параметры, такие как перейти к строке, найти и заменить.

Инструмент может работать быстро на ПК с низким уровнем производительности: он использует мало памяти и ресурсов процессора при чтении очень больших журналов.

11. Brackets

Цена: Бесплатно
Платформа: Linux, macOS, Windows

Brackets — это редактор кода с открытым исходным кодом, разработанный Adobe Systems. Он в первую очередь ориентирован на функции редактирования HTML, CSS и JavaScript.

Предварительный просмотр в реальном времени мгновенно отправляет изменения кода в браузер для отображения обновленной веб-страницы по мере изменения кода. Еще одна полезная функция под названием Split-Screen позволяет легко работать с CSS и фактическим кодом одновременно.

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

10. NetBeans

Цена: Бесплатно
Платформа: Linux, macOS, Windows

NetBeans — это среда IDE с открытым исходным кодом, которая позволяет быстро разрабатывать мобильные, настольные и веб-приложения с использованием Java, C / C ++, PHP и других языках. Приложения разрабатываются из группы модульных программных компонентов, называемых «модулями».

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

NetBeans легко интегрируется с несколькими серверами веб-приложений, такими как GlassFish и Tomcat. Он также хорошо работает с инструментами контроля версий, такими как GIT.

9. Vim

Цена: Бесплатно
Платформа: Unix, Linux, macOS, Windows

Vim — это программное обеспечение с открытым исходным кодом, предназначенное для использования как из интерфейса командной строки, так и в качестве отдельного инструмента в графическом интерфейсе. Он имеет автоматический синтаксис и преобразование в HTML, список ошибок, набор компиляторов и автоматическое исправление.

Для лучшей визуализации вы можете либо изменить размер окон, либо разделить их по горизонтали/вертикали. В нем есть много команд для выполнения типичных вещей с клавиатуры вместо мыши. Это увеличивает вашу скорость как минимум в два раза.

Хотя он выглядит как простой текстовый редактор, это отличный инструмент для повышения производительности с множеством полезных плагинов. В опросе разработчиков Stack Overflow (2019) Vim занял пятое место по популярности среди сред разработки.

8. TextMate

Цена: Бесплатно
Платформа: macOS

TextMate — это легкий текстовый редактор с графическим интерфейсом, специально разработанный для MacOS. Он включает в себя записываемые макросы, декларативные настройки, фальцовку разделов, интеграцию с оболочкой и обширную библиотеку плагинов.

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

Это очень удобно для начинающих, а форматирование очень полезно при написании и отладке кода.

7. Emacs

Цена: Бесплатный
Платформа: Linux, MacOS, Windows

Emacs — это настраиваемый и расширяемый текстовый редактор, способный выполнять все, что пожелает пользователь. Он содержит более 10 000 встроенных команд, которые можно комбинировать с макросами для автоматизации работы.

Emacs имеет режимы редактирования с учётом контента, полную поддержку Unicode почти для всех сценариев, а также полную экосистему функциональности, выходящую за рамки редактирования текста, включая программу чтения новостей и почты, календарь, интерфейс отладчика и планировщика проектов.

Инструмент расширяется с помощью расширений Lisp, так что вы можете получить все новые преимущества современных IDE, такие как подсветка синтаксиса, полный код, статическая проверка и многое другое, установив плагины.

6. AWS Cloud9

Цена: Бесплатно | 2,05 доллара США за 90 часов использования.
Платформа: Online IDE.

AWS Cloud9 позволяет писать, запускать и отлаживать исходный код с помощью только веб-браузера. Вам не нужно устанавливать файлы или настраивать машину разработки для запуска новых проектов. В нем есть все важные инструменты, необходимые для популярных языков программирования.

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

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

5. IntelliJ IDEA

Цена: Бесплатно | 49,9 $ в месяц
Платформа: Linux, macOS, Windows

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

IntelliJ IDEA зарекомендовала себя как одна из самых универсальных IDE, начиная с фронтендовых JavaScript-приложений и заканчивая бэкэндом Java.

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

4. Xcode

Цена: Бесплатно
Платформа: macOS

Xcode содержит набор инструментов для разработки программного обеспечения, который включает большую часть документации Apple для разработчиков и встроенный интерфейсный редактор. Он используется для разработки программного обеспечения для iOS, iPadOS, macOS, watchOS и tvOS.

Xcode и Swift (мультипарадигмальный язык, разработанный Apple Inc) вместе делают программирование восхитительно живым. Лучшее в Xcode — это то, что вы можете просто перетащить элемент, и ваш дизайн готов к работе.

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

3. Visual Studio

Цена: Бесплатно | 45 долларов США в месяц
Платформа: Windows, macOS

Microsoft Visual Studio — очень мощный инструмент для создания веб-сайтов, веб-сервисов и мобильных приложений. Он в основном используется малым и средним бизнесом для разработки компьютерных программ.

Редактор кода поставляется с IntelliSense (функция завершения кода с учетом контекста), рефакторингом кода и интегрированным отладчиком, который работает как отладчик на уровне машины, так и как отладчик на уровне исходного кода.

Поддержка онлайн-сообщества для этого инструмента превосходна, и Microsoft постоянно держит продукт в актуальном состоянии.

2. Sublime Text

Цена: Бесплатно | 80 долларов за лицензию
Платформа: Linux, Windows, macOS

Sublime Text — это сложный текстовый редактор для кода и разметки. У него есть боковая мини-карта, которая обеспечивает иерархическое представление файлов и сочетаний клавиш для большинства действий.

Это легковесное программное обеспечение, написанное на C/C++ и Python. Он может делать намного более тяжелую работу, не сталкиваясь с проблемами. Существует приличная командная палитра, которая позволяет глубоко использовать редактор.

Sublime Text позволяет пользователям настраивать каждый аспект инструмента и писать код быстро и эффективно. Это также упрощает привязку кода к другим страницам кода. В целом, он отлично справляется со своей задачей.

1. Notepad++

Цена: Бесплатно
Платформа: Windows

Notepad ++ больше, чем редактор: это замена Блокнота, который поддерживает множество различных языков программирования. Он написан на C ++ и использует Win32 и STL, что обеспечивает меньший размер программы и более высокую скорость выполнения.

Это отличный помощник для проектов по написанию кода. Вы можете работать с несколькими документами одновременно, благодаря функции редактирования с несколькими вкладками. Редактор позволяет легко проверять файлы на всех этапах проектов встроенного программного обеспечения, от HEX до исходного кода C ++.

В общем, Notepad ++ — это просто Microsoft Notepad, но на стероидах. Он делает все лучше и предоставляет дополнительные функции для выполнения всех ваших требований.

Источник: new-science.ru

Программы для написания кода: Топ 20. IDE, редакторы кода и полезные утилиты

Программирование

Новичкам в сфере программирования будет казаться, что для написания кода хватит самого компьютера с установленной ОС. Это выражение в корне неверно, так как популярные ОС, например, macOS и Windows создавались для пользователей, а не программистов.

Соответственно, если пользователь решает заняться разработкой ПО, то ему придется установить программы из следующих категорий приложений для программирования:

• ПО для обработки кода. К этой категории относятся трансляторы, интерпретаторы, компиляторы, отладчики.
• ПО для кода. Не цените время и нервы – пишите код в блокноте, а после запускайте через встроенную консоль. Для менее безумных пользователей рекомендуем найти редакторы кода и IDE с подсветкой синтаксиса и автоматическим поиском ошибок.
• ПО для упрощения работы. К таким программам относятся небольшие утилиты, которые минимальные, но полезные по функциям. Например, определители цвета, бинарные калькуляторы, улучшенные терминалы, git и так далее.
• Сборщики и Docker. Это программы, которые собирают готовые проекты с зависимостями. Это нужно, чтобы на компьютере другого пользователя программа запустилась без проблем.

Топ бесплатных программ для кодинга

Начнем, пожалуй, с ПО, которое распространяется с лицензией Freeware, то есть бесплатно для некоммерческого использования. Нет, не стоит строить скептические догадки о низком качестве ПО.

Дело в том, что у многих эталонных продуктов есть так называемые Education или Study версии. То есть перечисленные ниже варианты ничем не хуже платных альтернатив, но их нельзя использовать в корпорациях и для монетизации.

Топ 3 IDE

IDE – это интегрированная среда разработки, проще говоря программа для написания и запуска кода. Они позволяют в одном окне писать код, изменять файлы, запускать проект на выполнение, отладку, сборку, а также сохранять журнал логов. И это возможности только самых простых приложений.

Microsoft Visual Studio

Одна из самых лучших программ для написания кода – Microsoft Visual Studio, наш топ IDE-монстр среди конкурентов -. Дело в том, что у этой IDE нет узкой специализации. Всего в пару кликов пользователь сможет создать шаблон консольного, серверного, мобильного, Desktop и кроссплатформенного приложения, написанного на разных языках, начиная от классики жанра – C++ и заканчивая современным Python.

Некоторые, возможно, поспорят, ведь Visual Studio стоит вполне приличную сумму. Да, это так, но если пользователь выберет версию Community, то получит возможность получить большую часть функционала бесплатно. Единственный минус этой версии – отсутствие инструментов для работы в команде.

С точки зрения технических характеристик также не стоит беспокоиться. Сама оболочка весит считанные мегабайты, а после в ней пользователю дается возможность выбрать все нужные компоненты отдельно. По секрету, через Visual studio даже имеется возможность установки игрового движка – Unity.

Code::Blocks

Те, кто познакомился с Code::Blocks еще в школьные годы, скорее всего имеют о редакторе неприятные воспоминания. Успокоим вас, они связаны именно со странной методикой преподавания информатики, а не самой программой. Последняя, в свою очередь, как и Visual studio, основывается на модульной системе.

То есть разработчик вправе самостоятельно поменять компилятор, доустановить собственные плагины, а также изменить уже существующие. Основная спецификация – это язык C++, но также есть поддержка Java, D и Fortran. К явным преимуществам стоит отнести компактность и интуитивно понятный интерфейс.

Отличная программа для начинающих новичков-программистов

NetBeans

Еще одна программа для написания кода – NetBeans. Если предыдущий представитель был разработан для C++ и лишь частично затрагивал другие языки программирования, то NetBeans, наоборот, акцентируется на Java. Другие языки, конечно, тоже поддерживаются. К ним относятся C, C++, C++ 11, Fortan, HTML 5, Java, PHP и другие.

Последнее время IDE теряет популярность среди профессионалов, но вот новичкам – самое то.

Топ 3 редактора кода

По сути, редакторы кода отличаются от обычного блокнота тремя вещами:

1. Подсветкой синтаксиса.
2. Автоматическим созданием структуры.
3. Функцией автодополнения.

Некоторые редакторы предлагают более широкий функционал, это только базовые особенности. Редакторов намного больше, чем IDE, так как они намного проще в плане реализации. Если вкратце, это программы, где можно писать программы, но не запускать.

Sublime Text

Одна из лучших программ для написания кода Sublime Text. Приятная темная тема (есть возможность выбора), плавный интерфейс, множество плагинов и самое главное – портативность. При желании Sublime Text можно даже запустить без установки на компьютер. Это удобно, если пользователь работает на чужом компьютере, либо там, где нужен неизвестный пароль администратора для установки.

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

Atom

А этот редактор отлично подойдет именно для веб-разработчиков. В него встроена функция Live Server, которая позволяет редактировать код страницы и видеть изменения в режиме реального времени.

Еще одна особенность, свойственная для Atom – это удобная система автодополнения, а также графическая палитра цвета для выбора цветового кода.

Для остальных целей лучше подобрать альтернативный вариант.

Visual Studio Code

Не стоить путать с IDE, которую мы рассмотрели выше. У этого редактора похожий интерфейс, но он не умеет запускать код на компилируемых языках. А вот такие языки программирования, как Python, мгновенно выполняются в консоли.

Больше всего в этом Visual Studio Code привлекает обилие плагинов. Благодаря нужным настройкам, можно настроить и git, и Docker и даже локальный сервер. В общем, универсал в своей категории.

Топ 3 полезные утилиты

Здесь собраны полезные, бесплатные и небольшие программы, которые сделают процесс разработки более приятным.

ConEmu

ConEmu – это улучшенная версия командной строки Windows.

Во-первых, она легко стилизуется.

Во-вторых, позволяет создавать несколько сессий (вкладок) сразу.

В-третьих, имеет множество пользовательских настроек, чем не может похвастаться встроенная командная строка.

Если и вовсе заменить файл с cmd.exe в системной папке на conemu, то можно максимально интегрировать утилиту в систему. Однако, делать этого не стоит, так как иногда это приводит к непредвиденным проблемам.

TakeOwnershipPRO

Эта программа проста, но незаменима. Основная задача TakeOwnershipPRO – это снятие ограничений с проблемных файлов.

Когда какая-то программа работает некорректно, она может создать файл с закрытыми правами. Чтобы исправить это, достаточно запустить программу и закинуть в нее нужный файл.

AutoHotkey

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

Не забудьте добавить AutoHotkey в автозагрузку, иначе придется вручную открывать каждый раз.

Вывод

На самом деле этот список можно продолжать бесконечно. Одним нравится крутое ПО, которое выполняет 50% от рутинных задач программиста. Некоторым даже не важно, что такое ПО будет стоить прилично. Другие же, наоборот, не любят использовать навороченные решения, так как последние лишают специалиста того удовольствия от процесса написания кода.

Довольно часто происходит, что после смены редактора кода или целой IDE, производительность программиста резко возрастает. В идеале можно использовать сразу несколько решений. Например, для больших проектов запускать Visual Studio, а для мелких файлов сгодится и sublime text.

Не бойтесь экспериментировать, ведь только так у вас получится развиваться как профессионалу.

Источник: itstan.ru