From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- .../available_text_editors/index.html | 309 +++++++++++++++++++++ .../design_for_all_types_of_users/index.html | 224 +++++++++++++++ .../index.html | 60 ++++ .../how_much_does_it_cost/index.html | 159 +++++++++++ files/ru/learn/common_questions/index.html | 131 +++++++++ .../set_up_a_local_testing_server/index.html | 97 +++++++ .../thinking_before_coding/index.html | 176 ++++++++++++ .../upload_files_to_a_web_server/index.html | 168 +++++++++++ .../common_questions/using_github_pages/index.html | 100 +++++++ .../what_software_do_i_need/index.html | 156 +++++++++++ 10 files changed, 1580 insertions(+) create mode 100644 files/ru/learn/common_questions/available_text_editors/index.html create mode 100644 files/ru/learn/common_questions/design_for_all_types_of_users/index.html create mode 100644 files/ru/learn/common_questions/how_do_you_host_your_website_on_google_app_engine/index.html create mode 100644 files/ru/learn/common_questions/how_much_does_it_cost/index.html create mode 100644 files/ru/learn/common_questions/index.html create mode 100644 files/ru/learn/common_questions/set_up_a_local_testing_server/index.html create mode 100644 files/ru/learn/common_questions/thinking_before_coding/index.html create mode 100644 files/ru/learn/common_questions/upload_files_to_a_web_server/index.html create mode 100644 files/ru/learn/common_questions/using_github_pages/index.html create mode 100644 files/ru/learn/common_questions/what_software_do_i_need/index.html (limited to 'files/ru/learn/common_questions') diff --git a/files/ru/learn/common_questions/available_text_editors/index.html b/files/ru/learn/common_questions/available_text_editors/index.html new file mode 100644 index 0000000000..37f18bfe7b --- /dev/null +++ b/files/ru/learn/common_questions/available_text_editors/index.html @@ -0,0 +1,309 @@ +--- +title: Как выбрать текстовый редактор? +slug: Learn/Common_questions/Available_text_editors +translation_of: Learn/Common_questions/Available_text_editors +--- +
{{IncludeSubnav("/en-US/Learn")}}
+ +
+

In this article we highlight some things to think about when installing a text editor for web development.

+
+ + + + + + + + + + + + +
Необходимые знания: +

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

+
Цель: +

Узнать, как выбрать текстовый редактор, который наилучшим образом соответствует вашим потребностям в качестве веб-разработчика.

+
+ +

Summary

+ +

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

+ +

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

+ +

Вот основные вопросы, на которые вы должны ответить:

+ + + +

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

+ +

Here are some popular editors:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
РедакторЛицензияЦенаОСПоддержкаДок.Расширяемый
AtomMIT/BSDFreeWindows, Mac, LinuxForumOnline ManualYes
BracketsMIT/BSDFreeWindows, Mac, LinuxForum, IRCGitHub WikiYes
CodaClosed source$99MacTwitter, Forum, E-maileBookYes
CodeLobsterClosed sourceFreeWindows, Mac, LinuxForum, E-mailNo end user docYes
EmacsGPL 3FreeWindows, Mac, LinuxFAQ, Mailing list, News GroupOnline ManualYes
EspressoClosed source$75MacFAQ, E-mailNo end user doc,
+ but plug-in doc		Yes
GeditGPLFreeWindows, Mac, LinuxMailing list, IRCOnline ManualYes
Komodo EditMPLFreeWindows, Mac, LinuxForumOnline ManualYes
Notepad++GPLFreeWindowsForumWikiYes
PSPadClosed sourceFreeWindowsFAQ, ForumOnline HelpYes
Sublime TextClosed source$70Windows, Mac, LinuxForumOfficial, UnofficialYes
TextMateClosed source$50MacTwitter, IRC, Mailing list, E-mailOnline Manual, WikiYes
TextWranglerClosed sourceFreeMacFAQ, ForumPDF ManualNo
VimSpecific open licenseFreeWindows, Mac, LinuxMailing listOnline ManualYes
Visual Studio CodeOpen Source under MIT licence/ Specific licence for productFreeWindows, Mac, LinuxFAQ     DocumentationYes
+ +

Активное изучение

+ +

Активное изучение пока не доступно. Пожалуйста, рассмотрите возможность внести свой вклад.

+ +

Копай глебже

+ +

Критерии выбора

+ +

Итак, более подробно, о чем вы должны думать, когда выбираете текстовый редактор?

+ +

С какой ОС (операционной системой) я хочу работать?

+ +

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

+ +

So first find out which OS you're using, and then check if a given editor supports your OS. Most editors specify on their website whether they support Windows or Mac, though some editors only support certain versions (say, only Windows 7 or later and not Vista). If you're running Ubuntu, your best bet is to search within the Ubuntu Software Center. In general, of course, the Linux/UNIX world is a pretty diverse place where different distros work with different, incompatible packaging systems. That means, if you've set your heart on an obscure text editor, you may have to compile it from source yourself (not for the faint-hearted).

+ +

What kind of technologies do I want to manipulate?

+ +

Generally speaking, any text editor can open any text file. That works great for writing notes to yourself, but when you're doing web development and writing in {{Glossary("HTML")}}, {{Glossary("CSS")}}, and {{Glossary("JavaScript")}}, you can produce some pretty large, complex files. Make it easier on yourself by choosing a text editor that understands the technologies you're working with. Many text editors help you out with features like

+ + + +

Most text editors now support code coloring, but not necessarily the other two features. Make sure in particular that your text editor color-codes {{Glossary("HTML")}}, {{Glossary("CSS")}}, and {{Glossary("JavaScript")}}.

+ +

What kind of basic features do I expect from my text editor?

+ +

It depends on your needs and plans. These functionalities are often helpful:

+ + + +

Do I want to add extra features to my text editor?

+ +

An extensible editor comes with fewer built-in features, but can be extended based on your needs.

+ +

If you aren't sure which features you want, or your favorite editor lacks those features out of the box, look for an extensible editor. The best editors provide many plugins, and ideally a way to look for and install new plugins automatically.

+ +

If you like lots of features and your editor is slowing down because of all your plugins, try using an IDE (integrated development environment). An IDE provides many tools in one interface and it's a bit daunting for beginners, but always an option if your text editor feels too limited. Here are some popular IDEs:

+ + + +

Do I need support/help while using my text editor?

+ +

Always good to know if you can get help or not when using software. For text editors, check for two different kinds of support:

+ +
    +
  1. User-oriented content (FAQ, manual, online help)
    2. +
  2. Discussion with developers and other users (forum, email, IRC)
    3. +
+ +

Use the written documentation when you're learning how to use the editor. Get in touch with other users if you're troubleshooting while installing or using the editor.

+ +

Does my text editor's look-and-feel matter to me?

+ +

Well, that's a matter of taste, but some people like customizing every bit of the UI (user interface), from colors to button positions. Editors vary widely in flexibility, so check beforehand. It's not hard to find a text editor that can change color scheme, but if you want hefty customizing you may be better off with an IDE.

+ +

Install and set up

+ +

Installing a text editor is usually quite straightforward. The method varies based on your platform but it shouldn't be too hard:

+ + + +

When you install a new text editor, your OS will probably continue to open text files with its default editor until you change the file association. These instructions will help you specify that your OS should open files in your preferred editor when you double-click them:

+ + + +

Next steps

+ +

Now that you have a good text editor, you could take some time to finalize your basic working environment, or, if you want to play with it right away, write your very first web page.

diff --git a/files/ru/learn/common_questions/design_for_all_types_of_users/index.html b/files/ru/learn/common_questions/design_for_all_types_of_users/index.html new file mode 100644 index 0000000000..8980f6ec00 --- /dev/null +++ b/files/ru/learn/common_questions/design_for_all_types_of_users/index.html @@ -0,0 +1,224 @@ +--- +title: 'Как создать дизайн, подходящий для всех пользователей?' +slug: Learn/Common_questions/Design_for_all_types_of_users +tags: + - Дизайн + - Мобильность + - Начинающий + - доступность +translation_of: Learn/Common_questions/Design_for_all_types_of_users +--- +
{{IncludeSubnav("/en-US/Learn")}}
+ +
+

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

