Scribd
Upload
6 views29 pages

Seminar Report145

The seminar report details Lakshraj Chauhan's six-week industrial training in web development at Internpe, covering objectives, learnings, and applications of web development. It highlights the importance of web development skills in various industries, the versatility of roles available, and the practical application of knowledge gained during the training. The report includes sections on technologies used, final projects, and reasons for choosing web development as a career path.

Uploaded by

Lv Chn
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views29 pages

Seminar Report145

The seminar report details Lakshraj Chauhan's six-week industrial training in web development at Internpe, covering objectives, learnings, and applications of web development. It highlights the importance of web development skills in various industries, the versatility of roles available, and the practical application of knowledge gained during the training. The report includes sections on technologies used, final projects, and reasons for choosing web development as a career path.

Uploaded by

Lv Chn
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 29

SEMINAR REPORT

ON
“
TRAINING ON WEB DEV”
Submitted By:
Lakshraj Chauhan
2821145
CSE 3(A2)
Submitted To:
DR. STUTI MEHLA
Department Of Computer Science & Engineering
PANIPAT INSTITUE OF ENGINEERING & TECHNOLOGY
SAMALKHA, PANIPAT

Affiliated to:
Kurukshetra University Kurukshetra, India

1
INDEX
Sr. Topic Page
No. No.
1 Title 1
2 Index 2
3 Training Certificate 3
4 Declaration 4
5 Acknowledgement 5
6 About Training 6
7 About Internpe 6
8 Objectives 6
9 Web Development 6
10 My Learnings 7-18
11 Final Project 19-20
12 Reason for choosing Web Development 21-23
13 Learning Outcome 24
14 Scope in Web Development 25-27
15 Results 28

2
CERTIFICATION

3
DECLARATION

I hereby certify that the work which is being presented in the report entitled
“Web Development”in fulfilment of the requirement for completion of six weeks
industrial training in Department of CSE of "PIET , Samalkha" is an authentic
record of my own work carried out during industrial training.

Lakshraj Chauhan
2821145
CSE 3A
PIET

4
ACKNOWLEDGEMENT

The work in this report is an outcome of continuous work over a period


and drew intellectual support from Internpe and other sources. I would like
to articulate our profound gratitude and indebtedness to Internpe for
helping us in completion of the training. I am thankful to Internpe Training
Associates for teaching and assisting me in making the training successful.

Lakshraj Chauhan
2821145
CSE 3A
PIET

5
1. ABOUT TRAINING

 NAME OF TRAINING: WEB DEVELOPMENT


 HOSTING INSTITUTION: INTERNPE
 DATES: From 21/08/2023 to 17/09/2023.

2. ABOUT INTERNPE
Internpe is an internship and online training platform, based in Rajasthan, India.
Founded in 2022.The site offers searching and posting internships, and other career
services such as counselling, cover-letter writing, resume building and training
programs to students.

3. OBJECTIVES
"The objective of this internship report is to comprehensively document my
experiences, learning outcomes, and contributions during my tenure in web
development, showcasing the practical application of technical skills, problem-solving
abilities, and project contributions within a professional setting."

4. WEB DEVELOPMENT
Web development is the process of creating and maintaining websites, encompassing
both the design and functionality aspects. It involves a range of technologies and
programming languages to build interactive and visually appealing web applications.
Front-end development focuses on the user interface and client-side functionality,
while back-end development manages server-side logic and database interactions.
Full-stack developers work on both fronts, ensuring seamless integration. As
technology evolves, web development continues to play a crucial role in shaping the
online landscape, providing dynamic and responsive digital experiences.DATA
SCIENCE PROCESS:

6
5. MY LEARNINGS
1) INTRODUCTION TO Web Dev

- Web development: Creating and maintaining websites and applications.


