Industrial Training

on
“Full Stack Web development”

Presented By: Submitted To:

Aayush Sharma Dr. Vijeta Kumawat
20EJCCS05 Deputy HOD
Computer Science/A
 VISION AND MISSION OF INSTITUTE

Vision of the Institute

To become a renowned centre of higher learning, and work towards academic,
professional, cultural and social enrichment of the lives of individuals and communities.

Mission of the Institute

• To Focus on research and spirit of innovation that will drive academic orientation
and pursuit at JECRC University.
• To Identify, based on informed perception of Indian, regional and global needs,
areas of focus and specialization on which the University can concentrate.
• To Undertake collaborative projects that offer opportunities for long-term
interaction between academia and industry.
• To Develop human potential to its fullest extent so that intellectually capable and
imaginatively gifted leaders can emerge in a range of professions.
VISION AND MISSION OF DEPARTMENT

Vision of the Department

To become renowned Centre of excellence in computer science and engineering and
make competent engineers & professionals with high ethical values prepared for
lifelong learning.

Mission of the Department

• M1- To impart outcome based education for emerging technologies in the field of
computer science and engineering.
• M2 - To provide opportunities for interaction between academia and industry.
• M3 - To provide platform for lifelong learning by accepting the change in
technologies
• M4 - To develop aptitude of fulfilling social responsibilities.
COURSE OUTCOMES (COs)
CO1: Generate the report based on the Projects carried out for
demonstrating the ability to apply the knowledge of engineering
field during training

CO2: Demonstrate Competency in relevant engineering fields

through problem identification, formulation and solution
 Content

1. Introduction/Abstract
2. Company/Organization details
3. Certificate
4. Technology Name-Detailed Description
5. Overview of Tools Used
6. Project Description
7. Screenshots of Project
8. Conclusion
9. Future Scope
10. References
 Introduction


Web development is the work involved in developing a website for
the Internet (World Wide Web) or an intranet (a private network).

Web development can range from developing a simple single static
page of plain text to complex web applications, electronic businesses,
and social network services.

A more comprehensive list of tasks to which Web development
commonly refers, may include Web design, Web content
development, client-side/server-side scripting, Web server and network
security configuration, and e-commerce development.
 Introduction


Among Web professionals, "Web development" usually refers to the
main non-design aspects of building Web sites:
writing markup and coding.

Web development may use content management systems (CMS) to
make content changes easier and available with basic technical skills.

There are three kind of web developer specialization : front-end
developer, back-end developer and full stack developer .
 Organization Detail

Company Name – Techienest Private limited

Company Description –
TechieNest is a certified ISO 9001:2008, technology service
provider and training organization. The soul mission of founders
is to facilitate the education, research and development
program; all under one roof. In a very short span of time our
team has successfully delivered the impactful service to more
than 350 colleges, including the most prestigious institutions of
India, such as IIT Mumbai, IIT Delhi and all the NITs.
Certificate
 Technology Used

Web technologies are often divided according to where they are used. That
is, they are focused on the client-side or server-side of web applications.
Knowing the basic categories of web technologies is essential if you plan to
work in web development. Thus, here is a list of web development
technologies by category:
• Browsers
• HTML and CSS
• BOOTSTRAP
• JAVASCRIPT
• REACT
• Programming Languages
• Web Servers
• Protocols
• Lastly, data Formats
 Technology

HTML

 HTML stands for Hyper Text Markup Language

 HTML is the standard markup language for creating Web pages .
 HTML describes the structure of a Web page .
 HTML consists of a series of elements .
 HTML elements tell the browser how to display the content .
 HTML elements label pieces of content such as "this is a
heading", "this is a paragraph", "this is a link", etc.
 Technology

CSS

 Cascading Style Sheets is the language for describing the presentation of

web pages ,including colors, layout and fonts.
 It allows one to adapt the presentation to different types of devices , such
as large screens, small screens or printers.
 CSS is independent of HTML ,the separation of HTML from CSS makes
it easier to maintain sites, share style sheets across pages.
 Technology
BOOTSTRAP

Bootstrap is a free and open-source tool collection for creating

responsive websites and web applications. It is the most popular HTML,
CSS, and JavaScript framework for developing responsive, mobile-first
websites. It solves many problems which we had once, one of which is
the cross-browser compatibility issue. Nowadays, the websites are perfect
for all the browsers (IE, Firefox, and Chrome) and for all sizes of screens
(Desktop, Tablets, Phablets, and Phones). All thanks to Bootstrap
developers -Mark Otto and Jacob Thornton of Twitter, though it was later
declared to be an open-source project.
 Technology
REACT

React is a declarative, efficient, and flexible JavaScript library for

building user interfaces. It lets you compose complex UIs from small
and isolated pieces of code called “components”. React allows us to
create reusable UI components.
 Overview of Tools Used

Visual Studio code

Visual studio code is a source-code editor made by Microsoft for
window ,linux and macOS. Features include support for debugging, syntax
highlighting, intelligent code completion, snippets, code refactoring, and
embedded Git. Users can change the theme, keyboard shortcuts,
preferences, and install extensions that add additional functionality.
 Project Title

Tindog
Buy and Sell Dog With US
 Project Description

tindog

Buy and sell dog with us (tindog) is a platform that has been built
under the course work so has to provide a platform where you can
buy and sell dog with premium service .

In this website dog owners can find the best dogs for them. some of
the many specialities are its button ,icons ,image rotation and
carousel.
 Description


In this project i have used HTML , CSS , Bootstrap and Javascript to
some extant .

Tindog is a single page website .

Tindog is basically a pet animal service related website .

We have provided a lot of buttons , but have not made it functionable by
adding links to them using “href” attribute.
 Description


We have utilized “hover” element in it.

So as to make them visible after hovering on them we have Changed
colour.

The buttons in the navbar have been made functionable , and go to that
specific place/elemnt on the web-page.

The basic functionality of javascript added is to make the buttons in
Navbar functionable.
 Description


This website has been divided into 4 sections

Introduction

Uses/functionality

Pricing

Download and Contact Section
Screenshots
Of
tindog
Screenshots
Screenshots
Screenshots
screenshots
screenshots
screenshots
Screenshots
Output
output
output
Output
 Conclusion

Working on this project gave me the opportunity to express myself

creatively on the internet .
After investing lots of time into learning a new trade I was unsure
about the outcome. Fortunately learning high demand skill, was an
amazing fun experience and every time invested in building the
project is totally worth it.
Web development is always a great choice for someone ready to
have an exciting career in code.
 Future Scope

A web developer is someone who turns designs into websites.

Web development involves encoding a client’s or product team’s
requirement through human language and decoding it to a
computer system through different programming languages.
Being said that, the future of web development is nowhere in the
dark, as every industry segment requires a website to take its
products or services online, and web development plays an
important role here.
 Refrence


Coursera

Wikipedia

W3school
THANK YOU