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
