Commit 110d7fb0 authored by Melikhov Arsenii's avatar Melikhov Arsenii

Update jQuery.md;

update text of the introduction section
parent 59edce27
# Creating your own web-page based JQuery + UB Server
# Creating your own web-page based on JQuery + UB Server
<a name="menu"></a>
[Creating the single index.html page with scripts](#singlePage)
[Build a project using webpack](#webpack)
* [Creating the web-page using a single HTML file](#singlePage)
* [Building a project using webpack](#webpack)
<a name="endmenu"></a>
This part of the tutorial demonstrates how to create the client-side using JQuery + Bootstrap
and how to establish its connection with the UB server.
This example demonstrates how to create a client part on the JQuery + Bootstrap platform and ensure its connection with the UB server.
Create an authorization form, output information for unauthorized users, and display a list of applications that are available to the current user. The user will be able to edit the response to the application.
Page view for unregistered users
Our application will:
* have an authorization form;
* display the list of applications that are available for the current user;
* allow the user to edit responses
![nonAuthpage](img/jQuery/nonAuthpage.png)
Let's look at how our future app will look.
Authorization
The Welcome page:
![nonAuthpage](img/jQuery/nonAuthpage.png)
The Authorization form:
![lofinForm](img/jQuery/lofinForm.png)
Requests list for an authorized user
The list of requests to user:
![authPage](img/jQuery/authPage.png)
## Creating the single index.html page with scripts
## Creating the web-page using a single HTML file
<a name = 'singlePage'></a>
Create a www subdirectory in the project folder and index.html in it.
......@@ -347,7 +353,7 @@ function getMyRequests () {
The full code of the page with scripts is located at [index-dev-common.html](courses/cityPortal-v5/www/index-dev-common.html)
<a name = 'webpack'></a>
## Build a project using webpack
## Building a project using webpack
[Webpack](https://webpack.js.org/concepts/) is a module bundler. Webpack takes modules with dependencies and generates static files that represent these modules
Installing the webpack: `npm install -g webpack webpack-cli`
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment