Web一课一得心得体会

目录

前言

一、web介绍

二、学习前端前提

1、 确定清晰的项目目标和需求:

2、使用适当的技术栈:

3、构建可维护和可扩展的代码:

4、着重于用户体验:

5、进行持续集成和持续交付:

6、高度重视安全性:

7、不断学习和改进:

三、我认识的Web:

四、 明确内容路线​编辑

1、要学的内容:

2、软件开发架构:

3、软件开发流程

4、技术

5、工具

五、总结:


前言

       在学习的时候,即使有做计划,有时候也会因为一些其他的干扰,陷入迷茫之中,断断续续的学习,所以总结一下学习web前端的一些表层的东西,帮助自己在学习过程中更加明确每一步该怎么走,也分享给大家。

一、web介绍

    web指网络的缩写,通常用来指代“万维网”(World Wide Web),是一个由互联网组成的信息空间,其中包含着全球各种类型的文档和资源。它使用超文本链接和网页之间的互联,使用户能够通过浏览器访问和浏览互联网上的各种内容。Web的发展开始于20世纪90年代初,由蒂姆·伯纳斯-李创建。它已经成为人们获取信息、沟通和娱乐的重要方式,也是许多商业活动和服务的平台。Web技术包括HTML、CSS、JavaScript等,它们使网站和应用程序能够实现丰富的用户体验和功能。

二、学习前端前提

1、 确定清晰的项目目标和需求:

在开始任何web项目之前,要确定清晰的项目目标和需求。这可以帮助整个团队在开发过程中保持一致,避免后期的改动和混乱。

2、使用适当的技术栈:

选择适合项目需求的技术栈非常重要。对于大型项目,考虑使用流行的框架和库,以及云服务和数据库技术,来提高项目的可扩展性和性能。

3、构建可维护和可扩展的代码:

编写清晰、模块化和注释良好的代码可以使项目更易于维护和扩展。遵循最佳的软件工程实践是非常重要的。

4、着重于用户体验:

用户体验是web项目成功的关键。在开发过程中,要不断关注用户体验,确保用户可以方便地使用和理解整个系统。

5、进行持续集成和持续交付:

采用持续集成和持续交付的实践可以帮助团队及时发现和解决问题,快速地交付高质量的代码。

6、高度重视安全性:

在开发web项目时,要时刻牢记安全性。采取必要的安全措施,如数据加密、输入验证和防止跨站点脚本攻击,以保护项目免受恶意攻击。

7、不断学习和改进:

技术领域日新月异,作为开发者,要不断学习新的技术和最佳实践,以保持竞争力并不断改进自己的项目开发能力。

三、我认识的Web:

在Web上学到的知识是无限的,它涵盖了广泛的主题,从编程和设计到市场营销和商业发展。在这个数字化时代,Web成为了获取知识和信息的主要途径,因此掌握Web相关的技能变得至关重要。

首先,Web开发是一个重要的领域,因为它涉及到构建网站和应用程序。学习HTML、CSS和JavaScript等编程语言,以及常见的Web开发框架和工具,可以帮助我们创建吸引人的网站并提供优秀的用户体验。同时,理解Web服务器、数据库和网络安全的知识也非常重要,可以帮助我们建立安全稳定的Web应用程序。

除了技术技能,市场营销和电子商务也是Web学习的关键内容。了解SEO(搜索引擎优化)和数字营销策略,可以帮助我们在互联网上推广产品和服务。此外,学习电子商务原理和在线支付系统,可以帮助我们在Web平台上进行商业活动并开展电子销售业务。

在Web上学到的内容还包括用户体验设计和内容创作等方面的知识。学习用户界面设计原则和工具,可以帮助我们创建易用的产品界面。同时,掌握内容营销和社交媒体营销策略,可以帮助我们在互联网上吸引和保留用户。

总而言之,Web学习涉及的内容广泛而丰富,它不仅可以帮助我们获取技术技能,还可以帮助我们了解商业和营销领域的知识。随着互联网的不断发展,Web学习将继续成为我们不断学习和提升的重要领域。

四、 明确内容路线

1、要学的内容:

第一部分:前端基础语言

Web前端需要学习HTML、CSS和JavaScript这三门基础语言,其中,HTML是一种标记语言,主要负责实现Web页面并在浏览器中显示;CSS是层叠样式表,主要负责网页表现和内容分离;JavaScript是Web页面开发的脚本语言,主要负责为网页添加相应的动态效果和交互。之后,还要进一步学习HTML5、CSS3、JQuery相关的知识。

第二部分:前端开发软件

前端常用的软件主要有HBuilder、Dreamweaver、VS Code、Sublime Text、WebStorm等,都可以支持HTML、CSS和JavaScript的开发。

第三部分:程序设计知识:

前端还需要学习相应的程序设计知识,一是计算机基础,包括计算机组成原理、计算机网络、网络安全、数据结构与算法等等;二是前端框架,常用的有Bootstrap框架、React框架、Vue框架、Angular框架等;其他方面还需要学习浏览器、Node.js、类库、运营环境、常用设计模式等方面的知识。

2、软件开发架构:

  • C/S 架构:客户端/服务器——用户需要下载安装客户端软件使用,服务器负责处理软件的业务逻辑、同时更新、不能跨平台、通信采用自有协议(相对安全),客户端功能强大,可以减轻服务器端压力,但是客户端维护开发成本高(胖客户端)

  • B/S 架构:浏览器/服务器端——本质上也是 C/S,使用浏览器作为软件的客户端,通过浏览器访问网页的形式来使用软件、软件不需要安装(使用浏览器访问指定的网址)、客户端不需要更新、可跨平台使用、通信采用通用的HTTP协议(相对不安全),客户端维护成本低,可跨平台,但服务器负担重,缺点是客户端功能较简单,用户体验不如 C/S(瘦客户端)

3、软件开发流程

  • 网页设计师根据需求设计网页 PS
  • 前端工程师将设计做成静态网页 HTML+CSS
  • 后台工程师将静态网页修改为动态网页 JSP\PHP\Python\ASP
  • 提供接口 JS Nodejs

4、技术

  • 前端:HTML 结构、CSS 表现、JavaScript 行为——W3C 标准,由浏览器负责解释执行,分别描述页面的结构、控制页面内中元素的样式、响应用户操作
  • 后端:ASP、PHP、JSP、NodeJS 等,由服务器负责执行
  • 静态网页:由前端技术实现(扩展名:.htm或.html)
  • 动态网页:由前端和后台(服务器端)技术共同实现(扩展名:.asp或.php或.jsp)

5、工具

  • 浏览器:Firefox、Chrome、IE
  • 编辑器:Sublime Text、VS code
  • 调试工具:FireBug
  • 图片工具:Photoshop
  • IDE(集成开发工具):DW、WebStorm、Hbuilder
  • IE6 浏览器兼容测试:ietester
  • VS下载链接

五、总结:

通过学习Web,我对Web开发框架有了更深入的了解,并且能够更加高效地使用Web进行项目开发。我也学会了如何利用Web的自动配置和便捷工具来简化开发流程,提高开发效率。同时,我也通过实践项目加深了对Web的理解,并且取得了满意的学习成果。


————————————————
版权声明:本文为CSDN博主「rzxwz」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/rzxwz/article/details/134239577

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值