Веб разработка как пишется

Карта слов и выражений русского языка

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

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

Сайт оснащён мощной системой поиска с
поддержкой русской морфологии.

Разбор слова
по составу ОНЛАЙН

Подобрать синонимы
ОНЛАЙН

Найти предложения со словом
или
выражением ОНЛАЙН

Поиск по произведениям русской классики
ОНЛАЙН

Словарь афоризмов русских писателей

Морфемный разбор слова:

Однокоренные слова к слову:

Поиск ответа

Ответ справочной службы русского языка

Добрый день, подскажите, пожалуйста, допустимо ли написание web- проект? Или все же правильно веб-проект? Спасибо.

Ответ справочной службы русского языка

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

Как правильно написать, web- страница или веб-страница? Спасибо

Ответ справочной службы русского языка

Ответ справочной службы русского языка

Ответ справочной службы русского языка

Здравствуйте! Подскажите, пожалуйста, можно ли писать web- сайт или обе части это слова должны быть написаны по-русски: веб-сайт? Спасибо!

Ответ справочной службы русского языка

Предпочтительно писать слово веб-сайт.

Ответ справочной службы русского языка

Правильное написание: веб-сайт (именно такое написание рекомендует «Русский орфографический словарь» РАН). В значении «Интернет» существительное Веб пишется с большой буквы. Слова с первой частью веб. ( веб-программист, веб-дизайнер, веб-мастер ) пишутся через дефис, со строчной буквы.

Здравствуйте! Скажите пожалуйста, правильно ли написание слова «интернет» в середине предложения с большой буквы, и склоняется ли это слово? «Размещение электронной версии каталога в Интернете на web- странице выставочной компании.»

Ответ справочной службы русского языка

Да, слово _Интернет_ пишется с большой буквы и склоняется. Вы написали верно.

Ответ справочной службы русского языка

«Справочное бюро» не занимается проверкой текстов.

Добрый день! Скажите, пожалуйста, нужна ли запятая после «однако» в следующем предложении: Однако когда запрашивается динамическая страница, действия web- сервера не столь однозначны. Спасибо.

Ответ справочной службы русского языка

Как правильно писать « Web- страницы»?

Ответ справочной службы русского языка

Здравствуйте, скажите пожалуйста, как следует писать Web- страница или web- страница? Спасибо, Ирина

Ответ справочной службы русского языка

В русском языке есть слово _веб-страница_.

Запятая ставится в обоих случаях или нигде? Спасибо. Каталоги самых известных поисковых машин содержат ссылки на более, чем миллионы web- ресурсов. Каталог содержит более, чем 150 наименований продукции.

Ответ справочной службы русского языка

Запятые не ставятся в обоих случаях.

Web- сайт[,] как эффективный инструмент pr-кампании.

Ответ справочной службы русского языка

Подскажите, пожалуйста, как правильно: «закончить дела по окончанИЮ рабочего дня» или «закончить дела по окончанИИ рабочего дня»? И еще одни вопрос: Во фразе «Если Вы разбираетесь в компьютерных технологих и знаете, чем отличается браузер от web- обозревателя Вы наш главный кандидат» правильно ли расставлены знаки препинания?

Ответ справочной службы русского языка

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

Источник

Поиск ответа

Ответ справочной службы русского языка

Добрый день, подскажите, пожалуйста, допустимо ли написание web- проект? Или все же правильно веб-проект? Спасибо.

Ответ справочной службы русского языка

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

Как правильно написать, web- страница или веб-страница? Спасибо

Ответ справочной службы русского языка

Ответ справочной службы русского языка

Ответ справочной службы русского языка

Здравствуйте! Подскажите, пожалуйста, можно ли писать web- сайт или обе части это слова должны быть написаны по-русски: веб-сайт? Спасибо!

Ответ справочной службы русского языка

Предпочтительно писать слово веб-сайт.

Ответ справочной службы русского языка