- Front-End: Focus on user interface using HTML, CSS, and JavaScript.
- Full-Stack: Involves both front-end and back-end development.
- Key Technologies: HTML, CSS, JavaScript, and server-side languages.
- Responsive Design: Ensures adaptability to various devices.
- Version Control: Git for tracking code changes and collaboration.
- Content Management: Systems like WordPress for content creation.
- Continuous Learning: Ongoing skill enhancement in a rapidly evolving field.

2) THINGS NEED TO LEARN


It seems there might be a small typo in your question. If you're asking about
"understanding the basics for web development," I can provide a brief overview.
However, if you meant "statics," and it's related to statistics or specific data in web
development, please clarify so I can provide a more accurate response. Assuming you're
referring to basics:

1. HTML (Hypertext Markup Language):


- Defines the structure of web content using tags.
- Elements like `<head>`, `<body>`, and `<p>` are fundamental.

2. CSS (Cascading Style Sheets):


- Styles HTML elements, controlling layout and presentation.
- Selectors, properties, and values define styling rules.

3. JavaScript:
- Adds interactivity and dynamic behavior to websites.
- Client-side scripting language executed in the browser.

4. Front-End Development:
- Concerned with the visual aspects of a website.
- Involves building user interfaces using HTML, CSS, and JavaScript.

7
5. Back-End Development:
- Manages server-side operations and databases.
- Server-side languages like Node.js, Python, PHP handle functionality.

6. Web Development Frameworks:


- Tools like React, Angular, Vue.js (front-end) and Express.js, Django, Ruby on Rails (back-end)
provide structure and efficiency.

7. Responsive Design:
- Ensures websites adapt to different devices and screen sizes.
- Media queries and flexible grid layouts are common techniques.

8. Version Control (e.g., Git):


- Tracks changes in code, facilitates collaboration.
- GitHub, GitLab are platforms for hosting and sharing repositories.

9. Web Browsers:
- Chrome, Firefox, Safari, etc., interpret and display web content.
- Cross-browser compatibility is crucial for a consistent user experience.

10. HTTP/HTTPS Protocols:


- Hypertext Transfer Protocol (Secure) governs data transfer on the web.
- Understanding status codes (e.g., 200 OK, 404 Not Found) is essential.

11. Web Development Life Cycle:


- Involves planning, design, development, testing, deployment, and maintenance.
- Agile methodologies often used for iterative development.

12. Web Hosting and Deployment:


- Servers host websites; deployment involves making them accessible.
- Platforms like AWS, Heroku, and Netlify are commonly used.

8
Understanding these basics provides a foundation for effective web development. Continuous learning
and staying updated with industry trends are key in this dynamic field.

Application of WEB DEV


Web development has a wide range of applications across various industries, contributing
to the creation of dynamic and interactive online experiences. Here are some key
applications of web development:

1. Business Websites:
- Corporate Presence: Companies use websites to establish an online presence, provide
information about products and services, and engage with customers.

2. E-Commerce Platforms:
- Online Shopping: Web development enables the creation of e-commerce platforms
where businesses can sell products or services online, manage inventories, and process
transactions.

3. Social Media Platforms:


- Connectivity: Social networking sites, built using web development technologies,
connect individuals globally, facilitating communication, sharing, and collaboration.

4. Blogs and Content Platforms:


- Content Sharing: Web development powers blogs and content platforms, allowing
individuals and organizations to share articles, multimedia content, and information.

5. Educational Websites and Platforms:


- E-Learning: Web development plays a crucial role in building educational websites
and platforms, facilitating online courses, tutorials, and interactive learning experiences.

6. News and Media Websites:


- nformation Dissemination: News websites leverage web development to provide real-
time updates, multimedia content, and interactive features for users.

7. Booking and Reservation Systems:


- Convenience: Web development is used to create booking systems for flights, hotels,

9
events, and other services, offering users a convenient way to make reservations.

8. Healthcare Portals:
- Patient Services: Web development contributes to the creation of healthcare portals,
allowing patients to schedule appointments, access medical records, and receive
information about health services.

