forked from Gajesh2007/gajeshsnaik_clone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
What-and-How-of-PWA.html
161 lines (143 loc) · 7.04 KB
/
What-and-How-of-PWA.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-120204810-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-120204810-2');
</script>
<meta charset="utf-8">
<title>Gajesh Naik</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicons -->
<link href="img/logo.jpg" rel="icon">
<link href="img/logo.jpg" rel="apple-touch-icon">
<!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="css/style.css" rel="stylesheet">
<!-- =======================================================
Theme Name: DevFolio
Theme URL: https://bootstrapmade.com/devfolio-bootstrap-portfolio-html-template/
Author: BootstrapMade.com
License: https://bootstrapmade.com/license/
======================================================= -->
</head>
<body>
<!--/ Nav Star /-->
<nav class="navbar navbar-b navbar-trans navbar-expand-md fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll" href="index.html">Gajesh Naik</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarDefault"
aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
</div>
</nav>
<!--/ Nav End /-->
<!--/ Intro Skew Star /-->
<div class="intro intro-single route bg-image" style="background-image: url(img/overlay-bg.jpg)">
<div class="overlay-mf"></div>
<div class="intro-content display-table">
<div class="table-cell">
<div class="container">
<h2 class="intro-title mb-4">Blog Details</h2>
</div>
</div>
</div>
</div>
<!--/ Intro Skew End /-->
<!--/ Section Blog-Single Star /-->
<section class="blog-wrapper sect-pt4" id="blog">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="post-box">
<div class="post-thumb">
<img src="img/What-and-How-of-PWA.jpeg" class="img-fluid" alt="">
</div>
<div class="post-meta">
<h1 class="article-title">What and How of Progressive Web Apps</h1>
<ul>
<li>
<span class="ion-ios-person"></span>
<a href="#">Gajesh Naik</a>
</li>
<li>
<span class="ion-pricetag"></span>
<a href="#">Dev Cluster</a>
</li>
</ul>
</div>
<div class="article-content">
<p>
At the onset special thanks to Mr. Shrey Keny for his informative workshop on “What and How of Progressive Web Apps” . It was great to realize to know the difference between “Native” Apps and “Progressive” Web Apps. Although the progressive web apps are high in “reach”, the native apps are better with access to your data and camera. An example of native app could be Pokemon GO and that of Progressive Web Apps are Twitter, Facebook, Google Maps, etc. The year 2007 marked the beginning of UI(User Interface) with the launch of Apple's first iPhone. In the year 2014 number of mobile internet device users exceeded the number of Desktop and Laptop Internet Users. After all this theoretical information, Practical hands on experience was given. We were told to develop a Weather App with reference to Codelabs by Google. This was progressive web app deployed on Firebase, giving weather details such as temperature of different cities in United States of America.
GDG Goa organised this workshop in the Information Technology Department of Goa Enginnering College Farmagudi-Goa.It may not be out of context here that in his inaugural address, Dr. Nilesh Phaldessai, Head of the Department made special mention of your truly and also of my father who was his student.
</p>
<blockquote class="blockquote">
<p class="mb-0">Design is not just what it looks like and feels like. Design is how it works. - Steve Jobs</p>
</blockquote>
</div>
</div>
</div>
</div>
</section>
<!--/ Section Blog-Single End /-->
<!--/ Section Contact-Footer Star /-->
<section class="paralax-mf footer-paralax bg-image sect-mt4 route" style="background-image: url(img/What-and-How-of-PWA.jpeg)">
<div class="overlay-mf"></div>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="copyright-box">
<p class="copyright">© Copyright <strong>Gajesh Naik</strong>. All Rights Reserved</p>
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=DevFolio
-->
Designed by Gajesh Naik
</div>
</div>
</div>
</div>
</div>
</footer>
</section>
<!--/ Section Contact-footer End /-->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<div id="preloader"></div>
<!-- JavaScript Libraries -->
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/popper/popper.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/counterup/jquery.waypoints.min.js"></script>
<script src="lib/counterup/jquery.counterup.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<script src="lib/typed/typed.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>
<!-- Template Main Javascript File -->
<script src="js/main.js"></script>
<script type="text/javascript">var subscribersSiteId='3be62397-0e9d-4a83-ada6-8aacbab15926';</script><script type="text/javascript" src="https://cdn.subscribers.com/assets/subscribers.js"></script>
</body>
</html>