+
+ + + + + + + + + + + + +
Перед началом:Сначала вам следует прочитать What is accessibility?, поскольку мы не рассматриваем здесь доступность подробно.
Цель:Универсальный дизайн означает дизайн для всех, независимо от инвалидности или технических ограничений. В этой статье перечислены наиболее важные характеристики для универсального дизайна.
+ +

Краткое описание

+ +

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

+ +

Более глубокое изучение

+ +

Цветовой контраст

+ +

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

+ +

{{Glossary("W3C")}} определяет хорошее сочетание цветов с помощью алгоритма, который вычисляет соотношение яркости между передним и задним планом. Расчет может показаться довольно сложным, но мы можем положиться на инструменты, которые сделают эту работу за нас.

+ +

Давайте загрузим и установим анализатор цветового контраста Paciello Group.

+ +
+

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

+
+ +

Например, давайте протестируем цвета на этой странице и посмотрим, как мы справляемся с анализатором цветового контраста:

+ +

Colour contrast on this page: excellent!

+ +

Коэффициент контрастности яркости между текстом и фоном составляет 8,30:1, что превышает минимальный стандарт (4,5: 1) и должно позволить многим слабовидящим людям читать эту страницу.

+ +

Размер шрифта

+ +

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

+ +

Абсолютные единицы

+ +

Абсолютные единицы измерения не рассчитываются пропорционально, а относятся к размеру, так сказать, набранному в камне, и выражаются большую часть времени в пикселях (px). Например, если в вашем CSS вы объявите это:

+ +
body { font-size:16px; }
+
+ +

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

+ +

Однако, на протяжении многих лет Internet Explorer категорически отображается 16 на 16 пикселей. В этом случае масштабирование ничего не дало, даже в последнем Internet Explorer 8, который нам все еще приходится обслуживать, потому что он все еще существует.

+ +

Относительные единицы

+ +

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

+ +

Относительные единицы обычно выражаются в em, % и rem:

+ +
+
Процентные размеры: %
+
Этот блок сообщает вашему браузеру, что размер шрифта элемента должен составлять N% от предыдущего элемента, размер шрифта которого был выражен. Если родитель не найден, то размер шрифта по умолчанию в браузере считается базовым размером для расчета (обычно эквивалентным 16 пикселям).
+
Em размеры: em
+
Эта единица вычисляется так же, как и проценты, за исключением того, что вы вычисляете в частях 1, а не в частях 100. Говорят, что "em" - это ширина заглавной буквы “М” в алфавите (грубо говоря, буква “М” вписывается в квадрат).
+
Rem размеры: rem
+
Эта единица измерения пропорциональна размеру шрифта корневого элемента и выражается в виде частей, таких как em.
+
+ +

Предположим, что нам нужен базовый размер шрифта 16px и h1 (основной заголовок) в эквиваленте 32px, но если в пределах h1 мы найдем промежуток с классом подзаголовков, он тоже должен быть отрисован с размером шрифта по умолчанию (обычно 16px).

+ +

Вот HTML, который мы используем:

+ +
<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Эксперимент с размером шрифта</title>
+</head>
+<body>
+
+    <h1>Это наш главный заголовок
+        <span class="subheading">Это подзаголовок</span>
+    </h1>
+
+</body>
+</html>
+ +

CSS на основе процентов будет выглядеть следующим образом:

+ +
body { font-size:100%; } /* 100% от базового размера шрифта браузера, поэтому в большинстве случаев он будет отображаться как 16 пикселей*/
+h1 { font-size:200%; } /* в два раза больше размера тела, таким образом, 32 пикселя */
+span.subheading { font-size:50%; } /* половина размера h1, таким образом, 16 пикселей, чтобы вернуться к исходному размеру */
+
+ +

Та же проблема выражена и с ems:

+ +
body { font-size:1em; } /* 1em = 100% от базового размера браузера, так что в большинстве случаев это будет выглядеть как 16 пикселей */
+h1 { font-size:2em; } /* в 2 раза больше размера тела, так что 32 пикселя */
+span.subheading { font-size:0.5em; } /* половина размера h1, таким образом, 16 пикселей, чтобы вернуться к исходному размеру */
+
+ +

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

+ +

Теперь о rem. Эта единица измерения относится к размеру корневого элемента, а не к какому-либо другому родительскому элементу. CSS можно переписать таким образом:

+ +
body { font-size:1em; } /* 1em = 100% от базового размера браузера, так что в большинстве случаев это будет выглядеть как 16 пикселей */
+h1 { font-size:2rem; } /* в 2 раза больше размера тела, так что 32 пикселя */
+span.subheading { font-size:1rem; } /* исходный размер */
+
+ +

Так ведь проще, правда? Это работает как в Internet Explorer 9, так и в любом другом поддерживаемом браузере, поэтому, пожалуйста, не стесняйтесь использовать этот способ.

+ +
+

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

+
+ +

Почему мне следует использовать пропорциональные единицы измерения?

+ +

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

+ +

Мы бы посоветовали следующее:

+ + + +
+

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

+
+ +

Длина строки

+ +

Существует давняя дискуссия о длине строки в интернете, но вот история. Еще в те времена, когда у нас были газеты, Печатники понимали, что глаза читателя будут с трудом переходить от одной строки к другой, если строки будут слишком длинными. Какое же решение? Столбцы.

+ +

Конечно, проблема не исчезает, когда мы переключаемся на интернет. Глаза читателя действуют как челнок, идущий от строки к строке. Чтобы сделать чтение проще для глаз людей, ограничьте ширину строки примерно 60 или 70 символами.

+ +

Для этого вы можете указать размер контейнера вашего текста. Давайте рассмотрим этот HTML:

+ +
<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Эксперимент с размером шрифта</title>
+</head>
+<body>
+
+<div class="container">
+    <h1>Это наш главный заголовок
+        <span class="subheading">Это наш подзаголовок</span>
+    </h1>
+
+    <p>[длинный текст, который занимает много строк]</p>
+</div>
+
+</body>
+</html>
+
+ +

У нас есть div с классом container. Мы можем стилизовать div либо для установки его ширины (используя свойство width), либо для его максимальной ширины, чтобы он никогда не становился слишком большим (используя свойство max-width). Если вам нужен эластичный/адаптивный веб-сайт, и вы не знаете, какова ширина браузера по умолчанию, вы можете использовать свойство max-width, чтобы разрешить до 70 символов в строке и не более:

+ +
div.container { max-width:70em; }
+ +

Альтернативный контент для изображений, аудио и видео

+ +

Веб-сайты часто включают в себя разные вещи, помимо обычного текста.

+ +

Изображения

+ +

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

+ + + +
+
Декоративные изображения
+
Они просто для украшения и не передают никакой полезной информации. Чаще всего их можно было бы заменить фоновым изображением. Убедитесь, что они имеют пустой атрибут alt: <img src="deco.gif" alt="">, чтобы они не засоряли текст.
+
Информационнные изоражения
+
Они используются для передачи информации, отсюда и их название. Они могут, например, показать график, жест человека или любую другую информацию. Как минимум, вы должны предоставить соответствующий атрибут alt.
+
+ +

Если изображение может быть описано кратко, вы можете предоставить атрибут alt и ничего больше. Если изображение не может быть описано кратко, вам придется либо предоставить тот же контент в другой форме на той же странице (например, дополнить круговую диаграмму таблицей, содержащей те же данные), либо прибегнуть к атрибуту longdesc. Значение этого атрибута представляет собой URL-адрес, указывающий на ресурс, явно описывающий в деталях содержимое изображения.

+ +
+

Примечание: использование и даже существование longdesc обсуждается уже довольно давно. Пожалуйста, обратитесь к расширению описания изображений W3C (longdesc) для получения полного объяснения и подробных примеров.

+
+ +

Аудио/видео

+ +