9. Government Websites:
- Public Services: Government agencies use web development to provide citizens with
access to information, forms, and services online.

10. Entertainment Platforms:


- Media Streaming: Web development powers entertainment platforms for streaming
music, videos, and other multimedia content.

11. Web Applications:


- Productivity Tools: Web development enables the creation of web applications for
productivity, project management, collaboration, and more.

12. Financial and Banking Websites:


- Online Banking: Financial institutions use web development to offer online banking
services, allowing users to manage accounts, transfer funds, and perform transactions.

13. Real Estate Platforms:


- Property Listings: Web development facilitates the creation of real estate websites,
helping users find and explore property listings.

14. Gaming Platforms:


- Online Gaming: Web development is used in the creation of online gaming platforms,
supporting multiplayer games and interactive experiences.

15. Job Portals:


- Career Services: Web development powers job portals, connecting job seekers with
employers and facilitating the job search process.

These applications demonstrate the versatility and impact of web development across
various sectors, enhancing communication, accessibility, and user experiences in the
digital landscape.
10
TAGS USED

1. HTML

HTML stands for Hyper Text Markup Language HTML is the standard markup
language for Web pages HTML elements are the building blocks of HTML pages
HTML elements are represented by tags BASIC TERMS:
Project stucture:
<!Doctype>
<html>
<body>
...........
............
...........
...........
</body>
</html>

2. HTML Elements
An HTML element is a start tag and an end tag with content in between:

11
3. HTML Documents
The HTML document itself begins with html tag and ends with html tag
followedby ’/’ forward slash. The visible part of the HTML document is between
body tag.

<HTML> tag:
The HTML <title> tag is used for declaring the title, or name, of the HTML
document. The title is usually displayed in the browser’s title bar (at the
top).It is also displayed in browser bookmarks and search results. The title
tag is placed between the opening and closing <head> tags. The <link>
element is used to define a relationship between an HTML document and an
external re- source. This element is most commonly used to define the
relationship betweena document and one or more external CSS stylesheets.

• HTML Headings
HTML headings are defined with h1 to h6 tags.

12
• HTML Paragraphs
HTML paragraphs are defined with p tags:

• HTML Links
HTML links are defined with a tags:

• HTML Images
HTML images are defined with img tags.
The source file (src), alternative text (alt), width, and height are
provided as attributes:

• HTML Buttons
HTML buttons are defined with button tags:

• HTML Lists
HTML lists are defined with ul tag (unordered/bullet list) or ol tag
(ordered/num-bered list) tags, followed by li tags (list items):

• HTML Tables
An HTML table is defined with a table tag. Table rows are defined
with tr tags. Table headers are defined with th tags. (bold and
centered by default). Table cells (data) are defined with td tags.

• <Body> tag:
13
Description. The HTML ¡body¿ tag defines the main content of
the HTML document or the section of the HTML document that will
be directly visible on your web page. This tag is also commonly
referred to as the <body> element.

• <header>:

he <header> element is intended to usually contain the section’s


heading (an <h1>-<h6> element or an <hgroup> element), but
this is not required. The <header> element can also be used to
wrap a section’s table of contents, a search form, or any relevant
logos.

• <div> tag:

The <div> tag defines a division or a section in an HTML document.


The
<div> element is often used as a container for other HTML
elements to style them with CSS or to perform certain tasks with
JavaScript.The div tag is knownas Division tag. The Div tag is used
in HTML to make divisions of content in the web page like (text,
images, header, footer, navigation bar etc). Div tag has

both open(<) and closing (>) tag and it is mandatory to close the
tag. The Div is the most usable tag in web development because it
helps us to separate out data in the web page and we can create a
particular section for particular dataor function in the web pages.

Div is Block level tag It is a generic container tag


It is used to the group of various tags of HTML so that sections
can be createdand style can be Applied on them.
Left center right.

• <br> tag:

The HTML anchor tag defines a hyperlink that links one page to
14
another page. The ”href” attribute is the most important attribute of
the HTML a tag. An unvisited link is displayed underlined and blue.
A visited link displayed underlined and purple. An active link is
underlined and red.

• <footer> tages:

HTML5 <footer> Element. The <footer> element specifies a


footer for a document or section. A <footer> element should
contain information about its containing element. A footer typically
contains the author of the document, copyright information, links to
terms of use, contact information, etc.

• <form> tag:

The <form>tag is used in conjunction with form-associated


elements. Tocreate a form, you can nest form-associated elements
inside the opening/closing
<form> tags. You can also use the form attribute within those elements
to
reference the ID of the form to use.

CSS:-
CSS stands for Cascading Style Sheets.
Cascading Style Sheets is a style sheet language used for describing the
presenta- tion of a document written in a markup language like HTML.
CSS is a cornerstone technology of the World Wide Web, alongside
HTML and JavaScript.

CSS Syntax
A CSS rule consists of a selector and a declaration block:

15
The selector points to the HTML element to style (h1). The
declaration block (in curly braces) contains one or more declarations
separated by semicolons. Each declaration includes a CSS property name
and a value, separated by a colon. In the following example all p tag
elements will be 32px wide, center-aligned, and with red.
Example:

External Style Sheet

The external style sheet is generally used when you want to make changes
on mul- tiple pages. It is ideal for this condition because it facilitates you
to change the look of the entire web site by changing just one file. It uses
the link tag on every pages and the link tag should be put inside the head
section.

Example:

16
The external style sheet may be written in any text editor but
must be saved with a .css extension. This file should not
contain HTML elements.

Inline Style
We can apply CSS in a single element by inline CSS technique.
The inline CSS is also a method to insert style sheets in HTML document.
This method mitigates some advantages of style sheets so it is advised to
use this methodsparingly.
If you want to use inline CSS, you should use the style attribute to the relevant
tag.

Example:

Google fonts

Google Fonts is a Google API.


We can use Google Fonts in our Website design.
17
18
6. FINAL PROJECT

I Built Multiple Projects During The 4 Weeks Of Internship But I Got More
Knowledge About The Front-End , So Other Than Those Projects I’ve Also
Created The Front Page(clone) Of The Zomato App.|

Attaching The Screenshots Below:-

19
20
7. REASON FOR CHOOSING WEB
DEVELOPMENT

Choosing web development as an internship can be a


strategic and rewarding decision for several reasons:

1. Relevance and Demand:


- Web development skills are highly sought after in today's digital age. Almost
every industry requires an online presence, creating a constant demand for web
developers.

2. Versatility:
- Web development offers a diverse range of roles, including front-end, back-
end, and full-stack development, as well as specialization in areas like UI/UX
design. This versatility allows you to explore different aspects of the field.

3. Practical Application of Knowledge:


- Interning in web development allows you to apply theoretical knowledge
gained in academic settings to real-world projects, enhancing your practical skills
and understanding.

4. Remote Work Opportunities:


- Web development is well-suited for remote work, providing flexibility and
the opportunity to collaborate with teams or clients from different locations.

21
5. Continuous Learning and Innovation:
- The dynamic nature of web development encourages continuous learning.
New technologies, frameworks, and tools regularly emerge, providing
opportunities for innovation and staying at the forefront of the industry.

6. Career Growth and Job Security:


- With the increasing reliance on digital platforms, web developers enjoy
strong career growth prospects and job security. Acquiring web development
skills positions you for long-term success in the tech industry.

7. Contribution to Digital Transformation:


- Interning in web development allows you to contribute to the digital
transformation of businesses and industries, playing a key role in shaping the
way people interact with technology.

8. Building a Portfolio:
- Web development projects undertaken during your internship can be added to
your portfolio, showcasing your skills and accomplishments to future employers .

9. Entrepreneurial Opportunities:
- Web development skills provide a foundation for entrepreneurship. You can
create your own web-based projects, start a freelance business, or even develop
and launch your own web applications.

