Teachnook Edutech Private Limited: Weather Web Application
Teachnook Edutech Private Limited: Weather Web Application
ON
BY
AT
JUNE, 2022
1
DECLARATION
2
PRESIDENCY UNIVERSITY,
BENGALURU
Professional Practice Program
Professional Practice (IP) – II
3
Introduction -5
About the project -6
HTML technology -(7-8)
CSS technology -(9-10)
JAVA SCRIPT -(11-12)
Methods of phases -(12-13)
Source code -(14-16)
output -(17)
conclusion -18
4
INTRODUCTION
1 About the company:
• Teachnook is an emerging Ed-Tech company with
a dynamic approach to providing holistic training
programs for engineering and management
students. Teachnook is a unique education platform
that offers courses along with project-based
training programs with India's renowned companies
and institutes.
5
ABOUT THE PROJECT
Project Title:
Weather web application
Technologies used:
HTML, CSS, JAVA SCRIPT
6
HTML:
HTML is a markup language, so it uses simple tags to
markup and format the content. These tags are enclosed
in angular brackets like <html. Almost all the tags have
their closing tags also. The <html> tag informs the
browser that a HTML document has been started
similarly </html> tells the end of HTML document. All
the things or code written inside these two tags are
represented sent to the browser. The browsers then
display the content wrapped inside the body tag.HTML
defines the format of how the web elements should be
displayed. To see your content, you need to save your
file with. html or.htm extension and then simply run it
by choosing the option to open with any browser.
HTML is one of the best options to develop a webpage
or website for a small or growing business that does not
want to invest more in purchasing software or its
license and does not require any advanced.
7
APPLICATIONS OF HTML:
8
Sheets : Say you are building a house and to tell the
builder what type of paint you would like to use,the
type of tile pattern, door design etc you write them all
in a planner and give it him and the builder implements
them. Similarly you write how you would like to style
a file in a sheet using CSS , and the browser
implements it. The file here is what we mean by sheet
and it is usually called style sheet.
Cascading : If you search for the word cascade in the
dictionary one of the meanings would be a waterfall
over step-like rocks . Let’s say there are 55 steps and
there’s a pebble at the bottom step and when the water
goes over each step it brings in a different kind of sand
so each time water from a step flows over the pebble
the previous step’s sand is removed and it’s own sand is
deposited on it and finally the one from the lowest step
would remain it means here the lowest step has the
highest importance. Similarly on a particular element in
a page there may be different styles applied, and all of
them have different importance similar to the placement
of steps in the previous example, the styles are said to
be cascading over an element and the most important
style is applied on the element.
9
APPLICATIONS OF CSS:
Controlling Effects and Flash Animation
Managing Dynamic Web Templates
e-Commerce
accelerated Development
Improved User Experience
Faster page Loading
Server-side and End-User Representation
Website Maintenance
JAVA SCRIPT:
JavaScript is used in every industry to create all types of
applications. Let's take a closer look at its uses in web
development, mobile development, game development,
and more.
10
Front-end web development :
Front-end developers use JavaScript (along
with HTML and CSS) to create the parts of a web page
that users see and interact with in their browsers.
Before JavaScript, web pages only served static content.
JavaScript gave developers the ability to provide their
users with a dynamic web experience, adding
animations and other interactive elements. When you
click a button on a website, and a side panel opens or a
modal slowly comes into view, that's JavaScript at
work.
11
1.METHODOLOGY AND PHASES
PROJECT WORKFLOW
Problem statement:
Weather Forecast App
Make a web app for users to see the current weather and
the weather forecast for the next 7days.
Requirements
An input for users to type city name
Display current weather including weather condition,
temperature, humidity, wind speed, and date and time
Visualization to display the temperature change,
humidity change, and weather conditions of each day.
Suggested Implementation
Fetch user's device position. If you're unable to get the
user's position, set Delhi as the default location.
13
Fetch weather data (forecast data and current weather
data) of the location from weather
API
Format the data into charts
Display the chart and current weather
Implementations:
There has been a lot of work in object detection using traditional
techniques (css,html). However, they lack the accuracy of java script
techniques. Among the java script techniques, two broad class of methods
are prevalent:
14
Creating visual studio:
Executing html:
15
Executing css:
16
Output:
17
CONCLUSION:
18