Также вам стоит предоставдять альтернативы мультимедийному контенту.

+ +
+
Субтитры / закрытие субтитров
+
Вы должны включить подписи в свое видео, чтобы угодить посетителям, которые не могут слышать звук. Некоторые пользователи имеют проблемы со слухом, не имеют функционирующих динамиков или работают в шумной среде (например, в поезде).
+
Расшифровка
+
Субтитры работают только в том случае, если кто-то смотрит видео. Многие пользователи не имеют времени или не имеют соответствующего плагина или кодека. Кроме того, поисковые системы полагаются в основном на текст для индексации вашего контента. По всем этим причинам, пожалуйста, предоставьте текстовую расшифровку видео / аудиофайла.
+
+ +

Сжатие изображения

+ +

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

+ + diff --git a/files/ru/learn/common_questions/how_do_you_host_your_website_on_google_app_engine/index.html b/files/ru/learn/common_questions/how_do_you_host_your_website_on_google_app_engine/index.html new file mode 100644 index 0000000000..8cc55f9d12 --- /dev/null +++ b/files/ru/learn/common_questions/how_do_you_host_your_website_on_google_app_engine/index.html @@ -0,0 +1,60 @@ +--- +title: Как разместить свой сайт в Google App Engine +slug: Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine +translation_of: Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine +--- +

Google App Engine - это мощная платформа, которая позволяет создавать и запускать приложения в инфраструктуре Google - нужно ли создавать многоуровневое веб-приложение с нуля или размещать статический веб-сайт. Вот пошаговое руководство по размещению вашего сайта в Google App Engine.

+ +

Создание проекта Google Cloud Platform

+ +

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

+ +
    +
  1. Перейдите на панель App Engine dashboard в консоли Google Cloud Platform и нажмите кнопку «Создать» (Create).
    2. +
  2. Введите название проекта, отредактируйте свой ID проекта и отметьте его. Для этого урока используются следующие значения: +
      +
    • Project name: GAE Sample Site
      • +
    • Project ID: gaesamplesite
      • +
    +
    3. +
  3. Если вы еще не создали проект раньше, вам нужно будет выбрать, хотите ли вы получать обновления электронной почты или нет, соглашайтесь с Условиями обслуживания, а затем вы можете нажать кнопку «Создать», чтобы создать свой проект.
    4. +
+ +

Создание приложения

+ +

Каждый проект Cloud Platform может содержать одно приложение App Engine. Давайте подготовим приложение для нашего проекта.

+ +
    +
  1. Нам понадобится образец приложения для публикации. Если у вас его нет, загрузите и распакуйте это sample app..
    2. +
  2. Посмотрите на структуру образца приложения - папка website содержит содержимое вашего сайта, а app.yaml - ваш файл конфигурации приложения. +
      +
    • Ваш веб-сайт должен войти в папку website, а его целевую страницу нужно называть index.html, но кроме того, она может принимать любую форму.
      • +
    • Файл app.yaml - это файл конфигурации, который сообщает App Engine, как сопоставлять URL-адреса вашим статическим файлам. Вам не нужно его редактировать.
      • +
    +
    3. +
+ +

Публикация приложения

+ +

Каждый проект Cloud Platform может содержать одно приложение App Engine. Давайте подготовим приложение для нашего проекта.

+ +
    +
  1. Нажмите кнопку Активировать Google Cloud Shell в верхней части окна консоли.
    + Activate Google Cloud Shell button
    2. +
  2. Откройте редактор кода с панели инструментов Cloud Shell.
    + Code Editor from Cloud Shell toolbar
    3. +
  3. С помощью drag and drop разместите папку sample-app в левой панели редактора кода.
    4. +
  4. Вернитесь обратно в Cloud Shell и введите следующую команду для перехода в директорию вашего приложения: + 
    cd sample-app
    +
    5. +
  5. Теперь вы готовы развернуть ваше приложение, т.е. загрузить его в App Engine: + 
    gcloud app deploy
    +
    6. +
  6. Введите число от одного до семи, чтобы выбрать регион, в котором вы хотите разместить свое приложение.
    7. +
  7. Нажмите Y для подтверждения.
    8. +
  8. Теперь перейдите по ссылке your-project-id.appspot.com, чтобы увидеть ваш сайт. Например, для проекта с ID gaesamplesite, перейдите по ссылке gaesamplesite.appspot.com.
    9. +
+ +

See also

+ +

Чтобы узнать больше, смотрите Google App Engine Documentation.

diff --git a/files/ru/learn/common_questions/how_much_does_it_cost/index.html b/files/ru/learn/common_questions/how_much_does_it_cost/index.html new file mode 100644 index 0000000000..315fcf623a --- /dev/null +++ b/files/ru/learn/common_questions/how_much_does_it_cost/index.html @@ -0,0 +1,159 @@ +--- +title: Насколько дорого обойдется сделать что-то с помощью Web? +slug: Learn/Common_questions/How_much_does_it_cost +tags: + - Хостинг + - начинающему + - стоимость +translation_of: Learn/Common_questions/How_much_does_it_cost +--- +
+

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

+
+ + + + + + + + + + + + +
Прежде чем приступить:Вам следует уже иметь представление о том, какое программное обеспечение вам нужно, различия между веб-страницей, веб-сайтом, и тд, а также о том, что из себя представляет доменное имя.
Цель:Рассмотреть весь процесс создания веб-сайта и оценить расходы на каждом шаге.
+ +

Резюме

+ +

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

+ +

Программное обеспечение

+ +

Текстовые редакторы

+ +

Вероятно, у вас уже есть текстовый редактор: например, блокнот на Windows, Gedit на Linux, TextEdit на Mac. Но вам будет легче писать код, если вы выберете редактор, который имеет подсветку синтаксиса и поможет вам наладить структуру кода.

+ +

Многие редакторы бесплатны, например, Atom, Brackets, Bluefish, TextWrangler, Eclipse, Netbeans, и Visual Studio Code. Некоторые, такие как Sublime Text, вы можете использовать в пробном режиме сколько угодно, но при этом, будете получать рекомендации о возможности приобретения. Некоторые, такие как PhpStorm, могут стоить от нескольких десятков до 200 долларов, в зависимости от выбранного плана. Наконец, есть те из них, такие как Microsoft Visual Studio, которые могут стоить сотни или даже тысячи долларов; хотя Visual Studio Community бесплатна для индивидуальных разработчиков или проектов с открытым исходным кодом. Часто, у платных редакторов есть также пробные версии.

+ +

Для начала, мы предлагаем вам попробовать несколько редакторов, чтобы понять, какой из них подходит лучше вам. Если вы пишите лишь простые {{Glossary("HTML")}}, {{Glossary("CSS")}}, and {{Glossary("Javascript")}}, используйте простой редактор.

+ +

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

+ +

Редакторы изображений

+ +

Ваша система, вероятно, включает в себя простой редактор изображений или просмотрщик: Paint на Windows, Eye of Gnome на Ubuntu, Preview на Mac. Эти программы относительно ограничены, и в скоре вы захотите более развитый редактор, чтобы иметь возможность добавлять слои, накладывать эффекты и группировать объекты.

+ +

Редакторы могут быть бесплатными (GIMP, Paint.NET), относительно недорогими (PaintShop Pro, меньше чем $100), или иметь стоимость в пару сотен долларов (Adobe Photoshop).

+ +

Вы можете использовать любой из них, так как они имеют похожую функциональность, хотя некоторые из них настолько всеобъемлющие, что вы никогда не сможете использовать весь их функционал. Если в какой то момент вам необходимо обменяться проектами с другими дизайнерами, то вам следует выяснить, какие инструменты они используют. Редакторы могут экспортировать законченные проекты в стандартные форматы, но каждый редактор сохраняет текущие проекты в своем собственном, специализированном формате. Большинство изображений в интернете защищены авторским правом, так что лучше проверить лицензию файла, перед его использованием. Такие сайты, как Pixabay, предоставляют изображения под лицензией Creative Commons Zero, так что вы можете использовать, редактировать, и даже публиковать их после изменения, ради коммерческой выгоды.

