i

Internship
on
Web Development

Submitted By

Name: Prince Chauhan

Roll no. 2101330100532

UNDER SUPERVISION OF
MR. AHMAD NAFIS

DEPARTMENT OF INFORMATION TECHNOLOGY

NOIDA INSTITUTE OF ENGINEERING &

TECHNOLOGY, GREATER NOIDA
DECLARATION

I hereby declare that the Industrial Training Report entitled ("Web Development") is an
authentic record of my own work as requirements of 1-months Industrial Training during
the period from OCTOBER 2023 to NOVEMBER 2023 for the award of degree of
M.Tech. (Computer Science), NOIDA INSTITUTE OF ENGINEERING &
TECHNOLOGY, under the guidance of MR. AHMAD NAFIS
 ii

Prince Chauhan
(2101330100532)

Date:07/11/2023

Certified that the above statement made by the student is correct to the best of our
knowledge and belief.

Examined by:

1. MR. AHMAD NAFIS

Head of Department
(Signature and Seal)

ACKNOWLEDGEMENT

The present project work is the several days study of the various aspects of the
project development. During this the effort in the present study, we have received a great
amount of help from our Chairman Mr. Raman Bhatra, NOIDA INSTITUTE OF
 iii
ENGINEERING & TECHNOLOGY GR.NOIDA, which we wish to acknowledge and
thank from depth of our hearts.

My sincere thanks to Dr. Kumud Saxena, Head of the Department in CSE

whose motivation and constant encouragement has led to pursue a project in the field of
software development.

I am very much obliged and thankful to (LetsGrowMore) is my Coordinator for

providing this opportunity and constant encouragement given by him during the course.

My Parents have put myself ahead of themselves. Because of their hard work and
dedication, I have had opportunities beyond my wildest dreams. My heartfelt thanks to
them for giving me all I ever needed to be successful student and individual.

Finally I express my thanks to all my other professors, classmates, friends,

neighbors and my family members who helped me for the completion of my project and
without infinite love and patience this would never have been possible.

Prince Chauhan (2101330100532)

Certificate
 iv

Table of content

Declaration by student ii
Acknowledgement iii
Certificate by Company/Industry/Institute iv
Learning Objectives/Internship Objectives vi
 v
Task : -- Registration Form using HTML, CSS And JavaScript 3

5.Results and Discussions 23

6.Conclusions and Future Scope 24

7.Bibliography 24

Learning Objectives/Internship Objectives

➢Internships are generally thought of to be reserved for college students

looking to gain experience in a particular field. However, a wide array of
people can benefit from Training Internships in order to receive real world
experience and develop their skills.

➢An objective for this position should emphasize the skills you already
possess in the area and your interest in learning more.

➢Internships are utilized in a few different career fields, including

architecture, engineering, healthcare, economics, advertising and many
more.
 vi
➢Some internships are used to allow individuals to perform scientific
research while others are specifically designed to allow people to gain first-
hand experience working.

➢Utilizing internships is a great way to build your resume and develop skills
that can be emphasized in your resume for future jobs. When you are
applying for a Training Internship, make sure to highlight any special skills
or talents that can make you stand apart from the rest of the applicants so
that you have an improved chance of landing the position.
 Introduction To Web Development

1.1 What is Web Development?

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.

The word Web Development is made up of two words, that is:

Web : It refers to websites, web pages or anything that works over the internet.
Development : It refers to building the application from scratch.

Word Development can be classified into two ways:

Frontend Development
Backend Development

HTML, CSS, Bootstrap and JSS are involved in Frontend Development.

PHP, Java, Python Node.js are helpful in Backend Development.

The list of Back End Frameworks include Express, Django, Rails, Laravel, Spring
etc.

About HTML, CSS And JavaScript

• HTML: HTML stands for HyperText

Markup Language. It is used to
design the front end 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.
• JavaScript: JavaScript is a scripting
language used to provide a dynamic
behavior to our website.
• Bootstrap: Bootstrap is a free and
open-source tool collection for
creating responsive websites and web
applications. It is the most popular
CSS framework for developing
responsive, mobile-first websites.
Nowadays, the websites are perfect for all the browsers (IE, Firefox, and
Chrome) and for all sizes of screens (Desktop, Tablets, Phablets, and
Phones).
• Bootstrap 4
• Bootstrap 5 Frontend Frameworks
and Libraries:
• Material UI
• Tailwind CSS
• jQuery UI
• Some other libraries and frameworks
are: Handlebar.js Backbone.js,
Ember.js etc.
About PHP, Java, Python, Node.Js
Backend is the server side of a website. It is the part of the website that users
cannot see and interact. It is the portion of software that does not come in direct
contact with the users. It is used to store and arrange data.

• PHP: PHP is a server-side scripting language designed specifically for

web development.
• Java: Java is one of the most popular and widely used programming
language. It is highly scalable.
• Python: Python is a programming language that lets you work quickly
and integrate systems more efficiently.
• Node.js: Node.js is an open source and cross-platform runtime
environment for executing JavaScript code outside a browser.
• Back End Frameworks: The list of back end frameworks are: Express,
Django, Rails, Laravel, Spring, etc.
REGISTRATION FORM USING HTML, CSS AND JAVASCRIPT

