Elettracompany.com

Компьютерный справочник
1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Технология веб программирования

Инструменты и технологии WEB-программирования

Известно немало технологий Web-программирования. Мы рассмотрим самые популярные из тех, на которых основывается подавляющая часть сайтов. Впрочем, простота этих технологий отнюдь не свидетельствует о их несовершенстве. Но сначала приведём основные термины, применяемые в Web-программировании.

Приложение — программный продукт, работающий под управлением операционной системы компьютера.

Сервер — мощный компьютер в сети, который обрабатывает запросы от персональных компьютеров, соединённых с ним линиями связи.

Web-хостинг — сервис для Web-программистов. Суть его такова: программист создаёт текстовые файлы с расширением *.html, *.php или другие и размешивает их на компьютере в сети (такой компьютер называется сервером) по договору с владельцем данного сервера (что называется хостер). Хостер (владелец сервера) присваивает директории на сервере, предоставленной им для этого программиста, доменное имя, по которому каждый пользователь Интернет может просматривать эти файлы путём набора доменного имени в адресной строке Web-браузера.

Web-сервер — это приложение, установленное на компьютере в сети (на сервере), который анализирует код файла, написанного Web-программистом и размещённого в одной из папок этого сервера. На основании анализа Web-сервер формирует код, который отправляет по сети Web-браузера. Существует немало видов Web-серверов, но мы рассмотрим самый популярный из них: Apache.

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

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

CSS – каскадные таблицы стилей. В целом это составляющая языка HTML, управляющая внешним видом элементов Web-страницы (размерами, цветом, качеством изображения и т. п.). Большинство тегов HTML имеют свойство стиль (style). Это свойство, в свою очередь, имеет различные атрибуты, выбирая которые, программист управляет видом фрагмента на странице. Атрибуты стилей можно указывать как непосредственно в теле документа, так и в отдельном файле с расширением *.css. В этом случае можно управлять видом элементов на большом количестве страниц созданием в них ссылок на один файл (таблицу стилей) с произвольным именем, например, style.css.

Языки сценариев. Это языки программирования, не требующие компилятора кода, нужен только интерпретатор, который обрабатывает код и выдаёт ту же HTML-страницу. Существуют серверные (интерпретатор языка установлен на сервере) и клиентские языки сценариев. Интерпретатора клиентского языка как самостоятельной единицы не существует, он встроен в Web-браузер. Мы рассмотрим наиболее мощные, популярные и простые языки сценариев: клиентский javascript и серверный язык РНР. javascript служит для повышения динамичности Web-страниц. РНР обеспечивает обмен данными между клиентским Web-браузером и Web-сервером, обработку запросов, присланных браузером, на сервере и выдачу данных по запросу браузера.

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

Система управления базами данных (СУБД) — приложение, предназначенное для создания баз данных (БД) и операций над этими данными. Как правило, СУБД устанавливают на одном сервере с Web-сервером и интерпретатором языка сценариев (но не обязательно). Мы рассмотрим СУБД MySql.

MySql – язык запросов. Это весьма просто язык, который предусматривает небольшой список операторов для работы с БД.

Система доступа владельца сайта к БД, размещённого на сервере хостера — приложение, предназначенное для доступа (управления) администратора (владельца) сайта своими базами данных на хостинге через Интернет. Устанавливают её на сервере хостера.

Ещё 10 лет назад создание качественных Web-страниц в большинстве случаев не требовало практически ничего, кроме совершенного владения языком разметки гипертекста (Hypertext Markup Language, HTML). HTML является простым языком форматирования текстов. С его помощью путём набора тегов (tags) создаётся документ, который можно просматривать специальной программой просмотра (браузер). Так, HTML-код создаёт простую Web-страницу.

Пример 1. Исходный код простой Web-страницы:

My First Web Page

Читать еще:  Сайты по обучению программированию на русском

JIacKaB0 прошу на мою першу Web-сторінку!

HTML — это не язык программирования, как С++ или Visual Basic; он больше похож на средство форматирования документов с использованием управляющих последовательностей форматом. Кодирование на HTML часто сравнивают с созданием документа в формате Microsoft Word введением кода форматирования прямо в Notepad. Очевидно, что функциональность здесь крайне ограничена.

У HTML очень ограниченные возможности для взаимодействия. Стандартный HTML удовлетворяется статическими Web-страницами с текстом, рисунками и ссылками на другие страницы. Разумеется, HTML обеспечивает определённую интерактивность с помощью встроенных элементов управления (intrinsic controls) — тех самых полей ввода, которые обычно присутствуют в HTML-формах. Простые формы можно создать, например, с помощью тега . Ter предусматривает применение текстовых полей (text boxes), флажков (check boxes), переключателей (radio buttons) и кнопок (buttons).

Пример 2. Исходный код HTML-формы, которая содержит текстовые поля ввода для имени, номера телефона и адреса электронной почты:

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

