📜  我的 Web 开发之旅!

📅  最后修改于: 2021-10-19 08:22:54             🧑  作者: Mango

我在2010年整个web开发来的第一次,因为在我10种年级的教学大纲一些HTML的。然后关于 web-dev 最困难的事情是在关闭标签时决定它是 还是 <\tag-name> 。快进四年,在 2014 年夏天,我不情愿地从Manipal 计算机科学研究所 (MICE)学习了 C# 和 ASP.NET文凭课程,这门课程向我介绍了 .NET 框架而不是 Visual Studio。正是由于这门课程,我对微软及其技术产生了浓厚的兴趣,然后成为我所在学院的微软学生合作伙伴。我开发了一个名为 KnowMangalore.com 的交互式 ASP.NET 网站,其中包含有关我的家乡 – 芒格洛尔的几个事实。虽然这个网站帮助我学习 C# 和 Visual Studio 环境,但它并没有帮助我理解 HTML,因为前端是在 .aspx 上,而且 Visual Studio 有这个拖放功能,你不需要使用它你的手被前端代码弄脏了。

继续前进, TechBack 的教练兼策展人 Tanay Pratap于 2015 年 10 月来到我的大学,举办关于使用Bootstrap开发响应式网页的研讨会。研讨会从基础开始,大多数研讨会都没有做到这一点。正是在这个研讨会中,我发现了 HTML 中 id 和 class 之间的区别!因此,Tanay 在帮助我清楚地了解网页的工作原理方面发挥了关键作用。

TechBack 研讨会激励我学习更多有关 Web 开发的知识。我偶然发现了这个教程网站——freecodecamp.com。它包括一个用于前端和后端开发的分步交互式教程。其中一个教程是关于开发个人网络应用程序的。多亏了本教程,我开始构建一个小型网络应用程序,同时探索最新的 CSS 和 JQuery 插件,如Carousel、Magnific Popup、Modernizr 等。然后,我通过展示我的技术技能、项目、以前参加过的活动等,最终将网络应用程序重组到我的简历中。

当我开始构建 Web 应用程序时,我从未打算将它放在网上。因此,我将几个图像倒入其中。我花了一周时间才准备好。在一天结束时,它确实看起来不错!所以我开始探索部署我的网络应用程序的方法。 Microsoft 为学生提供一些免费的Microsoft Azure功能,包括在 Azure 子域上托管 Web 应用程序。这样我就能够在云上部署我的项目。一旦它上线,我注意到该网页需要很长时间才能加载(10 秒以上),因为在禁用缓存时必须加载多个图像和脚本。然后我使用 CDN 链接将脚本和 css 文件传送到页面。加载时间确实减少了,但没有减少太多。然后我遇到了一个名为 Lazy Load 的 JavaScript 插件。延迟加载会延迟网页中图像的加载。在用户滚动到它们之前,不会加载视口外的图像。这大大减少了页面的加载时间。您可以在流动地址上找到我的页面 – aniketprabhu.azurewebsites.net。

我计划在这个项目中实施的进一步改进包括获取 SSL 证书和从 HTTP/1.1 升级到 HTTP/2。与使用多个连接的 HTTP/1.1 不同,HTTP/2 协议具有单个持久性 TCP 连接。这大大提高了页面加载速度。此外,我正在探索为我的页面创建永久“.me”域的方法。许多供应商(如 Namecheap)免费向拥有“.edu”域的电子邮件 ID 的学生提供此功能,但它仅在有限的时间内有效。