1. <!DOCTYPE html>
2. <html>
3. <head>
4. <meta name="viewport" content="width=device-width, initial-scale=1">
5. <style>
6. body{
7. font-family: Calibri, Helvetica, sans-serif;
8. background-color: pink;
9. }
10..container {
11. padding: 50px;
12. background-color: lightblue; 13.}
14.
15.input[type=text], input[type=password], textarea {
16. width: 100%;
17. padding: 15px;
18. margin: 5px 0 22px 0;
19. display: inline-block;
20. border: none;
21. background: #f1f1f1;
22.}
23. input[type=text]:focus, input[type=password]:focus {
24. background-color: orange;
25. outline: none;
26.}
27. div {
28. padding: 10px 0;
29. }
30. hr {
31. border: 1px solid #f1f1f1;
32. margin-bottom: 25px;
33.}
34..registerbtn {
35. background-color: #4CAF50;
36. color: white;
37. padding: 16px 20px;
38. margin: 8px 0;
39. border: none;
40. cursor: pointer;
41. width: 100%;
42. opacity: 0.9;
43.}
44..registerbtn:hover {
45. opacity: 1;
46.}
47.</style>
48.</head>
49.<body>
50.<form>
51. <div class="container">
52. <center> <h1> Student Registeration Form</h1> </center>
53. <hr>
54. <label> Firstname </label>
55. <input type="text" name="firstname" placeholder= "Firstname" size="15"
re quired />
56. <label> Middlename: </label>
57. <input type="text" name="middlename" placeholder="Middlename"
size="1 5" required />
58. <label> Lastname: </label>
59. <input type="text" name="lastname" placeholder="Lastname"
size="15"requ ired />
60. <div>
61.<label>
62.Course :
63.</label>
64.
65. <select>
66. <option value="Course">Course</option>
67.<option value="BCA">BCA</option>
68.<option value="BBA">BBA</option>
69.<option value="B.Tech">B.Tech</option>
70.<option value="MBA">MBA</option>
71.<option value="MCA">MCA</option>
72.<option value="M.Tech">M.Tech</option>
73.</select>
74.</div>
75.<div>
76.<label> 77.Gender
:
78. </label><br>
79. <input type="radio" value="Male" name="gender" checked > Male
80.<input type="radio" value="Female" name="gender"> Female
81.<input type="radio" value="Other" name="gender"> Other 82.
83.</div>
84.<label>
85.Phone :
86. </label>
87. <input type="text" name="country code" placeholder="Country Code"
value ="+91" size="2"/>
88. <input type="text" name="phone" placeholder="phone no." size="10"/
requir ed>
89. Current Address :
90. <textarea cols="80" rows="5" placeholder="Current Address"
value="addres s" required>
91. </textarea>
92. <label for="email"><b>Email</b></label>
93. <input type="text" placeholder="Enter Email" name="email" required> 94.
95. <label for="psw"><b>Password</b></label>
96. <input type="password" placeholder="Enter Password" name="psw"
requi red>
97.
98. <label for="psw-repeat"><b>Re-type Password</b></label>
99. <input type="password" placeholder="Retype Password"
name="psw- repeat" required>
100. <button type="submit" class="registerbtn">Register</button>
101. </form>
102. </body>
103. </html>
OUTPUT
 OPPORTUNITIES AND CHALLENGES

It also provide opportunity to make your and other’s life easy innovate ideas and
techniques. Information Technology (IT) has now become a core aspect of
almost all business.

Some of the challenges faced are_--

IT suffers from bad reputation when it comes to satisfying customer needs. Meeting
budget constraints is though even in the best of times.

Manage and time the complexity i.e. one single developer can no longer knows
everything needed to be proficient at his or her job.

Culture of teamwork among members with diverse backgrounds and varying

ethnicities.
 RESULTS AND DISCUSSIONS

One of the results of using web development is creating user-friendly design

interface for websites. It combines Html, CSS, and JavaScript to build a core
website. They are fundamental and foundational pillars of website development
process and without them no one can build a perfect site. Html is a basic step for
creating a firm structure and layout of a website. CSS beautifies a site and
JavaScript adds interactivity to perform an action.

The core purpose of web development is to create a simplicity and flexibility in

website to help a user find and navigate links. It becomes easier and faster for a
visitor to scroll and browse a website and find what he/she needs in a website. The
well-structured website layout design makes it easier for customers to find header,
footer, sidebars, and drop down menu in the top level navigation links.

Nowadays, search engine optimization has a close association with web

development and design. The more user-friendly is a website, the higher ranking it
will achieve. The ranking and traffic factor depends on the seamless UX and UI
structure.

Having a website is beneficial for businesses in many ways. One reason is to reach
more customers and attract them to become potential leads. A website is like an
open passport for your business and allows your blockchain consulting company to
find a free-way to access global audience. It helps you to promote your products
and sell your services to your targeted customers and bring more traffic and
revenue.
Conclusions and Future Scope
Conclusions

In conclusion we can say that this internship was a great experience. Thanks to
this project, we acquire deeper knowledge concerning my technical skills but we
also personally benefited. We realized we could do more things than we thought
like learning new things by ourselves.

Future Scope
Especially if we don’t have experience finding work can be a real challenge. A
successful internship can help me turn an experience into a carrier opportunity. So
as a successful internship our future scopes will be :

 To work in an IT company
 Can work as a Software Engineer

BIBLIOGRAPHY
The following books are referred during the analysis and execution phase of
the project
Fundamentals of Web Development by Randy Connoly References:
W3 Schools
https://www.w3schools.com

GitHub: Let's build from here · GitHub

https://github.com