+ +

Медиа редакторы

+ +

Если вы хотите встроить видео или аудио в ваш веб-сайт, то вы можете встроить онлайн сервисы (например, YouTube, Vimeo, или Dailymotion), или встроить ваши собственные видео (см. ниже расходы на пропускную способность).

+ +

Для аудиофайлов, вы можете найти бесплатное программное обеспечение (Audacity, Wavosaur), либо заплатить пару сотен долларов (Sony Sound Forge, Adobe Audition). Подобным образом, видеоредакторы могут быть бесплатными (PiTiVi, OpenShot для Linux, iMovie для Mac), менее чем $100 (Adobe Premiere Elements), либо иметь стоимость в пару сотен долларов (Adobe Premiere Pro, Avid Media Composer, Final Cut Pro). Программное обеспечение, поставляемое с вашей цифровой камерой может, также, удовлетворить все ваши нужды.

+ +

Инструменты публикации

+ +

Вам также потребуется возможность выгрузки файлов: с вашего жесткого диска на удаленный веб-сервер. Чтобы осуществить это, вам потребуется утилита для публикации, такая как (S)FTP client, RSync, или Git/GitHub.

+ +

Каждая операционная система включает (S)FTP клиент, как часть своего файлового менеджера. Проводник Windows, Nautilus (распрастраненный файловый менеджер Linux), и Mac Finder - все имеют такую функциональность. Однако, люди часто выбирают удаленные (S)FTP клиенты, для одновременного отображения локальных и удаленных каталогов и хранения паролей сервера.

+ +

Если вы хотите установить (S)FTP клиент, то существует несколько, заслуживающих доверия, бесплатных вариантов: FileZilla, WinSCP для Windows, Cyberduck для Mac/Windows, и другие.

+ +

Из-за того, что FTP по своей природе небезопасен, вам следует использовать SFTP — безопасную, зашифрованную версию FTP, которую большинство хостинговых сайтов будут предлагать вам по умолчанию  — или другое безопасное решение, такое как Rsync, работающее через SSH.

+ +

Браузеры

+ +

У вас уже есть браузер либо вы можете  загрузить его бесплатно. Если необходимо, загрузите Firefox отсюда или Google Chrome отсюда.

+ +

Веб-доступ

+ +

Компьютер / модем

+ +

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

+ +

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

+ +

Вам потребуется загружать контент на удаленный сервер (см. ниже Хостинг), а значит вам потребуется модем. Ваш {{Glossary("ISP", "провайдер")}} может предоставлять доступ в интернет вам за пару долларов в месяц, однако, это также зависит от места вашего проживания.

+ +

Доступ по провайдеру

+ +

Убедитесь что у вас достаточная {{Glossary("Bandwidth", "скорость передачи данных")}}:

+ + + +

Хостинг

+ +

Понимание пропускной способности

+ +

Хостинг-провайдеры взимают плату в зависимости от того, сколько {{Glossary("Bandwidth", "bandwidth")}} ваш веб-сайт потребил. Это зависит от того как много людей и бот-сканеров получали доступ к вашему контенту за определенный промежуток времени, и, как много серверного пространства этот контент занимает. Вот почему многие люди, обычно, размещают их видео на удаленных сервисах, таких как Youtube, Dailymotion, и Vimeo. Например, ваш провайдер может иметь план, который позволяет выдерживать до нескольких тысяч посетителей в день. Однако, будьте осторожны, так как это условие меняется от одного провайдера к другому. Возьмите за правило, что надежный, платный персональный хостинг может стоить около 10-15 долларов в месяц.

+ +
+

Заметьте, что не существует такого понятия, как "неограниченная пропускная способность". Если вы использовали огромное количество трафика, будьте готовы выплатить огромную сумму денег.

+
+ +

Доменные имена

+ +

Ваше доменное имя должно быть приобретено через провайдера доменных имен (регистратор). Ваш хостинг-провайдер может также быть регистратором (1&1, Gandi, например, являются в одно и тоже время регистраторами и хостинг-провайдерами). Доменное имя обычно имеет стоимость в $5-15 за год. Эта цена варьируется в зависимости от:

+ + + +

Самодельный хостинг vs. хостинг “из коробки”

+ +

Когда вы хотите опубликовать веб-сайт, вы можете сделать все самостоятельно: настроить базу данных (если требуется), Систему управления наполнением, или {{Glossary("CMS")}} (такую как Wordpress, Dotclear, spip, и тд.), загружать заранее подготовленные вами шаблоны.

+ +

Вы можете использовать среду хостинг-провайдера, примерно за 10-15 долларов в месяц, или подписаться напрямую к удаленному хостинг-сервису с предустановленным CMSs (такие как, Wordpress, Tumblr, Blogger). В последнем случае, вам не придется платить ни за что, но вы будете иметь меньше контроля над шаблонами и другими элементами.

+ +

Бесплатный хостинг vs. платный

+ +

Вы могли бы задать вопрос, почему мне следует платить за хостинг, когда существует так много бесплатных сервисов?

+ + + +

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

+ +

Некоторые люди выбирают смешанный подход. Например, их главный блог на платном хосте, с полным доменном именем, а неожиданный менее важный контент, на бесплатном хосте.

+ +

Профессиональные веб-сайты агенств и хостингов

+ +

Если вы хотите профессиональный веб-сайт, вы можете обратиться в агентство по веб-разработке, чтобы оно сделало его для вас.
+
+ Здесь перечислены расходы, зависящие сразу от нескольких факторов:

+ + + +

...и для хостинга:

+ + + +

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

+ +

Следующие шаги

+ +

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

+ + diff --git a/files/ru/learn/common_questions/index.html b/files/ru/learn/common_questions/index.html new file mode 100644 index 0000000000..7fa9b16baf --- /dev/null +++ b/files/ru/learn/common_questions/index.html @@ -0,0 +1,131 @@ +--- +title: Распространённые вопросы +slug: Learn/Common_questions +tags: + - Веб + - Механика Веба + - распространённые вопросы +translation_of: Learn/Common_questions +--- +
{{LearnSidebar}}
+ +

Данный раздел создан для обеспечения ответами на распространённые вопросы, которые могут возникнуть и которые не обязательно являются основным материалом при изучении веб-технологий (например, обучающих статей по HTML или CSS). Ниже приведённые статьи созданы для самостоятельной работы над их содержимым.

+ +

Как работает Всемирная паутина?

+ +

Данный раздел покрывает "механику" Всемирной паутины — вопросы, относящиеся к общим знаниям о экосистеме Всемирной паутины и тому, как эта экосистема работает.

+ +
+
+

Как работает Интернет?

+
+
Интернет - основа Всемирной паутины; техническая инфраструктура, благодаря которой возможно существование Всемирной паутины. Выражаясь проще, Интернет - это большая сеть компьютеров, которые "общаются" друг с другом. В данной статье обсуждается, как он (Интернет) работает на базовом уровне.
+
+

В чём разница между веб-страницей, веб-сайтом, веб-сервером и поисковым движком?

+
+
В этой статье мы рассмотрим различные связанные с вебом концепции: веб-страницы, веб-сайты, веб-сервера и поисковые движки. Новички в вебе часто путают или неправильно используют данные термины. Давайте узнаем, что они означают!
+
+

Что такое URL?

+
+
Наряду с понятиями гипертекста и протокола HTTP, понятие URL является одной из основных концепций Всемирной паутины. Это механизм, используемый браузерами для получения любого опубликованного во Всемирной сети ресурса.
+
+

Что такое доменное имя?

+
+
Доменные имена являются ключевой частью инфраструктуры сети Интернет. С их помощью обеспечивается удобочитаемый адрес для любого веб-сервера, доступного в сети Интернет.
+
+

Что такое веб-сервер?

+
+
Термин «веб-сервер» может относиться к оборудованию или программному обеспечению (ПО), которое предоставляет клиентам доступ к веб-сайтам через сеть Интернет, или к ним обоим (оборудованию и ПО),  работающим вместе. В этой статье мы рассмотрим, как работают веб-серверы и то, почему они важны.
+
+