HTML является обычным текстом, поэтому поначалу большинство разработчиков писали свои программы непосредственно в текстовых редакторах, таких как Notepad. С течением времени разработчики предложили графические средства разработки, например, Microsoft FrontPage, позволяющий создавать Web-страницы без особого знания HTML. Эти графические редакторы позволяют непосредственно макетировать Web-страницы без лишних хлопот с тегами. К сожалению, использование таких графических редакторов имеет серьёзный недостаток: у разработчиков создаётся впечатление, будто им не надо изучать синтаксис и теги HTML. Если вы даже ничего больше не вынесете из этого краткого введения в HTML, то запомните хоть одно: чтобы быть настоящим Web-разработчиком, вы должны знать HTML! Навыки редактирования страницы непосредственно в виде исходного текста дают возможность достижения желаемого эффекта независимо от того, поддерживает ли его ваш любимый графический редактор. Кроме того, код, созданный вручную, всегда более компактный и аккуратный, что в значительное степени влияет на скорость загрузки страницы.

В Web-программировании используют следующие технологии: HTML, XML, DHTML, CSS, OLE/COM, ACTIVEX, DCOM, COM+, COM.NET, Corba, WAP, J2EE, SQL, ADO, ADO.Net, ADOCE, ADOX .Net Compact Framework, языки программирования: C, C ++, ASP, ASP.NET, VB.Net, C #, PHP, Perl, ColdFusion, Python, CGI, javascript, VBScript, JScript, ActiveScript (Flash), базы данных: MS SQL Server, MS Access, MYSQL, POSTGRESQL, Oracle, Informix, DB2, Sybase, Paradox, InterBase, LotusNotes, DBase, FoxPro, FoxBase, Clarion и Web-серверы: MS Internet Information Server (MS IIS), Apache, WebSphere, Tomcat Apache.

В области языков Web-программирования есть две важнейшие категории:

  1. языки, выполняемые непосредственно на Web-сервере. Это, в частности, PHP, Perl;
  2. языки, выполняемые на стороне клиента (браузером пользователя сети Интернет и интерпретаторами на компьютере пользователя). Это такие языки, как javascript.

Как видно из названия, клиентские языки обрабатываются на стороне пользователя. Отсюда и недостаток — обработки скрипта зависит от браузера пользователя, и пользователь имеет полномочия строить свой браузер так, чтобы он вообще игнорировал написанные вами скрипты. Если браузер устарел, он может не поддерживать тот или иной язык или его часть, на которую вы опираетесь. С современными браузерами таких проблем возникать не должно, к тому же языки программирования не так уж часто кардинально обновляются (раз в несколько лет) и лучшие из них давно известны. Код клиентского скрипта может посмотреть каждый, выбрав в меню «Вид» своего браузера вкладку «Исходный код» или нажав комбинацию клавиш «CTRL+U».

Преимущество клиентского языка заключается в том, что обработку запросов можно выполнять без отправки документа на сервер. Это легко объяснить на примере: скажем, вам нужно проверить, правильно ли пользователь ввёл e-mail (т. е. проверить наличие «@»); чтобы это сделать, пользователю пришлось бы отправить форму с заполненными данными, потом дождаться, пока она будет обработана, и только после этого получить сообщение об ошибке (если она, конечно, присутствует). Процесс очень долгий. Зато с клиентским языком программа сразу проверит правильное заполнение формы перед отправкой, и если необходимо, выведет ошибку. Отсюда вытекает и то ограничение, что с помощью клиентской языка программирования ничто не может быть записано на сервер, то есть, например, с её помощью можно нельзя сделать гостевую книгу, потому что тогда придётся записывать сообщения в какой-то файл на сервере.

Читать еще:  Компьютерный техник обучение

Необходимо также понимать разницу между языком программирования и фреймворком. Язык программирования — это просто определённый базовый синтаксис (возможно, со стандартными библиотеками), с помощью которого можно создавать приложения. Фреймворк обеспечивает программиста различными библиотеками, что значительно упрощают создание программ и сайтов. Некоторые языки и фреймворки есть неразрывным целым (например, ASP.NET и JSP). Другие языки могут использоваться без фреймворка (PHP и Perl).

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

Самым распространённым клиентской языком является javascript, разработчиками которого является компания Netscape совместно с компанией SunMicrosystems. Другой вариант клиентского языка – Visual Basic Script (VBS).

Другие популярные клиентские языки, а точнее, фреймворки — это Adobe Flash (язык ActionScript) и SilverLight. Adobe Flash применяется Web-мастерами очень давно. Главное применение этой технологии — интерактивные сайты и сервисы, онлайновые игры, мультимедийный контент и реклама. SilverLight – это относительно новая технология, разработанная компанией Microsoft, которая призвана заменить Adobe Flash. Хотя с помощью Adobe Flash или SilverLight можно построить весь сайт целиком, так делать не следует (за редким исключением). Дело в том, что поисковики пока не умеют индексировать ни Adobe Flash, ни SilverLight.

Языки программирования и технологии для веб-разработки

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

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

  • Backend (или веб-разработка на стороне сервера) охватывает все те вещи, которые работают в фоновом режиме, чтобы создавать веб-сайты или веб-приложения, например базы данных и скрипты.
  • Frontend (также известная как веб-разработка на стороне клиента) касается части веб-интерфейса, с которой пользователь взаимодействует — часть, с которой знакомы все, кто пользуется Интернетом.
  • Есть Fullstack разработчики, которые могут сделать все вышеперечисленное.

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

Итак, вот 10 лучших языков программирования для веб-разработки, как на стороне клиента, так и на стороне сервера.

CSS / HTML

Рука об руку с JavaScript идут CSS и HTML — вместе они составляют святую троицу разработки веб-интерфейса. HTML (Hyper Text Mark Up Language) — это язык веб-браузеров — с помощью которых сделаны сайты. CSS (каскадные таблицы стилей) заставляет их выглядеть стильно и со вкусом — гораздо лучше, чем те ужасные сайты, действующие с первых дней работы в Интернете. Для разработчиков веб-интерфейсов очень важно знать эти инструменты от и до. Они также окажутся полезными для backend разработчиков: вы сможете понять, как изменения вашей серверной части влияют на конечного пользователя.

PHP — это скриптовый язык, используемый для быстрого создания динамических веб-страниц. Отличный выбор для frontend и backend разработчиков, чтобы добавить их в арсенал (но особенно для последних), он стоит за такими веб-гигантами, как WordPress и Facebook. PHP позволяет быстро и легко расширять веб-приложения и запускать веб-сайты с повторяющимися серверными задачами (например, обновлять новостные ленты). Он имеет открытый исходный код и очень популярен в среде начинающих компаний, медиа-агентств и электронной коммерции — таких людей, которые часто нанимают новых веб-разработчиков. А ещё, это любимый язык программирования автора этого блога, и да, у нас вы можете изучить PHP бесплатно!

Читать еще:  Программы для программирования на ios

Для full stack разработчиков и на стороне сервера SQL (Structured Query Language) — это вишня на торте вашего разрабатываемого инструментария. SQL является важной частью веб-разработки, что позволяет получать конкретные данные из больших, сложных баз данных. Он пользуется большим спросом среди крупных компаний, таких как Microsoft, поэтому это умный выбор для любого разработчика с высокими амбициями или необходимость, если вы работаете с базами данных на регулярной основе. На нашем сайте вы также можете найти бесплатный курс MySQL для начинающих.

JavaScript

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

Python

Новый парень на блоке по сравнению с некоторыми другими языками в этом списке. Python чрезвычайно прост в освоении и является динамичным, универсальным языком. Хотя он более популярен как язык на заднем плане, с ним можно делать практически все, что вы хотите. Разработанный с целью быть читабельным, простым и, самое главное, забавным, это новый фаворит разработчиков во всех областях индустрии. Python является основным языком для начинающих. Он гибкий и чрезвычайно мощный, а главное — имеет очень светлое будущее.

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

Java, разработанная в 1990-х годах и по-прежнему наиболее востребованная, является золотым стандартом в области веб-разработки во всем мире, во всех областях. Она ориентирована на объекты и работает на любой платформе, что делает ее чрезвычайно универсальной. Если вы хотите, чтобы ваш safe можно было использовать практически во всех технологических компаниях в мире, то непременно выбирайте Java. Интересный факт: Java изначально предназначался для интерактивного телевидения, но вскоре его создатели поняли, что она слишком далеко опережает свое время для этой конкретной отрасли. Остальное уже история.

Масштабируемая, простая и сверхбыстрая, Ruby и Ruby on Rails — это дуэт мечты, который предлагает язык full stack, а также рамки для быстрого создания полных программ. Любимый среди предпринимателей и начинающих, Ruby имеет широкий выбор сторонних «драгоценных камней» (надстроек), которые могут заставить его делать практически все, что вам нужно. Twitter и Basecamp используют Ruby — неплохой показатель, не так ли?

Главная цель, правильно поставленная и действующая с 1979 года, C ++ — объектно-ориентированный, очень технический язык. Чрезвычайно мощный и с обширными библиотеками, это один из краеугольных языков backend развития. С++ особенно полезен для высокопроизводительных программ и программ с большим количеством шаблонов. Если вы уже знаете C (или если вы изучили C ++ и хотите повернуть свою голову на C), вы уже находитесь на правильном пути.

Подобно C++, C — старый школьный язык, легко скомпилированный. Это часто используемая платформа программирования, которая предлагает элементы построения для других языков, таких как C ++, Python и Java. Фактически, многие из этих языков основаны на C. Отличный вариант для full stack и тех, кто хочет добавить новое измерение в свой набор навыков (или метафорическое силовое упражнение в свою панель инструментов программирования). Он лучше всего подходит для написания системного программного обеспечения и приложений, гарантируя удобный язык для разработчиков, на котором все привыкли работать.

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты 220 Вольт
Adblock
detector