Uploaded by sainiashish1512

ppt webd

advertisement
WEB DEVELOPMENT
By: Ashish Saini
CSE
Roll no-8720116
ABOUT TRAINING

Topic: Web Development

Mode of Training: Online from Internshala

Start Date: 20st august 2021

End Date: 29th september 2021

Duration: 8 Weeks

Total Modules- 7

Marks Obtained: 100%
CONTENT

What is Web Development?

Technologies Learnt

Project details

Certificate
WHAT IS WEB DEVELOPMENT ?

Web development usually refers to developing the website for the internet(world wide
web) or an intranet(private network).

It can range from developing a simple single static page of plain text to complex web
applications , electronic and social network services.

Examples of web applications are social networking sites like Facebook, e-commerce
websites like flipkart, amazon etc.

There are two broad divisions of web development- front-end development & back-end
development.
1.)Front-end web development:- It is also known as client-side development is the practice of
producing HTML ,CSS & Javascript for a website so that user can see and attract with them directly.
2.)Back-end web development, also known as server-side development which communicates between
the database and browser. Examples are PHP and MYSQL.
TECHNOLOGIES LEARNT
Technologies I have Learnt so far in this training are:

HTML

CSS

Javascript

Bootstrap

PHP

React

DBMS
HTML

HTML is an acronym which stands for Hyper Text Markup Language which is used for creating web pages and web applications.

HTML describes the structure of a Web page.

HTML consists of a series of elements.

HTML elements tell the browser how to display the content.

HTML elements label pieces of content such as “this is a heading”, “this is a paragraph”, “this is link”, etc.

A simple HTML Document
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My First paragraph.</h1>
</body>
</html>
CSS

CSS stands for Cascading Style Sheets.

CSS describes how HTML elements are to be displayed on screen, paper or in other media.

CSS is used to define styles for our web pages, including the design, layout and variations
in display for different devices and screen sizes.

The word cascading means that a style applied to a parent element will also apply to all
children elements within the parent. So , if we set the color of the body text to “blue” ,
all headings, paragraphs, and other text elements within the body will also get the same
color (unless we specify something else).

CSS can be added to HTML documents in 3 ways:

Inline – by using the style attribute inside HTML elements.

Internal – by using a <style>element in the <head> section.

External – by using a <link> element to link to an external CSS file.
Bootstrap

Bootstrap is a free front-end framework for faster and easier web
development.

Bootstrap includes HTML and CSS based design templates for typography,
forms, buttons, tables, navigation, modals, image carousels and many other,
as well as optional JavaScript plugins.

Bootstrap also gives us the ability to easily create responsive designs.

Responsive web design is about creating web sites which automatically adjust
themselves to look good on all devices, from small phones to large desktops.

Advantages of Bootstrap:
1.) Easy to use
2.) Responsive features
3.) Mobile-first approach
4.) Browser compatibility
SQL

SQL stands for Structured Query Language. It is designed for managing data in a relational database
management system(RDBMS).

SQL is a database language, it is used for database creation, deletion, fetching rows, and modifying
rows, etc. SQL is based on relational algebra and tuple relational calculus.

All DBMS like MySQL, Oracle, MS Access, Sybase, Informix, PostgreSQL, and SQL Server use SQL as
standard database language. SQL is just a query language; it is not a database. To perform SQL queries,
we need to install any database, for example, Oracle, MySQL, MongoDB, PostGre SQL, SQL Server, DB2,
etc.

With SQL, we can query our database in several ways, using English-like statements.

It allows the user to describe and define the data in the database and manipulate it when needed.

It allows the user to create a view, stored procedure, function in a database.

It allows the user to set permission on tables, procedure, and views.
Javascript

Javascript is the programming language for the web.

It can change both html and css.

It helps in making webpages interactive.

For applying javascript in any webpage , the javascrit file is to be linked in
the html code.
React

React is a declarative, efficient, and flexible javascript library for building
user interface.

It was developed by facebook.

React applications are usually built around a single HTML element.

It is one frontend development framework.
PHP

PHP is an acronym for “PHP: Hypertext Preprocessor” . It is a widely-used, open source scripting
language.

PHP scripts are executed on the server and is free to download and use.

PHP can generate dynamic page content and can create, open, read, write, delete, and close files on
the server.

PHP can collect from data and can add, delete, modify data in your database.

PHP can send and receive cookies.

PHP can be used to control user-access and to encrypt data.

PHP files can contain text, HTML, CSS, JavaScript, and PHP code.

PHP code is executed on the server, and the result is returned to the browser as plain HTML.
Project Details:

Project Name: PGlife

Language Used: Html

Database: MySQL

User Interface Design: HTML, CSS, Bootstrap

Web Browser: Google Chrome

Software: VScode
Index Page of Project
Signup Page of Project
Login Page of Project
Home Page of Project
Certificate
Screenshots of project
Linking stylesheets for applying java
script
Download