Что такое гиперссылки?

+
+
В этой статье мы рассмотрим, что такое гиперссылки и почему они важны.
+
+ +

Инструменты и настройка

+ +

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

+ +
+
+

Сколько стоит сделать что-то в Интернете?

+
+
Когда вы запускаете веб-сайт, вы можете ничего не потратить, или ваши расходы могут быть достаточно высокими. В этой статье мы обсудим, сколько всё стоит и что вы получаете за то, за что вы платите (или не платите).
+
+

Какое ПО мне необходимо для создания веб-сайта?

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

Какие текстовые редакторы доступны?

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

Что такое "Инструменты разработчика" браузера?

+
+
Каждый браузер имеет набор инструментов разработчика для отладки HTML, CSS и другого веб-кода. В этой статье объясняется, как использовать основные функции из инструментов разработчика вашего браузера.
+
+

Как убедиться в том, что веб-сайт работает правильно?

+
+
Итак, вы опубликовали свой сайт в Интернете - очень хорошо! Но уверены ли вы в том, что он работает правильно? В этой статье приведены некоторые основные шаги по устранению неполадок.
+
+

Как настроить локальный сервер тестирования?

+
+
+
+

В этой статье объясняется, как настроить простой локальный сервер тестирования на вашем компьютере, и основы его использования.

+
+
+
+

Как загрузить файлы на веб-сервер?

+
+
В этой статье показано, как публиковать свой сайт в Интернете с помощью инструментов FTP - одним из самых распространенных способов сделать сайт общедоступным, чтобы другие пользователи могли получить доступ к нему со своих компьютеров.
+
+

Как использовать GitHub Pages?

+
+
В этой статье представлено базовое руководство по публикации контента с использованием функции gh-pages сайта GitHub.
+
+

Как разместить сайт в Интернете при помощи платформы Google App Engine?

+
+
Ищете место для размещения вашего сайта? Здесь представлено пошаговое руководство по размещению вашего сайта с помощью платформы Google App Engine.
+
+

Какие существуют инструменты для отладки сайта и увеличения его производительности?

+
+
В этом группе статей рассказывается, как использовать инструменты разработчика в браузере Firefox для отладки и повышения производительности вашего веб-сайта, а именно инструменты для проверки использования памяти, просмотра дерева вызовов JavaScript, количества отображаемых узлов DOM и т. д.
+
+ +

Дизайн и удобство использования

+ +

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

+ +
+
+

С чего мне следует начать создание дизайна веб-сайта?

+
+
В этой статье рассматривается крайне важный первый шаг каждого проекта: определение того, чего вы хотите достичь с его помощью.
+
+

Какова структура наиболее используемых макетов сайтов?

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

Что такое удобство использования?

+
+
В этой статье представлены основные концепции достижения удобства пользования веб-страницами.
+
+

Как разрабатывать сайты для всех категорий пользователей?

+
+
В этой статье приводятся основные методы, которые помогут вам создавать веб-сайты для любого пользователя.
+
+

Какие средства HTML используются для обеспечения удобства использования?

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

Вопросы по HTML, CSS и JavaScript

+ +

Чтобы узнать о распространённых решениях большинства проблем в HTML / CSS / JavaScript, используйте следующие статьи:

+ + diff --git a/files/ru/learn/common_questions/set_up_a_local_testing_server/index.html b/files/ru/learn/common_questions/set_up_a_local_testing_server/index.html new file mode 100644 index 0000000000..0ab424414d --- /dev/null +++ b/files/ru/learn/common_questions/set_up_a_local_testing_server/index.html @@ -0,0 +1,97 @@ +--- +title: Как настроить локальный сервер для тестирования? +slug: Learn/Common_questions/set_up_a_local_testing_server +translation_of: Learn/Common_questions/set_up_a_local_testing_server +--- +
+

Эта статья объясняет как установить простой локальный тестовый сервер на Вашем компьютере, а так же основы его использования.

+
+ + + + + + + + + + + + +
Требования:Сначала Вам необходимо изучить как работает интернет, а также что такое веб-сервер.
Цель: +

Вы научитесь как установливать локальный тестовый сервер.

+
+ +

Локальные и удаленные файлы

+ +

На протяжении всего обучения, вы будете открывать примеры непосредственно в браузере — двойным кликом по HTML файлу, перетаскиванием файла в окно браузера, или через меню File > Open... и указывая необходимый HTML файл. Существует множество способов как это сделать.

+ +

Если веб-адрес начинается с file:// в котором далее прописан путь к файлу на вашем локальном жестком диске, значит используется локальный файл. В противоположность этому, если вы откроете на просмотр один из наших примеров, расположенных на GitHub (или пример расположенный на любом другом удаленном сервере), веб-адресс будет начинаться с http:// или https://, что означает что файл был получен через HTTP.

+ +

Проблемы тестирования локальных файлов

+ +

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

+ + + +

Запуск простого локального HTTP сервера

+ +

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

+ +

Для этого нужно:

+ +
    +
  1. +

    Установить Python. Если Вы пользуетесь Linux или Mac OS X, все уже готово в Вашей системе. Если Вы пользователь Windows, Вы можете скачать установочный файл с домашней страницы Python:

    + +
      +
    • Зайдите на python.org
      • +
    • В секции загрузок, выберите линк для Python "3.xxx".
      • +
    • Внизу страницы выберите Windows x86 executable installer и скачайте его.
      • +
    • Послезагрузки файла запустите его.
      • +
    • На первой странице инсталлятора выберите чекбокс "Add Python 3.xxx to PATH".
      • +
    • Нажмите Install, затем нажмите Close когда установка закончится.
      • +
    +
    2. +
  2. +

    Откройте командную строку (Windows)/ (OS X/Linux). Для проверки установки Python введите следующую команду:

    + + 
    python -V
    +
    3. +
  3. +

    Система вернет Вам номер версии установленной программы. В случае успешного выполнения команды python -V  нужно перейти в директорию с вашим проектом, используя команду cd:

    + + 
    # include the directory name to enter it, for example
+cd Desktop
+# use two dots to jump up one directory level if you need to
+cd ..
    +
    4. +
  4. +

    Введите команду для запуска сервера в том каталоге:

    + + 
    # If Python version returned above is 3.X
+python -m http.server
+# If Python version returned above is 2.X
+python -m SimpleHTTPServer
    +
    5. +
  5. +

    По умолчанию это приведет к запуску содержимого каталога на локальном веб-сервере на порту 8000. Вы можете перейти на этот сервер, перейдя на URL-адрес localhost: 8000 в своем веб-браузере. Здесь вы увидите содержимое указанного каталога - щелкните файл HTML, который вы хотите запустить.

    +
    6. +
+ +
+

Примечание. Если у вас уже есть что-то на порту 8000, вы можете выбрать другой порт, запустив команду сервера, за которой следует альтернативный номер порта, например: python -m http.server 7800 (Python 3.x) или python -m SimpleHTTPServer 7800 (Python 2.x). Затем вы можете получить доступ к своему контенту на localhost: 7800.

+
+ +

Запуск серверных языков локально

+ +

Модуль Python SimpleHTTPServer (python 2.0) http.server (python 3.0) полезен, но он не знает, как запускать код, написанный на таких языках, как Python, PHP или JavaScript. Чтобы справиться с этим, вам понадобится нечто большее - именно то, что вам нужно, зависит от языка сервера, который вы пытаетесь запустить. Вот несколько примеров:

+ + diff --git a/files/ru/learn/common_questions/thinking_before_coding/index.html b/files/ru/learn/common_questions/thinking_before_coding/index.html new file mode 100644 index 0000000000..7d9243ac0d --- /dev/null +++ b/files/ru/learn/common_questions/thinking_before_coding/index.html @@ -0,0 +1,176 @@ +--- +title: Как начать разрабатывать свой сайт? +slug: Learn/Common_questions/Thinking_before_coding +tags: + - Включает активное обучение + - Для начинающих + - Необходимое Схематично + - Планирование +translation_of: Learn/Common_questions/Thinking_before_coding +--- +

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

