The Dynamic Websites – Server-side programming topic is a series of modules that show how to create dynamic websites; websites that deliver customised information in response to HTTP requests. The modules provide a general introduction to server-side programming, along with specific beginner-level guides on how to use the Django (Python) and Express (Node.js/JavaScript) web frameworks to create basic applications.
Most major websites use some kind of server-side technology to dynamically display different data as required. For example, imagine how many products are available on Amazon, and imagine how many posts have been written on Facebook? Displaying all of these using completely different static pages would be completely inefficient, so instead such sites display static templates (built using HTML , CSS , and JavaScript), and then dynamically update the data displayed inside those templates when needed, e.g. when you want to view a different product on Amazon.
In the modern world of web development, learning about server-side development is highly recommended.
Getting started with server-side programming is usually easier than with client-side development, because dynamic websites tend to perform a lot of very similar operations (retrieving data from a database and displaying it in a page, validating user-entered data and saving it in a database, checking user permissions and logging users in, etc.), and are constructed using web frameworks that make these and other common web server operations easy.
Basic knowledge of programming concepts (or of a particular programming language) is useful, but not essential. Similarly, expertise in client-side coding is not required, but a basic knowledge will help you work better with the developers creating your client-side web "front end".
You will need to understand "how the web works". We recommend that you first read the following topics:
With that basic understanding, you"ll be ready to work your way through the modules in this section.
This topic contains the following modules. You should start with the first module, then go on to one of the following modules, which show how to work with two very popular server-side languages using appropriate web frameworks.
Server-side website programming first steps This module provides server-technology-agnostic information about server-side website programming, including answers to fundamental questions about server-side programming - "what it is", "how it differs from client-side programming", and "why it is so useful" - and an overview of some of the more popular server-side web frameworks and guidance on how to select the most suitable for your site. Lastly we provide an introductory section on web server security. Django Web Framework (Python) Django is an extremely popular and fully featured server-side web framework, written in Python. The module explains why Django is such a good web server framework, how to set up a development environment and how to perform common tasks with it. Express Web Framework (Node.js/JavaScript) Express is a popular web framework, written in JavaScript and hosted within the node.js runtime environment. The module explains some of the key benefits of this framework, how to set up your development environment and how to perform common web development and deployment tasks.Технологии создания web-приложений. Языки HTML, DHTML, технология Flash. Достоинства и недостатки.
Веб-приложение - клиент-серверное приложение, в котором клиентом выступает браузер, а сервером - веб-сервер. Логика веб-приложения распределена между сервером и клиентом, хранение данных осуществляется, преимущественно, на сервере, обмен информацией происходит по сети. Одним из преимуществ такого подхода является тот факт, что клиенты не зависят от конкретной операционной системы пользователя, поэтому веб-приложения являются межплатформенными сервисами.
HTML (язык разметки гипертекста) - стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.
DHTML(динамический HTML) – это набор средств, которые позволяют создавать более интерактивные Web-страницы без увеличения загрузки сервера. Другими словами, определенные действия посетителя ведут к изменениям внешного вида и содержания страницы без обращения к серверу.
DHTML построен на объектной модели документа (Document Object Model, DOM ), которая расширяет традиционный статический HTML-документ. DOM обеспечивает динамический доступ к содержимому документа, его структуре и стилям. В DOM каждый элемент Web-страницы является объектом, который можно изменять. DOM не определяет новых тэгов и атрибутов, а просто обеспечивает возможность программного управления всеми тэгами, атрибутами и каскадными листами стилей (CSS).
Технология Flash основана на использовании векторной графики в формате Shockwave Flash (SWF) разработанная компанией Macromedia. Это далеко не первый векторный формат, но именно его создателям удалось найти наиболее удачное сочетание между изобразительными возможностями графики, инструментальными средствами для работы с ней, а также механизмом включения результата в Web-страницы. Основным преимуществом Flash технологии является его межплатформенность, то есть этот формат может использоваться на любой аппаратно-программной платформе (в частности, как на компьютерах Macintosh, работающих под управлением операционной системы MacOS, так и на компьютерах IBM с ОС Windows). И еще одна весомая особенность Flash технологии: созданные на его основе изображения могут быть не только анимированы, но еще и дополнены интерактивными элементами и звуковым сопровождением.
HTML – hyper text markup language – язык гипертекстовой разметки (НЕ ЯЗЫК ПРОГРАММИРОВАНИЯ)
Тэги – инструмент оформления web-страниц ( текст - оформление текста в виде ссылки)
DHTML – Dynamic HTML
DHTML=HTML+CSS+Java Script+(XML) (НЕ ЯЗЫК ПРОГРАММИРОВАНИЯ)
CSS – Cascadin Style Sheets – язык таблиц каскадных стилей (для задания внешнего вида (шрифтов, цветов, расположения, отступов…)) web-страниц и применяется для отделения основного содержимого документа от оформления этого содержимого.
Преимущества DHTML:
Поддерживается всеми браузерами;
Использует стандартные технологии;
Файлы загружает быстрее, чем flash/java;
Не требует модулей расширения;
Прост в изучении;
Высокая скорость разработки web-страниц;
Недостатки DHTML:
Разный вид web-страниц в разных браузерах;
Ненадежная работа в связи с ошибками в браузерах;
Java Script и CSS чувствительны к ошибкам в синтаксисе.
Flash – платформа для создания мультимедийных приложений.
Преимущества Flash:
Платформенная независимость;
Распространенность и предоставление разработчикам огромнейшего количества инструментов.
Недостатки Flash:
Сложна в изучении;
Несовместимость программных компонентов.
Технологии создания web-приложений. Языки программирования (на стороне сервера и пользователя)
1 группа языков программирования в интернет – на стороне пользователя (в браузере)
Java Script, VB Script, java-апплеты
Программы, написанные на этих языках встраиваются в код web-страниц или выносятся в отдельный файл с вызовом web-страниц.
2 группа языков программирования в интернет – программы на которых выполняются на стороне сервера: PHP, CGI, ASP, Perl
Клиентские языки программирования
Самые распространённые из них - JavaScript и Visual Basic. Особенность таких языков заложена в их названии. Программы, написанные на клиентских языках программирования обрабатываются на клиентском компьютере. Говоря проще, скрипты обрабатывает браузер, стоящий на Вашем компе. Из этой особенности вытекают их плюсы и минусы.
Самым большим плюсом является то, что нет необходимости отправлять веб-документ для обработки на сервер. Эта особенность значительно повышает скорость чтения скрипта. Уменьшается трафик,что экономит деньги и снижается нагрузка на сервер. Так же нет надобности ставить дополнительное программное обеспечение для обработки скриптов, т.к. их обрабатывают браузеры.
Недостатки клиентских языков программирования также вытекают из особенностей. Разные браузеры могут интерпретировать скрипты, исходя из своих индивидуальных предпочтений. Поэтому, результаты показа одних и тех же документов могут отличаться. Хотя, последнее время работа различных браузеров всё более унифицируется. Так же к недостаткам можно отнести и открытость кода таких языков для пользователей.
Серверные языки программирования соответственно работают на стороне сервера. Во взаимодействии с базами данных они поддерживают связь между пользователем и сервером. Получая запрос с адресом веб-документа от браузера, серверные программы связываются с базой данных. БД отдаёт информацию о веб-странице скриптам сервера, и те обработав её, отсылают для интерпретации браузеру клиента, который и выводит результат совместной работы на монитор.
Упрощённая схема такой работы изображена на рисунке:
Достоинством серверных языков является их воистину безграничные возможности и то, что их работа не подвержена воздействию пользователей и скрыта от их взоров. Недостаток - зависимость от программного обеспечения хостера. Так же к недостаткам можно отнести и сложность освоения новичками серверных языков программирования.
Наиболее распространённые серверные языки программирования : C++, Perl, Java, Php, Python.
Бурно развивающийся раздел программирования, ориентированный на разработку динамических Internet приложений. Языки веб программирования это соответственно языки, которые в основном предназначены для работы с интернет технологиями. Языки веб… … Википедия
Запрос «сайт» перенаправляется сюда; см. также другие значения. Веб сайт (от англ. website: web «паутина», «сеть» и site «место», букв. «место в сети») или просто сайт в компьютерной сети объединённая под одним адресом (доменным … Википедия
Это совокупность средств, при помощи которых пользователь взаимодействует с веб сайтом или веб приложением через браузер. Веб интерфейсы получили широкое распространение в связи с ростом популярности всемирной паутины и соответственно… … Википедия
Веб приложение клиент серверное приложение, в котором клиентом выступает браузер, а сервером веб сервер. Логика веб приложения распределена между сервером и клиентом, хранение данных осуществляется, преимущественно, на сервере, обмен… … Википедия
У этого термина существуют и другие значения, см. Служба. Веб служба Веб служба, веб сервис (англ. web service) идентифицируемая веб адресом программная система со стандартизированными интерфейсами. Веб службы могут взаимодействовать… … Википедия
Развитие Интернет сделало веб браузеры доминирующим ПО для доступа к содержанию, приложениям и системам по всему миру. В компаниях уже сложилась тенденция предоставлять своим сотрудникам, партнерам и клиентам доступ ко всем типам информации и… … Википедия
Веб разработка процесс создания веб сайта или веб приложения. Термин включает в себя веб дизайн, программирование для веб на стороне клиента и сервера, а также конфигурирование веб сервера. Содержание 1 Основные этапы веб разработки … Википедия
Веб разработка процесс создания веб сайта или веб приложения. Термин включает разработку приложений электронной коммерции, веб дизайн, программирование для веб на стороне клиента и сервера, а также конфигурирование веб сервера. Содержание 1… … Википедия
Является инструментом для отделения содержимого от визуального представления в веб дизайне, для массового создания веб документов. Это основной компонент системы веб шаблонов (англ.)русск.. Веб шаблоны используют для создания сайтов любого… … Википедия
Веб мастер человек, занимающийся разработкой веб сайтов в Интернете или корпоративных приложений в интернете. Веб мастер это «управляющий» сайтом. В зависимости от размера коллектива разработчиков, он может объединять в себе… … Википедия
Чем клиентские языки веб-программирования отличаются от серверных.
Дата: 2012-10-04
Все языки веб-программирования, можно разделить на две большие группы: клиентские и серверные . Чтобы разобраться и понять: что это за языки, как они работают и чем друг от друга отличаются, нужно разобраться еще в двух определениях: Сервер и Клиент .
Сервер – это тот компьютер, на котором работает сайт в Интернете (хранятся файлы и папки сайта). Еще под термином Сервер понимают специальную программу, установленную на компьютере, которая обрабатывает запросы браузера пользователя к любому web-документу (например, ).
Клиент - это сам пользователь, а точнее браузер установленный на вашем компьютере. Когда пользователь Интернета обращается с запросом к серверу, то он является клиентом.
Клиентские языки выполняются на компьютере пользователя (клиента). Если говорить более точно, то их выполняет сам браузер. Обычно клиентские языки встраиваются в html-код web-страницы. Таким образом, чтобы увидеть код, достаточно открыть веб-страницу с помощью любого текстового редактора или браузера.
Так как клиентские языки выполняются на компьютере пользователя, то здесь только пользователь решает, нужны они ему или нет. Он может просто их отключить и браузер не будет ничего выполнять.
Один из основных недостатков клиентских языков заключается в том, что они не могут взаимодействовать с сервером, на котором расположен сайт. Нет возможности сохранять и загружать информацию с него. Это значительно ограничивает применение клиентских языков. Например, о таких программах, которые должны сохранять и загружать определенную информацию с /на сервер: гостевых книгах, блоках комментариев, рейтингах, голосованиях и.т.д. можно вообще забыть.
Кроме того, раз любой пользователь может очень легко просмотреть код программы, то о безопасности можно тоже забыть. Если Вы захотите закрыть доступ к некоторым файлам, с помощью таких языков, это вряд ли удастся. Очень просто просмотреть HTML – код web-страницы, чтобы узнать всю защищенную информацию и пароли.
Однако, раз клиентские языки добились такой популярности, то у них должны быть и преимущества. Да, преимущества есть и еще какие!
1) Они не отправляют данные на сервер, что делает их работу значительно быстрей.
2) Не требуется никакого дополнительного программного обеспечения, все необходимое есть в браузере клиента.
3) За пользование серверными языками компания, предоставляющая хостинг, требует денег (платный хостинг), а за клиентскими нет.
Самыми распространенными клиентскими языками являются: JavaScript и VisualBasicScript (VBS) . Для того, чтобы браузер мог их понимать и выполнять в него встроен специальный инструмент – интерпретатор.
JavaScript , разработан компанией Netscape и первоначально использовался только для браузера Netscape Navigator . В настоящее время этот язык получил очень большую популярность. VisualBasicScript (VBS) это аналог клиентского языка от компании Microsoft .
Как уже говорилось ранее, все эти языки работают в обычных браузерах без всяких дополнительных модулей и плагинов. Самые распространенные браузеры это: Internet Explorer, Opera, Mozilla и др.
Серверные языки выполняются непосредственно на самом сервере, специальной программой. Это значит, что для того, чтобы они работали не важно, каким браузером пользуется пользователь, все равно все вычисления будут проходить на удаленном компьютере (сервере).
Увидеть код программы на серверном языке для посетителя сайта вообще невозможно, он видит только результаты работы, которые будут уже представлены в качестве HTML-страницы.
Серверные языки предоставляют веб-программисту гораздо больше возможностей, чем клиентские. Используя их можно обмениваться данными с сервером, чего мы были лишены при использовании клиентских языков.
Наибольшую популярность, среди серверных языков получили: и Perl .
Т.к. серверные языки взаимодействуют с удаленным компьютером (сервером), возникает необходимость где-то хранить результаты этого взаимодействия. Возникает вопрос: как и где хранить эти данные?
Например, гостевая книга предполагает сохранение на сервере информации об имени пользователя и данные оставленного им сообщения. Если, данных у Вас не слишком много, можно хранить их в обычном текстовом файле. Но по мере роста любого сайта, приходиться хранить огромное количество информации. Именно для этой цели существует База Данных (БД).
Это своего рода библиотека, где вся информация аккуратно разложена по полочкам. Но просто одной БД еще не достаточно. Когда информации становиться много, найти то, что нам необходимо становиться очень трудно, не говоря уже, уже о том, чтобы всю информацию обработать или извлечь только нужные данные. Так почему бы не поручить это компьютеру? Так и поступили. В настоящее время БД успешно обрабатываются компьютерами. Системы, которые за все это отвечают, называются Системами Управления Базами Данных (СУБД) .
C уществующие языки программирования принято разделять на серверные и клиентские. Сервер являет собой компьютер, на котором находятся файлы сайта. Клиент - это сам пользователь, а если быть точнее, то браузер, установленный на ПК. Подавая запрос к серверу, он выступает в роли клиента.
В ыполняются они на самом сервере, для чего используется особая программа. Таким образом на их работе не сказывается то, с какого браузера осуществляется вход, все вычислительные процессы производятся на удаленном ПК. Доступ посетителей к коду программы блокируется, что гарантирует стабильную работу и безопасность сервера. Пользователь видит лишь результат его функционирования, который выводится в браузер в виде HTML-страницы. Серверные языки открывают на порядок больше возможностей, нежели клиентские. Используя их можно обмениваться информацией с сервером, что невозможно себе вообразить в случае с применением клиентских языков.
Н аибольшее распространение получили языки PHP и Perl, так же стоит отметить: Ruby , Java, C, Python которые используются программистами по всему миру. Серверные языки вводятся с помощью специального софта на сервере. Тут есть один важный момент - серверные языки предполагают взаимодействие с удаленным компьютером, а соответственно возникает целесообразность хранения результатов этого взаимодействия. Так, гостевая книга должна хранить сведения об имени пользователя и последних оставленных им уведомлениях. Если объем данных небольшой, то для их хранения сгодится текстовый документ. Но со временем любой сайт растет, вместе с чем возрастают и объемы хранимой информации. Для решения этой проблемы создается База Данных (БД).
БД представляет из себя своеобразную библиотеку, где хранится и сортируется вся информация. Но только ее мало, серверные языки программирования предполагают использование алгоритмов, позволяющих быстро получить доступ к конкретной информации, а не искать ее вручную. Системы, которые отвечают за обработку данных получили название СУБД. Они используются для хранения всей информации, что вам нужна, включая пароли. некоторые сведения для обеспечения безопасности хранятся в зашифрованном виде. Взаимодействие пользователя и базы данных обеспечивает особый язык запросов - Structured Query Language. Одним из самых известных таких языков является MySQL.
К преимуществам серверных языков стоит отнести их практически безграничные возможности. Их работа не зависит от действий пользователей, они вообще не могут получить доступ к коду. Но это же дает весомый недостаток - зависимость от софта хостера и сложность освоения новичками.
Самыми распространенными клиентскими языками являются: JavaScript и VisualBasicScript (VBS).
И х главная особенность заложена уже в наименовании. Программы, составленные на клиентском языке обрабатываются на клиентском ПК. Если говорить более простым языком, то их обработка осуществляется браузером, установленном на компьютере пользователя. Это влечет за собой целый ряд достоинств и недостатков.
К лиентские языки программирования обладают значительными преимуществами, среди которых отсутствие необходимости отправления документа для последующей обработки на удаленном сервере. Это положительно сказывается на скорости чтения скрипта, сокращает трафик, нагрузку на сервер и денежные средства. Также это снимает необходимость использования дополнительного софта, отвечающего за обработку скриптов. С этим в полной мере способен справится браузер. За пользование серверными языками хостер взимает определенную плату в то время, как клиентские доступны на бесплатной основе.
И з этих особенностей вытекают недостатки. Прежде всего разные браузеры могут по-своему обрабатывают скрипты, что зависит от их индивидуальных особенностей. В связи с этим один и тот же документ может по разному отображаться в зависимости от используемого браузера. Ситуация начала меняться в лучшую сторону лишь за последние годы в связи с тем, что обозреватели все более унифицируются. Другой явный недостаток - открытость кода для посетителей, что делает его очень уязвимым. Его сможет посмотреть даже не особо продвинутый пользователь, узнав все защищенные сведения и пароли.
Чем отличаются между собой серверные и клиентские языки программирования?
Особенности клиентского языка:
✯ Клиентские языки обрабатываются на компьютере клиента и не требуют отправки документа на удаленный сервер для его последующей обработки;
✯ Работают значительно быстрее;
✯ Высокий уровень нагрузки на клиенте;
✯ Результаты обработки разнятся в зависимости от версии браузера;
✯ Могут не поддерживаться клиентом;
✯ Сведения не сохраняются на сервере.
Особенности серверного языка::
✯ Обработка происходит на стороне сервера;
✯ Результат обработки не зависит от того, каким браузером пользуется пользователь;
✯ Все сведения сохраняются в базе данных сервера и удобно сортируются в ней;
✯ Работают не так быстро.