Правильное написание: веб-сайт (именно такое написание рекомендует «Русский орфографический словарь» РАН). В значении «Интернет» существительное Веб пишется с большой буквы. Слова с первой частью веб. ( веб-программист, веб-дизайнер, веб-мастер ) пишутся через дефис, со строчной буквы.

Здравствуйте! Скажите пожалуйста, правильно ли написание слова «интернет» в середине предложения с большой буквы, и склоняется ли это слово? «Размещение электронной версии каталога в Интернете на web- странице выставочной компании.»

Ответ справочной службы русского языка

Да, слово _Интернет_ пишется с большой буквы и склоняется. Вы написали верно.

Ответ справочной службы русского языка

«Справочное бюро» не занимается проверкой текстов.

Добрый день! Скажите, пожалуйста, нужна ли запятая после «однако» в следующем предложении: Однако когда запрашивается динамическая страница, действия web- сервера не столь однозначны. Спасибо.

Ответ справочной службы русского языка

Как правильно писать « Web- страницы»?

Ответ справочной службы русского языка

Здравствуйте, скажите пожалуйста, как следует писать Web- страница или web- страница? Спасибо, Ирина

Ответ справочной службы русского языка

В русском языке есть слово _веб-страница_.

Запятая ставится в обоих случаях или нигде? Спасибо. Каталоги самых известных поисковых машин содержат ссылки на более, чем миллионы web- ресурсов. Каталог содержит более, чем 150 наименований продукции.

Ответ справочной службы русского языка

Запятые не ставятся в обоих случаях.

Web- сайт[,] как эффективный инструмент pr-кампании.

Ответ справочной службы русского языка

Подскажите, пожалуйста, как правильно: «закончить дела по окончанИЮ рабочего дня» или «закончить дела по окончанИИ рабочего дня»? И еще одни вопрос: Во фразе «Если Вы разбираетесь в компьютерных технологих и знаете, чем отличается браузер от web- обозревателя Вы наш главный кандидат» правильно ли расставлены знаки препинания?

Ответ справочной службы русского языка

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

Источник

Поиск ответа

Здравствуйте! Подскажите, пожалуйста, как правильно писать прилагательное «вебмастерский».

Ответ справочной службы русского языка

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

Здравствуйте. В веб-м аркетинге используется понятие «оффер» — предложение/специальное предложение. Как писать правильно, с одной «ф» (по аналогии с трафиком) или с двумя? Пока встречал только вариант с двумя «ф», но, насколько я понимаю, в русском языке написание упрощается. Спасибо!

Ответ справочной службы русского языка

Словарной фиксации нет. Это недавнее заимствование, поэтому пока лучше сохранять две буквы ф. Если это слово закрепится в русском языке, то со временем, возможно, и «потеряет» одну ф (как это случилось со словами офис, трафик, офлайн и др.).

Здравствуйте.
Как правило: вебмастера или вебмастеры?

Ответ справочной службы русского языка

Слово веб-м астер пишется через дефис. Правильно: веб-м астеры.

Здравствуйте. Подскажите, как правильно написать локс-мастер (по аналогии с веб-м астер) или локсмастер. Спасибо!

Ответ справочной службы русского языка

Словарной фиксации нет. А кто такой локс-мастер?

Ответ справочной службы русского языка

Согласно Вашей информации я считал себя грамотным и всегда писал веб-м астер и проч. через дефис.
Однако Справочная служба русского языка (ССРЯ) http://www.rusyaz.ru/is/ns/web.html, Рязанский пр. 67/2 УТВЕРЖДАЕТ: «веб» пишется отнюдь не через дефис, а только слитно, согласно давно
существующим правилам образования подобных слов! Надо: «вебмастер»; «вебдизайнер»; «вебуслуги», «вебиздание». Кому верить?

Ответ справочной службы русского языка