+ + + + + + + + + + + + +
Необходимые знания:Никаких
Цель:Научиться определять цели, которые позволят дать направление вашему web-проекту.
+ +

Определение идеи проекта

+ +

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

+ +

Так что когда у вас появляется какая-то идея и желание воплотить ее в web-сайте, вам необходимо ответить на 3 простых вопроса, и уже потом предпринимать что-либо иное :

+ + + +

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

+ +

Активное Обучение

+ +

На данный момент этот раздел еще не готов. Вы можете помочь сообществу разработчиков, вступив в Please, consider contributing.

+ +

Более глубокое погружение

+ +

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

+ +

Технические навыки безусловно важны. Музыканты обязаны владеть своим инструментом. Но даже хороший музыкант никогда не создаст хорошую музыку не имея идеи. Следовательно, прежде чем переходить к вашей любимой IDE, вы должны отойти немного назад и детально представить, что же вы на самом деле хотите сделать.

+ +

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

+ +
+

Заметка: Имеется неисчислимое множество способов, как сформулировать идею проекта. К сожалению, мы не можем собрать здесь все сразу (и даже увесистой книги не хватит). То, что мы представляем в этой статье - это простой способ выполнить шаги, которые профессионалы называют Project Ideation, Project Planning и Project Management.

+
+ +

Что же в конце концов я хочу получить?

+ +

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

+ +

Представьте себя музыкантом. Должно быть, вы хотите:

+ + + +

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

+ +
    +
  1. Найти нового друга (подругу).
    2. +
  2. Предоставить людям возможность прослушать ваше творчество.
    3. +
  3. Поговорить о музыке.
    4. +
  4. Наладить контакт с другими музыкантами.
    5. +
  5. Создать интернет-магазин.
    6. +
  6. Обучать своему творчеству с помощью видео-уроков.
    7. +
  7. Публиковать фото вашего кота.
    8. +
+ +

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

+ +

Теперь, когда вы получили приоритетный список ваших целей, имеет смысл перейти к следующему вопросу.

+ +

Как сайт поможет мне в достижении цели?

+ +

И так, у вас есть конкретная цель и вам кажется, что для ее достижения нужен веб-сайт. Вы уверены?

+ +

Вернемся к нашему примеру. У нас есть 5 задач, связанных с музыкой, одна из области личной жизни (поиск своей пары), и ни с чем не связанные фото кота. Есть ли смысл создавать сайт, который способен удовлетворить всем этим требованиям? Так ли это необходимо? В конце концов, десятки уже существующих web-сервисов способны помочь вам в достижении ваших целей.

+ +

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

+ +

Оставшиеся пять задач непосредственно связанны с музыкой. Конечно же, на данный момент уже достаточно сайтов, обладающих подобным функционалом, но в текущем контексте имеет смысл создать сайт, посвященный именно вам. Прежде всего, сайт - это лучший способ чтобы собрать все, что мы хотим опубликовать, в одном месте (для решения проблем под номерами 3, 5 и 6) и создать среду для взаимодействия между нами и публикой (для решения проблем 2 и 4). Если проще, то так как все эти задачи из одной области, содержание всего в одном месте (веб-сайте) поможет нам в достижении целей, а также поможет нашим поклонникам связаться с нами.

+ +

Как способен сайт помочь мне решить мои проблемы? Ответив на это, вы найдете наилучшее решение для себя и убережетесь от траты усилий впустую.

+ +

Что и в какие сроки должно быть реализовано для достижения целей?

+ +

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

+ +

Как водится, лучше один раз увидеть, чем сто раз услышать, так что вернемся к нашему примеру:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ЦельПлан по достижению
Предоставить людям доступ к вашему творчеству +
    +
  1. Записать музыку
    2. +
  2. Опубликовать ваши аудиозаписи в сети (Можете ли вы использовать для этого существующие сервисы?)
    3. +
  3. Предоставить людям доступ к вашей музыке в некоторых частях вашего сайта
    4. +
+
Обсудить вашу музыкальную деятельность +
    +
  1. Написать несколько статей для затравки обсуждений
    2. +
  2. Определить, как должны быть оформлены статьи
    3. +
  3. Опубликовать готовые тексты на вашем сайте (Как это делается?)
    4. +
+
Познакомиться с коллегами по цеху +
    +
  1. Предоставить людям способ связаться с вами (Email? Соц. сеть? Номер телефона? Письмо?)
    2. +
  2. Определить, как люди могут узнать эти данные на вашем сайте
    3. +
+
Создать интернет-магазин +
    +
  1. Приготовить их
    2. +
  2. Разместить в магазине
    3. +
  3. Найти способ доставки
    4. +
  4. Определиться с платежной системой
    5. +
  5. Добавить способ делать заказы на вашем сайте
    6. +
+
Обучать музыке в своих видео-уроках +
    +
  1. Записать видео-уроки
    2. +
  2. Разместить видео в онлайне (И снова: стоит ли использовать для этого уже готовые платформы?)
    3. +
  3. Предоставить людям доступ к видео на вашем сайте (проинформировать)
    4. +
+
+ +

Два важных замечания.

+ +

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

+ +

Во-вторых, написание плана порождает новые вопросы, которые тоже нуждаются в ответах. И, как правило, этих вопросов больше чем рассмотренно в этой статье. (К примеру, можете ли вы сделать что-то из плана самостоятельно, лучше попросить кого-то из знакомых или придётся прибегнуть к помощи третьих лиц?)

+ +

Заключение

+ +

Как стало понятно, простая мысль "А не сделать ли мне сайт?" порождает очень много работы, и при каждом следующем обдумывании она только растет. В скором она может стать очень большой, но это не повод для паники. Вы не обязаны отвечать на все вопросы, а также выполнять каждый пункт плана. Что действительно имеет значение, так это ваше видение результата и понимание целей. Однажды создав идею, вам нужно определиться, как и когда ее реализовать. Разбивайте большие задачи на меньшие и более выполнимые. И каждая выполненная задача приблизит вас к грандиозному успеху.

diff --git a/files/ru/learn/common_questions/upload_files_to_a_web_server/index.html b/files/ru/learn/common_questions/upload_files_to_a_web_server/index.html new file mode 100644 index 0000000000..2f156c3985 --- /dev/null +++ b/files/ru/learn/common_questions/upload_files_to_a_web_server/index.html @@ -0,0 +1,168 @@ +--- +title: Как загрузить файлы на веб-сервер +slug: Learn/Common_questions/Upload_files_to_a_web_server +translation_of: Learn/Common_questions/Upload_files_to_a_web_server +--- +
+

Данная статья покажет, как можно опубликовать сайт в Интернет с помощью инструментов передачи файлов(file transfer tools).

+
+ + + + + + + + + + + + +
Необходимые знания: +

Вы должны знать что такое веб-сервер и как работают доменные имена. Также вы должны знать, как установить базовую среду и как написать простую веб-страницу.

+
Цель: +

Научиться передавать файлы на сервер используя различные доступные инструменты передачи файлов(file transfer tools).

+
+ +

Сводка

+ +

Если вы создали простую веб-страницу (для примера смотрите Основы HTML), вы, вероятно, захотите отобразить её онлайн, на веб-сервере. В данной статье мы обсудим как сделать это, используя различные доступные настройки, такие как SFTP клиенты, RSync и GitHub.

+ +

SFTP (Безопасный Протокол Передачи Файлов)

+ +

Существуют различные варианты SFTP клиентов. В нашем примере мы будем использовать FileZilla, тк он бесплатен и подходит для Windows, macOS и Linux. Чтобы установить менеджер перейдите на страницу загрузки FileZilla downloads page, нажмите на кнопку загрузки, затем установите пакет из установочного файла обычным способом.

+ +
+

Примечание: Конечно, есть много других вариантов. Смотрите Publishing tools для других способов.

+
+ +

