Professional Documents
Culture Documents
Alka Report Final
Alka Report Final
UNIVERSITY, KOTA
1
DECLARATION
I hereby declare that the report based on the summer training/course was carried out
and written by me with my correct and complete knowledge. This work has not
previously formed the basis for the award of any degree or diploma or certificate
nor has been submitted elsewhere for the award of any degree or diploma.
2
CERTIFICATE
ACKNOWLEDGEMENT
It is my proud privilege and duty to acknowledge the kind of help and guidance
received from several people in preparation of this report. It would not have been
possible to prepare this report without their valuable help, cooperation and guidance.
First and foremost, we wish to record our sincere gratitude to Dr. C.P Gupta for
his
constant support and mentoring in preparation of the report. I would also like to
thank
“ Bit to Byte Robotics Company” to give this
golden opportunity to learn and implement my skills in the project. Without their
support, one cannot achieve this success.
I also wanted to thank our parents for financing our studies in this college as well
as for constantly encouraging us to learn Engineering. Their personal sacrifice in providing
this opportunity to learn Engineering is gratefully acknowledged.
3
PREFACE
This internship report reflects the two months summer internship from 10 th May,2022-
15th July, 2022.
The report has details of the practical experience and the academic knowledge that
I have gained from these two months as a student.
I have tried my best to elucidate all the relevant details to be included in this report.
During the tenure of 2 months of internship, I worked on different technologies like
HTML, CSS, JavaScript ,php mySQL. Also, we build a simple Blog website and
Todo List using these technologies.
4
Table of Contents
CHAPTER 1:INTRODUCTION
1.1 Objectives
5
1. Training is used to get educated about the official habitat.
2. Training also provides opportunities for technical skill.
1.2 Goals
6
Figure :1
They have a talented and experienced team of engineers and technicians for designing,
development, installation and commissioning of laboratory and automation projects
and caring for after sales service
CHAPTER 3:Technologies
_________________________________________________________________
HTML: HTML stands for Hyper Text Markup Language. It is used to design the
frontend portion of web pages using markup language. It acts as a skeleton for a
website since it is used to make the structure of a website.
CSS: Cascading Style Sheets fondly referred to as CSS is a simply designed language
intended to simplify the process of making web pages presentable. It is used to style
our website.
7
JavaScript : JavaScript is a scripting language used to provide a dynamic behaviour
to our website.
3.1 HTML
8
5. The <body> element defines the document's body, and is a container for all
the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists,
etc.
6. The < h1> element defines a large heading
7. The <p> element defines a paragraph
An HTML element is defined by a start tag, some content, and an end tag:
The HTML element is everything from the start tag to the end tag:
< h1 > My First Heading < /h1 >< p > My first paragraph. < /p >
The purpose of a web browser ( Chrome, Edge, Firefox, Safari) is to read HTML
documents and display them correctly.
A browser does not display the HTML tags, but uses them to determine how to
display the document:
9
Figure 4-Web Browser
CSS is used to define styles for your web pages, including the design, layout and
variations in display for different devices and screen sizes.
10
3.2.1 There are three types of CSS which are given below:
1. Inline CSS
2. Internal or Embedded CSS
3. External CSS
Basic Format :
< head>
< title></title>
< style></style>
< /head>
< body>
< /body>
< /html>
11
3.2.2 CSS Syntax
3.3 JavaScript
1. Every time a web page does more than just sit there and display static
information for you to look at .
12
2. displaying timely content updates, interactive maps, animated 2D/3D
graphics, scrolling video jukeboxes, etc.
3. you can bet that JavaScript is probably involved. It is the third layer
of the layer cake of standard web technologies, two of which (HTML
and CSS) we have covered in much more detail in other parts of the Learning
Area.
Internal JS : We can add JavaScript directly to our HTML file by writing the code
inside the <script> tag. The <script> tag can either be placed inside the <head> or
the <body> tag according to the requirement.
External JS : We can write JavaScript code in other file having an extension .js
and then link this file inside the <head> tag of the HTML file in which we want to add this
code. Syntax -
< script>
// JavaScript Code
</script>
13
3.3.2 if-else Statement in JavaScript -
The conditional statement will perform some action for the specific condition. If the
condition meets then the particular block of action will be executed otherwise it will
execute another block of action that satisfies that particular condition.
1. if
2. if-else
3. nested-if
4. if-else-if ladder
Syntax:
1. if (condition)
2. statement;
3. else if (condition)
4. statement;
5. else statement;
14
3.4.1 The Built-in HTTP Module
Node.js has a built-in module called HTTP, which allows Node.js to transfer data
over the HyperText Transfer Protocol (HTTP).
The HTTP module can create an HTTP server that listens to server ports and gives
a response back to the client.
15
Figure11- Web Server
If the response from the HTTP server is supposed to be displayed as HTML, you
should include an HTTP header with the correct content type:
The first argument of the res.writeHead() method is the status code, 200 means that
all is OK, the second argument is an object containing the response headers.
3.5 Express.js
E xpress.js tutorial provides basic and advanced concepts of Express.js. Our Express.js
tutorial is designed for beginners and professionals both.
Express.js is a web framework for Node.js. It is fast, robust and asynchronous in nature.
Our Express.js tutorial includes all topics of Express.js such as Express.js installation
on windows and linux, request object, response object, get method, post method,
cookie management, scaffolding, file upload, template etc.
16
Why Express.js?
1. Express was created to make APIs and web applications with ease.
2. It saves a lot of coding time almost by half and still makes web and
Mobile applications efficient.
3. Another reason for using express is that it is written in javascript as
javascript is an easy language even if you don't have a previous
4. knowledge of any language. Express lets so many new developers
enter the field of web development.
1. Time-efficient
2. Fast
3. Economical
4. Easy to learn
5. Asynchronous
17
Figure 14- Terminal of basic express.js
18
CHAPTER 4:Project
4.1 ABOUT:
Project Description : In this project I use HTML, CSS, JavaScript as frontend and
Node.js and Express.js as backend. This project is used to create daily blogs or journals .
In this we create a server on our local machine at port 3000 .So on http://localhost:3000/
this page we get this page.
19
In this page our server displays all the blogs or journals here all the blogs are shown like
this and when we click on Read More then we go on a separate dedicated page for that
blog or journal like this page.
20
When we click on the Submit button then our page redirects to the home page and there we
can see our recently made blog.
CHAPTER 5:Conclusion
1. This training helps me to understand the deep knowledge of technologies and how
backend works.
2. For implementing the big project massive amounts of domain knowledge is required.
3. This helps me a lot in understanding time management and self motivation and also
helps me how to approach the different problems in different environments.
4. I also learned how to communicate in the tech field.
21
Future Scope
_____________________________________________________________
_
22
References
1. www.youtube.com
2. www.geekforgeeks.com
3. www.w3school.com
23