С коллегами из ССРЯ мы не можем согласиться. Действительно, написание сложных слов с первыми частями интернет. веб. пиар. онлайн. бизнес. медиа. мини. супер. и под. вызывает значительные затруднения у пишущих. Главным образом это связано с тем, что действующими «Правилами русской орфографии и пунктуации», принятыми в 1956 году, написание подобных компонентов не регламентируется (что и понятно: в 1956 году таких языковых единиц не существовало). Так что о давно существующих правилах говорить не приходится. Новый же свод правил русского правописания, разработанный Орфографической комиссией РАН и учитывающий изменения, произошедшие в практике письма после 1956 года, пока не принят.

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

Здравствуйте, пишу диплом по интернет-технологиям, так вот, хотелось бы получить ответ (чтобы давать ссылку как доказательство своей правоты, это можно удалить) на такой вопрос:
Допустимо ли употреблять как часть сложного слова слово «веб», вместо «web». В электронной версии орфографического словаря чётко указан только «веб-сайт», хотелось бы то же самое видеть о таких сложных словах как: «веб-технологии», «веб-стандарт», «вебмастер» (вроде употребляется так, это тоже как вопрос).

Ответ справочной службы русского языка

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

Ответ справочной службы русского языка

Правильное написание: веб-сайт (именно такое написание рекомендует «Русский орфографический словарь» РАН). В значении «Интернет» существительное Веб пишется с большой буквы. Слова с первой частью веб. ( веб-программист, веб-дизайнер, веб-м астер ) пишутся через дефис, со строчной буквы.

Какую форму имеет слово » веб-м астер» в именительном падеже множественного числа? » Веб-м астерА» или » веб-м Астеры»? Спасибо за ответ. Клара

Ответ справочной службы русского языка

Источник

Веб-разработка

Веб-разработка — процесс создания веб-сайта или веб-приложения. Термин включает в себя веб-дизайн, программирование для веб на стороне клиента и сервера, а также конфигурирование веб-сервера.

Содержание

Основные этапы веб-разработки

На сегодняшний день существуют несколько этапов разработки web-сайта:

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

Основные профессии

Нередко веб-специалисты совмещают в себе сразу несколько специальностей.

Литература

Ссылки

Полезное

Смотреть что такое «Веб-разработка» в других словарях:

Веб-сайт — Запрос «сайт» перенаправляется сюда; см. также другие значения. Веб сайт (от англ. website: web «паутина», «сеть» и site «место», букв. «место в сети») или просто сайт в компьютерной сети объединённая под одним адресом (доменным … Википедия

Разработка веб-сайтов — Веб разработка процесс создания веб сайта или веб приложения. Термин включает разработку приложений электронной коммерции, веб дизайн, программирование для веб на стороне клиента и сервера, а также конфигурирование веб сервера. Содержание 1… … Википедия

Веб-разработчик — Веб разработка процесс создания веб сайта или веб приложения. Термин включает разработку приложений электронной коммерции, веб дизайн, программирование для веб на стороне клиента и сервера, а также конфигурирование веб сервера. Содержание 1… … Википедия

Разработка — может означать: Процесс проектирования и конструирования изделия (см. Разработка нового продукта и Разработка с общедоступными наработками) Итеративная разработка Разработка алгоритмов Разработка программного обеспечения Разработка приложений для … Википедия

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

Разработка приложений для мобильных устройств — Разработка приложений для мобильных устройств это процесс при котором приложения разрабатываются для небольших портативных устройств таких как КПК, смартфоны или сотовые телефоны. Эти приложения могут быть предустановлены на устройство в… … Википедия

Веб-приложение — Веб приложение клиент серверное приложение, в котором клиентом выступает браузер, а сервером веб сервер. Логика веб приложения распределена между сервером и клиентом, хранение данных осуществляется, преимущественно, на сервере, обмен… … Википедия

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

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

Веб-мастер — Веб мастер человек, занимающийся разработкой веб сайтов в Интернете или корпоративных приложений в интернете. Веб мастер это «управляющий» сайтом. В зависимости от размера коллектива разработчиков, он может объединять в себе… … Википедия

Источник

Веб-разработка – с чего начать?

Недавно на сайте stack overflow увидел вопрос, в котором программист C++ спрашивал, что нужно начать изучать для того чтобы впоследствии стать веб-разработчиком. С его слов он начал с изучения php, но по совету знакомых переключился на яву, в какой-то момент открыл для себя ангуляр, в итоге в голове у него образовалась каша, и понимания в какую сторону двигаться не было. Именно для людей, которые только что пришли в веб я и решил поделиться это статьей, чтобы у них было примерное понимание, что тут есть.

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

Бекэнд

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

Языков программирования тут множество, вот самые распространенные из них:

• Php
• Asp net
• Java
• Python
• Ruby
• Node js

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

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

• Oracle
• MSSQL
• MYSQL
• Postgres

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

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

Фронтэнд

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

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

JavaScript на текущий момент времени имеет два стандарта, которые широко используются: ECMAScript 5 и ECMAScript 6. Разница между ними состоит в том, что в ECMAScript 5 отсутствует полноценное ОПП. В ECMAScript 6 оно есть, но поскольку этот стандарт появился относительно недавно, уже большая часть приложений написана на ECMAScript 5, в результате чего нужно будет освоить оба стандарта и как следствие два разных подхода к разработке.

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

Описанные мною проблемные моменты решены в современных js фреймворках (например в таких как ангуляр и реакт). Но в проектах, которые написаны без использования фреймворков эти моменты остаются.

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

Фулстек

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

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

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

Источник

Всего найдено: 15

Здравствуйте! Уточните, пожалуйста, нужнали запятая в этом объявлении? : Приглашаем к сотрудничеству владельцев Web-камер ? для трансляции в эфире нашего чата. Спасибо.

Ответ справочной службы русского языка

Запятая не ставится. Корректно: веб-камер.

Добрый день, подскажите, пожалуйста, допустимо ли написание web-проект? Или все же правильно веб-проект? Спасибо.

Ответ справочной службы русского языка

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

Как правильно написать, web-страница или веб-страница? Спасибо

Ответ справочной службы русского языка

Корректно: веб-страница.

Web сайт или Web-сайт?

Ответ справочной службы русского языка

Правильно: веб-сайт.

Пожалуйста, ответьте на вопрос:
Демо-Web-интерфейс — как правильно? Верно ли расставлены дефисы?
спасибо

Ответ справочной службы русского языка

Орфографически верно: демо-веб-интерфейс.

Здравствуйте! Подскажите, пожалуйста, можно ли писать web-сайт или обе части это слова должны быть написаны по-русски: веб-сайт? Спасибо!

Ответ справочной службы русского языка

Предпочтительно писать слово веб-сайт.

Здравствуйте! Я всегда задумывался над тем, как правильно писать: веб-сайт, вебсайт или web-сайт? Также возникают вопросы с такими словами как «вебмастер» и «веб-дизайнер», «веб-программист» (мне действительно кажется что первое пишется слитно, а второе и третье — через дефис). Допустимо ли употребление слова «веб» в значении «сеть, интернет»?

Ответ справочной службы русского языка

Правильное написание: веб-сайт (именно такое написание рекомендует «Русский орфографический словарь» РАН). В значении «Интернет» существительное Веб пишется с большой буквы. Слова с первой частью веб… (веб-программист, веб-дизайнер, веб-мастер) пишутся через дефис, со строчной буквы.

Здравствуйте! Скажите пожалуйста, правильно ли написание слова «интернет» в середине предложения с большой буквы, и склоняется ли это слово?
«Размещение электронной версии каталога в Интернете на web-странице выставочной компании.»

Ответ справочной службы русского языка

Да, слово _Интернет_ пишется с большой буквы и склоняется. Вы написали верно.

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

Уважаемые дамы и господа!
Не для кого не секрет, что в последнее время все большей популярностью пользуется всемирная сеть Интернет. В связи с этим наша компания запускает новый проект — _______________
___________________ – это информационно-справочный Интернет-сайт, посвященный развлечениям и досугу. Поскольку, наш город растет и развивается с неумолимой скоростью и почти каждый день открываются новые торговый центры, кафе, клубы и прочие заведения, мы считаем, что столица давно нуждается в таком проекте. На сайте будет размещаться информация рекламного характера, позволяющая жителям и гостям нашей столицы легко ориентироваться и выбирать для себя нужное из огромного количества предложений.
Одним из неоспоримых преимуществ Интернет сайта является то, что Ваша информация работает на Вас 24 часа в сутки, 7 дней в неделю, при необходимости она обновляется.
Наша цель – собрать информацию обо всех организациях, деятельность которых, так или иначе, соприкасается с досугом и развлечениями.
Мы отлично понимаем, что у нас огромная целевая аудитория и для Вашего удобства мы сформировали 3 варианта размещения информации. Вы можете выбрать тот пакет, который оптимально подходит для Вас.
У многих фирм существуют собственные web-сайты, но зачастую их посещаемость оставляет желать лучшего, ведь тратить огромные средства на продвижение в сети иногда бывает не целесообразно.
_________________ – это идеальный вариант рекламы не только Вашей фирмы, но и Вашего персонального электронного представительства.
Мы постоянно работаем над продвижением сайта и стремимся занять лидирующие позиции.
Помимо прочего на сайте так же будут размещаться новостная лента, интересные фотографии о нашем городе, рубрика «Халява», в которой Вы можете размещать информацию о предстоящих мероприятиях, о скидках, распродажах, акциях и т.д. совершенно бесплатно, прогноз погоды, курсы валют и многое другое.
P.S.: Поскольку наш проект пока только набирает обороты нам хочется знать Ваше мнение. Будем рады принять Ваши пожелания, предложения и замечания по e-mail.

Ответ справочной службы русского языка

«Справочное бюро» не занимается проверкой текстов.

Добрый день!

Скажите, пожалуйста, нужна ли запятая после «однако» в следующем предложении:
Однако когда запрашивается динамическая страница, действия web-сервера не столь однозначны.

Спасибо.

Ответ справочной службы русского языка

Запятая перед _когда_ нужна.

Как правильно писать «Web-страницы»?

Ответ справочной службы русского языка

Правильно: _web-страницы_.

Здравствуйте, скажите пожалуйста, как следует писать Web-страница или web-страница? Спасибо, Ирина

Ответ справочной службы русского языка

В русском языке есть слово _веб-страница_.

Запятая ставится в обоих случаях или нигде? Спасибо.
Каталоги самых известных поисковых машин содержат ссылки на более, чем миллионы web-ресурсов.

Каталог содержит более, чем 150 наименований продукции.

Ответ справочной службы русского языка

Запятые не ставятся в обоих случаях.

Web-сайт[,] как эффективный инструмент pr-кампании.

Ответ справочной службы русского языка

Запятая не нужна.

Подскажите, пожалуйста, как правильно: «закончить дела по окончанИЮ рабочего дня» или «закончить дела по окончанИИ рабочего дня»?
И еще одни вопрос:
Во фразе «Если Вы разбираетесь в компьютерных технологих и знаете, чем отличается браузер от web-обозревателя Вы наш главный кандидат» правильно ли расставлены знаки препинания?

Ответ справочной службы русского языка

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

Веб-разработка

Полезное

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

Выбираем направление

От фронтенда, бэкенда и вот этого всего голова может идти кругом — поэтому давайте определимся.

Фронтенд

Это то, что пользователь видит и с чем взаимодействует на странице. Дизайн, визуальные элементы, схемы — вся лицевая сторона. Задачи фронтендера — сделать сайт, который будет решать задачи владельца, одинаково корректно работать на всех устройствах, независимо от браузера и размера экрана и при этом будет удобен пользователю.
Основные инструменты: HTML, CSS и JavaScript. Подойдёт тем, кто педантично относится к деталям и хочет сразу видеть результат своей работы.

Бэкенд

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

Языков программирования для бэкенда несколько: PHP, Ruby, Python или Node.js. Для бэкенд-разработки нужны системы управления базами данных: MySQL, PostgreSQL, SQLite или MongoDB.

Подойдёт для тех, кому интересна работа с данными и решение архитектурных задач.

Вёрстка страниц

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

HTML

Это язык гипертекстовой разметки. Отвечает за структуру и содержание страницы. Он состоит из тегов, а тег состоит из имени, заключённого между знаками «меньше» и «больше». Например: <h1>, <p> и <ul>.

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

Вместо расширения *.txt тут используется *.html. Оно даёт понять браузеру, что внутри файла находится код веб-страницы. Браузер разбирает его структуру, определяет взаиморасположение элементов и визуализирует их.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>HTML Документ</title>
 </head>
 <body>
  <p>
   <b>
    Этот текст будет полужирным, <i>а этот — ещё и курсивным</i>.
   </b>
  </p>
 </body>
</html>

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

CSS

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

p {
 font-family: "Arial", "Helvetica", sans-serif;
}

/* свойству font-family передаются сразу несколько шрифтов и название семейства */

Тег <p> отвечает за формирование текстового абзаца. Допустим, нам нужно чтобы все <p> на странице получили одинаковые свойства. Для этого надо подключить к странице стили. Пока они не подключены никакого эффекта от них не будет. Стили можно встроить внутри HTML-кода страницы (инлайново) или подключить их как внешний файл. Чаще всего стили подключают из внешнего файла с расширением *.css. Так разметка отделяется от стилизации, снижается вероятность ошибки, внешний файл кешируется и не загружается повторно. Для подключения из внешнего файла используется тег <link>.

<head>
 <link href="external.css" rel="stylesheet">
</head>

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

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

JavaScript

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

Применяется, чтобы оживить HTML-страницы: добавить на страницу обработку действий пользователя или интересные визуальные эффекты. С его помощью можно даже писать картины на канвасе. Возможности применения JavaScript ограничиваются только вашей фантазией и поддержкой браузеров. Не путайте его с Java, это совершенно разные языки.

PHP

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

Когда вы открываете свою страницу в социальной сети и вводите логин-пароль, компьютер формирует запрос с вашими данными и отправляет на сервер. На стороне сервера PHP получает информацию из базы данных, которая тоже лежит на сервере и формирует вашу страницу: передаёт на фронтенд имя, фотографию, заполняет поля. Результат оформляется в виде готового HTML и отправляется вам в браузер.

PHP не самый сложный язык, но чтобы раскрыть все его возможности, потребуется изучить и другие технологии. Например, работу с базами данных: язык SQL, а также MySQL, PostgreSQL, SQLite или MongoDB.

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

Основы бэкенда можно изучить на курсе
«PHP. Профессиональная веб-разработка».

React

Библиотека на языке JavaScript, созданная разработчиками «Фейсбука». Используется для создания веб-приложений. Уметь пользоваться библиотеками нужно, чтобы оптимизировать написание кода и не тратить много времени на поиск ошибок. В библиотеке хранятся готовые решения, которые можно использовать для типовых задач. React — лидер в рейтинге разработчиков по удовлетворённости технологиями 2018 года.

Чтобы написать приложение с помощью React, недостаточно знать HTML, CSS и JavaScript. Библиотеку придётся изучить отдельно. Но если у вас уже есть базовые знания JavaScript, проблем с этим не будет.

Вот пример сайта, сделанного с помощью React — «‎Почта России».

Если хотите разобраться с основами HTML, CSS, программирования на JavaScript и понять, интересна ли вам веб-разработка, начните с тренажёров.

Сделайте первый шаг

• Как написать и запустить HTML на компьютере
• Как сверстать макет
• Шаблон простого сайта на HTML