Web Technology Practicals

Linux Web server implementations : Apache server Nginx Lighttpd Apache Tomcat Monkey HTTP Daemon (used especially for embedded systems) There are more Linux web servers, but this list is the most used web servers. The most used web servers are Apache and Nginx. About Apache Web server : It is stable. It is flexible. It is secure. Install Apache Web server You can install Apache server on Red Hat based distros using the following command: $ dnf -y httpd Or if you are using a Debian-based distro, you can install it like this: $ apt-get -y install apache2 The Apache web server service is called httpd on Red Hat based distros like CentOS, while it is called apache2 in Debian based distros. If you are using a firewall like iptables, you should add a rule for port 80. $ iptables -I INPUT 1 -m state --state NEW -m tcp -p tcp --dport 80 -j ACCEPT Or if you are using firewalld, you can use the following command: $ firewall-cmd --add-port=80/tcp To start your service and enable it...

What is PHP? PHP is an acronym for "PHP: Hypertext Preprocessor" .  PHP is a widely-used, open source scripting language   PHP scripts are executed on the server PHP is free to download and use PHP is an amazing and popular language! It is powerful enough to be at the core of the biggest blogging system on the web (WordPress)! It is deep enough to run the largest social network (Facebook)! It is also easy enough to be a beginner's first server side language! Syntax   : A PHP script can be placed anywhere in the document. A PHP script starts with <?php and ends with?> <?php // PHP code goes here ?> Note: PHP statements end with a semicolon (;). Data   type   : Variables can store data of different types, and different data types can do different things. PHP supports the following data types:     String     Integer     Float (floating point numbers - also called dou...

Search your browser for the XAMPP downloads sites. Choose one and click Download and Run. In several minutes, you will see the following window. Select the programs you want to install, in the menu that appears. Do not forget to select the Apache application. Then click Next  Look for the next window; choose the appropriate folder and click Next. Click Next. Click Next again. The XAMPP set software should start installing. Click Finish when the installation is complete. Understand that, when you start XAMPP, you may see an error message. Using the Config button, change the ports for this application and try to start Apache. Click besides Service and Application in the pop-up window. In a drop-down menu, click SQL-Server Configuration and then double click SQL Server Service Stop all running applications using the indicated buttons Close Computer Management and start Apache again. If all is done properly, you will see the running program.

Node.js is an open source, cross-platform runtime environment for developing server-side and   networking applications. Node.js applications are written in JavaScript, and can be run within the   Node.js runtime on OS X, Microsoft Windows, and Linux.  Node.js also provides a rich library of various JavaScript modules which simplifies the  development of web applications using Node.js to a great extent. Name: Naisarg Modi ID:18CE055

Coding CRUD with PHP and MySQL is one of the basics. PHP web programmers must be able to code it with less effort. We can perform this task using any of the three PHP Database extensions: Using the MySQL extension. Using the MySQLi extension. Using the PDO extension. PHP 5.5 deprecated the MySQL extension. It is not recommended to use these days. If you are programming with PHP, you'll have to use either MySQLi (i means improved) or PDO extension. With that in mind, we will use the PDO extension. It is the newest and actively developed way of programming these CRUD grids. Name: Naisarg Modi ID: 18CE055

ng-controller : The   ng-controller   directive defines the application controller.  A controller is a   JavaScript Object , created by a standard JavaScript   object constructor . ng-option : This element will then represent the null or "not selected" option. ng-change : The ng-change  directive tells AngularJS what to do when the value of an HTML element changes. ng-disabled : The ng-disabled  directive sets the disabled attribute of a form field (input, select, or textarea). ng-model :  it is a directive which binds input, select and textarea, and stores the required user value in a variable and we can use that variable whenever we require that value. It also is used during validations in a form.  Name: Naisarg Modi ID: 18CE055

We learn about the scope attribute specifies whether a header cell is a header for a column, row, or group of columns or rows. The scope attribute has no visual effect in ordinary web browsers, but can be used by screen readers. Name: Naisarg Modi ID: 18CE055

Both forms display in one page using fadeIn and fadeOut method  of jquery. sample   code   : function  show_signup(){   $("#login_div").fadeOut('fast', function() {     $("#register_div").fadeIn();   }); } function  show_login(){   $("#register_div").fadeOut('fast', function() {     $("#login_div").fadeIn();   }); } Name: Naisarg Modi ID : 18CE055

 Sliding page elements: With jQuery you can create a sliding effect on elements. jQuery has the following slide methods: slidedown() slideup() slidetoggle()  Hiding and Showing elements: With jQuery, you can hide and show HTML elements with the hide() and show() methods: The optional speed parameter specifies the speed of the hiding/showing, and can take the following values: "slow", "fast", or milliseconds. The optional callback parameter is a function to be executed after the hide() or show() method completes (you will learn more about callback functions in a later chapter).  Fading elements: The jQuery fadeIn() method is used to fade in a hidden element. The optional speed parameter specifies the duration of the effect. It can take the following values: "slow", "fast", or milliseconds. The optional callback parameter is a function to be executed after the fading completes.  Toggling elements: The jQuery slideToggle() method toggles ...

Perform following tasks using above HTML mark up: 1. Use the firstChild property to access an element. 2. Use the lastChild property to access an element. 3. Use the nextSibling property to access an element. 4. Use the previousSibling property to access an element. 5. Use the parentNode property to access an element. 6. Use the childNodes property to access a group of child elements. Name: Naisarg Modi ID: 18CE055

By performing this practical I understood different types of tags of html and their attribute. I have implement tags such as <form>,<lable>,<button>,<input>, <b>, <ul>, <a>, <style>, <div> etc. and attribute such as float of style, bgcolor, font family, align, border, padding, background, margin, border-radius etc. <form>  it is used to create an html form for user for user input.The <form> element can contain one or more of the following form elements: <input> <textarea> <button> <select> <option> <optgroup> <fieldset> <label> <output> <style>  Inside the style tag we are input a type like fontcolor,border,fontsize,background etc. <div> inside the div tag we can make a separate division for a particular navigation bar or a main page or a right alignment division or left alignment division or similar to top o...

Tags Used in this practical: (1)Form :It is used to create HTML form for user input. (2)Input :The <input> tag specifies an input field  where the user can enter its data. <input> elements are used within <form> elements to declare input controls that allow the users to input data. Functions used in this practical: eval(): The eval() function evaluates or executes the arguments. If the arguments is an expression , eval() evaluates the expression .If the argument is one or more JavaScript statements, eval() executes the statements. Name: Naisarg Modi ID: 18CE055

Name: Naisarg Modi ID: 18CE055

 Here I used different CSS tags to add a proper style effect. Also we used hover tag to give the text a highlighted effect. Also we used anchor tag for displaying the short brief about apple and banana. Name: Naisarg Modi ID: 18CE055

here i use  <a>  tag for linking many pages within the home page  and create a Dropdown menu for users to select which item  they want to select.  <div>  tag to  particular  Dropown menu and also used footer tag to set the footer and  <img>  tag to set the   background image. Name: Naisarg Modi ID: 18CE055

Concept   Used   In   This   Document   : marquee   tag   : The marquee is a non-standard HTML tag which was used to create a scrolling text or an image. It  was used to mark the  text/image scroll horizontally across or vertically down the  web page. Name : Naisarg Modi ID : 18CE055