Откройте приложение FileZilla; Вы должны увидеть что-то вроде этого:

+ +

+ +

Вход в систему

+ +

В этом примере мы предположим, что наш хостинг-провайдер (сервис, на котором находится наш HTTP веб сервер) является фиктивной компанией "Example Hosting Provider", чьи URL адреса выглядят следующим образом: mypersonalwebsite.examplehostingprovider.net.

+ +

Сейчас мы создали аккаунт и получили от хостинг-провайдера следующую информацию:

+ +
+

Поздравляем с созданием аккаунта на сервисе "Example Hosting Provider".

+ +

Ваш аккаунт: demozilla

+ +

Ваш сайт доступен по адресу:

+ +

demozilla.examplehostingprovider.net

+ +

Для загрузки файлов на этот аккаунт, пожалуйста, подключитесь через SFTP с использованием следующих учетных данных:

+ + +
+ +

Давайте сначала посмотрим на  http://demozilla.examplehostingprovider.net/ — как вы можете видеть, то здесь пока ничего нет:

+ +

Our demozilla personal website, seen in a browser: it's empty

+ +
+

Заметка: В зависимости от вашего хостинг-провайдера, когда вы впервые заходите на свой веб-адрес, большую часть времени вы будете видеть страницу, на которой написано что-то вроде этого: “This website is hosted by [Hosting Service].”

+
+ +

Чтобы подключить SFTP клиент к удаленному серверу, выполните следующие действия:

+ +
    +
  1. Выбирите File > Site Manager... в главном меню.
    2. +
  2. В окне Site Manager, нажмите кнопку New Site, затем введите название сайта как demozilla в предоставленном месте.
    3. +
  3. Укражите SFTP-сервер вашего хоста в предоставленном поле: Host.
    4. +
  4. В раскрывающемся списке Logon Type: выберите Normal, затем введите предоставленные имя пользователя и пароль в соответствующие поля.
    5. +
  5. Введите правильный порт и другую информацию.
    6. +
+ +

Ваше окно должно выглядеть как показано ниже:

+ +

+ +

Теперь нажмите Connect для подключения к SFTP-серверу.

+ +

Заметка: Убедитесь, что ваш хостинг-провайдер предлагает SFTP (безопасный FTP) подключение к вашему хостинговому пространству. FTP по своей сути небезопасен, и вам не следует его использовать.

+ +

Здесь и там: локальный и удаленный просмотр

+ +

После подключения ваш экран должен выглядеть примерно так (мы подключились к нашему собственному примеру, чтобы дать вам представление):

+ +

Давайте посмотрим, что вы видите:

+ + + +

Загрузка на сервер

+ +

Наш пример инструкций для хостинга указывает нам следующее: "Чтобы опубликовать в Интернете, поместите свои файлы в каталог: Public/htdocs." Вам нужно перейти в указанный каталог на правой панели. Этот каталог фактически является корнем вашего веб-сайта, где находятся ваши index.html , откуда ваши файл и другие активы будуть отправлены.

+ +

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

+ +

Как узнать, что они online?

+ +

Пока все хорошо, но действительно ли файлы в сети? Вы можете перепроверить, перейдя на ваш сайт (например, http://demozilla.examplehostingprovider.net/) в вашем браузере:

+ +

Here we go: our website is live!

+ +

И вуаля! Наш сайт работает!

+ +

Rsync

+ +

{{Glossary("Rsync")}} is a local-to-remote file synchronizing tool, which is generally available on most Unix-based systems (like macOS and Linux), but Windows versions exist too.

+ +

It is seen as a more advanced tool than SFTP, beause by default it is used on the command line. A basic command looks like so:

+ +
rsync [-options] SOURCE user@x.x.x.x:DESTINATION
+ + + +

You'd need to get such details from your hosting provider.

+ +

For more information and further eamples, see How to Use Rsync to Copy/Sync Files Between Servers.

+ +

Of course, it is a good idea to use a secure connection, like with FTP. In the case of Rsync, you specify SSH details to make the connection over SSH, using the -e option. For example:

+ +
rsync [-options] -e "ssh [SSH DETAILS GO HERE]" SOURCE user@x.x.x.x:DESTINATION
+ +

You can find more details of what is needed at How To Copy Files With Rsync Over SSH.

+ +

Rsync GUI tools

+ +

As with other command line tools, GUI tools also exist for Rsync, for those who are not as comfortable with using the command line. Acrosync is one such tool, and it is available for Windows and macOS.

+ +

Again, you would have to get the connection credentials from your hosting provider, but this way you'd have a GUI to enter them in.

+ +

GitHub

+ +

GitHub allows you to publish websites via GitHub pages (gh-pages).

+ +

We've covered the basics of using this in the Publishing your website article from our Getting started with the Web guide, so we aren't going to repeat it all here.

+ +

However, it is worth knowing that you can also host a website on GitHub, but use a custom domain with it. See Using a custom domain with GitHub Pages for a detailed guide.

+ +

Other methods to upload files

+ +

The FTP protocol is one well-known method for publishing a website, but not the only one. Here are a few other possibilities:

+ + diff --git a/files/ru/learn/common_questions/using_github_pages/index.html b/files/ru/learn/common_questions/using_github_pages/index.html new file mode 100644 index 0000000000..d32300b1fe --- /dev/null +++ b/files/ru/learn/common_questions/using_github_pages/index.html @@ -0,0 +1,100 @@ +--- +title: Как использовать GitHub Pages? +slug: Learn/Common_questions/Using_Github_pages +translation_of: Learn/Common_questions/Using_Github_pages +--- +

GitHub является сайтом «социального кодирования». Он позволяет загружать репозитории кода для хранения в системе управления версиями Git. Затем вы можете сотрудничать с проектами кода, а система по умолчанию открыта с открытым исходным кодом, что означает, что любой человек в мире может найти ваш код GitHub, использовать его, учиться на нем и улучшать его. Вы можете сделать это и с кодом других людей! В этой статье представлено основное руководство по публикации контента с использованием функции gh-pages Github.

+ +

Публикация контента

+ +

GitHub - очень важное и полезное сообщество для участия, а Git/GitHub - очень популярная система управления версиями (version control system) - большинство технологических компаний теперь используют ее в своем рабочем процессе. GitHub имеет очень полезную функцию GitHub Pages, которая позволяет публиковать код сайта в прямом эфире в Интернете.

+ +

Базовая установка Github

+ +
    +
  1. Прежде всего, установите Git на свой компьютер. Это базовое программное обеспечение для управления версиями, GitHub работает поверх него.
    2. +
  2. Затем зарегистрируйтесь в учетной записи GitHub. Это просто и легко.
    3. +
  3. После того, как вы зарегистрировались, войдите в github.com с вашим именем пользователя и паролем.
    4. +
+ +

Подготовка кода для загрузки

+ +

Вы можете хранить любой код, который вам нравится, в репозитории Github, но для полнофункционального использования функции GitHub Pages ваш код должен быть структурирован как типичный веб-сайт, причем основной точкой входа является HTML-файл с именем index.html.

+ +

Другое, что вам нужно сделать, прежде чем двигаться дальше - это инициализировать вашу кодовую директорию как репозиторий Git. Сделать это:

+ +
    +
  1. Направьте командную строку в каталог вашего test-site (или то, что вы назвали каталогом, содержащим ваш сайт). Для этого используйте команду cd (т.е. "change directory" - «каталог изменений»). Вот что вы набрали, если бы вы разместили свой сайт в каталоге, называемом test-site на рабочем столе: + + 
    cd Desktop/test-site
    +
    2. +
  2. Когда командная строка указывает внутри вашего каталога веб-сайта, введите следующую команду, которая сообщает инструменту git, чтобы он превратил каталог в репозиторий git: + 
    git init
    +
    3. +
+ +

В сторону интерфейсов командной строки

+ +

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

+ +

+ +
+

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

+
+ +

Каждая операционная система поставляется с инструментом командной строки:

+ + + +

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

+ +

Создание repo для вашего кода

+ +
    +
  1. Затем вам нужно создать новое repo для ваших файлов. Нажмите «Плюс» (+) в правом верхнем углу главной страницы GitHub и выберите «Новый репозиторий» (New Repository).
    2. +
  2. На этой странице в поле Имя репозитория (Repository name) введите имя для своего репозитория, например my-repository.
    3. +
  3. Также добавьте описание, чтобы сказать, что будет содержать ваш репозиторий. Ваш экран должен выглядеть так:
    +
    4. +
  4. Нажмите Создать репозиторий (Create repository); это приведет вас к следующей странице:
    +
    5. +
+ +

Загрузка файлов на GitHub

+ +
    +
  1. На текущей странице вас интересует раздел …or push an existing repository from the command line (...или нажмите существующий репозиторий из командной строки). Вы должны увидеть две строки кода, перечисленные в этом разделе. Скопируйте всю первую строку, вставьте ее в командную строку и нажмите Enter. Команда должна выглядеть примерно так: + + 
    git remote add origin https://github.com/chrisdavidmills/my-repository.git
    +
    2. +
  2. Затем введите следующие две команды, нажав Enter после каждого из них. Они готовят код для загрузки в GitHub и просят Git управлять этими файлами. + 
    git add --all
+git commit -m 'adding my files to my repository'
    +
    3. +
  3. Наконец, нажмите код до GitHub, перейдя на веб-страницу GitHub, на которой вы находитесь, и введите в терминал вторую из двух команд, которые мы увидели  …or push an existing repository from the command line: + 
    git push -u origin master
    +
    4. +
  4. Теперь вам нужно создать ветвь gh-pages вашего repo; обновите текущую страницу и вы увидите страницу репозитория, как показано ниже. Вам нужно нажать кнопку, в которой говорится о Branch: master, введите gh-pages в текстовом вводе, затем нажмите синюю кнопку с надписью Create branch: gh-pages. Это создает специальную ветвь кода, называемую gh-pages, которая публикуется в специальном месте. URL-адрес принимает форму username.github.io/my-repository-name, поэтому в моем примере URL-адрес будет https://chrisdavidmills.github.io/my-repository. Отображаемая страница - это страница index.html.
    +
    5. +
  5. Перейдите на веб-адрес GitHub Pages на новой вкладке браузера, и вы должны увидеть свой сайт онлайн! Отправьте его по электронной почте своим друзьям и продемонстрируйте свое мастерство.
    6. +
+ +
+

Примечание: Если вы застряли, страница GitHub Pages homepage также очень полезна.

+
+ +

Дальнейшее знание GitHub

+ +

Если вы хотите сделать больше изменений на своем тестовом сайте и загрузить их на GitHub, вам просто нужно внести изменения в свои файлы, как и раньше. Затем вам нужно ввести следующие команды (нажав Enter после каждого), чтобы вставить эти изменения в GitHub:

+ +
git add --all
+git commit -m 'another commit'
+git push
+ +

Вы можете заменить another commit более подходящим сообщением, чтобы описать, какое изменение вы только что сделали.

+ +

Мы едва коснулись Git. Чтобы узнать больше, начните с GitHub Help site.

diff --git a/files/ru/learn/common_questions/what_software_do_i_need/index.html b/files/ru/learn/common_questions/what_software_do_i_need/index.html new file mode 100644 index 0000000000..8432ce45c3 --- /dev/null +++ b/files/ru/learn/common_questions/what_software_do_i_need/index.html @@ -0,0 +1,156 @@ +--- +title: Какое программное обеспечение необходимо для создания веб-сайта? +slug: Learn/Common_questions/What_software_do_I_need +translation_of: Learn/Common_questions/What_software_do_I_need +--- +
+

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

+
+ + + + + + + + + + + + +
Необходимые знания:Вы должны уже знать разницу между веб-страницами, веб-сайтами, веб-серверами и поисковыми системами.
Цель:Узнать, какие программные компоненты вам понадобятся при редактировании, загрузке или просмотре веб-сайта.
+ +

Аннотация

+ +

Вы можете бесплатно загрузить большинство программ, необходимых для веб-разработки. Мы предоставим несколько ссылок в этой статье. Вам понадобятся инструменты: 1) создания и редактирования веб-страниц, 2) загружать файлы на ваш веб-сервер, 3) просматривать ваш веб-сайт.

