Scribd
Upload
20 views

Webdev 06

Uploaded by

ggkaushik2004
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
20 views

Webdev 06

Uploaded by

ggkaushik2004
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 38

GURU JAMBHESHWAR UNIVERSITY OF

SCIENCE AND TECHNOLOGY,HISAR

Submitted by:
KETKI
200151520055
INTERNSHIP PRESENTATION
ECE, 4th year
ABOUT THE ORGANISATION:

• Nanotech Test & Measurement Solution is an


Software Development company specializing in
Artificial Intelligence /Machine learning platform.

• This company was established in 2016.

• Nanotech Soft-App uses an approach that results


in business oriented design solutions.
WHAT IS WEB
 DEVELOPMENT
It is the process of developing a web site which includes functionality creation
and usability testing for that website.
 Web development refers to the creating, building, and maintaining of websites.
It includes aspects such as web design, web publishing, web programming, and
database management. It is the creation of an application that works over the
internet i.e. websites.

 Web Development can be classified into two ways:


1. Frontend Development
2. Backend Development

1.Frontend Development
The part of a website where the user interacts directly is termed as front end. It is
also referred to as the ‘client side’ of the application.

2'. Backend Development:


Backend is the server side of a website. It is part of the website that users cannot
see and interact with. It is the portion of software that does not come in direct
FRONTEND DEVELOPMENT
HTML: HYPERTEXT MARKUP
LANGUAGE

 HTML is what is known as a "mark-up language" whose role is to prepare written


documents using formatting tags. The tags indicate how the document is presented
and how it links to other documents

 HTML (HyperText Markup Language) 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 TAGS
 HTML tags give structure and meaning to your content.
HTML
 A simple HTML document:
 <!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</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

 It is a language that is uesd to describe the style of a document.

 CSS can be used for very basic document text styling — for
example, for changing the color and size of headings and links.

 CSS is designed to enable the separation of content from design,


enhancing the flexibility, accessibility, and maintainability of web
documents.
CSS RULE
SOME THINGS YOU CAN CHANGE
WITH CSS
• Colors • Spacing

• Font • Sizes

• Font size • Borders

• backgrounds • positions
TEXT PROPERTIES
• Text-align
Shift to left, right
A simple CSS
• Font-weight code:
Which text more bold, less
<!DOCTYPE html>
lighter
<html>
• Text-decoration
<head>
Underline, overline <style>
h1 {
• Line-height color: red;
text-decoration:
Gap more or less
underline;
• Letter-spacing }
</style>
SELECTORS IN CSS
1. Element Selector 2. Id S
elector

3. Class
Selector 4. Universal
Selector
SELECTORS IN CSS
5.
Group Selector 6. Desce
ndent Combinator

7. Child Combinator 8. Sibli


ng Combinator
BOOTSTRAP
Bootstrap is a free front-end framework for faster and easier web
development.
Bootstrap also gives us the ability to easily create responsive desgins.
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:
Easy to use
Responsive features
Makes development faster and easier
Good browser compatibility
BOOTSTRAP LAYOUT
Container
Grid
Buttons
Badges
Alert
Navbar
Card
Forms
JAVASCRIPT

 JavaScript is a high-level, dynamic


programming language that is widely used
in web development to create interactive
and dynamic content on websites.
 JavaScript is a scripting or programming
language that allows you to implement
complex features on web pages JavaScript
is an easy to learn and also powerful
scripting language, widely used for
controlling web page behaviour.
JAVASCRIPT DATA TYPES
 JavaScript has 8 Datatypes
String BigInt

Number Boolean
JAVASCRIPT DATA TYPES

Undefined

Null

Object
CONCLUSION FOR FRONTEND
DEVELOPMENT
BACKEND DEVELOPMENT
NODE JS
 Node.js is an open-source, cross-platform,
JavaScript runtime environment that executes
JavaScript code outside of a web browser. Node.js
is fast, lightweight and efficient. Node.js is a great
web framework for beginners because it works great
for data-intensive applications, like streaming and
real-time apps.
 Node.js allows us to use JavaScript everywhere and
on any browser, including MacOS, Linux, and
Windows.
 It’s a light, scalable and open-source language
platform which makes it very easy to build apps
even at the enterprise level also. Overall it increases
the efficiency of the development process as it fills
the gap between frontend and backend applications
WHEN TO USE NODE.JS?

 Node.js is good for creating streaming based real-time services,


web chat applications, static file servers etc.
DATABASE
DATABASE Database

What is Data?
Data is a collection of a distinct small unit of information. It can be used in
a variety of forms like text, numbers, media, bytes, etc. it can be stored in
pieces of paper or electronic memory, etc.
What is Database?
A database is an organized collection of data, so that it can be easily
accessed and managed. You can organize data into tables, rows, columns,
and index it to make it easier to find relevant information.
Database handlers create a database in such a way that only one set of
software program provides access of data to all the users.
The main purpose of the database is to operate a large amount of
information by storing, retrieving, and managing data.
SQL

What is SQL? Some SQL Commands


The SQL commands help in creating
• SQL stands for Structured and managing the database. The
Query Language most common SQL commands which
are highly used are mentioned below:
• SQL lets you access and
manipulate databases 1.CREATE command
2. UPDATE command
• SQL is a programming
language used to interact with 3. DELETE command
relational databases. 4. SELECT command
5. DROP command
6. INSERT command
WHAT CAN SQL DO?

• SQL can execute queries against a database


• SQL can retrieve data from a database
• SQL can insert records in a database
• SQL can update records in a database
• SQL can delete records from a database
• SQL can create new databases
• SQL can create new tables in a database
• SQL can create stored procedures in a database
• SQL can create views in a database
• SQL can set permissions on tables, procedures, and views
MONGO DB

What is MongoDB? Advantage of MongoDB?


 • MongoDB stores data in flexible, •MongoDB has become one of the
JSON-like documents, meaning fields most wanted databases in the world
can vary from document to document
and data structure can be changed
because it makes it easy for developers
over time. to store, manage, and retrieve data
when creating applications with most
 MongoDB is an open-source programming languages.
document-oriented database that is
designed to store a large scale of data
and also allows you to work with that
data very efficiently. It is categorized
under the NoSQL (Not only SQL)
database because the storage and
retrieval of data in the MongoDB are
not in the form of tables.
PROJECT 1 ( WANDERLUST
WEBSITE)
PROJECT 1
PROJECT 1
PROJECT 1
PROJECT 1
PROJECT 2 ( SPOTIFY CLONE)
PROJECT 3
This is a dummy Simon’s game.
In this game the player has to
remember a certain pattern of
colors that blink by the system
itself.
As the level increases the
pattern size increases, and the
player has to enter the same
pattern as displayed by the
computer.
If the player is correct its level
increases, but if he fails the
game is over.
WEB DEVELOPMENT

ADVANTAGES DISADVANTAGES
 Runs on any OS  Creates problem if website is
 Runs using easy URL not responsive
 Internet connection is
 Need not be downloaded
compulsory
 Need not be updated like apps  Security Risks
 Cost Efficient  Market Competition
 Flexibility

You might also like