2023-09-06 07:37:04 | 我爱编程网
做了那么多年Web编程,仔细想想,其实本质上就那点事儿,你抓住了几个重点问题,北大青鸟分享学起来一点都不难。
1.理解浏览器/服务器结构(B/S)
B/S是从90年代的客户端/服务器端发展而来,共同点都是由一个(或一组)服务器来服务多个客户端。差别在于:首先,C/S结构的客户端可能是由不同语言编写的,例如VB,Delphi,PowerBuilder等,B/S结构中浏览器成为了一个通用的客户端,程序以Web的方式呈现,不需要安装,服务器端的升级就意味着所有客户端的升级,这和C/S相比是个翻天覆地的变化。
其次B/S的访问协议也标准化为HTTP(s),而不是原来各种各样的私有协议。
最后B/S结构中的服务器面向全球用户访问,而不像C/S那样仅仅是局域网,所以压力更大,挑战更大。
2.Web页面是怎么组成的?
简单来说就是HTML+CSS+Java,我们看到的Web界面就是由这三者组成。
HTML负责结构,CSS负责展现,而Java负责行为。
我们说的前端开发也主要是做这一块,对于前端工程师,需要能理解DOM模型,以及如何通过java(例如JQuery等框架)来操作DOM模型。
3.浏览器和服务器是怎么打交道的?
当然是HTTP!HTTP说穿了就是浏览器和服务器聊天是的一种约定,这个约定确保双方互相理解。
完整的HTTP是非常复杂的,《HTTP权威指南》一书厚达700多页。
其实我们最常用,也是最重要的也就那么几点:
(1)GET和POST。GET从服务器端获取数据,POST向服务器端发送数据(由此引出图片上传问题)
(2)HTTP是个没有状态的协议,需要通过额外的机制来维持状态(例如登录状态),常用的方法就是cookie。
(3)理解HTTP状态码
(4)理解同步vs异步(由此引出AJAX,以及JQuery等框架)
4.URL和代码的映射
理解url和代码之间的关联,例如www.xxx.com?action=login这样的url是怎么和后端的业务代码关联起来的?
这样的规则是在哪里定义的?用代码、注解还是配置文件?
后端的业务代码该如何组织?相信现在不会有人把业务逻辑都写到Servlet当中了,所以需要很多MVC框架像Struts,SpringMVC来组织代码,让系统清晰易懂。 我爱编程网
5.数据的验证、转换和绑定
如何保证浏览器发过来的数据是符合要求的?
例如不能为空、不超过8个字符、两个密码必须相等....,出错了得给出错误提示。
浏览器发过来的数据都是形如username=liuxin&password=123456这样简单的文本,但是后台程序却有着丰富的数据类型,什么String,Date,Integer等等。所以需要把文本变成指定语言的类型。
类型转换以后,后端的业务代码怎么才能有效的使用呢?最简单的就是弄一个key:value这个样的Map出来,业务代码直接用map.get(key)即可。高级一点的可以把页面发来的数据直接绑定到对象的属性上,并且支持数组,嵌套等复杂的结构。
例如user.name=liuxin&user.password=123456可以绑定到一个叫User的对象,其中有两个属性userName和password。
随着移动互联网的发展,web前端逐渐受到企业的重视,前端开发人员的薪资也水涨船高,越来越多的人看好前端行业的发展,想要转行加入。下面,给大家分享一份web前端学习路线,希望对初学者有所帮助。
在整个技术领域,Web前端开发永远站在一线直面用户体验,已成为当下互联网行业紧俏的高端技术岗位。目前Web前端薪资水平高,职业前景广阔,岗位缺口大,就业口径宽,想通过学习Web前端开发,想进入到该行业工作的人越来越多。Web前端入门相对简单,但是学习后期会越来越难,也无法掌握Web前端的精髓,这就需要专业的老师对其系统知识的传授与点拨。
对于零基础的人而言,要怎么学习web前端呢?
1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局,可实现响应式布局,一套代码适配 PC 端、移动端、平板设备等。
2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具,如 git、gulp、webpack 等,搭建项目及开发项目。
3、 Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据,实现复杂数据展示类项目,能够独立完成前后台相关功能,胜任HTML5全栈开发工程师职位。
很多学习web前端的朋友都希望在学成后能找到一份满意的工作,所以我们在学习过程中一定要注意实战经验的积累,如果你所学的东西对企业没有用,那你所做的一切都是无用功。
互联网的发展,使得Web前端开发工程师对于大多数人来说是个全新的职业,在国内乃至国际上真正开始受到关注和发展的时间不到10年。Web前端开发作为网页制作的一个细分行业,在名称上有很明显的时代特征。
以上就是今天分享给大家的内容了,想要了解更多前端开发资讯,敬请关注我爱编程网!Web前端新手要怎么入门?Web前端入门教程讲解今天小编要跟大家分享的文章是关于Web前端新手要怎么入门?Web前端入门教程讲解。初学编程的小伙伴经常会遇到的问题,1.没资源2.没人带3.不知道从何开始,小编也是从新手期过来的,所以很能理解萌新的难处,现在整理一些以前自己学习的一些资料送给大家,希望对广大初学小伙伴有帮助!给你学习前端的新手几个建议:第一:切
转行做Web前端工程师要学习的入门知识汇总今天小编要跟大家分享的文章是关于转行做Web前端工程师要学习的入门知识汇总。想要学习Web前端知识的小伙伴们来和小编一起看一看吧,希望本篇文章能够对大家有所帮助。一、前端工程师的主要职责:前端工程师在不同的公司有不同的功能,但性质相似。1、网站设计与网页界面开发2、做网站界面开发3、Web界面开发,前端数
web前端开发要怎样学?前端开发可以自学,也可以选择口碑好、信誉佳的机构学。互联网的发展带动了多种行业的发展,Web前端在互联网行业也发挥着越来越重要的作用。Web前端开发不仅在形式、内容和功能上也有了极大的丰富,而且对前端开发人员的要求越来越高。web全栈工程师5.0课程学习内容包括:①计算机基础以及PS基础②前端开发基础(HTML5开发、JavaScript基础
WEB前端开发教程WEB前端开发入门攻略1、首先要从基本的HTML语言开始学起。网页的所有内容都是建立在HTML的基础之上,要想学好HTML,不要去使用任何集成工具,而是使用文本编辑器,直接从最简单的HTML可以写起。首先上网下载notepad++文本编辑器,一个好的文本编辑工具能达到事半功倍的效果。2、w3shcool网站提供各种前端开发教程,其教程很适合初学者学习。根据教程的每一步
如何学习WEB前端开发?您好,学习web前端一定要有方向,推荐你一个web前端的学习方向:阶段1.前端核心基础HTML_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5CSS3移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例
网页web前端开发要学些什么网页web前端开发要学些什么,一起来了解一下吧:1.html+css+js,是WEB前端开发最基础的知识。2.JQuery、html5+css3、http+ajax+json+nodejs+mysql+mongoDB等前后端交互、vue、react、小程序、app混合开发等进阶知识。3.更高级的知识板块,web安全,数据可视化,算法以及算法处理等。
web前端需要学习哪些内容前端虽然学习起来是相对简单的,但是内容也不少,同时后期可以补充后端技能,成为现在热门的web全栈工程师。要学的内容主要有:①计算机基础以及PS基础②前端开发基础(HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架)③移动开发④前端高级开发(ECMAScript6、Veu.js框架开发、we
如何高效学习web前端?以下是一些高效学习Web前端的方法:学习基础知识:首先,需要学习Web前端基础知识,例如HTML、CSS和JavaScript等。可以参考一些在线课程或教程,例如w3schools、Codecademy等,这些网站提供免费的Web前端教程。实践项目:学习Web前端不仅需要掌握理论知识,还需要实践项目。可以通过参与开源项目或者自己完成一些小
2023-10-08 16:59:01
2023-06-27 20:13:22
2023-10-18 08:49:28
2023-10-18 08:47:21
2023-10-18 08:41:25
2023-10-18 08:37:15