+ +

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

+ +

Активное изучение

+ +

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

+ +

Копай глубже

+ +

Создание и редактирование веб-страниц

+ +

Для создания и редактирования веб-страниц необходим текстовый редактор. Тестовые редакторы создают и изменяют неотформатированные текстовые файлы. (Другие форматы, такие как {{Glossary("RTF")}}, позволяют добавить форматирование, такое как полужирное или подчеркивание. Эти форматы не подходят для написания веб-страниц.) Вам следует выбирать текстовый редактор с умом, так как вы будете активно работать с ним, при создании веб-сайта.

+ +

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

+ +

 

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
Операционная системаВстроенный редакторСторонний редактор
WindowsNotepad +

Notepad++

+ +

Visual Studio Code

+ +

Web Storm

+ +

Brackets

+
Mac OSTextEdit +

TextWrangler

+ +

Visual Studio Code

+ +

Brackets

+
LinuxVi (All UNIX)
+ GEdit (Gnome)
+ Kate (KDE)
+ LeafPad (Xfce)		 +

Emacs
+ Vim

+ +

Visual Studio Code

+ +

Brackets

+
+ +

Ниже скриншот продвинутого текстового редактора:

+ +

Screenshot of Notepad++.

+ +

Загрузка файлов в Интернете

+ +

Когда ваш сайт будет готов для публичного просмотра, вам придется загрузить свои веб-страницы на веб-сервер. Вы можете купить место на сервере у различных провайдеров (см. Сколько стоит делать что-то в Интернете?). После того, как вы решите, какого провайдера использовать, провайдер отправит вам по электронной почте информацию о доступе к протоколу FTP (протокол передачи файлов).  Загрузка файлов на веб-сервер является важным шагом при создании сайта, поэтому мы подробно расскажем об этом в отдельной статье. А сейчас, вот краткий список бесплатных базовых FTP-клиентов:

+ + + + + + + + + + + + + + + + + + + + + + + +
Операционная системаПрограммное обеспечение FTP
Windows +

WinSCP

+ +

Moba Xterm

+ 		FileZilla (All OS)
LinuxNautilus (Gnome)
+ Dolphin (KDE)
Mac OSCyberduck
+ +

Просмотр веб-сайтов

+ +

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

+ + + +

Если вы ориентируетесь на определенную группу (например, техническую платформу или страну), возможно, вам придется протестировать ваш сайт с помощью дополнительных браузеров, таких как Opera, Konqueror, или UC Browser.

+ +

Но тестирование усложняется, потому что некоторые браузеры работают только в определенных операционных системах. Apple Safari работает на iOS и Mac OS, а Internet Explorer работает только в Windows. Поэтому лучше воспользоваться такими сервисами, как Browsershots или Browserstack. Browsershots предоставляет скриншоты вашего сайта, того как ваш сайт будет выглядить в различных браузерах. Browserstack фактически предоставляет вам полный удаленный доступ к виртуальным машинам, поэтому вы можете протестировать ваш сайт в наиболее распространенных средах. Кроме того, вы можете настроить свою собственную виртуальную машину, но это требует некоторого опыта. (Если вы следуете этому пути, Microsoft имеет инструменты для разработчиков, включая готовую к использованию виртуальую машину на modern.ie.)

+ +

Обязательно проведите тестирование на реальном устройстве, особенно на реальных мобильных устройствах. Симуляция мобильных устройств - это новая, развивающаяся технология и менее надежна, чем симуляция настольных устройств. Разумеется, мобильные устройства стоят денег, поэтому мы предлагаем взглянуть на  Open Device Lab initiative. Вы также можете обмениваться устройствами, если вы хотите протестировать на многих платформах, не тратя слишком много.

+ +

Следующие шаги

+ + + +

 

-- cgit v1.2.3-54-g00ecf