22
10. Community and Networking:
- Engaging in web development internships exposes you to a vibrant
community of professionals. Networking with industry experts, mentors, and
fellow interns can open doors to future collaborations and opportunities.

11. Global Impact:


- Web development projects often have a global reach, allowing you to
contribute to solutions that impact people worldwide .

12. Crossover Skills:


- Web development skills often include proficiency in programming
languages, problem-solving, and logical thinking. These skills can be transferable
to other areas of technology and software development.

Ultimately, choosing web development as an internship aligns with the


current and future trends of the tech industry, providing a valuable
foundation for a successful and fulfilling career.

23
8. Learning Outcome

After completing the training, I am able to:

• Develop relevant programming abilities.


• Develop strong programming skills, with a focus on languages commonly used in
web development such as HTML, CSS, and JavaScript..
• Develop the skill to build front-end.
• Showcase proficiency in managing and manipulating data in the context of web
applications, ensuring efficient storage, retrieval, and utilization..
Demonstrate the application of web development skills to address real-world
problems, utilizing technology to create practical solutions and user-friendly
applications

24
9. SCOPE IN WEB DEVELOPMENT FIELD

As of my last knowledge update in January 2022, the scope in web development


continues to be substantial, with ongoing growth and demand in the industry. Here
are key aspects that highlight the scope in web development:

1. Increasing Demand:
- The demand for web developers remains high as businesses, organizations, and
individuals seek to establish and enhance their online presence.

2. Diverse Opportunities:
- Web development offers a wide range of career opportunities, including front-end
development, back-end development, full-stack development, UI/UX design, and
more.

3. E-Commerce Boom:
- The growth of online businesses and e-commerce platforms contributes
significantly to the demand for web developers who can create and maintain
robust, secure, and user-friendly websites.

4. Technological Advancements:
25
- Rapid advancements in web technologies and frameworks, such as React, Vue.js,
and Node.js, provide developers with new tools and capabilities, expanding the
scope of what can be achieved.

5. Mobile Responsiveness:
- The increasing use of mobile devices emphasizes the need for web developers who
can create responsive and mobile-friendly websites and applications.

6. Remote Work Opportunities:


- Web development is well-suited for remote work, allowing professionals to
collaborate across borders and work for companies or clients globally.

7. Digital Transformation:
- Industries are undergoing digital transformation, requiring web developers to
create innovative and efficient digital solutions to meet evolving business needs.

8. Freelancing and Entrepreneurship:


- Web developers have the option to work as freelancers or entrepreneurs, taking
on independent projects, creating startups, or offering specialized services.

9. Emergence of New Technologies:


- The rise of technologies like Progressive Web Apps (PWAs), WebAssembly, and
serverless architecture opens up new possibilities for web development.

10. Continuous Learning and Upskilling:


26
- The dynamic nature of web development encourages continuous learning and
upskilling, providing opportunities for professionals to stay relevant and advance
their careers.

11. Community and Collaboration:


- Web development has a vibrant and supportive community where developers
share knowledge, contribute to open-source projects, and collaborate on industry
advancements.

12. Job Security:


- As businesses increasingly rely on digital platforms, the need for skilled web
developers is likely to remain strong, contributing to job security within the field.

13. Global Impact:


- Web development allows professionals to contribute to global projects, influence
digital experiences, and shape the way people interact with information online.

14. AI and Integration:


- The integration of artificial intelligence (AI) and machine learning with web
development offers new avenues for creating intelligent and personalized user
experiences.

Keep in mind that the scope and trends in the field may evolve over
time, so it's essential to stay updated with the latest technologies and
industry developments.

27
10. RESULT

In this complete 4 weeks training I successfully learnt about WEB DEVELOPMENT.


Also, now I’m able to perform data analysis using python. I also attempted various tasks
and assignments provided for periodic evaluation during 4 weeks and completed them
successfully.

28
11. TRAINING CERTIFICATE

29

You might also like